backdrop
property to control backdrop density (#3325) (813b141), closes #2806CSS
and Sass
(#3290) (b52ac99)figure
as image (#3294) (1d64853)disabledInteractive
property had to be used along with the disabled
property. With this change, either disabled
or disabledInteractive
should be used. This affects all button components (primarily sbb-button
) and we strongly recommend checking all current usages of disabledInteractive
.willOpen
, didOpen
, willClose
, didClose
, willStick
, didStick
, willUnstick
and didUnstick
events no longer bubble.didChange
events from sbb-checkbox
, sbb-checkbox-panel
, sbb-toggle-check
, sbb-select
, sbb-toggle
and sbb-datepicker
. Use change
event as alternative.caption
, copyright
, copyrightHolder
attributes; We removed the caption and the copyright from the component to improve the usage flexibility of the sbb-image
. The consumer is now responsible for providing them (see the sbb-image
readme to know more).borderRadius
, aspectRatio
attributes. Use the utility classes instead (see the sbb-image
readme to know more). Removed the --sbb-image-border-radius
CSS var from the sbb-image
. Alternatively, use the border-radius
CSS property.image-src
, image-alt
attributes. Removed chip
slot. Consumers can slot an sbb-image
and add overlay elements on top of it (see the sbb-teaser-hero
readme to know more).linkContent
, href
, target
, rel
, accessibilityLabel
) of the sbb-alert
have been removed. Consumers have to slot a <sbb-link>
into the unnamed content slot.sbb-loading-indicator
component no longer supports the circle
variant, to achieve this look use sbb-loading-indicator-circle
instead. For any other case where it is used in its window
variant just remove the variant
property as it is no longer needed.sbb-tertiary-button
was renamed to sbb-accent-button
logo
slot and the default sbb-logo
from the sbb-header
. Alternatively, add the sbb-header-logo
CSS class to the logo or to an <a>
-element containing the logo and use the default slot. To align the logo to the right, use a spacer element with the sbb-header-spacer
CSS class applied. For more information, see sbb-header
docs.SbbMiniButtonBaseElement
is used only in the sbb-mini-button-component
, so it can be safely removed to avoid redundant code.getAvailableDate()
andisDateAvailable()
findPreviousAvailableDate()
andfindNextAvailableDate()
into SbbDatepickerElement
and removed alldate
dateParser
and format
, asnow
property newly accepts null
instead of undefined
getValueAsDate()
and setValueAsDate()
.valueAsDate
instead.word-break: break-word;
CSS rule from lyne components. They will follow the default break rules. Impacted components are: sbb-dialog-content
, sbb-link
, sbb-link-button
, sbb-link-static
, sbb-block-link
, sbb-block-link-button
and sbb-block-link-static
.sbb-file-selector
has been split into two components based on the values of the variant
property. The files
property has now Readonly<File>[]
type instead than File[]
to not allow the direct modification of the inner File
properties. Changes: variant
property has been removed from the sbb-file-selector
component;sbb-file-selector
now corresponds to the old default
variant;sbb-file-selector-dropzone
has been created; it corresponds to the old dropzone
variant;sbb-file-selector
(since it refers only to dropzone case);files
property now returns a Readonly<File>[]
;getFiles()
method has been removed.getValueAsDate()
and setValueAsDate()
methods of the sbb-time-input
have been replaced by getter/setter valueAsDate
.dismissalRequested
event and requestDismissal()
method of sbb-alert
have been removed. The sbb-alert
handles its closing and DOM removal on his own. If the closing should be prevented, the willClose
event can be canceled. The didDismissAlert
of the sbb-alert-group
has been removed. As alternative, consumers can listen to the didClose
event of an sbb-alert
.getInputElement()
method of the sbb-form-field
has been removed. Use inputElement
property as alternative.active
property from sbb-option
and sbb-autocomplete-grid-option
has been removedhide-wagen-label
property of the sbb-train-formation
was removed. Now it automatically doesn't show the label if no label is set on all the wagons. The i18n i18nClosedCompartmentLabel()
method doesn't take wagonNumber
as an argument anymore but is a constant now. Additionally, there are some visual changes: sbb-train-wagon
: The ouccpancy
property doesn't default to none
null
. Please replace the currently undefined occupancynone
.sbb-train-wagon
: Previously for the locomotive the label was notsbb-train-formation
: The inline padding (left / right) was removedSbbRadioButtonGroupEventDetail
from the change
, input
and didChange
events of the sbb-radio-button-group
. As an alternative to event.detail.value
use radioButtonGroup.value
sbb-teaser-paid
was removed and integrated in sbb-teaser-hero
. Replacing the component / selector should be enough, as the API remains the same. sbb-teaser-hero
moved from @sbb-esta/experimental
into @sbb-esta/elements
package, therefore imports need to be adapted.getDocumentWritingMode()
removedgetLocalName()
removedformElementHandlerAspect()
removedHandlerRepository
, HandlerAspectParams
andHandlerAspect
removedSbbFocusableDisabledActionMixin
removedNodeIntersectionObserver
, AgnosticIntersectionObserver
,NodeMutationObserver
, AgnosticMutationObserver
, NodeResizeObserver
AgnosticResizeObserver
)sbb-chip-label
(#3200) (a59064e)didChange
events where possible (#3253) (da64d5d)getInputElement()
method (#3221) (23d1fea)active
property (#3220) (bb62e75)getLocalName()
(#3110) (f349463)sbb-image
usage (#3200) (a59064e)sbb-image
usage (#3200) (a59064e)sbb-teaser-paid
was removed and integrated in sbb-teaser-hero
. Replacing the component / selector should be enough, as the API remains the same. sbb-teaser-hero
moved from @sbb-esta/experimental
into @sbb-esta/elements
package, therefore imports need to be adapted.animation
property default to all (#2943) (581b95c)Unfortunately, this release failed. This release entry is primarily to preserve the correct history. We will soon release a new version.
This is our first stable release. We would like to take this moment to thank everyone involved in this project. Without your efforts, this would not have been possible.
sbb-teaser-hero
and sbb-teaser-paid
are now part of the @sbb-esta/lyne-elements-experimental
package.sbb-tab-title
component has been renamed to sbb-tab-label
. A new component named sbb-tab
has been created, and it is now the only supported tag for the tab's content; article
, section
and div
are not supported anymore. To solve the issue #1351, the didChange
event on sbb-tab-group
now includes an object which contains the currently selected tab index, the sbb-tab-label
component and related sbb-tab
component, plus, if available, the previous ones.sbb-selection-panel
has been renamed to sbb-selection-expansion-panel
. The sbb-checkbox
and sbb-radio-button
components cannot be used anymore with sbb-selection-expansion-panel
(does not apply for cases where they are slotted inside the content
slot). As a replacement, we introduce the new components sbb-checkbox-panel
and sbb-radio-button-panel
, which could also be used standalone in cases where there is no content. sbb-checkbox-group
and sbb-radio-button-group
also support the panel variants. How to migrate? sbb-selection-panel
to sbb-selection-expansion-panel
.sbb-selection-expansion-panel
, replace sbb-checkbox
with sbb-checkbox-panel
and sbb-radio-button
with sbb-radio-button-panel
(does not apply for cases where they are slotted inside the content
slot of the sbb-selection-expansion-panel
)sbb-selection-panel
/sbb-selection-expansion-panel
anymore, but directly use sbb-checkbox-panel
or sbb-radio-button-panel
.