@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1777278290 → 5.0.0-next-dev.1777283651
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-DM9Bn8xl.js +535 -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-nn2NRFOs.js → popover.component-BkhmysoH.js} +20 -16
- 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-DHBnOzyr.js +0 -526
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
|
@@ -21997,6 +21997,12 @@
|
|
|
21997
21997
|
},
|
|
21998
21998
|
"privacy": "private"
|
|
21999
21999
|
},
|
|
22000
|
+
{
|
|
22001
|
+
"kind": "field",
|
|
22002
|
+
"name": "_resizeController",
|
|
22003
|
+
"privacy": "private",
|
|
22004
|
+
"default": "new ResizeController(this, { target: null, callback: () => this._setPopoverPosition(), })"
|
|
22005
|
+
},
|
|
22000
22006
|
{
|
|
22001
22007
|
"kind": "field",
|
|
22002
22008
|
"name": "_escapableOverlayController",
|
|
@@ -23093,6 +23099,16 @@
|
|
|
23093
23099
|
"module": "popover/popover.component.js"
|
|
23094
23100
|
}
|
|
23095
23101
|
},
|
|
23102
|
+
{
|
|
23103
|
+
"kind": "field",
|
|
23104
|
+
"name": "_resizeController",
|
|
23105
|
+
"privacy": "private",
|
|
23106
|
+
"default": "new ResizeController(this, { target: null, callback: () => this._setPopoverPosition(), })",
|
|
23107
|
+
"inheritedFrom": {
|
|
23108
|
+
"name": "SbbPopoverBaseElement",
|
|
23109
|
+
"module": "popover/popover.component.js"
|
|
23110
|
+
}
|
|
23111
|
+
},
|
|
23096
23112
|
{
|
|
23097
23113
|
"kind": "field",
|
|
23098
23114
|
"name": "_escapableOverlayController",
|
|
@@ -94127,6 +94143,16 @@
|
|
|
94127
94143
|
"module": "popover/popover.component.js"
|
|
94128
94144
|
}
|
|
94129
94145
|
},
|
|
94146
|
+
{
|
|
94147
|
+
"kind": "field",
|
|
94148
|
+
"name": "_resizeController",
|
|
94149
|
+
"privacy": "private",
|
|
94150
|
+
"default": "new ResizeController(this, { target: null, callback: () => this._setPopoverPosition(), })",
|
|
94151
|
+
"inheritedFrom": {
|
|
94152
|
+
"name": "SbbPopoverBaseElement",
|
|
94153
|
+
"module": "popover/popover.component.js"
|
|
94154
|
+
}
|
|
94155
|
+
},
|
|
94130
94156
|
{
|
|
94131
94157
|
"kind": "field",
|
|
94132
94158
|
"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-DM9Bn8xl.js";
|
|
2
2
|
export { SbbPopoverBaseElement, SbbPopoverElement };
|