@sbb-esta/lyne-elements-dev 4.11.0-dev.1777283963 → 4.11.0-dev.1777284830
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core/styles/core.scss +4 -0
- package/core.css +12 -0
- package/custom-elements.json +2019 -2019
- package/development/toast/toast.component.js +1 -1
- package/development/toast.component-IhHx0Qt3.js +275 -0
- package/development/toast.js +1 -1
- package/development/toast.pure.js +1 -1
- package/off-brand-theme.css +12 -0
- package/package.json +2 -2
- package/safety-theme.css +12 -0
- package/standard-theme.css +12 -0
- package/toast/toast.component.js +1 -1
- package/{toast.component-CGVqkd0_.js → toast.component-CORnf2Tl.js} +1 -1
- package/toast.js +1 -1
- package/toast.pure.js +1 -1
- package/development/toast.component-Cgr5ZGOr.js +0 -275
package/core/styles/core.scss
CHANGED
|
@@ -280,6 +280,9 @@ $theme: 'standard' !default;
|
|
|
280
280
|
@use '../../tooltip/tooltip.global' as tooltip with (
|
|
281
281
|
$theme: $theme
|
|
282
282
|
);
|
|
283
|
+
@use '../../toast/toast.global' as toast with (
|
|
284
|
+
$theme: $theme
|
|
285
|
+
);
|
|
283
286
|
@use '../../visual-checkbox/visual-checkbox.global' as visual-checkbox with (
|
|
284
287
|
$theme: $theme
|
|
285
288
|
);
|
|
@@ -372,6 +375,7 @@ $theme: 'standard' !default;
|
|
|
372
375
|
@include toggle.base;
|
|
373
376
|
@include toggle-option.base;
|
|
374
377
|
@include tooltip.base;
|
|
378
|
+
@include toast.base;
|
|
375
379
|
@include visual-checkbox.base;
|
|
376
380
|
|
|
377
381
|
@include a11y.if-forced-colors {
|
package/core.css
CHANGED
|
@@ -1855,6 +1855,18 @@ slot[name=error]::slotted(*) {
|
|
|
1855
1855
|
--sbb-overlay-position-try-fallbacks:
|
|
1856
1856
|
block-start span-inline-end, block-start span-inline-start, block-end,
|
|
1857
1857
|
block-end span-inline-end, block-end span-inline-start;
|
|
1858
|
+
--sbb-toast-max-width: 25rem;
|
|
1859
|
+
--sbb-toast-animation-timing-function: ease;
|
|
1860
|
+
--sbb-toast-text-color: var(--sbb-color-3-inverted);
|
|
1861
|
+
--sbb-toast-background-color: var(--sbb-background-color-1-inverted);
|
|
1862
|
+
--sbb-toast-margin: var(--sbb-spacing-responsive-s);
|
|
1863
|
+
--sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);
|
|
1864
|
+
--sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);
|
|
1865
|
+
--sbb-toast-border-radius: var(--sbb-border-radius-4x);
|
|
1866
|
+
--sbb-toast-container-position: fixed;
|
|
1867
|
+
--sbb-toast-horizontal-position: initial;
|
|
1868
|
+
--sbb-toast-vertical-position: initial;
|
|
1869
|
+
--sbb-toast-gap: var(--sbb-spacing-fixed-2x);
|
|
1858
1870
|
--sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m);
|
|
1859
1871
|
--sbb-visual-checkbox-selection-color: var(--sbb-color-primary);
|
|
1860
1872
|
--sbb-visual-checkbox-selection-color-negative: var(--sbb-color-primary85);
|