diff --git a/.changeset/thick-melons-think.md b/.changeset/thick-melons-think.md new file mode 100644 index 0000000000..02327b710b --- /dev/null +++ b/.changeset/thick-melons-think.md @@ -0,0 +1,9 @@ +--- +'@swisspost/design-system-documentation': minor +--- + +Updated the migration guide: + +- Added information regarding the removal of bootstrap and ng-bootstrap in one place +- Cleaned up scattered informations regarding bootstrap removal in the rest of the page +- Removed all informations of removed elements that were never previously documented diff --git a/packages/documentation/src/stories/misc/migration-guide/migrationv9-10.component.ts b/packages/documentation/src/stories/misc/migration-guide/migrationv9-10.component.ts index 32fb2bb802..edba1d2ade 100644 --- a/packages/documentation/src/stories/misc/migration-guide/migrationv9-10.component.ts +++ b/packages/documentation/src/stories/misc/migration-guide/migrationv9-10.component.ts @@ -48,6 +48,45 @@ export class MigrationV99Component extends LitElement {
  • Component Migration 🤓

    + +

    Notice: Bootstrap & Ng-Bootstrap removed

    +

    + As part of the latest migration, Bootstrap and Ng-Bootstrap have been fully removed from the design system. This means that any variables, classes, mixins, or utilities originating from Bootstrap and all components from Ng-Bootstrap are no longer available. +

    +

    + However, many commonly used features from Bootstrap — such as the grid system (columns) and most utility classes — have been internalized into the design system. You can continue using them through the design system without needing Bootstrap.
    +

    +

    + If you encounter any broken styles or issues after upgrading, you have two options: +

    + +

    Please review your components and styles to ensure compatibility. +


    + +
    + +
    +

    Ng-Bootstrap

    +

    Removed the following Ng-Bootstrap components:

    + +
    +

    Styles

    @@ -86,59 +125,7 @@ export class MigrationV99Component extends LitElement {
  • The .form-text class has been renamed to .form-hint - breaking🪄 migration rule -

    -
  • -
  • -

    - Some form-check scss variables have been removed - breaking -

    -
      -
    • $form-check-inline-margin-left
    • -
    • $form-check-input-width
    • -
    • $form-check-min-height
    • -
    • $form-check-padding-start
    • -
    • $form-check-input-color
    • -
    • $form-check-input-bg
    • -
    • $form-check-input-border
    • -
    • $form-check-input-border-radius
    • -
    • $form-check-radio-border-radius
    • -
    • $form-check-input-focus-border
    • -
    • $form-check-input-focus-width
    • -
    • $form-check-input-focus-box-shadow
    • -
    • $form-check-input-active-filter
    • -
    • $form-check-input-hover-color
    • -
    • $form-check-input-checked-color
    • -
    • $form-check-input-checked-bg-color
    • -
    • $form-check-input-checked-border-color
    • -
    • $form-check-input-checked-bg-icon
    • -
    • $form-check-input-checked-bg-image
    • -
    • $form-check-radio-checked-bg-icon
    • -
    • $form-check-radio-checked-bg-image
    • -
    • $form-check-input-indeterminate-color
    • -
    • $form-check-input-indeterminate-bg-color
    • -
    • $form-check-input-indeterminate-border-color
    • -
    • $form-check-input-indeterminate-bg-icon
    • -
    • $form-check-input-indeterminate-bg-image
    • -
    • $form-check-inline-margin-end
    • -
    • $form-check-label-cursor
    • -
    • $form-check-label-color
    • -
    • $form-check-label-padding-x
    • -
    • $form-check-label-padding-top
    • -
    • $form-check-label-padding-start
    • -
    • $form-check-label-padding-end
    • -
    • $form-check-feedback-margin-top
    • -
    -
  • -
  • -

    - Removed the @mixin placeholder() - breaking -

    -

    - The CSS selector ::placeholder can be used instead as it is now - widely available. + breaking 🪄 migration rule

  • @@ -319,24 +306,6 @@ export class MigrationV99Component extends LitElement { breaking

  • -
  • -

    Removed utility mixins breaking

    - -
  • Renamed some utility classes @@ -374,30 +343,6 @@ export class MigrationV99Component extends LitElement {

  • -
    Helpers
    - -
    Typography
    -
  • -

    - All classes and CSS variables related to the bootstrap - navbar component have been removed - breaking -

    -
  • Deprecated loader classes and related scss variables have been removed