@sebgroup/green-core 3.12.1 → 3.12.3
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/components/avatar/avatar.styles.js +4 -3
- package/components/segmented-control/segmented-control.component.js +1 -1
- package/components/switch/switch.component.js +0 -1
- package/components/switch/switch.styles.js +6 -1
- package/custom-elements.json +37057 -37057
- package/gds-element.js +1 -1
- package/generated/locales/da.d.ts +2 -0
- package/generated/locales/da.js +2 -0
- package/generated/locales/de.d.ts +2 -0
- package/generated/locales/de.js +2 -0
- package/generated/locales/fi.d.ts +2 -0
- package/generated/locales/fi.js +2 -0
- package/generated/locales/fr.d.ts +2 -0
- package/generated/locales/fr.js +2 -0
- package/generated/locales/it.d.ts +2 -0
- package/generated/locales/it.js +2 -0
- package/generated/locales/nl.d.ts +2 -0
- package/generated/locales/nl.js +2 -0
- package/generated/locales/no.d.ts +2 -0
- package/generated/locales/no.js +2 -0
- package/generated/locales/sv.d.ts +2 -0
- package/generated/locales/sv.js +2 -0
- package/generated/mcp/components.json +1 -1
- package/generated/mcp/icons.json +1 -1
- package/generated/mcp/index.json +1 -1
- package/generated/mcp/tokens.json +5 -5
- package/generated/react/index.d.ts +1 -1
- package/generated/react/index.js +1 -1
- package/package.json +2 -1
- package/tokens/variables.dark.css.js +1 -1
- package/tokens/variables.light.css.js +1 -1
- package/utils/decorators/aria-forwarding.js +9 -5
- package/utils/helpers/custom-element-scoping.js +1 -1
|
@@ -24,8 +24,9 @@ const style = css`
|
|
|
24
24
|
var(--gds-avatar-cutout-enabled, 0)
|
|
25
25
|
);
|
|
26
26
|
--_effective-overlap: calc(var(--_overlap) * var(--_grouped-enabled));
|
|
27
|
-
--_effective-cutout-radius:
|
|
28
|
-
|
|
27
|
+
--_effective-cutout-radius: max(
|
|
28
|
+
0.001px,
|
|
29
|
+
calc(var(--_cutout-radius) * var(--_grouped-enabled))
|
|
29
30
|
);
|
|
30
31
|
--_cutout-right-offset: calc(
|
|
31
32
|
var(--_size) / 2 + var(--_effective-overlap)
|
|
@@ -108,7 +109,7 @@ const style = css`
|
|
|
108
109
|
mask-image: radial-gradient(
|
|
109
110
|
circle var(--_effective-cutout-radius) at
|
|
110
111
|
calc(100% + var(--_cutout-right-offset)) 50%,
|
|
111
|
-
#0000 calc(var(--_effective-cutout-radius) - 0.1px),
|
|
112
|
+
#0000 max(0px, calc(var(--_effective-cutout-radius) - 0.1px)),
|
|
112
113
|
#000 var(--_effective-cutout-radius)
|
|
113
114
|
);
|
|
114
115
|
}
|
|
@@ -143,7 +143,7 @@ let GdsSegmentedControl = class extends withLayoutChildProps(
|
|
|
143
143
|
?inert=${!this._showPrevButton}
|
|
144
144
|
id="btn-prev"
|
|
145
145
|
@click=${__privateGet(this, _scrollLeft)}
|
|
146
|
-
aria-label=${msg("Scroll
|
|
146
|
+
aria-label=${msg("Scroll left")}
|
|
147
147
|
>
|
|
148
148
|
<gds-icon-chevron-left />
|
|
149
149
|
</button>
|
|
@@ -192,12 +192,13 @@ const style = css`
|
|
|
192
192
|
left: var(--switch-thumb-left-checked);
|
|
193
193
|
width: var(--switch-thumb-size-checked);
|
|
194
194
|
height: var(--switch-thumb-size-checked);
|
|
195
|
-
background: var(--gds-sys-color-
|
|
195
|
+
background: var(--gds-sys-color-content-neutral-05);
|
|
196
196
|
}
|
|
197
197
|
|
|
198
198
|
.checkmark {
|
|
199
199
|
opacity: 1;
|
|
200
200
|
scale: 1;
|
|
201
|
+
color: var(--gds-sys-color-l3-positive-01);
|
|
201
202
|
}
|
|
202
203
|
|
|
203
204
|
.perimeter {
|
|
@@ -227,6 +228,10 @@ const style = css`
|
|
|
227
228
|
opacity: 0.6;
|
|
228
229
|
}
|
|
229
230
|
|
|
231
|
+
.switch.disabled .checkmark {
|
|
232
|
+
color: var(--gds-sys-color-l3-disabled-01);
|
|
233
|
+
}
|
|
234
|
+
|
|
230
235
|
@media (prefers-color-scheme: dark) {
|
|
231
236
|
.switch.disabled .track {
|
|
232
237
|
opacity: 0.4;
|