@sbb-esta/lyne-elements-dev 4.7.0-dev.1773818683 → 4.7.0-dev.1773821763
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 +9 -0
- package/core.css +20 -0
- package/custom-elements.json +230 -230
- package/development/menu/common/menu-action-common.js +1 -1
- package/development/menu/common.js +1 -1
- package/development/menu/menu/menu.component.js +1 -1
- package/development/menu/menu.js +1 -1
- package/development/menu-action-common-CE1gySL_.js +140 -0
- package/development/menu.component-D4nt6M9b.js +620 -0
- package/development/menu.js +2 -2
- package/development/menu.pure.js +2 -2
- package/menu/common/menu-action-common.js +1 -1
- package/menu/common.js +1 -1
- package/menu/menu/menu.component.js +1 -1
- package/menu/menu.js +1 -1
- package/menu-action-common-vt9j6nkG.js +29 -0
- package/{menu.component-_ncuRAqx.js → menu.component-elxRPsQz.js} +1 -1
- package/menu.js +2 -2
- package/menu.pure.js +2 -2
- package/off-brand-theme.css +20 -0
- package/package.json +2 -2
- package/safety-theme.css +20 -0
- package/standard-theme.css +20 -0
- package/development/menu-action-common-BTOi6wCg.js +0 -148
- package/development/menu.component-Dt6ilHX4.js +0 -638
- package/menu-action-common-BCV8hNkz.js +0 -29
package/core/styles/core.scss
CHANGED
|
@@ -147,6 +147,12 @@ $theme: 'standard' !default;
|
|
|
147
147
|
@use '../../map-container/map-container.global' as map-container with (
|
|
148
148
|
$theme: $theme
|
|
149
149
|
);
|
|
150
|
+
@use '../../menu/menu/menu.global' as menu with (
|
|
151
|
+
$theme: $theme
|
|
152
|
+
);
|
|
153
|
+
@use '../../menu/common/menu-action.global' as menu-action with (
|
|
154
|
+
$theme: $theme
|
|
155
|
+
);
|
|
150
156
|
@use '../../message/message.global' as message with (
|
|
151
157
|
$theme: $theme
|
|
152
158
|
);
|
|
@@ -245,6 +251,8 @@ $theme: 'standard' !default;
|
|
|
245
251
|
@include loading-indicator-circle.base;
|
|
246
252
|
@include logo.base;
|
|
247
253
|
@include map-container.base;
|
|
254
|
+
@include menu.base;
|
|
255
|
+
@include menu-action.base;
|
|
248
256
|
@include message.base;
|
|
249
257
|
@include mini-calendar-day.base;
|
|
250
258
|
@include mini-calendar-month.base;
|
|
@@ -347,6 +355,7 @@ $theme: 'standard' !default;
|
|
|
347
355
|
@include flip-card.base-breakpoint-large;
|
|
348
356
|
@include form-field.base-breakpoint-large;
|
|
349
357
|
@include header.base-breakpoint-large;
|
|
358
|
+
@include menu.base-breakpoint-large;
|
|
350
359
|
|
|
351
360
|
// TODO: Remove complete block when new lean theme is complete
|
|
352
361
|
// Only render the block in standard theme as fallback for CSS class usage
|
package/core.css
CHANGED
|
@@ -1509,6 +1509,23 @@ slot[name=error]::slotted(*) {
|
|
|
1509
1509
|
--sbb-map-container-sidebar-width: 25rem;
|
|
1510
1510
|
--sbb-map-container-sidebar-background-color: var(--sbb-background-color-1);
|
|
1511
1511
|
--sbb-map-container-border-radius: var(--sbb-border-radius-4x);
|
|
1512
|
+
--sbb-menu-animation-easing: ease;
|
|
1513
|
+
--sbb-menu-max-width: 100%;
|
|
1514
|
+
--sbb-menu-min-width: 100%;
|
|
1515
|
+
--sbb-menu-container-height: 100dvh;
|
|
1516
|
+
--sbb-menu-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));
|
|
1517
|
+
--sbb-menu-min-height: 3.03125rem;
|
|
1518
|
+
--sbb-menu-border-radius: var(--sbb-border-radius-4x);
|
|
1519
|
+
--sbb-menu-color: var(--sbb-color-2-inverted);
|
|
1520
|
+
--sbb-menu-background-color: var(--sbb-background-color-1-inverted);
|
|
1521
|
+
--sbb-menu-action-border-radius: var(--sbb-border-radius-infinity);
|
|
1522
|
+
--sbb-menu-action-outer-horizontal-padding: var(--sbb-spacing-fixed-3x);
|
|
1523
|
+
--sbb-menu-action-outer-vertical-padding: var(--sbb-spacing-fixed-1x);
|
|
1524
|
+
--sbb-menu-action-gap: var(--sbb-spacing-fixed-2x);
|
|
1525
|
+
--sbb-menu-action-color: var(--sbb-color-2-inverted);
|
|
1526
|
+
--sbb-menu-action-content-padding-inline: var(--sbb-spacing-fixed-2x);
|
|
1527
|
+
--sbb-menu-action-content-padding-block: var(--sbb-spacing-fixed-1x);
|
|
1528
|
+
--sbb-menu-action-forced-color-border-color: CanvasText;
|
|
1512
1529
|
--sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
|
|
1513
1530
|
--sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);
|
|
1514
1531
|
--sbb-message-image-border-radius: var(--sbb-border-radius-4x);
|
|
@@ -1779,6 +1796,9 @@ slot[name=error]::slotted(*) {
|
|
|
1779
1796
|
--_sbb-form-field-floating-label-transform: 0.65625rem;
|
|
1780
1797
|
--_sbb-form-field-spacer-margin-block-end: calc(-1 * var(--_sbb-form-field-label-to-input-overlapping));
|
|
1781
1798
|
--sbb-header-height: var(--sbb-spacing-fixed-24x);
|
|
1799
|
+
--sbb-menu-max-width: 20rem;
|
|
1800
|
+
--sbb-menu-min-width: 11.25rem;
|
|
1801
|
+
--sbb-menu-transform-y: var(--sbb-spacing-fixed-2x);
|
|
1782
1802
|
}
|
|
1783
1803
|
:root.sbb-lean {
|
|
1784
1804
|
--sbb-title-font-size-level-6-lean: var(--sbb-typo-scale-0-875x);
|