@sebgroup/green-core 1.62.4 → 1.63.0
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/chunks/{chunk.G73FUDOL.js → chunk.22T3I4JL.js} +3 -3
- package/chunks/{chunk.J26ZRQ6S.js → chunk.3WHUYF46.js} +1 -1
- package/chunks/{chunk.2H5GFIYM.js → chunk.5K6AIZLC.js} +3 -3
- package/chunks/{chunk.AZ37APQJ.js → chunk.6H7RFULE.js} +1 -1
- package/chunks/{chunk.U23AQAVV.js → chunk.6JEJLKLB.js} +2 -2
- package/chunks/{chunk.BRJKZUQC.js → chunk.6TMNE6FX.js} +2 -2
- package/chunks/{chunk.LFNFPESI.js → chunk.AI6S2G7O.js} +2 -2
- package/chunks/{chunk.Q6TUX6YD.js → chunk.AZCWYANF.js} +2 -2
- package/chunks/{chunk.WYEFZYTX.js → chunk.C6N6VQ7D.js} +2 -2
- package/chunks/{chunk.ACUAZGVD.js → chunk.CTG7MBDC.js} +1 -1
- package/chunks/{chunk.WZCZTQMN.js → chunk.DS24O2GM.js} +2 -2
- package/chunks/{chunk.MNJRH5PO.js → chunk.G5B2X6GT.js} +2 -2
- package/chunks/{chunk.7LIHCIL7.js → chunk.GTFUQYWC.js} +6 -24
- package/chunks/{chunk.OERMHLD6.js → chunk.HCZKQSYP.js} +1 -1
- package/chunks/{chunk.ZW7SROWB.js → chunk.IM5CBUCR.js} +3 -3
- package/chunks/{chunk.6TKZHB6G.js → chunk.J72ASPOS.js} +2 -2
- package/chunks/{chunk.DSULCEOX.js → chunk.JAJ4QIOQ.js} +2 -2
- package/chunks/{chunk.OBVPGSWM.js → chunk.JD4XWRCW.js} +1 -1
- package/chunks/{chunk.H2KG3F2S.js → chunk.K4KPKUH4.js} +3 -1
- package/chunks/{chunk.7U6B2YVI.js → chunk.KJEEUQ4N.js} +1 -1
- package/chunks/{chunk.I3A5E6XN.js → chunk.LIVGGAPM.js} +2 -2
- package/chunks/{chunk.YLETRZXF.js → chunk.M4XXBZP4.js} +2 -2
- package/chunks/{chunk.MRRBULT2.js → chunk.MFMHSBO3.js} +2 -2
- package/chunks/{chunk.KSSSSVFR.js → chunk.PS5ZGVWQ.js} +3 -3
- package/chunks/{chunk.W7XK3ZHT.js → chunk.PXEYCJVA.js} +1 -1
- package/chunks/{chunk.QOCR4KLB.js → chunk.QBTSKZTA.js} +3 -3
- package/chunks/chunk.QK3R23GV.js +1 -1
- package/chunks/{chunk.DUEXVPWS.js → chunk.QVYUQ5B4.js} +3 -3
- package/chunks/{chunk.Q3H76I7H.js → chunk.RDWISEHP.js} +3 -3
- package/chunks/{chunk.AF2FPPOI.js → chunk.T7L3CGL4.js} +1 -1
- package/chunks/{chunk.AKDUI6M5.js → chunk.TRTHDVLF.js} +12 -13
- package/chunks/{chunk.WHLQPH23.js → chunk.V2UO35N7.js} +1 -1
- package/chunks/{chunk.X6C63XVR.js → chunk.V5PJJAXK.js} +1 -1
- package/chunks/{chunk.NMW5AZWI.js → chunk.WYYT2WRW.js} +56 -56
- package/chunks/{chunk.G5CGDVFY.js → chunk.XAC7H4NR.js} +3 -2
- package/chunks/{chunk.53NATY4I.js → chunk.XDEGMBK5.js} +2 -2
- package/chunks/{chunk.IEVPUFFD.js → chunk.XKWCFWKF.js} +1 -1
- package/chunks/{chunk.46HAVJRF.js → chunk.Y74S64ME.js} +1 -1
- package/chunks/{chunk.R2VUR4CG.js → chunk.ZE6TOQUF.js} +1 -1
- package/chunks/{chunk.HZY7CM33.js → chunk.ZZCOIIVT.js} +2 -2
- package/components/badge/badge.js +5 -5
- package/components/badge/index.js +5 -5
- package/components/button/button.js +4 -4
- package/components/button/button.trans.styles.js +2 -2
- package/components/button/index.js +4 -4
- package/components/calendar/calendar.js +3 -3
- package/components/calendar/calendar.trans.styles.js +2 -2
- package/components/calendar/index.js +3 -3
- package/components/card/card.js +4 -4
- package/components/card/index.js +4 -4
- package/components/container/container.js +3 -3
- package/components/container/index.js +3 -3
- package/components/context-menu/context-menu.js +6 -6
- package/components/context-menu/context-menu.trans.styles.js +2 -2
- package/components/context-menu/index.js +7 -7
- package/components/datepicker/datepicker.js +17 -17
- package/components/datepicker/datepicker.trans.styles.js +2 -2
- package/components/datepicker/index.js +17 -17
- package/components/dialog/dialog.js +8 -8
- package/components/dialog/index.js +8 -8
- package/components/divider/divider.js +3 -3
- package/components/divider/index.js +3 -3
- package/components/dropdown/dropdown.js +14 -14
- package/components/dropdown/dropdown.trans.styles.js +2 -2
- package/components/dropdown/index.js +15 -15
- package/components/fab/fab.js +6 -6
- package/components/fab/index.js +6 -6
- package/components/filter-chips/filter-chip/filter-chip.js +5 -5
- package/components/filter-chips/filter-chip/filter-chip.trans.styles.js +2 -2
- package/components/filter-chips/filter-chip/index.js +5 -5
- package/components/filter-chips/filter-chips.js +5 -5
- package/components/filter-chips/filter-chips.trans.styles.js +2 -2
- package/components/filter-chips/index.js +5 -5
- package/components/flex/flex.js +4 -4
- package/components/flex/index.js +4 -4
- package/components/form/index.js +6 -6
- package/components/form/summary/index.js +6 -6
- package/components/form/summary/summary.js +6 -6
- package/components/grid/grid.js +4 -4
- package/components/grid/index.js +4 -4
- package/components/grouped-list/grouped-list.js +3 -3
- package/components/grouped-list/grouped-list.trans.styles.js +2 -2
- package/components/grouped-list/index.js +3 -3
- package/components/img/img.js +3 -3
- package/components/img/index.js +3 -3
- package/components/index.js +37 -37
- package/components/input/index.js +11 -11
- package/components/input/input.js +11 -11
- package/components/input/input.trans.styles.js +2 -2
- package/components/link/index.js +3 -3
- package/components/link/link.js +3 -3
- package/components/mask/index.js +5 -5
- package/components/mask/mask.js +5 -5
- package/components/menu-button/index.js +2 -2
- package/components/menu-button/menu-button.js +2 -2
- package/components/popover/index.js +3 -3
- package/components/popover/popover.js +3 -3
- package/components/popover/popover.trans.styles.js +2 -2
- package/components/rich-text/index.js +2 -2
- package/components/rich-text/rich-text.js +2 -2
- package/components/segmented-control/index.js +5 -5
- package/components/segmented-control/segment/index.js +4 -4
- package/components/segmented-control/segment/segment.js +4 -4
- package/components/segmented-control/segment/segment.trans.styles.js +2 -2
- package/components/segmented-control/segmented-control.js +5 -5
- package/components/segmented-control/segmented-control.trans.styles.js +2 -2
- package/components/signal/index.js +3 -3
- package/components/signal/signal.js +3 -3
- package/components/spacer/index.js +3 -3
- package/components/spacer/spacer.js +3 -3
- package/components/text/index.js +5 -3
- package/components/text/text.d.ts +2 -29
- package/components/text/text.js +5 -3
- package/components/textarea/index.js +11 -11
- package/components/textarea/textarea.js +11 -11
- package/components/theme/index.js +3 -3
- package/components/theme/theme.js +3 -3
- package/components/theme/theme.trans.styles.js +2 -2
- package/components/video/index.js +3 -3
- package/components/video/video.js +3 -3
- package/index.js +37 -37
- package/package.json +1 -1
- package/primitives/field-base/field-base.js +3 -3
- package/primitives/field-base/index.js +3 -3
- package/primitives/form-control-footer/form-control-footer.js +5 -5
- package/primitives/form-control-footer/index.js +5 -5
- package/primitives/form-control-header/form-control-header.js +7 -7
- package/primitives/form-control-header/index.js +7 -7
- package/primitives/listbox/index.js +4 -4
- package/primitives/listbox/listbox.js +4 -4
- package/primitives/listbox/option.js +3 -3
- package/primitives/menu/index.js +4 -4
- package/primitives/menu/menu-heading.js +3 -3
- package/primitives/menu/menu-item.js +3 -3
- package/primitives/menu/menu.js +4 -4
- package/primitives/ripple/index.js +2 -2
- package/primitives/ripple/ripple.js +2 -2
- package/transitional-styles.js +2 -2
- package/utils/helpers/style-expression-parser.d.ts +1 -1
|
@@ -6,10 +6,10 @@ import {
|
|
|
6
6
|
} from "./chunk.WM7HBMMV.js";
|
|
7
7
|
import {
|
|
8
8
|
TransitionalStyles
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.PXEYCJVA.js";
|
|
10
10
|
import {
|
|
11
11
|
tokens
|
|
12
|
-
} from "./chunk.
|
|
12
|
+
} from "./chunk.WYYT2WRW.js";
|
|
13
13
|
import {
|
|
14
14
|
gdsCustomElement,
|
|
15
15
|
html
|
|
@@ -118,7 +118,7 @@ var button_style_default = `@layer tokens, core, a11y, ranks, sizes, variants, d
|
|
|
118
118
|
position: relative;
|
|
119
119
|
text-decoration: none;
|
|
120
120
|
transition-property: color, border-colorm, background;
|
|
121
|
-
transition-duration: 0.
|
|
121
|
+
transition-duration: 0.2s;
|
|
122
122
|
max-width: 100%;
|
|
123
123
|
flex: 1;
|
|
124
124
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
styleExpressionProperty
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.K4KPKUH4.js";
|
|
4
4
|
import {
|
|
5
5
|
TransitionalStyles
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.PXEYCJVA.js";
|
|
7
7
|
import {
|
|
8
8
|
tokens
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.WYYT2WRW.js";
|
|
10
10
|
import {
|
|
11
11
|
GdsElement
|
|
12
12
|
} from "./chunk.LQSWYCMZ.js";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
TransitionalStyles
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.PXEYCJVA.js";
|
|
4
4
|
import {
|
|
5
5
|
watch
|
|
6
6
|
} from "./chunk.TYGMNHNO.js";
|
|
7
7
|
import {
|
|
8
8
|
tokens
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.WYYT2WRW.js";
|
|
10
10
|
import {
|
|
11
11
|
GdsElement
|
|
12
12
|
} from "./chunk.LQSWYCMZ.js";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
forwardAttributes
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.22T3I4JL.js";
|
|
4
4
|
import {
|
|
5
5
|
GdsFormControlElement
|
|
6
6
|
} from "./chunk.V56VPSWH.js";
|
|
7
7
|
import {
|
|
8
8
|
tokens
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.WYYT2WRW.js";
|
|
10
10
|
import {
|
|
11
11
|
gdsCustomElement,
|
|
12
12
|
html
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
TransitionalStyles
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.PXEYCJVA.js";
|
|
4
4
|
import {
|
|
5
5
|
watch
|
|
6
6
|
} from "./chunk.TYGMNHNO.js";
|
|
@@ -8,7 +8,7 @@ import {
|
|
|
8
8
|
dark_default,
|
|
9
9
|
light_default,
|
|
10
10
|
tokens
|
|
11
|
-
} from "./chunk.
|
|
11
|
+
} from "./chunk.WYYT2WRW.js";
|
|
12
12
|
import {
|
|
13
13
|
GdsElement
|
|
14
14
|
} from "./chunk.LQSWYCMZ.js";
|
|
@@ -7,13 +7,13 @@ import {
|
|
|
7
7
|
} from "./chunk.V56VPSWH.js";
|
|
8
8
|
import {
|
|
9
9
|
TransitionalStyles
|
|
10
|
-
} from "./chunk.
|
|
10
|
+
} from "./chunk.PXEYCJVA.js";
|
|
11
11
|
import {
|
|
12
12
|
watch
|
|
13
13
|
} from "./chunk.TYGMNHNO.js";
|
|
14
14
|
import {
|
|
15
15
|
tokens
|
|
16
|
-
} from "./chunk.
|
|
16
|
+
} from "./chunk.WYYT2WRW.js";
|
|
17
17
|
import {
|
|
18
18
|
gdsCustomElement,
|
|
19
19
|
html
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import {
|
|
2
2
|
defaultStyles
|
|
3
3
|
} from "./chunk.UEJZWDMS.js";
|
|
4
|
+
import {
|
|
5
|
+
GdsContainer
|
|
6
|
+
} from "./chunk.6JEJLKLB.js";
|
|
4
7
|
import {
|
|
5
8
|
styleExpressionProperty
|
|
6
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.K4KPKUH4.js";
|
|
7
10
|
import {
|
|
8
11
|
tokens
|
|
9
|
-
} from "./chunk.
|
|
10
|
-
import {
|
|
11
|
-
GdsElement
|
|
12
|
-
} from "./chunk.LQSWYCMZ.js";
|
|
12
|
+
} from "./chunk.WYYT2WRW.js";
|
|
13
13
|
import {
|
|
14
14
|
gdsCustomElement
|
|
15
15
|
} from "./chunk.QK3R23GV.js";
|
|
@@ -37,7 +37,7 @@ var style = css`
|
|
|
37
37
|
var text_style_default = style;
|
|
38
38
|
|
|
39
39
|
// libs/core/src/components/text/text.ts
|
|
40
|
-
var GdsText = class extends
|
|
40
|
+
var GdsText = class extends GdsContainer {
|
|
41
41
|
constructor() {
|
|
42
42
|
super(...arguments);
|
|
43
43
|
this.level = "2";
|
|
@@ -74,12 +74,6 @@ __decorateClass([
|
|
|
74
74
|
valueTemplate: (v) => `var(--gds-text-weight-${v})`
|
|
75
75
|
})
|
|
76
76
|
], GdsText.prototype, "font-weight", 2);
|
|
77
|
-
__decorateClass([
|
|
78
|
-
styleExpressionProperty({
|
|
79
|
-
property: "margin",
|
|
80
|
-
valueTemplate: (v) => v
|
|
81
|
-
})
|
|
82
|
-
], GdsText.prototype, "margin", 2);
|
|
83
77
|
__decorateClass([
|
|
84
78
|
styleExpressionProperty({
|
|
85
79
|
property: "text-wrap",
|
|
@@ -92,18 +86,6 @@ __decorateClass([
|
|
|
92
86
|
valueTemplate: (v) => v
|
|
93
87
|
})
|
|
94
88
|
], GdsText.prototype, "text-transform", 2);
|
|
95
|
-
__decorateClass([
|
|
96
|
-
styleExpressionProperty({
|
|
97
|
-
property: "max-width",
|
|
98
|
-
valueTemplate: (v) => `${v}ch`
|
|
99
|
-
})
|
|
100
|
-
], GdsText.prototype, "max-width", 2);
|
|
101
|
-
__decorateClass([
|
|
102
|
-
styleExpressionProperty({
|
|
103
|
-
property: "min-width",
|
|
104
|
-
valueTemplate: (v) => `${v}ch`
|
|
105
|
-
})
|
|
106
|
-
], GdsText.prototype, "min-width", 2);
|
|
107
89
|
__decorateClass([
|
|
108
90
|
styleExpressionProperty({
|
|
109
91
|
property: "text-align",
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsContainer
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.6JEJLKLB.js";
|
|
4
4
|
import {
|
|
5
5
|
styleExpressionProperty
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.K4KPKUH4.js";
|
|
7
7
|
import {
|
|
8
8
|
tokens
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.WYYT2WRW.js";
|
|
10
10
|
import {
|
|
11
11
|
gdsCustomElement,
|
|
12
12
|
html
|
|
@@ -4,13 +4,13 @@ import {
|
|
|
4
4
|
} from "./chunk.ZRKILGXZ.js";
|
|
5
5
|
import {
|
|
6
6
|
TransitionalStyles
|
|
7
|
-
} from "./chunk.
|
|
7
|
+
} from "./chunk.PXEYCJVA.js";
|
|
8
8
|
import {
|
|
9
9
|
watch
|
|
10
10
|
} from "./chunk.TYGMNHNO.js";
|
|
11
11
|
import {
|
|
12
12
|
tokens
|
|
13
|
-
} from "./chunk.
|
|
13
|
+
} from "./chunk.WYYT2WRW.js";
|
|
14
14
|
import {
|
|
15
15
|
GdsElement
|
|
16
16
|
} from "./chunk.LQSWYCMZ.js";
|
|
@@ -20,7 +20,7 @@ var viewportBreakpoints = {
|
|
|
20
20
|
var breakpointValueRegex = /^([<|>]=?)?([0-9a-z]+)/;
|
|
21
21
|
var controlTokens = ["{", "}", ";", ":", ","];
|
|
22
22
|
var whitespace = [" ", "/n"];
|
|
23
|
-
function tokenize(source) {
|
|
23
|
+
function tokenize(source = "") {
|
|
24
24
|
const lexemes = [];
|
|
25
25
|
let scanned = "";
|
|
26
26
|
for (let i = 0; i < source.length; i++) {
|
|
@@ -141,6 +141,8 @@ function styleExpressionProperty(options) {
|
|
|
141
141
|
},
|
|
142
142
|
set: async function(newValue) {
|
|
143
143
|
var _a2;
|
|
144
|
+
if (!newValue)
|
|
145
|
+
return;
|
|
144
146
|
this["__" + String(descriptor)] = newValue;
|
|
145
147
|
await this.updateComplete;
|
|
146
148
|
const lvl = (_a2 = this.level) != null ? _a2 : "0";
|
|
@@ -3,13 +3,13 @@ import {
|
|
|
3
3
|
} from "./chunk.VHN4JEZC.js";
|
|
4
4
|
import {
|
|
5
5
|
TransitionalStyles
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.PXEYCJVA.js";
|
|
7
7
|
import {
|
|
8
8
|
watch
|
|
9
9
|
} from "./chunk.TYGMNHNO.js";
|
|
10
10
|
import {
|
|
11
11
|
tokens
|
|
12
|
-
} from "./chunk.
|
|
12
|
+
} from "./chunk.WYYT2WRW.js";
|
|
13
13
|
import {
|
|
14
14
|
GdsElement
|
|
15
15
|
} from "./chunk.LQSWYCMZ.js";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
styleExpressionProperty
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.K4KPKUH4.js";
|
|
4
4
|
import {
|
|
5
5
|
forwardAttributes
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.22T3I4JL.js";
|
|
7
7
|
import {
|
|
8
8
|
GdsFormControlElement
|
|
9
9
|
} from "./chunk.V56VPSWH.js";
|
|
@@ -12,7 +12,7 @@ import {
|
|
|
12
12
|
} from "./chunk.TYGMNHNO.js";
|
|
13
13
|
import {
|
|
14
14
|
tokens
|
|
15
|
-
} from "./chunk.
|
|
15
|
+
} from "./chunk.WYYT2WRW.js";
|
|
16
16
|
import {
|
|
17
17
|
gdsCustomElement,
|
|
18
18
|
html
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsContainer
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.6JEJLKLB.js";
|
|
4
4
|
import {
|
|
5
5
|
styleExpressionProperty
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.K4KPKUH4.js";
|
|
7
7
|
import {
|
|
8
8
|
tokens
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.WYYT2WRW.js";
|
|
10
10
|
import {
|
|
11
11
|
gdsCustomElement,
|
|
12
12
|
html
|
package/chunks/chunk.QK3R23GV.js
CHANGED
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
// libs/core/src/utils/helpers/custom-element-scoping.ts
|
|
7
7
|
import { html as litHtml } from "lit";
|
|
8
8
|
import { customElement } from "lit/decorators.js";
|
|
9
|
-
var VER_SUFFIX = "-
|
|
9
|
+
var VER_SUFFIX = "-5564a1";
|
|
10
10
|
var ScopedElementRegistry = class {
|
|
11
11
|
static get instance() {
|
|
12
12
|
var _a;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsContainer
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.6JEJLKLB.js";
|
|
4
4
|
import {
|
|
5
5
|
styleExpressionProperty
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.K4KPKUH4.js";
|
|
7
7
|
import {
|
|
8
8
|
tokens
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.WYYT2WRW.js";
|
|
10
10
|
import {
|
|
11
11
|
gdsCustomElement,
|
|
12
12
|
html
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsFlex
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.QBTSKZTA.js";
|
|
4
4
|
import {
|
|
5
5
|
styleExpressionProperty
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.K4KPKUH4.js";
|
|
7
7
|
import {
|
|
8
8
|
tokens
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.WYYT2WRW.js";
|
|
10
10
|
import {
|
|
11
11
|
gdsCustomElement
|
|
12
12
|
} from "./chunk.QK3R23GV.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
tokens
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.WYYT2WRW.js";
|
|
4
4
|
import {
|
|
5
5
|
gdsCustomElement
|
|
6
6
|
} from "./chunk.QK3R23GV.js";
|
|
@@ -15,11 +15,12 @@ import { query } from "lit/decorators.js";
|
|
|
15
15
|
// libs/core/src/primitives/ripple/ripple.styles.scss?inline
|
|
16
16
|
var ripple_styles_default = `:host {
|
|
17
17
|
--gds-ripple-motion-name: ripple;
|
|
18
|
-
--gds-ripple-motion: var(--gds-ripple-motion-name) 1.
|
|
19
|
-
cubic-bezier(0.
|
|
18
|
+
--gds-ripple-motion: var(--gds-ripple-motion-name) 1.25s
|
|
19
|
+
cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none running;
|
|
20
20
|
border-radius: var(--gds-space-max);
|
|
21
21
|
contain: strict;
|
|
22
|
-
display:
|
|
22
|
+
display: grid;
|
|
23
|
+
place-content: center;
|
|
23
24
|
height: 100%;
|
|
24
25
|
inset: 0;
|
|
25
26
|
overflow: hidden;
|
|
@@ -31,15 +32,13 @@ div {
|
|
|
31
32
|
background-color: currentColor;
|
|
32
33
|
border-radius: var(--gds-space-max);
|
|
33
34
|
display: flex;
|
|
34
|
-
height:
|
|
35
|
-
left: var(--gds-ripple-left
|
|
36
|
-
margin-left: -10px;
|
|
37
|
-
margin-top: -10px;
|
|
35
|
+
height: 100%;
|
|
36
|
+
left: calc((-50% + var(--gds-ripple-left)) / 4);
|
|
38
37
|
opacity: 0;
|
|
39
38
|
pointer-events: none;
|
|
40
39
|
position: absolute;
|
|
41
|
-
top:
|
|
42
|
-
width:
|
|
40
|
+
top: 0;
|
|
41
|
+
width: 100%;
|
|
43
42
|
will-change: transform;
|
|
44
43
|
}
|
|
45
44
|
|
|
@@ -49,12 +48,12 @@ div.gds-ripple-effect {
|
|
|
49
48
|
|
|
50
49
|
@keyframes ripple {
|
|
51
50
|
from {
|
|
52
|
-
opacity: 0.
|
|
53
|
-
transform: scale(0);
|
|
51
|
+
opacity: 0.2;
|
|
52
|
+
transform: scale(0.6, 1);
|
|
54
53
|
}
|
|
55
54
|
to {
|
|
56
55
|
opacity: 0;
|
|
57
|
-
transform: scale(
|
|
56
|
+
transform: scale(1.25);
|
|
58
57
|
}
|
|
59
58
|
}
|
|
60
59
|
@media (prefers-reduced-motion: reduce) {
|