chore(main): release 1.0.0 #2828
Closed
Conversation
This file contains 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
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
github-actions
bot
requested review from
kyubisation and
jeripeierSBB
as code owners
kyubisation
deleted the
release-please--branches--main--components--lyne-elements
branch
github-actions
bot
added
the
pr: peer review required
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
1.0.0 (2024-06-25)
⚠ BREAKING CHANGES
sbb-teaser-heroandsbb-teaser-paidare now part of the@sbb-esta/lyne-elements-experimentalpackage.sbb-tab-titlecomponent has been renamed tosbb-tab-label. A new component namedsbb-tabhas been created, and it is now the only supported tag for the tab's content;article,sectionanddivare not supported anymore. To solve the issue [Feature request]: Add details to tab click event #1351, thedidChangeevent onsbb-tab-groupnow includes an object which contains the currently selected tab index, thesbb-tab-labelcomponent and relatedsbb-tabcomponent, plus, if available, the previous ones.sbb-selection-panelhas been renamed tosbb-selection-expansion-panel. Thesbb-checkboxandsbb-radio-buttoncomponents cannot be used anymore withsbb-selection-expansion-panel(does not apply for cases where they are slotted inside thecontentslot). As a replacement, we introduce the new componentssbb-checkbox-panelandsbb-radio-button-panel, which could also be used standalone in cases where there is no content.sbb-checkbox-groupandsbb-radio-button-groupalso support the panel variants. How to migrate?sbb-selection-paneltosbb-selection-expansion-panel.sbb-selection-expansion-panel, replacesbb-checkboxwithsbb-checkbox-panelandsbb-radio-buttonwithsbb-radio-button-panel(does not apply for cases where they are slotted inside thecontentslot of thesbb-selection-expansion-panel)sbb-selection-panel/sbb-selection-expansion-panelanymore, but directly usesbb-checkbox-panelorsbb-radio-button-panel.sbb-selection-panelhas been renamed tosbb-selection-expansion-panel. Thesbb-checkboxandsbb-radio-buttoncomponents cannot be used anymore withsbb-selection-expansion-panel(does not apply for cases where they are slotted inside thecontentslot). As a replacement, we introduce the new componentssbb-checkbox-panelandsbb-radio-button-panel, which could also be used standalone in cases where there is no content.sbb-checkbox-groupandsbb-radio-button-groupalso support the panel variants. How to migrate?sbb-selection-paneltosbb-selection-expansion-panel.sbb-selection-expansion-panel, replacesbb-checkboxwithsbb-checkbox-panelandsbb-radio-buttonwithsbb-radio-button-panel(does not apply for cases where they are slotted inside thecontentslot of thesbb-selection-expansion-panel)sbb-selection-panel/sbb-selection-expansion-panelanymore, but directly usesbb-checkbox-panelorsbb-radio-button-panel.nowproperty that can be used to set time or date-based components into a specific state, especially for testing purposes.sbb-calendar,sbb-datepicker,sbb-timetable-row,sbb-journey-summary,sbb-pearl-chain,sbb-pearl-chain-time: change the attributedata-nowtonow. The propertynowcan be a Date or Unix timestamp. If you had a timestamp in milliseconds before, please divide by 1000 to get seconds.sbb-clock: change the attributedata-nowtonow. The propertynowhas to be in the format "HH:MM:SS".Lyne componentsandLyne components reactlibraries have been renamed, please update imports accordingly.@sbb-esta/lyne-components=>@sbb-esta/lyne-elements@sbb-esta/lyne-components-react=>@sbb-esta/lyne-reactThe following components, and their react wrappers, have been moved into
@sbb-esta/lyne-elements-experimentaland@sbb-esta/lyne-react-experimentalrespectively:linkrole inside the Shadow DOM. Therefore, for the following components, replace the[aria-label]usages with[accessibility-label]attribute oraccessibilityLabelproperty:sbb-breadcrumbsbb-button-link,sbb-secondary-button-link,sbb-tertiary-button-link,sbb-transparent-button-linksbb-card-linksbb-header-linksbb-link,sbb-block-linksbb-menu-linksbb-navigation-linksbb-teaser,sbb-teaser-hero,sbb-teaser-paidtypography.cssinto smaller consumable modules, we had to change the names of some files.typography.csstostandard-theme.css. Notice: there is still a file calledtypography.cssthat contains only a few typography-related outputs. Therefore, import adaption fromtypography.csstostandard-theme.cssis mandatory.fullfont.csstofont-characters-extension.css.Roman,Bold, andLightfont-face variants with the singleSBBfont. Using CSSfont-weightproperty automatically selects the correct font family. Migration guide:font-family: "SBBWeb Roman", ...withfont-family: "SBB", ...and usefont-weight: normal(potentially not necessary asnormalis the default).font-family: "SBBWeb Bold", ...withfont-family: "SBB", ...and usefont-weight: boldor CSS classsbb-text--bold.font-family: "SBBWeb Light", ...withfont-family: "SBB", ...and usefont-weight: 300.--sbb-typo-type-face-sbb-romanwith--sbb-typo-font-familyand usefont-weight: normal(potentially not necessary asnormalis the default).--sbb-typo-type-face-sbb-boldwith--sbb-typo-font-familyand usefont-weight: bold.--sbb-typo-type-face-sbb-lightwith--sbb-typo-font-familyand usefont-weight: 300.disable-animationproperty. Useanimation='none'instead.disable-animationproperty. Useanimation='none'instead or depending on the case 'open' or 'close'.sbb-disable-animationCSS class to disable animations for the element and all its children. Consequently, alldisable-animationproperties of the following components have been removed.disable-animationproperty fromsbb-accordiondisable-animationproperty fromsbb-alertdisable-animationproperty fromsbb-autocompletedisable-animationproperty fromsbb-datepicker-toggledisable-animationproperty fromsbb-dialogdisable-animationproperty fromsbb-expansion-paneldisable-animationproperty fromsbb-imagedisable-animationproperty fromsbb-loading-indicatordisable-animationproperty fromsbb-menudisable-animationproperty fromsbb-navigationdisable-animationproperty fromsbb-navigation-sectiondisable-animationproperty fromsbb-notificationdisable-animationproperty fromsbb-overlaydisable-animationproperty fromsbb-popoverdisable-animationproperty fromsbb-selectdisable-animationproperty fromsbb-selection-paneldisable-animationproperty fromsbb-sticky-bardisable-animationproperty fromsbb-toastdisable-animationproperty fromsbb-toggle@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-negativeFeatures
animationproperty (#2507) (8b91eb8)animationproperty (#2507) (8b91eb8)<sbb-form-field>(#2506) (f8316f0), closes #2497sbb-overlaycomponent from dialog (#2477) (5ea4fb7), closes #2476 #2470sbb-steppercomponent (#2491) (d389572)Bug Fixes
sbb-activeinitializes correctly (#2493) (baede50)Miscellaneous Chores
Code Refactoring
lyne-componentsintolyne-elementsand createlyne-elements-experimental(edd3a73)sbb-screenreader-onlytosbb-screeen-reader-only(#2520) (6fbf085)@sbb-esta/lyne-elements-experimental(#2782) (1032e76)This PR was generated with Release Please. See documentation.