@sbb-esta/lyne-elements-dev 4.11.0-dev.1776752302 → 4.11.0-dev.1776924022
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/{block-link-common-DzGY49Xc.js → block-link-common-BwXob5QE.js} +1 -1
- package/core/styles/core.scss +37 -4
- package/core/styles/mixins/helpers.scss +3 -3
- package/core.css +70 -5
- package/custom-elements.json +20 -20
- package/development/{block-link-common-GckvjULA.js → block-link-common-Dh1NOKxB.js} +2 -2
- package/development/form-field/form-field/form-field.component.js +1 -1
- package/development/form-field/form-field.js +1 -1
- package/development/{form-field.component-D0NJclvI.js → form-field.component-CWVzymTX.js} +2 -2
- package/development/form-field.js +1 -1
- package/development/form-field.pure.js +1 -1
- package/development/link/common/block-link-common.js +1 -1
- package/development/link/common.js +1 -1
- package/development/link.js +1 -1
- package/development/link.pure.js +1 -1
- package/development/slider/slider.component.js +1 -1
- package/development/{slider.component-BjfLnUvP.js → slider.component-C3qZB6ar.js} +2 -2
- package/development/slider.js +1 -1
- package/development/slider.pure.js +1 -1
- package/development/step-label.component-DjA-3IGs.js +131 -0
- package/development/stepper/step-label/step-label.component.js +1 -1
- package/development/stepper/step-label.js +1 -1
- package/development/stepper.js +1 -1
- package/development/stepper.pure.js +1 -1
- package/development/teaser-hero/teaser-hero.component.js +1 -1
- package/development/{teaser-hero.component-DNlc8Tbl.js → teaser-hero.component-BIOpoGME.js} +2 -2
- package/development/teaser-hero.js +1 -1
- package/development/teaser-hero.pure.js +1 -1
- package/development/timetable-form/timetable-form/timetable-form.component.js +1 -1
- package/development/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
- package/development/timetable-form/timetable-form-details.js +1 -1
- package/development/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
- package/development/timetable-form/timetable-form-field.js +1 -1
- package/development/timetable-form/timetable-form.js +1 -1
- package/development/timetable-form-details.component-DJl5Qt9y.js +26 -0
- package/development/timetable-form-field.component-DQ_TzcF4.js +44 -0
- package/development/timetable-form.component-N8h4JBlH.js +27 -0
- package/development/timetable-form.js +3 -3
- package/development/timetable-form.pure.js +3 -3
- package/development/timetable-occupancy/timetable-occupancy.component.js +1 -1
- package/development/timetable-occupancy.component-dhpPJEaI.js +124 -0
- package/development/timetable-occupancy.js +1 -1
- package/development/timetable-occupancy.pure.js +1 -1
- package/development/toggle/toggle/toggle.component.d.ts.map +1 -1
- package/development/toggle/toggle/toggle.component.js +1 -1
- package/development/toggle/toggle-option/toggle-option.component.d.ts.map +1 -1
- package/development/toggle/toggle-option/toggle-option.component.js +1 -1
- package/development/toggle/toggle-option.js +1 -1
- package/development/toggle/toggle.js +1 -1
- package/development/toggle-check/toggle-check.component.js +1 -1
- package/development/toggle-check.component-_fDAuLob.js +159 -0
- package/development/toggle-check.js +1 -1
- package/development/toggle-check.pure.js +1 -1
- package/development/toggle-option.component-DTS3a603.js +167 -0
- package/development/toggle.component-CKug5pF7.js +249 -0
- package/development/toggle.js +2 -2
- package/development/toggle.pure.js +2 -2
- package/development/tooltip/tooltip.component.js +1 -1
- package/development/tooltip.component-epXOY5vO.js +378 -0
- package/development/tooltip.js +1 -1
- package/development/tooltip.pure.js +1 -1
- package/form-field/form-field/form-field.component.js +1 -1
- package/form-field/form-field.js +1 -1
- package/{form-field.component-Bqw-VgJF.js → form-field.component-Cc_siKrq.js} +1 -1
- package/form-field.js +1 -1
- package/form-field.pure.js +1 -1
- package/link/common/block-link-common.js +1 -1
- package/link/common.js +1 -1
- package/link.js +1 -1
- package/link.pure.js +1 -1
- package/off-brand-theme.css +70 -5
- package/package.json +2 -2
- package/safety-theme.css +70 -5
- package/slider/slider.component.js +1 -1
- package/{slider.component-CoqCppCq.js → slider.component-BlRVR6iU.js} +1 -1
- package/slider.js +1 -1
- package/slider.pure.js +1 -1
- package/standard-theme.css +70 -5
- package/{step-label.component-DnQBwnL8.js → step-label.component-dzcNc12A.js} +1 -1
- package/stepper/step-label/step-label.component.js +1 -1
- package/stepper/step-label.js +1 -1
- package/stepper.js +1 -1
- package/stepper.pure.js +1 -1
- package/teaser-hero/teaser-hero.component.js +1 -1
- package/{teaser-hero.component-CHy82SKQ.js → teaser-hero.component-D8yj-N5n.js} +1 -1
- package/teaser-hero.js +1 -1
- package/teaser-hero.pure.js +1 -1
- package/timetable-form/timetable-form/timetable-form.component.js +1 -1
- package/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
- package/timetable-form/timetable-form-details.js +1 -1
- package/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
- package/timetable-form/timetable-form-field.js +1 -1
- package/timetable-form/timetable-form.js +1 -1
- package/timetable-form-details.component-mWKaBW_9.js +16 -0
- package/timetable-form-field.component-Cv_lv8vf.js +32 -0
- package/{timetable-form.component-CU1FXAZH.js → timetable-form.component-YcvKAlfz.js} +1 -1
- package/timetable-form.js +3 -3
- package/timetable-form.pure.js +3 -3
- package/timetable-occupancy/timetable-occupancy.component.js +1 -1
- package/{timetable-occupancy.component-Db9SfiyD.js → timetable-occupancy.component-BDmxFVKK.js} +1 -1
- package/timetable-occupancy.js +1 -1
- package/timetable-occupancy.pure.js +1 -1
- package/toggle/toggle/toggle.component.js +1 -1
- package/toggle/toggle-option/toggle-option.component.js +1 -1
- package/toggle/toggle-option.js +1 -1
- package/toggle/toggle.js +1 -1
- package/toggle-check/toggle-check.component.js +1 -1
- package/toggle-check.component-DvoslSRr.js +119 -0
- package/toggle-check.js +1 -1
- package/toggle-check.pure.js +1 -1
- package/{toggle-option.component-Bw-GXUQK.js → toggle-option.component-pX3tNwjE.js} +5 -7
- package/{toggle.component-BPpsMMPG.js → toggle.component-Cwc-TJ-a.js} +6 -10
- package/toggle.js +2 -2
- package/toggle.pure.js +2 -2
- package/tooltip/tooltip.component.js +1 -1
- package/{tooltip.component-BY9mV5Sw.js → tooltip.component-B3XLLpLg.js} +1 -1
- package/tooltip.js +1 -1
- package/tooltip.pure.js +1 -1
- package/development/step-label.component-CJFPHIZa.js +0 -131
- package/development/timetable-form-details.component-C8awcdP5.js +0 -26
- package/development/timetable-form-field.component-BI24VjkC.js +0 -44
- package/development/timetable-form.component-CUG86CSN.js +0 -27
- package/development/timetable-occupancy.component-D_PXXvI9.js +0 -124
- package/development/toggle-check.component-BG4w_sE8.js +0 -159
- package/development/toggle-option.component-DRodFwFk.js +0 -169
- package/development/toggle.component-BFYLRN8o.js +0 -254
- package/development/tooltip.component-DzSd9VjW.js +0 -378
- package/timetable-form-details.component-CBZ7QSAx.js +0 -16
- package/timetable-form-field.component-BKxQQqt7.js +0 -32
- package/toggle-check.component-B6Ww5pLD.js +0 -119
|
@@ -4,7 +4,7 @@ import { html as r, unsafeCSS as i } from "lit";
|
|
|
4
4
|
import { property as a } from "lit/decorators.js";
|
|
5
5
|
import { SbbIconNameMixin as o } from "./icon.js";
|
|
6
6
|
//#region src/elements/link/common/block-link.scss?inline
|
|
7
|
-
var s = ":host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-graphite));--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-metal));--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-color-normal: light-dark(var(--sbb-color-granite), var(--sbb-color-white));--sbb-link-color-hover: var(--sbb-color-primary125);--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-cloud));--sbb-link-color-active: var(--sbb-color-primary150);--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-silver));display:block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-color-normal: var(--sbb-color-1-negative);--sbb-link-color-hover: var(--sbb-color-4-negative);--sbb-link-color-active: var(--sbb-color-silver)}:host(.sbb-active){--sbb-link-color-normal: var(--sbb-color-black);--sbb-link-color-normal: light-dark(var(--sbb-color-black), var(--sbb-color-cement));--sbb-link-text-decoration-line: underline}:host(.sbb-active[negative]){--sbb-link-color-normal: var(--sbb-color-cement);--sbb-link-text-decoration-line: underline}:host([size=xs]){--sbb-block-link-font-size: var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-block-link-font-size: var(--sbb-text-font-size-s)}:host([size=m]){--sbb-block-link-font-size: var(--sbb-text-font-size-m)}.sbb-action-base{gap:var(--sbb-block-link-gap);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-block-link-font-size)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-text) * 1em);width:var(--sbb-block-link-icon-size);flex:0 0 auto;align-self:start}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;
|
|
7
|
+
var s = ":host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-graphite));--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-metal));--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-color-normal: light-dark(var(--sbb-color-granite), var(--sbb-color-white));--sbb-link-color-hover: var(--sbb-color-primary125);--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-cloud));--sbb-link-color-active: var(--sbb-color-primary150);--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-silver));display:block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-color-normal: var(--sbb-color-1-negative);--sbb-link-color-hover: var(--sbb-color-4-negative);--sbb-link-color-active: var(--sbb-color-silver)}:host(.sbb-active){--sbb-link-color-normal: var(--sbb-color-black);--sbb-link-color-normal: light-dark(var(--sbb-color-black), var(--sbb-color-cement));--sbb-link-text-decoration-line: underline}:host(.sbb-active[negative]){--sbb-link-color-normal: var(--sbb-color-cement);--sbb-link-text-decoration-line: underline}:host([size=xs]){--sbb-block-link-font-size: var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-block-link-font-size: var(--sbb-text-font-size-s)}:host([size=m]){--sbb-block-link-font-size: var(--sbb-text-font-size-m)}.sbb-action-base{gap:var(--sbb-block-link-gap);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-block-link-font-size)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-text) * 1em);width:var(--sbb-block-link-icon-size);flex:0 0 auto;align-self:start}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;translate:0 -50%}", c = (c) => (() => {
|
|
8
8
|
let l = e(o(c)), u, d = [], f = [];
|
|
9
9
|
return class extends l {
|
|
10
10
|
static {
|
package/core/styles/core.scss
CHANGED
|
@@ -242,6 +242,32 @@ $theme: 'standard' !default;
|
|
|
242
242
|
@use '../../teaser-product/common/teaser-product-common.global' as teaser-product-common with (
|
|
243
243
|
$theme: $theme
|
|
244
244
|
);
|
|
245
|
+
@use '../../timetable-form/timetable-form/timetable-form.global' as timetable-form with (
|
|
246
|
+
$theme: $theme
|
|
247
|
+
);
|
|
248
|
+
@use '../../timetable-form/timetable-form-field/timetable-form-field.global' as timetable-form-field
|
|
249
|
+
with (
|
|
250
|
+
$theme: $theme
|
|
251
|
+
);
|
|
252
|
+
@use '../../timetable-form/timetable-form-details/timetable-form-details.global' as
|
|
253
|
+
timetable-form-details with (
|
|
254
|
+
$theme: $theme
|
|
255
|
+
);
|
|
256
|
+
@use '../../timetable-occupancy/timetable-occupancy.global' as timetable-occupancy with (
|
|
257
|
+
$theme: $theme
|
|
258
|
+
);
|
|
259
|
+
@use '../../toggle-check/toggle-check.global' as toggle-check with (
|
|
260
|
+
$theme: $theme
|
|
261
|
+
);
|
|
262
|
+
@use '../../toggle/toggle/toggle.global' as toggle with (
|
|
263
|
+
$theme: $theme
|
|
264
|
+
);
|
|
265
|
+
@use '../../toggle/toggle-option/toggle-option.global' as toggle-option with (
|
|
266
|
+
$theme: $theme
|
|
267
|
+
);
|
|
268
|
+
@use '../../tooltip/tooltip.global' as tooltip with (
|
|
269
|
+
$theme: $theme
|
|
270
|
+
);
|
|
245
271
|
@use '../../visual-checkbox/visual-checkbox.global' as visual-checkbox with (
|
|
246
272
|
$theme: $theme
|
|
247
273
|
);
|
|
@@ -322,6 +348,14 @@ $theme: 'standard' !default;
|
|
|
322
348
|
@include tag.base;
|
|
323
349
|
@include teaser.base;
|
|
324
350
|
@include teaser-product-common.base;
|
|
351
|
+
@include timetable-form.base;
|
|
352
|
+
@include timetable-form-details.base;
|
|
353
|
+
@include timetable-form-field.base;
|
|
354
|
+
@include timetable-occupancy.base;
|
|
355
|
+
@include toggle-check.base;
|
|
356
|
+
@include toggle.base;
|
|
357
|
+
@include toggle-option.base;
|
|
358
|
+
@include tooltip.base;
|
|
325
359
|
@include visual-checkbox.base;
|
|
326
360
|
|
|
327
361
|
@include a11y.if-forced-colors {
|
|
@@ -341,6 +375,8 @@ $theme: 'standard' !default;
|
|
|
341
375
|
@include slider.base-forced-colors;
|
|
342
376
|
@include step-label.base-forced-colors;
|
|
343
377
|
@include tag.base-forced-colors;
|
|
378
|
+
@include toggle-check.base-forced-colors;
|
|
379
|
+
@include toggle.base-forced-colors;
|
|
344
380
|
}
|
|
345
381
|
|
|
346
382
|
// Train formation
|
|
@@ -456,6 +492,7 @@ $theme: 'standard' !default;
|
|
|
456
492
|
@include sidebar-container.rules;
|
|
457
493
|
@include tab-nav-bar.rules;
|
|
458
494
|
@include teaser-product-common.rules;
|
|
495
|
+
@include toggle.rules;
|
|
459
496
|
|
|
460
497
|
// TODO: discuss where to add these classes
|
|
461
498
|
.sbb-dark {
|
|
@@ -650,10 +687,6 @@ sbb-train-formation[view='top'] sbb-train-wagon {
|
|
|
650
687
|
}
|
|
651
688
|
}
|
|
652
689
|
|
|
653
|
-
sbb-toggle:has(:focus-visible) {
|
|
654
|
-
@include a11y.focus-outline;
|
|
655
|
-
}
|
|
656
|
-
|
|
657
690
|
.sbb-overlay-outlet {
|
|
658
691
|
position: fixed;
|
|
659
692
|
inset: 0;
|
|
@@ -8,19 +8,19 @@
|
|
|
8
8
|
position: absolute;
|
|
9
9
|
top: 50%;
|
|
10
10
|
left: 50%;
|
|
11
|
-
|
|
11
|
+
translate: -50% -50%;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
@mixin absolute-center-x {
|
|
15
15
|
position: absolute;
|
|
16
16
|
left: 50%;
|
|
17
|
-
|
|
17
|
+
translate: -50% 0;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
@mixin absolute-center-y {
|
|
21
21
|
position: absolute;
|
|
22
22
|
top: 50%;
|
|
23
|
-
|
|
23
|
+
translate: 0 -50%;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
// This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element.
|
package/core.css
CHANGED
|
@@ -1765,6 +1765,67 @@ slot[name=error]::slotted(*) {
|
|
|
1765
1765
|
--sbb-teaser-product-footer-font-size: var(--sbb-text-font-size-xxs);
|
|
1766
1766
|
--sbb-teaser-product-footer-padding-block-start: var(--sbb-spacing-responsive-s);
|
|
1767
1767
|
--sbb-teaser-product-footer-padding-block-end: 0;
|
|
1768
|
+
--sbb-timetable-form-background-color: var(--sbb-background-color-1);
|
|
1769
|
+
--sbb-timetable-form-border-radius: var(--sbb-border-radius-4x);
|
|
1770
|
+
--sbb-timetable-form-details-border-block-start: var(--sbb-border-width-1x) solid
|
|
1771
|
+
var(--sbb-border-color-4-inverted);
|
|
1772
|
+
--sbb-timetable-form-details-gap: var(--sbb-spacing-fixed-1x);
|
|
1773
|
+
--sbb-timetable-form-details-padding-block: var(--sbb-spacing-fixed-1x);
|
|
1774
|
+
--sbb-timetable-form-details-padding-inline: var(--sbb-spacing-responsive-xxs);
|
|
1775
|
+
--sbb-timetable-form-details-horizontal-divider-height: 1.5rem;
|
|
1776
|
+
--sbb-timetable-form-field-route-icon-color: var(--sbb-color-2);
|
|
1777
|
+
--sbb-timetable-form-field-route-icon-background-color: var(--sbb-background-color-1);
|
|
1778
|
+
--sbb-timetable-form-field-route-via-icon-width: var(--sbb-size-icon-ui-small);
|
|
1779
|
+
--sbb-timetable-form-field-route-via-after-dimension: 0.4375rem;
|
|
1780
|
+
--sbb-timetable-occupancy-color: var(--sbb-color-2);
|
|
1781
|
+
--sbb-timetable-occupancy-font-size: var(--sbb-text-font-size-s);
|
|
1782
|
+
--sbb-timetable-occupancy-list-gap: var(--sbb-spacing-fixed-2x);
|
|
1783
|
+
--sbb-timetable-occupancy-item-gap: var(--sbb-spacing-fixed-1x);
|
|
1784
|
+
--sbb-toggle-check-font-size: var(--sbb-text-font-size-s);
|
|
1785
|
+
--sbb-toggle-check-color: var(--sbb-color-2);
|
|
1786
|
+
--sbb-toggle-check-checked-color: var(--sbb-color-primary);
|
|
1787
|
+
--sbb-toggle-check-background-color: var(--sbb-background-color-4);
|
|
1788
|
+
--sbb-toggle-check-icon-color: var(--sbb-toggle-check-checked-color);
|
|
1789
|
+
--sbb-toggle-check-circle-background-color: var(--sbb-background-color-1);
|
|
1790
|
+
--sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);
|
|
1791
|
+
--sbb-toggle-check-circle-border-style: solid;
|
|
1792
|
+
--sbb-toggle-check-circle-diameter: 1.75rem;
|
|
1793
|
+
--sbb-toggle-check-height: var(--sbb-size-icon-ui-small);
|
|
1794
|
+
--sbb-toggle-check-cursor: var(--sbb-cursor-pointer);
|
|
1795
|
+
--sbb-toggle-check-gap: var(--sbb-spacing-fixed-3x);
|
|
1796
|
+
--sbb-toggle-check-border-width: var(--sbb-border-width-1x);
|
|
1797
|
+
--sbb-toggle-check-border-radius: var(--sbb-border-radius-4x);
|
|
1798
|
+
--sbb-toggle-check-shadow: var(--sbb-box-shadow-level-5-hard);
|
|
1799
|
+
--sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xs);
|
|
1800
|
+
--sbb-toggle-height: var(--sbb-size-element-m);
|
|
1801
|
+
--sbb-toggle-background-color: var(--sbb-background-color-4);
|
|
1802
|
+
--sbb-toggle-background-inset: 0.125rem;
|
|
1803
|
+
--sbb-toggle-border-radius: var(--sbb-border-radius-infinity);
|
|
1804
|
+
--sbb-toggle-font-size: var(--sbb-text-font-size-m);
|
|
1805
|
+
--sbb-toggle-grid-template-columns: auto auto;
|
|
1806
|
+
--sbb-toggle-selected-option-border-width: var(--sbb-border-width-1x);
|
|
1807
|
+
--sbb-toggle-selected-option-border-style: solid;
|
|
1808
|
+
--sbb-toggle-selected-option-border-color: var(--sbb-border-color-5);
|
|
1809
|
+
--sbb-toggle-selected-option-background-color: var(--sbb-background-color-1);
|
|
1810
|
+
--sbb-toggle-option-color: var(--sbb-color-anthracite);
|
|
1811
|
+
--sbb-toggle-option-color: light-dark(var(--sbb-color-anthracite), var(--sbb-color-cloud));
|
|
1812
|
+
--sbb-toggle-option-gap: var(--sbb-spacing-fixed-1x);
|
|
1813
|
+
--sbb-toggle-option-font-size: var(--sbb-text-font-size-xs);
|
|
1814
|
+
--sbb-toggle-option-icon-min-size: var(--sbb-size-icon-ui-small);
|
|
1815
|
+
--sbb-tooltip-animation-easing: ease-out;
|
|
1816
|
+
--sbb-tooltip-animation-translate: 0 var(--sbb-spacing-fixed-2x);
|
|
1817
|
+
--sbb-tooltip-background-color: var(--sbb-background-color-1-inverted);
|
|
1818
|
+
--sbb-tooltip-color: var(--sbb-color-2-inverted);
|
|
1819
|
+
--sbb-tooltip-border-color: var(--sbb-background-color-1-inverted);
|
|
1820
|
+
--sbb-tooltip-border-radius: var(--sbb-border-radius-8x);
|
|
1821
|
+
--sbb-tooltip-font-size: var(--sbb-text-font-size-xs);
|
|
1822
|
+
--sbb-tooltip-gap: var(--sbb-spacing-fixed-2x);
|
|
1823
|
+
--sbb-tooltip-min-width: var(--sbb-spacing-fixed-8x);
|
|
1824
|
+
--sbb-tooltip-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
|
|
1825
|
+
--sbb-overlay-position-area: block-start;
|
|
1826
|
+
--sbb-overlay-position-try-fallbacks:
|
|
1827
|
+
block-start span-inline-end, block-start span-inline-start, block-end,
|
|
1828
|
+
block-end span-inline-end, block-end span-inline-start;
|
|
1768
1829
|
--sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m);
|
|
1769
1830
|
--sbb-visual-checkbox-selection-color: var(--sbb-color-primary);
|
|
1770
1831
|
--sbb-visual-checkbox-selection-color-negative: var(--sbb-color-primary85);
|
|
@@ -1827,6 +1888,10 @@ slot[name=error]::slotted(*) {
|
|
|
1827
1888
|
--sbb-tag-text-color: ButtonText;
|
|
1828
1889
|
--sbb-tag-border-color: CanvasText;
|
|
1829
1890
|
--sbb-tag-border-width: var(--sbb-border-width-2x);
|
|
1891
|
+
--sbb-toggle-check-background-color: CanvasText;
|
|
1892
|
+
--sbb-toggle-check-circle-background-color: Canvas;
|
|
1893
|
+
--sbb-toggle-selected-option-border-width: var(--sbb-border-width-2x);
|
|
1894
|
+
--sbb-toggle-selected-option-border-color: Highlight;
|
|
1830
1895
|
}
|
|
1831
1896
|
}
|
|
1832
1897
|
:root {
|
|
@@ -2322,6 +2387,11 @@ sbb-tab-nav-bar .sbb-tab-amount {
|
|
|
2322
2387
|
place-self: stretch;
|
|
2323
2388
|
}
|
|
2324
2389
|
|
|
2390
|
+
sbb-toggle:has(:focus-visible) {
|
|
2391
|
+
outline-offset: var(--sbb-focus-outline-offset);
|
|
2392
|
+
outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
|
|
2393
|
+
}
|
|
2394
|
+
|
|
2325
2395
|
.sbb-dark {
|
|
2326
2396
|
color-scheme: dark;
|
|
2327
2397
|
}
|
|
@@ -2497,11 +2567,6 @@ sbb-form-field .sbb-select-trigger {
|
|
|
2497
2567
|
top: 0;
|
|
2498
2568
|
}
|
|
2499
2569
|
|
|
2500
|
-
sbb-toggle:has(:focus-visible) {
|
|
2501
|
-
outline-offset: var(--sbb-focus-outline-offset);
|
|
2502
|
-
outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
|
|
2503
|
-
}
|
|
2504
|
-
|
|
2505
2570
|
.sbb-overlay-outlet {
|
|
2506
2571
|
position: fixed;
|
|
2507
2572
|
inset: 0;
|
package/custom-elements.json
CHANGED
|
@@ -77903,6 +77903,26 @@
|
|
|
77903
77903
|
}
|
|
77904
77904
|
]
|
|
77905
77905
|
},
|
|
77906
|
+
{
|
|
77907
|
+
"kind": "javascript-module",
|
|
77908
|
+
"path": "core/styles/styles.js",
|
|
77909
|
+
"declarations": [
|
|
77910
|
+
{
|
|
77911
|
+
"kind": "variable",
|
|
77912
|
+
"name": "boxSizingStyles"
|
|
77913
|
+
}
|
|
77914
|
+
],
|
|
77915
|
+
"exports": [
|
|
77916
|
+
{
|
|
77917
|
+
"kind": "js",
|
|
77918
|
+
"name": "boxSizingStyles",
|
|
77919
|
+
"declaration": {
|
|
77920
|
+
"name": "boxSizingStyles",
|
|
77921
|
+
"module": "core/styles/styles.js"
|
|
77922
|
+
}
|
|
77923
|
+
}
|
|
77924
|
+
]
|
|
77925
|
+
},
|
|
77906
77926
|
{
|
|
77907
77927
|
"kind": "javascript-module",
|
|
77908
77928
|
"path": "core/testing/event-spy.js",
|
|
@@ -78300,26 +78320,6 @@
|
|
|
78300
78320
|
}
|
|
78301
78321
|
]
|
|
78302
78322
|
},
|
|
78303
|
-
{
|
|
78304
|
-
"kind": "javascript-module",
|
|
78305
|
-
"path": "core/styles/styles.js",
|
|
78306
|
-
"declarations": [
|
|
78307
|
-
{
|
|
78308
|
-
"kind": "variable",
|
|
78309
|
-
"name": "boxSizingStyles"
|
|
78310
|
-
}
|
|
78311
|
-
],
|
|
78312
|
-
"exports": [
|
|
78313
|
-
{
|
|
78314
|
-
"kind": "js",
|
|
78315
|
-
"name": "boxSizingStyles",
|
|
78316
|
-
"declaration": {
|
|
78317
|
-
"name": "boxSizingStyles",
|
|
78318
|
-
"module": "core/styles/styles.js"
|
|
78319
|
-
}
|
|
78320
|
-
}
|
|
78321
|
-
]
|
|
78322
|
-
},
|
|
78323
78323
|
{
|
|
78324
78324
|
"kind": "javascript-module",
|
|
78325
78325
|
"path": "datepicker/common/datepicker-button.js",
|
|
@@ -4,7 +4,7 @@ import { html, unsafeCSS } from "lit";
|
|
|
4
4
|
import { property } from "lit/decorators.js";
|
|
5
5
|
import { SbbIconNameMixin } from "./icon.js";
|
|
6
6
|
//#region src/elements/link/common/block-link.scss?inline
|
|
7
|
-
var block_link_default = ":host {\n --sbb-link-color-hover: var(--sbb-color-primary125);\n --sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-graphite));\n --sbb-link-color-active: var(--sbb-color-primary150);\n --sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-metal));\n --sbb-link-color-normal: var(--sbb-color-granite);\n --sbb-link-color-normal: light-dark(var(--sbb-color-granite), var(--sbb-color-white));\n --sbb-link-color-hover: var(--sbb-color-primary125);\n --sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-cloud));\n --sbb-link-color-active: var(--sbb-color-primary150);\n --sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-silver));\n display: block;\n}\n\n:host([negative]) {\n --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);\n --sbb-link-color-normal: var(--sbb-color-1-negative);\n --sbb-link-color-hover: var(--sbb-color-4-negative);\n --sbb-link-color-active: var(--sbb-color-silver);\n}\n\n:host(.sbb-active) {\n --sbb-link-color-normal: var(--sbb-color-black);\n --sbb-link-color-normal: light-dark(var(--sbb-color-black), var(--sbb-color-cement));\n --sbb-link-text-decoration-line: underline;\n}\n\n:host(.sbb-active[negative]) {\n --sbb-link-color-normal: var(--sbb-color-cement);\n --sbb-link-text-decoration-line: underline;\n}\n\n:host([size=xs]) {\n --sbb-block-link-font-size: var(--sbb-text-font-size-xs);\n}\n\n:host([size=s]) {\n --sbb-block-link-font-size: var(--sbb-text-font-size-s);\n}\n\n:host([size=m]) {\n --sbb-block-link-font-size: var(--sbb-text-font-size-m);\n}\n\n.sbb-action-base {\n gap: var(--sbb-block-link-gap);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n font-size: var(--sbb-block-link-font-size);\n}\n\n.sbb-link__icon {\n position: relative;\n height: calc(var(--sbb-typo-line-height-text) * 1em);\n width: var(--sbb-block-link-icon-size);\n flex: 0 0 auto;\n align-self: start;\n}\n:host(:not(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name]))) .sbb-link__icon {\n display: none;\n}\n:host([icon-placement=end]) .sbb-link__icon {\n order: 2;\n}\n.sbb-link__icon ::slotted([slot=icon]),\n.sbb-link__icon sbb-icon {\n position: absolute;\n top: 50%;\n
|
|
7
|
+
var block_link_default = ":host {\n --sbb-link-color-hover: var(--sbb-color-primary125);\n --sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-graphite));\n --sbb-link-color-active: var(--sbb-color-primary150);\n --sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-metal));\n --sbb-link-color-normal: var(--sbb-color-granite);\n --sbb-link-color-normal: light-dark(var(--sbb-color-granite), var(--sbb-color-white));\n --sbb-link-color-hover: var(--sbb-color-primary125);\n --sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-cloud));\n --sbb-link-color-active: var(--sbb-color-primary150);\n --sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-silver));\n display: block;\n}\n\n:host([negative]) {\n --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);\n --sbb-link-color-normal: var(--sbb-color-1-negative);\n --sbb-link-color-hover: var(--sbb-color-4-negative);\n --sbb-link-color-active: var(--sbb-color-silver);\n}\n\n:host(.sbb-active) {\n --sbb-link-color-normal: var(--sbb-color-black);\n --sbb-link-color-normal: light-dark(var(--sbb-color-black), var(--sbb-color-cement));\n --sbb-link-text-decoration-line: underline;\n}\n\n:host(.sbb-active[negative]) {\n --sbb-link-color-normal: var(--sbb-color-cement);\n --sbb-link-text-decoration-line: underline;\n}\n\n:host([size=xs]) {\n --sbb-block-link-font-size: var(--sbb-text-font-size-xs);\n}\n\n:host([size=s]) {\n --sbb-block-link-font-size: var(--sbb-text-font-size-s);\n}\n\n:host([size=m]) {\n --sbb-block-link-font-size: var(--sbb-text-font-size-m);\n}\n\n.sbb-action-base {\n gap: var(--sbb-block-link-gap);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n font-size: var(--sbb-block-link-font-size);\n}\n\n.sbb-link__icon {\n position: relative;\n height: calc(var(--sbb-typo-line-height-text) * 1em);\n width: var(--sbb-block-link-icon-size);\n flex: 0 0 auto;\n align-self: start;\n}\n:host(:not(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name]))) .sbb-link__icon {\n display: none;\n}\n:host([icon-placement=end]) .sbb-link__icon {\n order: 2;\n}\n.sbb-link__icon ::slotted([slot=icon]),\n.sbb-link__icon sbb-icon {\n position: absolute;\n top: 50%;\n translate: 0 -50%;\n}";
|
|
8
8
|
//#endregion
|
|
9
9
|
//#region src/elements/link/common/block-link-common.ts
|
|
10
10
|
var SbbBlockLinkCommonElementMixin = (superClass) => {
|
|
@@ -68,4 +68,4 @@ var SbbBlockLinkCommonElementMixin = (superClass) => {
|
|
|
68
68
|
//#endregion
|
|
69
69
|
export { SbbBlockLinkCommonElementMixin as t };
|
|
70
70
|
|
|
71
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2stbGluay1jb21tb24tRGgxTk9LeEIuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2xpbmsvY29tbW9uL2Jsb2NrLWxpbmsuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvbGluay9jb21tb24vYmxvY2stbGluay1jb21tb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBAaW5jbHVkZSBzYmIuYmxvY2stbGluay12YXJpYWJsZXM7XG5cbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbjpob3N0KFtuZWdhdGl2ZV0pIHtcbiAgQGluY2x1ZGUgc2JiLmJsb2NrLWxpbmstdmFyaWFibGVzLS1uZWdhdGl2ZTtcbn1cblxuOmhvc3QoLnNiYi1hY3RpdmUpIHtcbiAgQGluY2x1ZGUgc2JiLmJsb2NrLWxpbmstdmFyaWFibGVzLS1hY3RpdmU7XG59XG5cbjpob3N0KC5zYmItYWN0aXZlW25lZ2F0aXZlXSkge1xuICBAaW5jbHVkZSBzYmIuYmxvY2stbGluay12YXJpYWJsZXMtLWFjdGl2ZS1uZWdhdGl2ZTtcbn1cblxuOmhvc3QoW3NpemU9J3hzJ10pIHtcbiAgLS1zYmItYmxvY2stbGluay1mb250LXNpemU6IHZhcigtLXNiYi10ZXh0LWZvbnQtc2l6ZS14cyk7XG59XG5cbjpob3N0KFtzaXplPSdzJ10pIHtcbiAgLS1zYmItYmxvY2stbGluay1mb250LXNpemU6IHZhcigtLXNiYi10ZXh0LWZvbnQtc2l6ZS1zKTtcbn1cblxuOmhvc3QoW3NpemU9J20nXSkge1xuICAtLXNiYi1ibG9jay1saW5rLWZvbnQtc2l6ZTogdmFyKC0tc2JiLXRleHQtZm9udC1zaXplLW0pO1xufVxuXG4uc2JiLWFjdGlvbi1iYXNlIHtcbiAgZ2FwOiB2YXIoLS1zYmItYmxvY2stbGluay1nYXApO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLXR5cG8tbGV0dGVyLXNwYWNpbmctdGV4dCk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tc2JiLWJsb2NrLWxpbmstZm9udC1zaXplKTtcbn1cblxuLnNiYi1saW5rX19pY29uIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IGNhbGModmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtdGV4dCkgKiAxZW0pO1xuICB3aWR0aDogdmFyKC0tc2JiLWJsb2NrLWxpbmstaWNvbi1zaXplKTtcbiAgZmxleDogMCAwIGF1dG87XG4gIGFsaWduLXNlbGY6IHN0YXJ0O1xuXG4gIDpob3N0KDpub3QoOnN0YXRlKHNsb3R0ZWQtaWNvbiksIDpzdGF0ZShoYXMtaWNvbi1uYW1lKSkpICYge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cblxuICA6aG9zdChbaWNvbi1wbGFjZW1lbnQ9J2VuZCddKSAmIHtcbiAgICBvcmRlcjogMjtcbiAgfVxuXG4gIDo6c2xvdHRlZChbc2xvdD0naWNvbiddKSxcbiAgc2JiLWljb24ge1xuICAgIEBpbmNsdWRlIHNiYi5hYnNvbHV0ZS1jZW50ZXIteTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgaHRtbCwgdW5zYWZlQ1NTLCB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYkFjdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiSWNvblBsYWNlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvaW50ZXJmYWNlcy50cyc7XG5pbXBvcnQgdHlwZSB7IEFic3RyYWN0Q29uc3RydWN0b3IgfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vLi4vaWNvbi50cyc7XG5cbmltcG9ydCB7IFNiYkxpbmtDb21tb25FbGVtZW50TWl4aW4gfSBmcm9tICcuL2xpbmstY29tbW9uLnRzJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQteC9vcmRlclxuaW1wb3J0IGJsb2NrU3R5bGUgZnJvbSAnLi9ibG9jay1saW5rLnNjc3M/aW5saW5lJztcblxuZXhwb3J0IGRlY2xhcmUgY2xhc3MgU2JiQmxvY2tMaW5rQ29tbW9uRWxlbWVudE1peGluVHlwZSBleHRlbmRzIFNiYkxpbmtDb21tb25FbGVtZW50TWl4aW4oXG4gIFNiYkljb25OYW1lTWl4aW4oU2JiQWN0aW9uQmFzZUVsZW1lbnQpLFxuKSB7XG4gIHB1YmxpYyBhY2Nlc3NvciBpY29uUGxhY2VtZW50OiBTYmJJY29uUGxhY2VtZW50O1xufVxuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG5leHBvcnQgY29uc3QgU2JiQmxvY2tMaW5rQ29tbW9uRWxlbWVudE1peGluID0gPFQgZXh0ZW5kcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkFjdGlvbkJhc2VFbGVtZW50Pj4oXG4gIHN1cGVyQ2xhc3M6IFQsXG4pOiBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkJsb2NrTGlua0NvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICYgVCA9PiB7XG4gIGFic3RyYWN0IGNsYXNzIFNiYkJsb2NrTGlua0NvbW1vbkVsZW1lbnRcbiAgICBleHRlbmRzIFNiYkxpbmtDb21tb25FbGVtZW50TWl4aW4oU2JiSWNvbk5hbWVNaXhpbihzdXBlckNsYXNzKSlcbiAgICBpbXBsZW1lbnRzIFBhcnRpYWw8U2JiQmxvY2tMaW5rQ29tbW9uRWxlbWVudE1peGluVHlwZT5cbiAge1xuICAgIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtzdXBlci5zdHlsZXMsIHVuc2FmZUNTUyhibG9ja1N0eWxlKV07XG5cbiAgICAvKiogTW92ZXMgdGhlIGljb24gdG8gdGhlIGVuZCBvZiB0aGUgY29tcG9uZW50IGlmIHNldCB0byB0cnVlLiAqL1xuICAgIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2ljb24tcGxhY2VtZW50JywgcmVmbGVjdDogdHJ1ZSB9KVxuICAgIHB1YmxpYyBhY2Nlc3NvciBpY29uUGxhY2VtZW50OiBTYmJJY29uUGxhY2VtZW50ID0gJ3N0YXJ0JztcblxuICAgIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgICByZXR1cm4gaHRtbGBcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItbGlua19faWNvblwiPiR7c3VwZXIucmVuZGVySWNvblNsb3QoKX08L3NwYW4+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIGA7XG4gICAgfVxuICB9XG4gIHJldHVybiBTYmJCbG9ja0xpbmtDb21tb25FbGVtZW50IGFzIHVua25vd24gYXMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJCbG9ja0xpbmtDb21tb25FbGVtZW50TWl4aW5UeXBlPiAmXG4gICAgVDtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQ21CQSxJQUFhLGtDQUNYLGVBQytEO0FBa0IvRCxlQWpCd0M7b0JBQzlCLDBCQUEwQixpQkFBaUIsV0FBVyxDQUFDOzs7O2VBRGxELGtDQUNMLFlBQXVEOzs7aUNBTTlELFNBQVM7S0FBRSxXQUFXO0tBQWtCLFNBQVM7S0FBTSxDQUFDLENBQUE7QUFDekQsaUJBQUEsTUFBQSxNQUFBLDJCQUFBO0tBQUEsTUFBQTtLQUFBLE1BQUE7S0FBQSxRQUFBO0tBQUEsU0FBQTtLQUFBLFFBQUE7TUFBQSxNQUFBLFFBQUEsbUJBQUE7TUFBQSxNQUFBLFFBQUEsSUFBZ0I7TUFBYSxNQUFBLEtBQUEsVUFBQTtBQUFBLFdBQWIsZ0JBQWE7O01BQUE7S0FBQSxVQUFBO0tBQUEsRUFBQSw2QkFBQSxpQ0FBQTs7Ozs7Ozs7O0FBSk4sU0FBQSxTQUF5QixDQUFDLE1BQU0sUUFBUSxVQUFVLG1CQUFXLENBQUM7O0dBSXJGLGtDQUFBLGtCQUFBLE1BQUEsNkJBQWtELFFBQU87O0dBQXpELElBQWdCLGdCQUFhO0FBQUEsV0FBQSxNQUFBOztHQUE3QixJQUFnQixjQUFhLE9BQUE7QUFBQSxVQUFBLGlDQUFBOztHQUVWLGlCQUFjO0FBQy9CLFdBQU8sSUFBSTt1Q0FDc0IsTUFBTSxnQkFBZ0IsQ0FBQSJ9
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as SbbFormFieldElement, t as SbbFormFieldControlEvent } from "../../form-field.component-
|
|
1
|
+
import { n as SbbFormFieldElement, t as SbbFormFieldControlEvent } from "../../form-field.component-CWVzymTX.js";
|
|
2
2
|
export { SbbFormFieldControlEvent, SbbFormFieldElement };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as SbbFormFieldElement, t as SbbFormFieldControlEvent } from "../form-field.component-
|
|
1
|
+
import { n as SbbFormFieldElement, t as SbbFormFieldControlEvent } from "../form-field.component-CWVzymTX.js";
|
|
2
2
|
//#region src/elements/form-field/form-field.ts
|
|
3
3
|
/** @entrypoint */
|
|
4
4
|
SbbFormFieldElement.define();
|