@seed-design/css 2.5.0 → 2.6.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/all.css +700 -89
- package/all.layered.css +700 -89
- package/all.layered.min.css +1 -1
- package/all.min.css +1 -1
- package/base.css +15 -0
- package/base.layered.css +15 -0
- package/base.layered.min.css +1 -1
- package/base.min.css +1 -1
- package/breakpoints/index.mjs +5 -0
- package/package.json +6 -1
- package/recipes/accordion.css +1 -1
- package/recipes/accordion.layered.css +1 -1
- package/recipes/action-button.css +3 -13
- package/recipes/action-button.layered.css +4 -17
- package/recipes/attachment-input-item.css +15 -3
- package/recipes/attachment-input-item.layered.css +24 -8
- package/recipes/attachment-input-trigger.css +6 -1
- package/recipes/attachment-input-trigger.layered.css +10 -3
- package/recipes/bottom-sheet.css +7 -0
- package/recipes/bottom-sheet.layered.css +11 -2
- package/recipes/callout.css +43 -4
- package/recipes/callout.layered.css +57 -6
- package/recipes/checkmark.css +6 -1
- package/recipes/checkmark.layered.css +10 -3
- package/recipes/chip-tabs.css +6 -1
- package/recipes/chip-tabs.layered.css +10 -3
- package/recipes/chip.css +6 -3
- package/recipes/chip.layered.css +10 -5
- package/recipes/content-dialog.css +4 -1
- package/recipes/content-dialog.layered.css +5 -1
- package/recipes/contextual-floating-button.css +6 -1
- package/recipes/contextual-floating-button.layered.css +8 -1
- package/recipes/floating-action-button.css +6 -1
- package/recipes/floating-action-button.layered.css +8 -1
- package/recipes/help-bubble.css +8 -2
- package/recipes/help-bubble.layered.css +12 -4
- package/recipes/image-frame-reaction-button.css +6 -0
- package/recipes/image-frame-reaction-button.layered.css +8 -0
- package/recipes/input-button.css +6 -1
- package/recipes/input-button.layered.css +10 -3
- package/recipes/list-item.css +6 -0
- package/recipes/list-item.layered.css +6 -0
- package/recipes/menu-sheet.css +7 -1
- package/recipes/menu-sheet.layered.css +9 -1
- package/recipes/menu.css +1 -1
- package/recipes/menu.layered.css +1 -1
- package/recipes/page-banner.css +58 -4
- package/recipes/page-banner.layered.css +79 -8
- package/recipes/pagination-button.css +68 -0
- package/recipes/pagination-button.d.ts +19 -0
- package/recipes/pagination-button.layered.css +80 -0
- package/recipes/pagination-button.layered.mjs +22 -0
- package/recipes/pagination-button.mjs +22 -0
- package/recipes/pagination-page-item.css +99 -0
- package/recipes/pagination-page-item.d.ts +19 -0
- package/recipes/pagination-page-item.layered.css +118 -0
- package/recipes/pagination-page-item.layered.mjs +22 -0
- package/recipes/pagination-page-item.mjs +22 -0
- package/recipes/pull-to-refresh.css +1 -1
- package/recipes/pull-to-refresh.layered.css +1 -1
- package/recipes/quantity-picker.css +8 -2
- package/recipes/quantity-picker.layered.css +10 -2
- package/recipes/radiomark.css +6 -1
- package/recipes/radiomark.layered.css +10 -3
- package/recipes/reaction-button.css +4 -1
- package/recipes/reaction-button.layered.css +5 -1
- package/recipes/select-box.css +3 -3
- package/recipes/select-box.layered.css +3 -3
- package/recipes/select.css +1 -1
- package/recipes/select.layered.css +1 -1
- package/recipes/side-panel.css +6 -1
- package/recipes/side-panel.layered.css +12 -5
- package/recipes/snackbar.css +7 -1
- package/recipes/snackbar.layered.css +9 -1
- package/recipes/switchmark.css +4 -1
- package/recipes/switchmark.layered.css +5 -1
- package/recipes/tabs.css +4 -1
- package/recipes/tabs.layered.css +5 -1
- package/recipes/toggle-button.css +4 -1
- package/recipes/toggle-button.layered.css +5 -1
- package/recipes/wheel-picker-public.css +121 -0
- package/recipes/wheel-picker-public.d.ts +24 -0
- package/recipes/wheel-picker-public.layered.css +140 -0
- package/recipes/wheel-picker-public.layered.mjs +63 -0
- package/recipes/wheel-picker-public.mjs +63 -0
- package/recipes/wheel-picker.css +1 -1
- package/recipes/wheel-picker.layered.css +1 -1
- package/scale-feedback/index.d.ts +3 -0
- package/scale-feedback/index.mjs +33 -0
- package/vars/color/stroke.d.ts +3 -3
- package/vars/component/accordion-item.d.ts +1 -1
- package/vars/component/accordion-item.mjs +1 -1
- package/vars/component/action-button.d.ts +1 -23
- package/vars/component/action-button.mjs +1 -23
- package/vars/component/bottom-sheet.d.ts +1 -1
- package/vars/component/bottom-sheet.mjs +1 -1
- package/vars/component/callout-close-button.d.ts +81 -0
- package/vars/component/callout-close-button.mjs +63 -0
- package/vars/component/callout.d.ts +1 -2
- package/vars/component/callout.mjs +1 -2
- package/vars/component/checkbox.d.ts +3 -0
- package/vars/component/help-bubble.d.ts +4 -1
- package/vars/component/help-bubble.mjs +3 -1
- package/vars/component/index.d.ts +6 -1
- package/vars/component/index.mjs +6 -1
- package/vars/component/list-item.d.ts +2 -6
- package/vars/component/list-item.mjs +2 -5
- package/vars/component/page-banner-close-button.d.ts +133 -0
- package/vars/component/page-banner-close-button.mjs +99 -0
- package/vars/component/page-banner.d.ts +0 -1
- package/vars/component/page-banner.mjs +0 -1
- package/vars/component/pagination-button.d.ts +33 -0
- package/vars/component/pagination-button.mjs +33 -0
- package/vars/component/pagination-page-item.d.ts +54 -0
- package/vars/component/pagination-page-item.mjs +54 -0
- package/vars/component/radio.d.ts +3 -0
- package/vars/component/select-box.d.ts +2 -2
- package/vars/component/select-box.mjs +2 -2
- package/vars/component/snackbar.d.ts +1 -1
- package/vars/component/snackbar.mjs +1 -1
- package/vars/component/switch.d.ts +3 -0
- package/vars/component/switchmark.d.ts +2 -0
- package/vars/component/wheel-picker.d.ts +72 -0
- package/vars/component/wheel-picker.mjs +72 -0
package/recipes/chip-tabs.css
CHANGED
|
@@ -48,7 +48,12 @@
|
|
|
48
48
|
flex-shrink: 0;
|
|
49
49
|
border-radius: var(--seed-radius-full);
|
|
50
50
|
font-weight: var(--seed-font-weight-medium);
|
|
51
|
-
|
|
51
|
+
}
|
|
52
|
+
.seed-chip-tabs__trigger:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
|
|
53
|
+
scale: var(--seed-feedback-scale);
|
|
54
|
+
}
|
|
55
|
+
.seed-chip-tabs__trigger {
|
|
56
|
+
transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
52
57
|
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
53
58
|
outline-offset: var(--seed-dimension-x0_5);
|
|
54
59
|
}
|
|
@@ -51,9 +51,6 @@
|
|
|
51
51
|
border-radius: var(--seed-radius-full);
|
|
52
52
|
font-family: inherit;
|
|
53
53
|
font-weight: var(--seed-font-weight-medium);
|
|
54
|
-
transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
55
|
-
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
56
|
-
outline-offset: var(--seed-dimension-x0_5);
|
|
57
54
|
border: none;
|
|
58
55
|
flex-shrink: 0;
|
|
59
56
|
justify-content: center;
|
|
@@ -61,6 +58,16 @@
|
|
|
61
58
|
display: flex;
|
|
62
59
|
}
|
|
63
60
|
|
|
61
|
+
.seed-chip-tabs__trigger:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
|
|
62
|
+
scale: var(--seed-feedback-scale);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.seed-chip-tabs__trigger {
|
|
66
|
+
transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
67
|
+
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
68
|
+
outline-offset: var(--seed-dimension-x0_5);
|
|
69
|
+
}
|
|
70
|
+
|
|
64
71
|
.seed-chip-tabs__trigger:is(:focus-visible, [data-focus-visible]) {
|
|
65
72
|
outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
|
|
66
73
|
outline-offset: var(--seed-dimension-x0_5);
|
package/recipes/chip.css
CHANGED
|
@@ -15,9 +15,12 @@
|
|
|
15
15
|
flex-shrink: 0;
|
|
16
16
|
line-height: 1;
|
|
17
17
|
border-radius: var(--seed-radius-full);
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
}
|
|
19
|
+
.seed-chip__root:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
|
|
20
|
+
scale: var(--seed-feedback-scale);
|
|
21
|
+
}
|
|
22
|
+
.seed-chip__root {
|
|
23
|
+
transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), color var(--seed-duration-color-transition) var(--seed-timing-function-easing), border-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), box-shadow var(--seed-duration-color-transition) var(--seed-timing-function-easing), outline-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale);
|
|
21
24
|
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
22
25
|
outline-offset: var(--seed-dimension-x0_5);
|
|
23
26
|
}
|
package/recipes/chip.layered.css
CHANGED
|
@@ -8,21 +8,26 @@
|
|
|
8
8
|
-webkit-font-smoothing: antialiased;
|
|
9
9
|
-moz-osx-font-smoothing: grayscale;
|
|
10
10
|
border-radius: var(--seed-radius-full);
|
|
11
|
-
transition-duration: var(--seed-duration-color-transition);
|
|
12
|
-
transition-timing-function: var(--seed-timing-function-easing);
|
|
13
|
-
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
14
|
-
outline-offset: var(--seed-dimension-x0_5);
|
|
15
11
|
border: none;
|
|
16
12
|
flex-shrink: 0;
|
|
17
13
|
justify-content: center;
|
|
18
14
|
align-items: center;
|
|
19
15
|
font-family: inherit;
|
|
20
16
|
line-height: 1;
|
|
21
|
-
transition-property: background-color, color, border-color, box-shadow, outline-color;
|
|
22
17
|
display: inline-flex;
|
|
23
18
|
position: relative;
|
|
24
19
|
}
|
|
25
20
|
|
|
21
|
+
.seed-chip__root:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
|
|
22
|
+
scale: var(--seed-feedback-scale);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.seed-chip__root {
|
|
26
|
+
transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), color var(--seed-duration-color-transition) var(--seed-timing-function-easing), border-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), box-shadow var(--seed-duration-color-transition) var(--seed-timing-function-easing), outline-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale);
|
|
27
|
+
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
28
|
+
outline-offset: var(--seed-dimension-x0_5);
|
|
29
|
+
}
|
|
30
|
+
|
|
26
31
|
.seed-chip__root:is(:focus-visible, [data-focus-visible]) {
|
|
27
32
|
outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
|
|
28
33
|
outline-offset: var(--seed-dimension-x0_5);
|
|
@@ -186,7 +186,7 @@
|
|
|
186
186
|
padding: calc((52px - 22px) / 2);
|
|
187
187
|
margin: calc((22px - 52px) / 2);
|
|
188
188
|
cursor: pointer;
|
|
189
|
-
transition: background var(--seed-duration-color-transition) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
189
|
+
transition: background var(--seed-duration-color-transition) var(--seed-timing-function-easing), scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
190
190
|
--seed-icon-size: 22px;
|
|
191
191
|
--seed-icon-color: var(--seed-color-fg-neutral-subtle);
|
|
192
192
|
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
@@ -196,6 +196,9 @@
|
|
|
196
196
|
outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
|
|
197
197
|
outline-offset: var(--seed-dimension-x0_5);
|
|
198
198
|
}
|
|
199
|
+
.seed-content-dialog__closeButton:is(:active, [data-active]) {
|
|
200
|
+
scale: var(--seed-feedback-scale);
|
|
201
|
+
}
|
|
199
202
|
@media (hover: hover) and (pointer: fine) {
|
|
200
203
|
.seed-content-dialog__closeButton:is(:hover, [data-hover]) {
|
|
201
204
|
background: var(--seed-color-bg-transparent-pressed);
|
|
@@ -199,7 +199,7 @@
|
|
|
199
199
|
background: var(--seed-color-bg-transparent);
|
|
200
200
|
border-radius: var(--seed-radius-r3);
|
|
201
201
|
cursor: pointer;
|
|
202
|
-
transition: background var(--seed-duration-color-transition) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
202
|
+
transition: background var(--seed-duration-color-transition) var(--seed-timing-function-easing), scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
203
203
|
--seed-icon-size: 22px;
|
|
204
204
|
--seed-icon-color: var(--seed-color-fg-neutral-subtle);
|
|
205
205
|
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
@@ -218,6 +218,10 @@
|
|
|
218
218
|
outline-offset: var(--seed-dimension-x0_5);
|
|
219
219
|
}
|
|
220
220
|
|
|
221
|
+
.seed-content-dialog__closeButton:is(:active, [data-active]) {
|
|
222
|
+
scale: var(--seed-feedback-scale);
|
|
223
|
+
}
|
|
224
|
+
|
|
221
225
|
@media (hover: hover) and (pointer: fine) {
|
|
222
226
|
.seed-content-dialog__closeButton:is(:hover, [data-hover]) {
|
|
223
227
|
background: var(--seed-color-bg-transparent-pressed);
|
|
@@ -41,7 +41,12 @@
|
|
|
41
41
|
--seed-icon-size: 22px;
|
|
42
42
|
--size: 16px;
|
|
43
43
|
--thickness: 2px;
|
|
44
|
-
|
|
44
|
+
}
|
|
45
|
+
.seed-contextual-floating-button:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
|
|
46
|
+
scale: var(--seed-feedback-scale);
|
|
47
|
+
}
|
|
48
|
+
.seed-contextual-floating-button {
|
|
49
|
+
transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
45
50
|
}
|
|
46
51
|
.seed-contextual-floating-button--variant_solid {
|
|
47
52
|
background: var(--seed-color-bg-neutral-inverted);
|
|
@@ -45,7 +45,14 @@
|
|
|
45
45
|
--seed-icon-size: 22px;
|
|
46
46
|
--size: 16px;
|
|
47
47
|
--thickness: 2px;
|
|
48
|
-
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.seed-contextual-floating-button:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
|
|
51
|
+
scale: var(--seed-feedback-scale);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.seed-contextual-floating-button {
|
|
55
|
+
transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
49
56
|
}
|
|
50
57
|
|
|
51
58
|
.seed-contextual-floating-button--variant_solid {
|
|
@@ -30,7 +30,12 @@
|
|
|
30
30
|
font-size: var(--seed-font-size-t5);
|
|
31
31
|
line-height: var(--seed-line-height-t5);
|
|
32
32
|
font-weight: var(--seed-font-weight-bold);
|
|
33
|
-
|
|
33
|
+
}
|
|
34
|
+
.seed-floating-action-button__root:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
|
|
35
|
+
scale: var(--seed-feedback-scale);
|
|
36
|
+
}
|
|
37
|
+
.seed-floating-action-button__root {
|
|
38
|
+
transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), max-width var(--seed-duration-d4) var(--seed-timing-function-easing), height var(--seed-duration-d4) var(--seed-timing-function-easing), padding var(--seed-duration-d4) var(--seed-timing-function-easing), scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
34
39
|
}
|
|
35
40
|
@media (hover: hover) and (pointer: fine) {
|
|
36
41
|
.seed-floating-action-button__root:is(:hover, [data-hover]) {
|
|
@@ -32,11 +32,18 @@
|
|
|
32
32
|
font-size: var(--seed-font-size-t5);
|
|
33
33
|
line-height: var(--seed-line-height-t5);
|
|
34
34
|
font-weight: var(--seed-font-weight-bold);
|
|
35
|
-
transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), max-width var(--seed-duration-d4) var(--seed-timing-function-easing), height var(--seed-duration-d4) var(--seed-timing-function-easing), padding var(--seed-duration-d4) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
36
35
|
position: relative;
|
|
37
36
|
overflow: hidden;
|
|
38
37
|
}
|
|
39
38
|
|
|
39
|
+
.seed-floating-action-button__root:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
|
|
40
|
+
scale: var(--seed-feedback-scale);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.seed-floating-action-button__root {
|
|
44
|
+
transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), max-width var(--seed-duration-d4) var(--seed-timing-function-easing), height var(--seed-duration-d4) var(--seed-timing-function-easing), padding var(--seed-duration-d4) var(--seed-timing-function-easing), scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
45
|
+
}
|
|
46
|
+
|
|
40
47
|
@media (hover: hover) and (pointer: fine) {
|
|
41
48
|
.seed-floating-action-button__root:is(:hover, [data-hover]) {
|
|
42
49
|
background: var(--seed-color-bg-brand-solid-pressed);
|
package/recipes/help-bubble.css
CHANGED
|
@@ -6,11 +6,12 @@
|
|
|
6
6
|
.seed-help-bubble__content {
|
|
7
7
|
display: flex;
|
|
8
8
|
align-items: flex-start;
|
|
9
|
+
box-sizing: border-box;
|
|
9
10
|
background: var(--seed-color-bg-neutral-inverted);
|
|
10
11
|
padding-inline: var(--seed-dimension-x3);
|
|
11
12
|
padding-block: var(--seed-dimension-x2_5);
|
|
12
13
|
border-radius: var(--seed-radius-r3);
|
|
13
|
-
--seed-box-max-width-base:
|
|
14
|
+
--seed-box-max-width-base: 280px;
|
|
14
15
|
--seed-box-max-width-sm: var(--seed-box-max-width-base, initial);
|
|
15
16
|
--seed-box-max-width-md: var(--seed-box-max-width-sm, initial);
|
|
16
17
|
--seed-box-max-width-lg: var(--seed-box-max-width-md, initial);
|
|
@@ -90,7 +91,12 @@
|
|
|
90
91
|
--seed-icon-size: var(--seed-dimension-x3_5);
|
|
91
92
|
--seed-icon-color: var(--seed-color-fg-neutral-inverted);
|
|
92
93
|
border-radius: var(--seed-radius-r3);
|
|
93
|
-
|
|
94
|
+
}
|
|
95
|
+
.seed-help-bubble__closeButton:is(:active, [data-active]) {
|
|
96
|
+
scale: var(--seed-feedback-scale);
|
|
97
|
+
}
|
|
98
|
+
.seed-help-bubble__closeButton {
|
|
99
|
+
transition: scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
94
100
|
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
95
101
|
outline-offset: calc(var(--seed-dimension-x0_5) * -1);
|
|
96
102
|
}
|
|
@@ -6,11 +6,12 @@
|
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.seed-help-bubble__content {
|
|
9
|
+
box-sizing: border-box;
|
|
9
10
|
background: var(--seed-color-bg-neutral-inverted);
|
|
10
11
|
padding-inline: var(--seed-dimension-x3);
|
|
11
12
|
padding-block: var(--seed-dimension-x2_5);
|
|
12
13
|
border-radius: var(--seed-radius-r3);
|
|
13
|
-
--seed-box-max-width-base:
|
|
14
|
+
--seed-box-max-width-base: 280px;
|
|
14
15
|
--seed-box-max-width-sm: var(--seed-box-max-width-base, initial);
|
|
15
16
|
--seed-box-max-width-md: var(--seed-box-max-width-sm, initial);
|
|
16
17
|
--seed-box-max-width-lg: var(--seed-box-max-width-md, initial);
|
|
@@ -97,9 +98,6 @@
|
|
|
97
98
|
--seed-icon-size: var(--seed-dimension-x3_5);
|
|
98
99
|
--seed-icon-color: var(--seed-color-fg-neutral-inverted);
|
|
99
100
|
border-radius: var(--seed-radius-r3);
|
|
100
|
-
transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
101
|
-
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
102
|
-
outline-offset: calc(var(--seed-dimension-x0_5) * -1);
|
|
103
101
|
background: none;
|
|
104
102
|
border: none;
|
|
105
103
|
justify-content: center;
|
|
@@ -107,6 +105,16 @@
|
|
|
107
105
|
display: flex;
|
|
108
106
|
}
|
|
109
107
|
|
|
108
|
+
.seed-help-bubble__closeButton:is(:active, [data-active]) {
|
|
109
|
+
scale: var(--seed-feedback-scale);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.seed-help-bubble__closeButton {
|
|
113
|
+
transition: scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
114
|
+
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
115
|
+
outline-offset: calc(var(--seed-dimension-x0_5) * -1);
|
|
116
|
+
}
|
|
117
|
+
|
|
110
118
|
.seed-help-bubble__closeButton:is(:focus-visible, [data-focus-visible]) {
|
|
111
119
|
outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
|
|
112
120
|
outline-offset: calc(var(--seed-dimension-x0_5) * -1);
|
|
@@ -11,6 +11,12 @@
|
|
|
11
11
|
height: var(--seed-dimension-x6);
|
|
12
12
|
background: transparent;
|
|
13
13
|
}
|
|
14
|
+
.seed-image-frame-reaction-button__root:is(:active, [data-active]) {
|
|
15
|
+
scale: var(--seed-feedback-scale);
|
|
16
|
+
}
|
|
17
|
+
.seed-image-frame-reaction-button__root {
|
|
18
|
+
transition: scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale);
|
|
19
|
+
}
|
|
14
20
|
.seed-image-frame-reaction-button__root::before {
|
|
15
21
|
content: '';
|
|
16
22
|
position: absolute;
|
|
@@ -13,6 +13,14 @@
|
|
|
13
13
|
position: relative;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
.seed-image-frame-reaction-button__root:is(:active, [data-active]) {
|
|
17
|
+
scale: var(--seed-feedback-scale);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.seed-image-frame-reaction-button__root {
|
|
21
|
+
transition: scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale);
|
|
22
|
+
}
|
|
23
|
+
|
|
16
24
|
.seed-image-frame-reaction-button__root:before {
|
|
17
25
|
content: "";
|
|
18
26
|
inset: calc((var(--seed-dimension-x10) - var(--seed-dimension-x6)) / 2 * -1);
|
package/recipes/input-button.css
CHANGED
|
@@ -126,7 +126,12 @@
|
|
|
126
126
|
background-color: transparent;
|
|
127
127
|
padding: 0;
|
|
128
128
|
border-radius: var(--seed-radius-full);
|
|
129
|
-
|
|
129
|
+
}
|
|
130
|
+
.seed-input-button__clearButton:is(:active, [data-active]) {
|
|
131
|
+
scale: var(--seed-feedback-scale);
|
|
132
|
+
}
|
|
133
|
+
.seed-input-button__clearButton {
|
|
134
|
+
transition: scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
130
135
|
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
131
136
|
outline-offset: var(--seed-dimension-x0_5);
|
|
132
137
|
}
|
|
@@ -146,14 +146,21 @@
|
|
|
146
146
|
.seed-input-button__clearButton {
|
|
147
147
|
cursor: pointer;
|
|
148
148
|
border-radius: var(--seed-radius-full);
|
|
149
|
-
transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
150
|
-
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
151
|
-
outline-offset: var(--seed-dimension-x0_5);
|
|
152
149
|
background-color: #0000;
|
|
153
150
|
border: none;
|
|
154
151
|
padding: 0;
|
|
155
152
|
}
|
|
156
153
|
|
|
154
|
+
.seed-input-button__clearButton:is(:active, [data-active]) {
|
|
155
|
+
scale: var(--seed-feedback-scale);
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.seed-input-button__clearButton {
|
|
159
|
+
transition: scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
160
|
+
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
161
|
+
outline-offset: var(--seed-dimension-x0_5);
|
|
162
|
+
}
|
|
163
|
+
|
|
157
164
|
.seed-input-button__clearButton:is(:focus-visible, [data-focus-visible]) {
|
|
158
165
|
outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
|
|
159
166
|
outline-offset: var(--seed-dimension-x0_5);
|
package/recipes/list-item.css
CHANGED
|
@@ -25,6 +25,9 @@
|
|
|
25
25
|
--seed-box-padding-right: var(--seed-box-padding-right-base, initial);
|
|
26
26
|
padding-right: var(--seed-box-padding-right);
|
|
27
27
|
--seed-focus-ring: none;
|
|
28
|
+
--seed-checkmark-feedback-scale: 1;
|
|
29
|
+
--seed-radiomark-feedback-scale: 1;
|
|
30
|
+
--seed-switchmark-feedback-scale: 1;
|
|
28
31
|
--seed-icon-size: 22px;
|
|
29
32
|
--seed-icon-color: var(--seed-color-fg-neutral);
|
|
30
33
|
}
|
|
@@ -45,6 +48,9 @@
|
|
|
45
48
|
--seed-box-gap: var(--seed-box-gap-base, initial);
|
|
46
49
|
gap: var(--seed-box-gap);
|
|
47
50
|
--seed-focus-ring: none;
|
|
51
|
+
--seed-checkmark-feedback-scale: 1;
|
|
52
|
+
--seed-radiomark-feedback-scale: 1;
|
|
53
|
+
--seed-switchmark-feedback-scale: 1;
|
|
48
54
|
font-size: var(--seed-font-size-t5);
|
|
49
55
|
line-height: var(--seed-line-height-t5);
|
|
50
56
|
font-weight: var(--seed-font-weight-regular);
|
|
@@ -24,6 +24,9 @@
|
|
|
24
24
|
--seed-box-padding-right: var(--seed-box-padding-right-base, initial);
|
|
25
25
|
padding-right: var(--seed-box-padding-right);
|
|
26
26
|
--seed-focus-ring: none;
|
|
27
|
+
--seed-checkmark-feedback-scale: 1;
|
|
28
|
+
--seed-radiomark-feedback-scale: 1;
|
|
29
|
+
--seed-switchmark-feedback-scale: 1;
|
|
27
30
|
--seed-icon-size: 22px;
|
|
28
31
|
--seed-icon-color: var(--seed-color-fg-neutral);
|
|
29
32
|
flex-shrink: 0;
|
|
@@ -47,6 +50,9 @@
|
|
|
47
50
|
align-items: center;
|
|
48
51
|
gap: var(--seed-box-gap);
|
|
49
52
|
--seed-focus-ring: none;
|
|
53
|
+
--seed-checkmark-feedback-scale: 1;
|
|
54
|
+
--seed-radiomark-feedback-scale: 1;
|
|
55
|
+
--seed-switchmark-feedback-scale: 1;
|
|
50
56
|
font-size: var(--seed-font-size-t5);
|
|
51
57
|
line-height: var(--seed-line-height-t5);
|
|
52
58
|
font-weight: var(--seed-font-weight-regular);
|
package/recipes/menu-sheet.css
CHANGED
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
word-break: break-all;
|
|
25
25
|
z-index: calc(var(--sheet-z-index) + var(--layer-index, 0));
|
|
26
26
|
background: var(--seed-color-bg-layer-floating);
|
|
27
|
+
max-width: 480px;
|
|
27
28
|
padding-inline: var(--seed-dimension-spacing-x-global-gutter);
|
|
28
29
|
padding-top: var(--menu-sheet-header-padding-top, var(--seed-dimension-x4));
|
|
29
30
|
padding-bottom: calc(var(--seed-dimension-x4) + var(--seed-safe-area-bottom));
|
|
@@ -103,7 +104,12 @@
|
|
|
103
104
|
font-size: var(--seed-font-size-t5);
|
|
104
105
|
line-height: var(--seed-line-height-t5);
|
|
105
106
|
font-weight: var(--seed-font-weight-medium);
|
|
106
|
-
|
|
107
|
+
}
|
|
108
|
+
.seed-menu-sheet__closeButton:is(:active, [data-active]) {
|
|
109
|
+
scale: var(--seed-feedback-scale);
|
|
110
|
+
}
|
|
111
|
+
.seed-menu-sheet__closeButton {
|
|
112
|
+
transition: scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
107
113
|
}
|
|
108
114
|
@media (hover: hover) and (pointer: fine) {
|
|
109
115
|
.seed-menu-sheet__closeButton:is(:hover, [data-hover]) {
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
word-break: break-all;
|
|
23
23
|
z-index: calc(var(--sheet-z-index) + var(--layer-index, 0));
|
|
24
24
|
background: var(--seed-color-bg-layer-floating);
|
|
25
|
+
max-width: 480px;
|
|
25
26
|
padding-inline: var(--seed-dimension-spacing-x-global-gutter);
|
|
26
27
|
padding-top: var(--menu-sheet-header-padding-top, var(--seed-dimension-x4));
|
|
27
28
|
padding-bottom: calc(var(--seed-dimension-x4) + var(--seed-safe-area-bottom));
|
|
@@ -112,13 +113,20 @@
|
|
|
112
113
|
font-size: var(--seed-font-size-t5);
|
|
113
114
|
line-height: var(--seed-line-height-t5);
|
|
114
115
|
font-weight: var(--seed-font-weight-medium);
|
|
115
|
-
transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
116
116
|
border: none;
|
|
117
117
|
justify-content: center;
|
|
118
118
|
align-items: center;
|
|
119
119
|
display: flex;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
+
.seed-menu-sheet__closeButton:is(:active, [data-active]) {
|
|
123
|
+
scale: var(--seed-feedback-scale);
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.seed-menu-sheet__closeButton {
|
|
127
|
+
transition: scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
128
|
+
}
|
|
129
|
+
|
|
122
130
|
@media (hover: hover) and (pointer: fine) {
|
|
123
131
|
.seed-menu-sheet__closeButton:is(:hover, [data-hover]) {
|
|
124
132
|
background-color: var(--seed-color-bg-neutral-weak-pressed);
|
package/recipes/menu.css
CHANGED
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
}
|
|
41
41
|
.seed-menu__scrollArea {
|
|
42
42
|
overflow-y: auto;
|
|
43
|
-
max-height: min(480px, var(--seed-menu-available-height, 480px));
|
|
43
|
+
max-height: min(var(--seed-menu-max-height, 480px), var(--seed-menu-available-height, var(--seed-menu-max-height, 480px)));
|
|
44
44
|
box-sizing: border-box;
|
|
45
45
|
padding-block: var(--seed-dimension-x2);
|
|
46
46
|
display: flex;
|
package/recipes/menu.layered.css
CHANGED
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
.seed-menu__scrollArea {
|
|
50
|
-
max-height: min(480px, var(--seed-menu-available-height, 480px));
|
|
50
|
+
max-height: min(var(--seed-menu-max-height, 480px), var(--seed-menu-available-height, var(--seed-menu-max-height, 480px)));
|
|
51
51
|
box-sizing: border-box;
|
|
52
52
|
padding-block: var(--seed-dimension-x2);
|
|
53
53
|
gap: var(--seed-dimension-x2);
|
package/recipes/page-banner.css
CHANGED
|
@@ -69,7 +69,12 @@
|
|
|
69
69
|
line-height: var(--seed-line-height-t3);
|
|
70
70
|
font-weight: var(--seed-font-weight-bold);
|
|
71
71
|
border-radius: var(--seed-radius-r1);
|
|
72
|
-
|
|
72
|
+
}
|
|
73
|
+
.seed-page-banner__button:is(:active, [data-active]) {
|
|
74
|
+
scale: var(--seed-feedback-scale);
|
|
75
|
+
}
|
|
76
|
+
.seed-page-banner__button {
|
|
77
|
+
transition: scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
73
78
|
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
74
79
|
outline-offset: calc(var(--seed-dimension-x0_5) * -1);
|
|
75
80
|
}
|
|
@@ -90,11 +95,17 @@
|
|
|
90
95
|
--seed-suffix-icon-margin-left: initial;
|
|
91
96
|
align-self: center;
|
|
92
97
|
border: none;
|
|
93
|
-
background-color: transparent;
|
|
98
|
+
background-color: var(--seed-color-bg-transparent);
|
|
94
99
|
padding: 0;
|
|
95
100
|
cursor: pointer;
|
|
96
|
-
border-radius: var(--seed-radius-
|
|
97
|
-
|
|
101
|
+
border-radius: var(--seed-radius-r2);
|
|
102
|
+
--seed-suffix-icon-size: var(--seed-dimension-x4);
|
|
103
|
+
}
|
|
104
|
+
.seed-page-banner__closeButton:is(:active, [data-active]) {
|
|
105
|
+
scale: var(--seed-feedback-scale);
|
|
106
|
+
}
|
|
107
|
+
.seed-page-banner__closeButton {
|
|
108
|
+
transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
|
|
98
109
|
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
99
110
|
outline-offset: calc(var(--seed-dimension-x0_5) * -1);
|
|
100
111
|
}
|
|
@@ -102,6 +113,16 @@
|
|
|
102
113
|
outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
|
|
103
114
|
outline-offset: calc(var(--seed-dimension-x0_5) * -1);
|
|
104
115
|
}
|
|
116
|
+
@media (hover: hover) and (pointer: fine) {
|
|
117
|
+
.seed-page-banner__closeButton:is(:hover, [data-hover]) {
|
|
118
|
+
background-color: var(--seed-color-bg-transparent-pressed);
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
@media not all and (hover: hover) and (pointer: fine) {
|
|
122
|
+
.seed-page-banner__closeButton:is(:active, [data-active]) {
|
|
123
|
+
background-color: var(--seed-color-bg-transparent-pressed);
|
|
124
|
+
}
|
|
125
|
+
}
|
|
105
126
|
.seed-page-banner__root--tone_neutral-variant_weak {
|
|
106
127
|
background-color: var(--seed-color-bg-neutral-weak);
|
|
107
128
|
--seed-prefix-icon-color: var(--seed-color-fg-neutral);
|
|
@@ -126,6 +147,9 @@
|
|
|
126
147
|
.seed-page-banner__button--tone_neutral-variant_weak {
|
|
127
148
|
color: var(--seed-color-fg-neutral);
|
|
128
149
|
}
|
|
150
|
+
.seed-page-banner__closeButton--tone_neutral-variant_weak {
|
|
151
|
+
--seed-suffix-icon-color: var(--seed-color-fg-neutral);
|
|
152
|
+
}
|
|
129
153
|
.seed-page-banner__root--tone_neutral-variant_solid {
|
|
130
154
|
background-color: var(--seed-color-bg-neutral-inverted);
|
|
131
155
|
--seed-prefix-icon-color: var(--seed-color-fg-neutral-inverted);
|
|
@@ -150,6 +174,9 @@
|
|
|
150
174
|
.seed-page-banner__button--tone_neutral-variant_solid {
|
|
151
175
|
color: var(--seed-color-fg-neutral-inverted);
|
|
152
176
|
}
|
|
177
|
+
.seed-page-banner__closeButton--tone_neutral-variant_solid {
|
|
178
|
+
--seed-suffix-icon-color: var(--seed-color-fg-neutral-inverted);
|
|
179
|
+
}
|
|
153
180
|
.seed-page-banner__root--tone_informative-variant_weak {
|
|
154
181
|
background-color: var(--seed-color-bg-informative-weak);
|
|
155
182
|
--seed-prefix-icon-color: var(--seed-color-fg-informative-contrast);
|
|
@@ -174,6 +201,9 @@
|
|
|
174
201
|
.seed-page-banner__button--tone_informative-variant_weak {
|
|
175
202
|
color: var(--seed-color-fg-informative-contrast);
|
|
176
203
|
}
|
|
204
|
+
.seed-page-banner__closeButton--tone_informative-variant_weak {
|
|
205
|
+
--seed-suffix-icon-color: var(--seed-color-fg-informative-contrast);
|
|
206
|
+
}
|
|
177
207
|
.seed-page-banner__root--tone_informative-variant_solid {
|
|
178
208
|
background-color: var(--seed-color-bg-informative-solid);
|
|
179
209
|
--seed-prefix-icon-color: var(--seed-color-palette-static-white);
|
|
@@ -198,6 +228,9 @@
|
|
|
198
228
|
.seed-page-banner__button--tone_informative-variant_solid {
|
|
199
229
|
color: var(--seed-color-palette-static-white);
|
|
200
230
|
}
|
|
231
|
+
.seed-page-banner__closeButton--tone_informative-variant_solid {
|
|
232
|
+
--seed-suffix-icon-color: var(--seed-color-palette-static-white);
|
|
233
|
+
}
|
|
201
234
|
.seed-page-banner__root--tone_positive-variant_weak {
|
|
202
235
|
background-color: var(--seed-color-bg-positive-weak);
|
|
203
236
|
--seed-prefix-icon-color: var(--seed-color-fg-positive-contrast);
|
|
@@ -222,6 +255,9 @@
|
|
|
222
255
|
.seed-page-banner__button--tone_positive-variant_weak {
|
|
223
256
|
color: var(--seed-color-fg-positive-contrast);
|
|
224
257
|
}
|
|
258
|
+
.seed-page-banner__closeButton--tone_positive-variant_weak {
|
|
259
|
+
--seed-suffix-icon-color: var(--seed-color-fg-positive-contrast);
|
|
260
|
+
}
|
|
225
261
|
.seed-page-banner__root--tone_positive-variant_solid {
|
|
226
262
|
background-color: var(--seed-color-bg-positive-solid);
|
|
227
263
|
--seed-prefix-icon-color: var(--seed-color-palette-static-white);
|
|
@@ -246,6 +282,9 @@
|
|
|
246
282
|
.seed-page-banner__button--tone_positive-variant_solid {
|
|
247
283
|
color: var(--seed-color-palette-static-white);
|
|
248
284
|
}
|
|
285
|
+
.seed-page-banner__closeButton--tone_positive-variant_solid {
|
|
286
|
+
--seed-suffix-icon-color: var(--seed-color-palette-static-white);
|
|
287
|
+
}
|
|
249
288
|
.seed-page-banner__root--tone_warning-variant_weak {
|
|
250
289
|
background-color: var(--seed-color-bg-warning-weak);
|
|
251
290
|
--seed-prefix-icon-color: var(--seed-color-fg-warning-contrast);
|
|
@@ -270,6 +309,9 @@
|
|
|
270
309
|
.seed-page-banner__button--tone_warning-variant_weak {
|
|
271
310
|
color: var(--seed-color-fg-warning-contrast);
|
|
272
311
|
}
|
|
312
|
+
.seed-page-banner__closeButton--tone_warning-variant_weak {
|
|
313
|
+
--seed-suffix-icon-color: var(--seed-color-fg-warning-contrast);
|
|
314
|
+
}
|
|
273
315
|
.seed-page-banner__root--tone_warning-variant_solid {
|
|
274
316
|
background-color: var(--seed-color-bg-warning-solid);
|
|
275
317
|
--seed-prefix-icon-color: var(--seed-color-palette-static-black-alpha-900);
|
|
@@ -294,6 +336,9 @@
|
|
|
294
336
|
.seed-page-banner__button--tone_warning-variant_solid {
|
|
295
337
|
color: var(--seed-color-palette-static-black-alpha-900);
|
|
296
338
|
}
|
|
339
|
+
.seed-page-banner__closeButton--tone_warning-variant_solid {
|
|
340
|
+
--seed-suffix-icon-color: var(--seed-color-palette-static-black-alpha-900);
|
|
341
|
+
}
|
|
297
342
|
.seed-page-banner__root--tone_critical-variant_weak {
|
|
298
343
|
background-color: var(--seed-color-bg-critical-weak);
|
|
299
344
|
--seed-prefix-icon-color: var(--seed-color-fg-critical-contrast);
|
|
@@ -318,6 +363,9 @@
|
|
|
318
363
|
.seed-page-banner__button--tone_critical-variant_weak {
|
|
319
364
|
color: var(--seed-color-fg-critical-contrast);
|
|
320
365
|
}
|
|
366
|
+
.seed-page-banner__closeButton--tone_critical-variant_weak {
|
|
367
|
+
--seed-suffix-icon-color: var(--seed-color-fg-critical-contrast);
|
|
368
|
+
}
|
|
321
369
|
.seed-page-banner__root--tone_critical-variant_solid {
|
|
322
370
|
background-color: var(--seed-color-bg-critical-solid);
|
|
323
371
|
--seed-prefix-icon-color: var(--seed-color-palette-static-white);
|
|
@@ -342,6 +390,9 @@
|
|
|
342
390
|
.seed-page-banner__button--tone_critical-variant_solid {
|
|
343
391
|
color: var(--seed-color-palette-static-white);
|
|
344
392
|
}
|
|
393
|
+
.seed-page-banner__closeButton--tone_critical-variant_solid {
|
|
394
|
+
--seed-suffix-icon-color: var(--seed-color-palette-static-white);
|
|
395
|
+
}
|
|
345
396
|
.seed-page-banner__root--tone_magic-variant_weak {
|
|
346
397
|
background-image: linear-gradient(88deg, var(--seed-gradient-glow-magic));
|
|
347
398
|
--seed-prefix-icon-color: var(--seed-color-fg-neutral);
|
|
@@ -365,4 +416,7 @@
|
|
|
365
416
|
}
|
|
366
417
|
.seed-page-banner__button--tone_magic-variant_weak {
|
|
367
418
|
color: var(--seed-color-fg-neutral);
|
|
419
|
+
}
|
|
420
|
+
.seed-page-banner__closeButton--tone_magic-variant_weak {
|
|
421
|
+
--seed-suffix-icon-color: var(--seed-color-fg-neutral);
|
|
368
422
|
}
|