diff --git a/src/components/accordion/readme.md b/src/components/accordion/readme.md index 6029f8a74e..b480fd51e4 100644 --- a/src/components/accordion/readme.md +++ b/src/components/accordion/readme.md @@ -39,10 +39,6 @@ In the following example, all the `sbb-expansion-panel-header` would be wrapped ``` -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/autocomplete/readme.md b/src/components/autocomplete/readme.md index f744ecd269..bc60f7e5af 100644 --- a/src/components/autocomplete/readme.md +++ b/src/components/autocomplete/readme.md @@ -93,10 +93,6 @@ Nesting interactive controls like this interferes with many assistive technologi The component preserves focus on the input trigger, using `aria-activedescendant` to support navigation though the autocomplete options. -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/calendar/readme.md b/src/components/calendar/readme.md index 2d91e8f8fb..92ef3cd12f 100644 --- a/src/components/calendar/readme.md +++ b/src/components/calendar/readme.md @@ -60,10 +60,6 @@ For accessibility purposes, the component is rendered as a native table element To specify a specific date for the current datetime, you can use the `data-now` attribute (timestamp in milliseconds). This is helpful if you need a specific state of the component. -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/container/sticky-bar/readme.md b/src/components/container/sticky-bar/readme.md index 8dc5ef5e66..95894353f0 100644 --- a/src/components/container/sticky-bar/readme.md +++ b/src/components/container/sticky-bar/readme.md @@ -18,10 +18,6 @@ The `sbb-sticky-bar` content is provided via an unnamed slot. The `sbb-sticky-bar` inherits its variant from the `sbb-container` it's placed in. Optionally the user can set the `color` property on the `sbb-sticky-bar` in order to override the one inherited by the `sbb-container`. The color is only applied when the sticky bar is sticking, and will become transparent once it settles on the bottom of the container. -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/datepicker/datepicker/readme.md b/src/components/datepicker/datepicker/readme.md index ecf0f9ef9e..8a346724c7 100644 --- a/src/components/datepicker/datepicker/readme.md +++ b/src/components/datepicker/datepicker/readme.md @@ -100,10 +100,6 @@ Whenever the validation state changes (e.g., a valid value becomes invalid or vi To specify a specific date for the current datetime, you can use the `data-now` attribute (timestamp in milliseconds). This is helpful if you need a specific state of the component. -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/expansion-panel/expansion-panel/readme.md b/src/components/expansion-panel/expansion-panel/readme.md index 11fd2b2dab..4982baf02f 100644 --- a/src/components/expansion-panel/expansion-panel/readme.md +++ b/src/components/expansion-panel/expansion-panel/readme.md @@ -67,10 +67,6 @@ and the header's `id` is set as `aria-labelledby` attribute on the content. The `expanded` attribute is used to correctly set the `aria-expanded` attribute on the header and the `aria-hidden` attribute on the content. -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/file-selector/readme.md b/src/components/file-selector/readme.md index d5e5ffbebd..ae14248fa8 100644 --- a/src/components/file-selector/readme.md +++ b/src/components/file-selector/readme.md @@ -78,10 +78,6 @@ It's suggested to have a different value for each variant, e.g.: > ``` -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/header/header/readme.md b/src/components/header/header/readme.md index 7e98d17c08..dcfe222e40 100644 --- a/src/components/header/header/readme.md +++ b/src/components/header/header/readme.md @@ -98,10 +98,6 @@ set the CSS class `sbb-header-shrinkable` on the desired `sbb-header-button`/`sb in the component's stories (see also [this Storybook issue](https://github.com/storybookjs/storybook/issues/8820)), so they were wrapped into a `style` tag and added to the Storybook's configuration file named `preview-head.html`. -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/image/readme.md b/src/components/image/readme.md index 9adfaae2a0..917f4232c7 100644 --- a/src/components/image/readme.md +++ b/src/components/image/readme.md @@ -3,10 +3,6 @@ The `sbb-image` component is used to render an image. Mainly from cdn.img.sbb.ch (with `imageSrc`), but we can set an external image too. The size can be set with `pictureSizesConfig`. -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/loading-indicator/readme.md b/src/components/loading-indicator/readme.md index 1e98e0bd10..f11e59d9da 100644 --- a/src/components/loading-indicator/readme.md +++ b/src/components/loading-indicator/readme.md @@ -45,10 +45,6 @@ and then append the `sbb-loading-indicator` on it after giving it the correct `a ``` -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/menu/menu/readme.md b/src/components/menu/menu/readme.md index 7f57f664c1..30d942fa9e 100644 --- a/src/components/menu/menu/readme.md +++ b/src/components/menu/menu/readme.md @@ -57,10 +57,6 @@ As the menu opens, the focus will automatically be set to the first focusable it When using the `sbb-menu` as a select (e.g. language selection) it's recommended to use the `aria-pressed` attribute to identify which actions are active and which are not. -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/navigation/navigation/readme.md b/src/components/navigation/navigation/readme.md index f19721d341..89fe4fd4fe 100644 --- a/src/components/navigation/navigation/readme.md +++ b/src/components/navigation/navigation/readme.md @@ -54,10 +54,6 @@ On opening, the focus will be automatically set on the first focusable element o When a navigation action is marked to indicate the user is currently on that page, `aria-current="page"` should be set on that action. Similarly, if a navigation action is marked to indicate a selected option (e.g., the selected language) `aria-pressed` should be set on that action. -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/notification/readme.md b/src/components/notification/readme.md index 03aee16ba8..9a2383e89b 100644 --- a/src/components/notification/readme.md +++ b/src/components/notification/readme.md @@ -75,8 +75,6 @@ This ensures that users who rely on screen readers are promptly informed of any By default, the `sbb-notification` only runs a close animation. Set the `animation` attribute to define what animations should run. -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/popover/popover/readme.md b/src/components/popover/popover/readme.md index 9bf9b437b3..fb785d84e4 100644 --- a/src/components/popover/popover/readme.md +++ b/src/components/popover/popover/readme.md @@ -74,10 +74,6 @@ If the close button is not hidden, it's the first element and therefore gets foc Overlays should always contain a heading level 2 title. It can be visually hidden if necessary. -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/select/readme.md b/src/components/select/readme.md index 42b90e41bd..96cfbc1798 100644 --- a/src/components/select/readme.md +++ b/src/components/select/readme.md @@ -100,10 +100,6 @@ Opened panel: | ShiftUp Arrow | If `multiple`, moves to the next non-disabled option and toggle its selection. | | Any char or number | If exists, select the first non-disabled matching option after the selected value. | -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/selection-panel/readme.md b/src/components/selection-panel/readme.md index fa37af38e0..7025813ae3 100644 --- a/src/components/selection-panel/readme.md +++ b/src/components/selection-panel/readme.md @@ -73,10 +73,6 @@ It's also possible to display the `sbb-selection-panel` without border by settin ... ``` -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/slider/readme.md b/src/components/slider/readme.md index 7f8ff67d57..c1a751e029 100644 --- a/src/components/slider/readme.md +++ b/src/components/slider/readme.md @@ -66,10 +66,6 @@ The `sbb-slider` has the following behaviour on keypress when focused: | End | Set the value to the maximum. | | Home | Set the value to the minimum. | -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/tabs/tab-group/readme.md b/src/components/tabs/tab-group/readme.md index 9c0b9520fa..373ed6ddc8 100644 --- a/src/components/tabs/tab-group/readme.md +++ b/src/components/tabs/tab-group/readme.md @@ -36,10 +36,6 @@ It's possible to set the first selected tab using the `initialSelectedIndex` pro ... ``` -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/teaser-hero/readme.md b/src/components/teaser-hero/readme.md index 691f8d4a18..753674b3a8 100644 --- a/src/components/teaser-hero/readme.md +++ b/src/components/teaser-hero/readme.md @@ -30,10 +30,6 @@ The description text is wrapped into an `p` element to guarantee the semantic me Avoid slotting block elements (e.g. `div`) as this violates semantic rules and can have negative effects on screen readers. -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/teaser-paid/readme.md b/src/components/teaser-paid/readme.md index a603bef81c..498974dc59 100644 --- a/src/components/teaser-paid/readme.md +++ b/src/components/teaser-paid/readme.md @@ -11,10 +11,6 @@ The `sbb-teaser-paid` is a component with a background image and a chip with a t The `sbb-teaser-paid` component has two slots: the `image` slot, used to slot an `sbb-image` and the `chip` slot, used to slot an `sbb-chip`. -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/teaser/readme.md b/src/components/teaser/readme.md index ca3d467f21..21ecb3cb4f 100644 --- a/src/components/teaser/readme.md +++ b/src/components/teaser/readme.md @@ -48,10 +48,6 @@ The description text is wrapped into an `

` element to guarantee the semantic Avoid slotting block elements (e.g. `

`) as this violates semantic rules and can have negative effects on screen readers. -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/toast/readme.md b/src/components/toast/readme.md index 6a75abba81..8ab955cfb0 100644 --- a/src/components/toast/readme.md +++ b/src/components/toast/readme.md @@ -98,10 +98,6 @@ Unless strictly necessary, we advise you not to wrap it preventively and let the ``` -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties diff --git a/src/components/toggle/toggle/readme.md b/src/components/toggle/toggle/readme.md index f873f22f53..d1a66e9935 100644 --- a/src/components/toggle/toggle/readme.md +++ b/src/components/toggle/toggle/readme.md @@ -30,10 +30,6 @@ The component has two different sizes, `s` and `m` (default), which can be set u ... ``` -## Animation - -Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children. - ## Properties