Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
🤖 I have created a release beep boop
0.51.0 (2024-04-22)
⚠ BREAKING CHANGES
@sbb-esta/lyne-componentshave changed from extension-less to including the extension (e.g.@sbb-esta/lyne-components/buttonto@sbb-esta/lyne-components/button.js).sbb-dialogcomponent now needs the dedicated inner elementssbb-dialog-title,sbb-dialog-content, andsbb-dialog-actions. Use these components to respectively provide a title, a content and, optionally, a footer with an action group. Moreover, the full-screen variant (which occurred when no title was provided to the dialog) has been removed. To achieve a full-screen overlay, please use the newsbb-overlaycomponent. As a migration help, consider the following example. Old:<sbb-dialog title-content="Title"><p>Dialog content.</p><sbb-action-group slot="action-group">...</sbb-action-group></sbb-dialog>. New:<sbb-dialog><sbb-dialog-title>Title</sbb-dialog-title><sbb-dialog-content><p>Dialog content</p></sbb-dialog-content><sbb-dialog-actions>...</sbb-dialog-actions></sbb-dialog>. Previously, a full-screen dialog was displayed if no title was provided to the dialog component:<sbb-dialog><p>Dialog content.</p></sbb-dialog>. To achieve the same, it is now mandatory to use thesbb-overlaycomponent:<sbb-overlay><p>Overlay content.</p></sbb-overlay>.--sbb-form-field-heighthas been renamed to--sbb-form-field-min-height.labelproperty and attribute of<sbb-form-field>was removed. Use<label>tag inside<sbb-form-field>to provide the label information. E.g.<sbb-form-field label="Example">...</sbb-form-field>becomes<sbb-form-field><label>Example</label>...</sbb-form-field>sbb-screenreader-onlytosbb-screeen-reader-only.activeproperty of<sbb-navigation-button>/<sbb-navigation-link>(former<sbb-navigation-action>) has been removed. Add the CSS classsbb-activeto the corresponding button/link, to mark it as active. Additionally, wheneversbb-activeclass is set in navigation, the corresponding navigation section, if one is connected, automatically opens.sbb-card-action: split insbb-card-buttonandsbb-card-linksbb-header-action: split insbb-header-buttonandsbb-header-linksbb-menu-action: split insbb-menu-buttonandsbb-menu-linksbb-navigation-action: split insbb-navigation-buttonandsbb-navigation-linkisStaticflag has been removed from buttons and links; since the static case was automatically detected when action elements were nested in other action elements, now you need to check for usage of nested buttons/links in other action elements and possibly fix them using the new static variants.sbb-button: thevariantproperty has been removed and for each value, a new component has been created (e.g.sbb-button,sbb-secondary-button,sbb-tertiary-button,sbb-transparent-button); each of them has been further divided considering the behavior:hrefset), replace it with<sbb{-variant}-button>hrefset), replace it with<sbb{-variant}-button-link>isStaticset), replace it with<sbb{-variant}-button-static>sbb-buttonin asbb-form-fieldis not supported anymore; a new component namedsbb-mini-buttonhas been created to handle this specific casesbb-buttoninsbb-toastwith the newsbb-transparent-button/sbb-transparent-button-link, since the variant is not automatically set anymoresbb-linkhas been split into nine components, based on type and variant:sbb-linkhad an[href="..."], it migrates to<sbb{-variant}-link>:<sbb-link href="...">should be replaced with<sbb-block-link href="..."><sbb-link href="..." variant="block">should be replaced with<sbb-block-link href="..."><sbb-link href="..." variant="inline" >should be replaced with<sbb-link href="...">sbb-linkdid not have an[href="..."], it migrates to<sbb{-variant}-link-button><sbb-link>should be replaced with<sbb-block-link-button><sbb-link variant="block">should be replaced with<sbb-block-link-button><sbb-link variant="inline">should be replaced with<sbb-link-button>sbb-linkhad an[is-static], it migrates to<sbb{-variant}-link-static><sbb-link is-static>should be replaced with<sbb-block-link-static><sbb-link is-static variant="block">should be replaced with<sbb-block-link-static><sbb-link is-static variant="inline">should be replaced with<sbb-link-static>sbb-action-groupnow only acceptssbb-block-link | sbb-block-link-buttonbesides any<sbb-button>variantsbb-link-listnow only acceptssbb-block-link | sbb-block-link-buttonsbb-skiplink-listnow only acceptssbb-block-link | sbb-block-link-buttonsbb-toastnow only acceptssbb-link | sbb-link-button | sbb-transparent-button | sbb-transparent-button-linklink-variablesSASS mixin renamed toblock-link-variables,link-variables--negativeSASS mixin renamed toblock-link-variables--negative,link-variables--inlineSASS mixin renamed tolink-variables,link-variables--inline-negativeSASS mixin renamed tolink-variables--negativelink-inline-consolidationSASS mixin renamed tolink-consolidation,link-inlineSASS mixin renamed tolink,link-inline-negativeSASS mixin renamed tolink-negative--sbb-color-iron-default=>--sbb-color-ironandSbbColorIronDefault=>SbbColorIron).TitleLeveltoSbbTitleLevelnoBorderRadiushas been replaced byborderRadiuswhich can receive 'default', 'none' and 'round'.sbb-tooltiphas been renamed tosbb-popover. Componentsbb-tooltip-triggerhas been renamed tosbb-popover-triggerAttributesbb-tooltip-closehas been renamed tosbb-popover-close. Every CSS tooltip variable has been renamed from--sbb-tooltip-*to--sbb-popover-*(including trigger).willPresentevent towillOpenanddidPresenttodidOpen.isStackedhas been removed in favor ofalignment. Please see the documentation for further info. Thedescriptionis not clamped to two lines anymore (responsibility of consumer). The slottedimagehas now a default width of300px. The slot, formerly nameddescription, has been replaced by the unnamed slot. Support of nestedpelements dropped (invalid html).sbb-timetable-barrier-free,sbb-timetable-park-and-rail,sbb-timetable-row-column-headers,sbb-timetable-row-day-change,sbb-timetable-row-header,sbb-timetable-transportation-number,sbb-timetable-transportation-time,timetable-travel-hints.Features
--sbb-font-size-title-5for zero to small breakpoints (#2448) (15b786a)<sbb-form-field>(#2506) (f8316f0), closes #2497sbb-overlaycomponent from dialog (#2477) (5ea4fb7), closes #2476 #2470Bug Fixes
sbb-activeinitializes correctly (#2493) (baede50)Documentation
Styles
Code Refactoring
sbb-screenreader-onlytosbb-screeen-reader-only(#2520) (6fbf085)This PR was generated with Release Please. See documentation.