@sbb-esta/lyne-elements-dev 4.11.0-dev.1777277312 → 4.11.0-dev.1777283963
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/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables-as-css.scss +8 -0
- package/core.css +12 -0
- package/custom-elements.json +26 -0
- package/development/popover/popover.component.d.ts +1 -0
- package/development/popover/popover.component.d.ts.map +1 -1
- package/development/popover/popover.component.js +1 -1
- package/development/popover.component-rZb6B9uW.js +546 -0
- package/development/popover.js +1 -1
- package/development/popover.pure.js +1 -1
- package/off-brand-theme.css +12 -0
- package/package.json +2 -2
- package/popover/popover.component.js +1 -1
- package/{popover.component-Bv6-zVf4.js → popover.component-DAgwBcBW.js} +32 -28
- package/popover.js +1 -1
- package/popover.pure.js +1 -1
- package/safety-theme.css +12 -0
- package/standard-theme.css +12 -0
- package/development/popover.component-B3tm93Pe.js +0 -537
package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables-as-css.scss
CHANGED
|
@@ -802,6 +802,10 @@ $theme: 'standard' !default;
|
|
|
802
802
|
--sbb-color-4-negative: var(--sbb-color-cloud);
|
|
803
803
|
--sbb-color-4-negative-inverted: var(--sbb-color-iron);
|
|
804
804
|
--sbb-color-5: var(--sbb-color-smoke);
|
|
805
|
+
--sbb-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
|
|
806
|
+
--sbb-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
|
|
807
|
+
--sbb-color-6-negative: var(--sbb-color-platinum);
|
|
808
|
+
--sbb-color-6-negative-inverted: var(--sbb-color-anthracite);
|
|
805
809
|
|
|
806
810
|
--sbb-border-color-1: light-dark(var(--sbb-color-midnight), var(--sbb-color-white));
|
|
807
811
|
--sbb-border-color-1-inverted: light-dark(var(--sbb-color-white), var(--sbb-color-midnight));
|
|
@@ -820,6 +824,10 @@ $theme: 'standard' !default;
|
|
|
820
824
|
--sbb-border-color-4-negative: var(--sbb-color-cloud);
|
|
821
825
|
--sbb-border-color-4-negative-inverted: var(--sbb-color-iron);
|
|
822
826
|
--sbb-border-color-5: var(--sbb-color-smoke);
|
|
827
|
+
--sbb-border-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
|
|
828
|
+
--sbb-border-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
|
|
829
|
+
--sbb-border-color-6-negative: var(--sbb-color-platinum);
|
|
830
|
+
--sbb-border-color-6-negative-inverted: var(--sbb-color-anthracite);
|
|
823
831
|
|
|
824
832
|
--sbb-shadow-color-soft-1: light-dark(
|
|
825
833
|
color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent),
|
package/core.css
CHANGED
|
@@ -984,6 +984,12 @@ slot[name=error]::slotted(*) {
|
|
|
984
984
|
--sbb-color-4-negative: var(--sbb-color-cloud);
|
|
985
985
|
--sbb-color-4-negative-inverted: var(--sbb-color-iron);
|
|
986
986
|
--sbb-color-5: var(--sbb-color-smoke);
|
|
987
|
+
--sbb-color-6: var(--sbb-color-anthracite);
|
|
988
|
+
--sbb-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
|
|
989
|
+
--sbb-color-6-inverted: var(--sbb-color-platinum);
|
|
990
|
+
--sbb-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
|
|
991
|
+
--sbb-color-6-negative: var(--sbb-color-platinum);
|
|
992
|
+
--sbb-color-6-negative-inverted: var(--sbb-color-anthracite);
|
|
987
993
|
--sbb-border-color-1: var(--sbb-color-midnight);
|
|
988
994
|
--sbb-border-color-1: light-dark(var(--sbb-color-midnight), var(--sbb-color-white));
|
|
989
995
|
--sbb-border-color-1-inverted: var(--sbb-color-white);
|
|
@@ -1009,6 +1015,12 @@ slot[name=error]::slotted(*) {
|
|
|
1009
1015
|
--sbb-border-color-4-negative: var(--sbb-color-cloud);
|
|
1010
1016
|
--sbb-border-color-4-negative-inverted: var(--sbb-color-iron);
|
|
1011
1017
|
--sbb-border-color-5: var(--sbb-color-smoke);
|
|
1018
|
+
--sbb-border-color-6: var(--sbb-color-anthracite);
|
|
1019
|
+
--sbb-border-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
|
|
1020
|
+
--sbb-border-color-6-inverted: var(--sbb-color-platinum);
|
|
1021
|
+
--sbb-border-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
|
|
1022
|
+
--sbb-border-color-6-negative: var(--sbb-color-platinum);
|
|
1023
|
+
--sbb-border-color-6-negative-inverted: var(--sbb-color-anthracite);
|
|
1012
1024
|
--sbb-shadow-color-soft-1: color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent);
|
|
1013
1025
|
--sbb-shadow-color-soft-1: light-dark(
|
|
1014
1026
|
color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent),
|
package/custom-elements.json
CHANGED
|
@@ -19811,6 +19811,12 @@
|
|
|
19811
19811
|
},
|
|
19812
19812
|
"privacy": "private"
|
|
19813
19813
|
},
|
|
19814
|
+
{
|
|
19815
|
+
"kind": "field",
|
|
19816
|
+
"name": "_resizeController",
|
|
19817
|
+
"privacy": "private",
|
|
19818
|
+
"default": "new ResizeController(this, { target: null, callback: () => this._setPopoverPosition(), })"
|
|
19819
|
+
},
|
|
19814
19820
|
{
|
|
19815
19821
|
"kind": "field",
|
|
19816
19822
|
"name": "_escapableOverlayController",
|
|
@@ -20739,6 +20745,16 @@
|
|
|
20739
20745
|
"module": "popover/popover.component.js"
|
|
20740
20746
|
}
|
|
20741
20747
|
},
|
|
20748
|
+
{
|
|
20749
|
+
"kind": "field",
|
|
20750
|
+
"name": "_resizeController",
|
|
20751
|
+
"privacy": "private",
|
|
20752
|
+
"default": "new ResizeController(this, { target: null, callback: () => this._setPopoverPosition(), })",
|
|
20753
|
+
"inheritedFrom": {
|
|
20754
|
+
"name": "SbbPopoverBaseElement",
|
|
20755
|
+
"module": "popover/popover.component.js"
|
|
20756
|
+
}
|
|
20757
|
+
},
|
|
20742
20758
|
{
|
|
20743
20759
|
"kind": "field",
|
|
20744
20760
|
"name": "_escapableOverlayController",
|
|
@@ -80517,6 +80533,16 @@
|
|
|
80517
80533
|
"module": "popover/popover.component.js"
|
|
80518
80534
|
}
|
|
80519
80535
|
},
|
|
80536
|
+
{
|
|
80537
|
+
"kind": "field",
|
|
80538
|
+
"name": "_resizeController",
|
|
80539
|
+
"privacy": "private",
|
|
80540
|
+
"default": "new ResizeController(this, { target: null, callback: () => this._setPopoverPosition(), })",
|
|
80541
|
+
"inheritedFrom": {
|
|
80542
|
+
"name": "SbbPopoverBaseElement",
|
|
80543
|
+
"module": "popover/popover.component.js"
|
|
80544
|
+
}
|
|
80545
|
+
},
|
|
80520
80546
|
{
|
|
80521
80547
|
"kind": "field",
|
|
80522
80548
|
"name": "_escapableOverlayController",
|
|
@@ -15,6 +15,7 @@ export declare abstract class SbbPopoverBaseElement extends SbbOpenCloseBaseElem
|
|
|
15
15
|
private _triggerElement?;
|
|
16
16
|
private _triggerAbortController?;
|
|
17
17
|
private _openStateController?;
|
|
18
|
+
private _resizeController;
|
|
18
19
|
private _escapableOverlayController;
|
|
19
20
|
private _focusTrapController;
|
|
20
21
|
private _blurTimeout;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover.component.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"popover.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as SbbPopoverElement, t as SbbPopoverBaseElement } from "../popover.component-
|
|
1
|
+
import { n as SbbPopoverElement, t as SbbPopoverBaseElement } from "../popover.component-rZb6B9uW.js";
|
|
2
2
|
export { SbbPopoverBaseElement, SbbPopoverElement };
|