@sbb-esta/lyne-elements-dev 4.7.0-dev.1773393164 → 4.7.0-dev.1773396933
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 +10 -0
- package/core.css +14 -0
- package/custom-elements.json +444 -444
- package/development/loading-indicator/loading-indicator.component.d.ts.map +1 -1
- package/development/loading-indicator/loading-indicator.component.js +22 -27
- package/development/loading-indicator-circle/loading-indicator-circle.component.d.ts.map +1 -1
- package/development/loading-indicator-circle/loading-indicator-circle.component.js +6 -21
- package/loading-indicator/loading-indicator.component.js +13 -15
- package/loading-indicator-circle/loading-indicator-circle.component.js +14 -16
- package/off-brand-theme.css +14 -0
- package/package.json +2 -2
- package/safety-theme.css +14 -0
- package/standard-theme.css +14 -0
package/core/styles/core.scss
CHANGED
|
@@ -131,6 +131,13 @@ $theme: 'standard' !default;
|
|
|
131
131
|
@use '../../link/common/block-link.global' as block-link with (
|
|
132
132
|
$theme: $theme
|
|
133
133
|
);
|
|
134
|
+
@use '../../loading-indicator/loading-indicator.global' as loading-indicator with (
|
|
135
|
+
$theme: $theme
|
|
136
|
+
);
|
|
137
|
+
@use '../../loading-indicator-circle/loading-indicator-circle.global' as loading-indicator-circle
|
|
138
|
+
with (
|
|
139
|
+
$theme: $theme
|
|
140
|
+
);
|
|
134
141
|
@use '../../logo/logo.global' as logo with (
|
|
135
142
|
$theme: $theme
|
|
136
143
|
);
|
|
@@ -224,6 +231,8 @@ $theme: 'standard' !default;
|
|
|
224
231
|
@include icon-sidebar.base;
|
|
225
232
|
@include lead-container.base;
|
|
226
233
|
@include block-link.base;
|
|
234
|
+
@include loading-indicator.base;
|
|
235
|
+
@include loading-indicator-circle.base;
|
|
227
236
|
@include logo.base;
|
|
228
237
|
@include message.base;
|
|
229
238
|
@include mini-calendar-day.base;
|
|
@@ -250,6 +259,7 @@ $theme: 'standard' !default;
|
|
|
250
259
|
@include header-common.base-forced-colors;
|
|
251
260
|
@include expansion-panel-header.base-forced-colors;
|
|
252
261
|
@include form-field.base-forced-colors;
|
|
262
|
+
@include loading-indicator-circle.base-forced-colors;
|
|
253
263
|
@include logo.base-forced-colors;
|
|
254
264
|
@include visual-checkbox.base-forced-colors;
|
|
255
265
|
@include radio-button-common.base-forced-colors;
|
package/core.css
CHANGED
|
@@ -1533,6 +1533,16 @@
|
|
|
1533
1533
|
--sbb-block-link-gap: var(--sbb-spacing-fixed-1x);
|
|
1534
1534
|
--sbb-block-link-icon-size: var(--sbb-size-icon-ui-small);
|
|
1535
1535
|
--sbb-block-link-font-size: var(--sbb-text-font-size-s);
|
|
1536
|
+
--sbb-loading-indicator-color: var(--sbb-color-primary);
|
|
1537
|
+
--sbb-loading-indicator-window-element-rotation: 55.24deg;
|
|
1538
|
+
--sbb-loading-indicator-window-height: 1.125rem;
|
|
1539
|
+
--sbb-loading-indicator-window-element-width: 3.4375rem;
|
|
1540
|
+
--sbb-loading-indicator-circle-color: var(--sbb-color-primary);
|
|
1541
|
+
--sbb-loading-indicator-circle-padding: 0.125rem;
|
|
1542
|
+
--sbb-loading-indicator-circle-background-color: var(--sbb-color-white);
|
|
1543
|
+
--sbb-loading-indicator-circle-animated-width: 0.1875em;
|
|
1544
|
+
--sbb-loading-indicator-circle-animated-height: 0.1875em;
|
|
1545
|
+
--sbb-loading-indicator-circle-animated-border-radius: 50%;
|
|
1536
1546
|
--sbb-logo-panel-color: var(--sbb-color-brand);
|
|
1537
1547
|
--sbb-logo-signet-color: var(--sbb-color-white);
|
|
1538
1548
|
--sbb-logo-word-mark-color: var(--sbb-color-black);
|
|
@@ -1679,6 +1689,10 @@
|
|
|
1679
1689
|
--sbb-header-action-active-border-width: 0;
|
|
1680
1690
|
--sbb-expansion-panel-header-text-color: ButtonText;
|
|
1681
1691
|
--sbb-form-field-border-color: ButtonBorder;
|
|
1692
|
+
--sbb-loading-indicator-circle-animated-width: 50%;
|
|
1693
|
+
--sbb-loading-indicator-circle-animated-height: 100%;
|
|
1694
|
+
--sbb-loading-indicator-circle-animated-border-radius: 0;
|
|
1695
|
+
--sbb-loading-indicator-circle-background: transparent;
|
|
1682
1696
|
--sbb-logo-panel-color: ButtonText !important;
|
|
1683
1697
|
--sbb-logo-signet-color: Canvas !important;
|
|
1684
1698
|
--sbb-visual-checkbox-selection-color: Canvas;
|