@seed-design/tailwind4-theme 1.1.13 → 1.1.16
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/index.css +271 -117
- package/package.json +1 -1
package/index.css
CHANGED
|
@@ -1,24 +1,4 @@
|
|
|
1
1
|
@theme {
|
|
2
|
-
--color-palette-blue-100: var(--seed-color-palette-blue-100);
|
|
3
|
-
--color-palette-blue-200: var(--seed-color-palette-blue-200);
|
|
4
|
-
--color-palette-blue-300: var(--seed-color-palette-blue-300);
|
|
5
|
-
--color-palette-blue-400: var(--seed-color-palette-blue-400);
|
|
6
|
-
--color-palette-blue-500: var(--seed-color-palette-blue-500);
|
|
7
|
-
--color-palette-blue-600: var(--seed-color-palette-blue-600);
|
|
8
|
-
--color-palette-blue-700: var(--seed-color-palette-blue-700);
|
|
9
|
-
--color-palette-blue-800: var(--seed-color-palette-blue-800);
|
|
10
|
-
--color-palette-blue-900: var(--seed-color-palette-blue-900);
|
|
11
|
-
--color-palette-blue-1000: var(--seed-color-palette-blue-1000);
|
|
12
|
-
--color-palette-carrot-100: var(--seed-color-palette-carrot-100);
|
|
13
|
-
--color-palette-carrot-200: var(--seed-color-palette-carrot-200);
|
|
14
|
-
--color-palette-carrot-300: var(--seed-color-palette-carrot-300);
|
|
15
|
-
--color-palette-carrot-400: var(--seed-color-palette-carrot-400);
|
|
16
|
-
--color-palette-carrot-500: var(--seed-color-palette-carrot-500);
|
|
17
|
-
--color-palette-carrot-600: var(--seed-color-palette-carrot-600);
|
|
18
|
-
--color-palette-carrot-700: var(--seed-color-palette-carrot-700);
|
|
19
|
-
--color-palette-carrot-800: var(--seed-color-palette-carrot-800);
|
|
20
|
-
--color-palette-carrot-900: var(--seed-color-palette-carrot-900);
|
|
21
|
-
--color-palette-carrot-1000: var(--seed-color-palette-carrot-1000);
|
|
22
2
|
--color-palette-gray-00: var(--seed-color-palette-gray-00);
|
|
23
3
|
--color-palette-gray-100: var(--seed-color-palette-gray-100);
|
|
24
4
|
--color-palette-gray-200: var(--seed-color-palette-gray-200);
|
|
@@ -30,6 +10,36 @@
|
|
|
30
10
|
--color-palette-gray-800: var(--seed-color-palette-gray-800);
|
|
31
11
|
--color-palette-gray-900: var(--seed-color-palette-gray-900);
|
|
32
12
|
--color-palette-gray-1000: var(--seed-color-palette-gray-1000);
|
|
13
|
+
--color-palette-carrot-100: var(--seed-color-palette-carrot-100);
|
|
14
|
+
--color-palette-carrot-200: var(--seed-color-palette-carrot-200);
|
|
15
|
+
--color-palette-carrot-300: var(--seed-color-palette-carrot-300);
|
|
16
|
+
--color-palette-carrot-400: var(--seed-color-palette-carrot-400);
|
|
17
|
+
--color-palette-carrot-500: var(--seed-color-palette-carrot-500);
|
|
18
|
+
--color-palette-carrot-600: var(--seed-color-palette-carrot-600);
|
|
19
|
+
--color-palette-carrot-700: var(--seed-color-palette-carrot-700);
|
|
20
|
+
--color-palette-carrot-800: var(--seed-color-palette-carrot-800);
|
|
21
|
+
--color-palette-carrot-900: var(--seed-color-palette-carrot-900);
|
|
22
|
+
--color-palette-carrot-1000: var(--seed-color-palette-carrot-1000);
|
|
23
|
+
--color-palette-blue-100: var(--seed-color-palette-blue-100);
|
|
24
|
+
--color-palette-blue-200: var(--seed-color-palette-blue-200);
|
|
25
|
+
--color-palette-blue-300: var(--seed-color-palette-blue-300);
|
|
26
|
+
--color-palette-blue-400: var(--seed-color-palette-blue-400);
|
|
27
|
+
--color-palette-blue-500: var(--seed-color-palette-blue-500);
|
|
28
|
+
--color-palette-blue-600: var(--seed-color-palette-blue-600);
|
|
29
|
+
--color-palette-blue-700: var(--seed-color-palette-blue-700);
|
|
30
|
+
--color-palette-blue-800: var(--seed-color-palette-blue-800);
|
|
31
|
+
--color-palette-blue-900: var(--seed-color-palette-blue-900);
|
|
32
|
+
--color-palette-blue-1000: var(--seed-color-palette-blue-1000);
|
|
33
|
+
--color-palette-red-100: var(--seed-color-palette-red-100);
|
|
34
|
+
--color-palette-red-200: var(--seed-color-palette-red-200);
|
|
35
|
+
--color-palette-red-300: var(--seed-color-palette-red-300);
|
|
36
|
+
--color-palette-red-400: var(--seed-color-palette-red-400);
|
|
37
|
+
--color-palette-red-500: var(--seed-color-palette-red-500);
|
|
38
|
+
--color-palette-red-600: var(--seed-color-palette-red-600);
|
|
39
|
+
--color-palette-red-700: var(--seed-color-palette-red-700);
|
|
40
|
+
--color-palette-red-800: var(--seed-color-palette-red-800);
|
|
41
|
+
--color-palette-red-900: var(--seed-color-palette-red-900);
|
|
42
|
+
--color-palette-red-1000: var(--seed-color-palette-red-1000);
|
|
33
43
|
--color-palette-green-100: var(--seed-color-palette-green-100);
|
|
34
44
|
--color-palette-green-200: var(--seed-color-palette-green-200);
|
|
35
45
|
--color-palette-green-300: var(--seed-color-palette-green-300);
|
|
@@ -40,6 +50,16 @@
|
|
|
40
50
|
--color-palette-green-800: var(--seed-color-palette-green-800);
|
|
41
51
|
--color-palette-green-900: var(--seed-color-palette-green-900);
|
|
42
52
|
--color-palette-green-1000: var(--seed-color-palette-green-1000);
|
|
53
|
+
--color-palette-yellow-100: var(--seed-color-palette-yellow-100);
|
|
54
|
+
--color-palette-yellow-200: var(--seed-color-palette-yellow-200);
|
|
55
|
+
--color-palette-yellow-300: var(--seed-color-palette-yellow-300);
|
|
56
|
+
--color-palette-yellow-400: var(--seed-color-palette-yellow-400);
|
|
57
|
+
--color-palette-yellow-500: var(--seed-color-palette-yellow-500);
|
|
58
|
+
--color-palette-yellow-600: var(--seed-color-palette-yellow-600);
|
|
59
|
+
--color-palette-yellow-700: var(--seed-color-palette-yellow-700);
|
|
60
|
+
--color-palette-yellow-800: var(--seed-color-palette-yellow-800);
|
|
61
|
+
--color-palette-yellow-900: var(--seed-color-palette-yellow-900);
|
|
62
|
+
--color-palette-yellow-1000: var(--seed-color-palette-yellow-1000);
|
|
43
63
|
--color-palette-purple-100: var(--seed-color-palette-purple-100);
|
|
44
64
|
--color-palette-purple-200: var(--seed-color-palette-purple-200);
|
|
45
65
|
--color-palette-purple-300: var(--seed-color-palette-purple-300);
|
|
@@ -50,18 +70,7 @@
|
|
|
50
70
|
--color-palette-purple-800: var(--seed-color-palette-purple-800);
|
|
51
71
|
--color-palette-purple-900: var(--seed-color-palette-purple-900);
|
|
52
72
|
--color-palette-purple-1000: var(--seed-color-palette-purple-1000);
|
|
53
|
-
--color-palette-red-100: var(--seed-color-palette-red-100);
|
|
54
|
-
--color-palette-red-200: var(--seed-color-palette-red-200);
|
|
55
|
-
--color-palette-red-300: var(--seed-color-palette-red-300);
|
|
56
|
-
--color-palette-red-400: var(--seed-color-palette-red-400);
|
|
57
|
-
--color-palette-red-500: var(--seed-color-palette-red-500);
|
|
58
|
-
--color-palette-red-600: var(--seed-color-palette-red-600);
|
|
59
|
-
--color-palette-red-700: var(--seed-color-palette-red-700);
|
|
60
|
-
--color-palette-red-800: var(--seed-color-palette-red-800);
|
|
61
|
-
--color-palette-red-900: var(--seed-color-palette-red-900);
|
|
62
|
-
--color-palette-red-1000: var(--seed-color-palette-red-1000);
|
|
63
73
|
--color-palette-static-black: var(--seed-color-palette-static-black);
|
|
64
|
-
--color-palette-static-white: var(--seed-color-palette-static-white);
|
|
65
74
|
--color-palette-static-black-alpha-100: var(--seed-color-palette-static-black-alpha-100);
|
|
66
75
|
--color-palette-static-black-alpha-200: var(--seed-color-palette-static-black-alpha-200);
|
|
67
76
|
--color-palette-static-black-alpha-300: var(--seed-color-palette-static-black-alpha-300);
|
|
@@ -72,6 +81,7 @@
|
|
|
72
81
|
--color-palette-static-black-alpha-800: var(--seed-color-palette-static-black-alpha-800);
|
|
73
82
|
--color-palette-static-black-alpha-900: var(--seed-color-palette-static-black-alpha-900);
|
|
74
83
|
--color-palette-static-black-alpha-1000: var(--seed-color-palette-static-black-alpha-1000);
|
|
84
|
+
--color-palette-static-white: var(--seed-color-palette-static-white);
|
|
75
85
|
--color-palette-static-white-alpha-50: var(--seed-color-palette-static-white-alpha-50);
|
|
76
86
|
--color-palette-static-white-alpha-100: var(--seed-color-palette-static-white-alpha-100);
|
|
77
87
|
--color-palette-static-white-alpha-200: var(--seed-color-palette-static-white-alpha-200);
|
|
@@ -83,106 +93,106 @@
|
|
|
83
93
|
--color-palette-static-white-alpha-800: var(--seed-color-palette-static-white-alpha-800);
|
|
84
94
|
--color-palette-static-white-alpha-900: var(--seed-color-palette-static-white-alpha-900);
|
|
85
95
|
--color-palette-static-white-alpha-1000: var(--seed-color-palette-static-white-alpha-1000);
|
|
86
|
-
--color-palette-yellow-100: var(--seed-color-palette-yellow-100);
|
|
87
|
-
--color-palette-yellow-200: var(--seed-color-palette-yellow-200);
|
|
88
|
-
--color-palette-yellow-300: var(--seed-color-palette-yellow-300);
|
|
89
|
-
--color-palette-yellow-400: var(--seed-color-palette-yellow-400);
|
|
90
|
-
--color-palette-yellow-500: var(--seed-color-palette-yellow-500);
|
|
91
|
-
--color-palette-yellow-600: var(--seed-color-palette-yellow-600);
|
|
92
|
-
--color-palette-yellow-700: var(--seed-color-palette-yellow-700);
|
|
93
|
-
--color-palette-yellow-800: var(--seed-color-palette-yellow-800);
|
|
94
|
-
--color-palette-yellow-900: var(--seed-color-palette-yellow-900);
|
|
95
|
-
--color-palette-yellow-1000: var(--seed-color-palette-yellow-1000);
|
|
96
|
-
--color-fg-neutral: var(--seed-color-fg-neutral);
|
|
97
|
-
--color-fg-placeholder: var(--seed-color-fg-placeholder);
|
|
98
|
-
--color-fg-disabled: var(--seed-color-fg-disabled);
|
|
99
96
|
--color-fg-brand: var(--seed-color-fg-brand);
|
|
100
|
-
--color-fg-informative: var(--seed-color-fg-informative);
|
|
101
|
-
--color-fg-critical: var(--seed-color-fg-critical);
|
|
102
|
-
--color-fg-positive: var(--seed-color-fg-positive);
|
|
103
|
-
--color-fg-warning: var(--seed-color-fg-warning);
|
|
104
97
|
--color-fg-brand-contrast: var(--seed-color-fg-brand-contrast);
|
|
98
|
+
--color-fg-critical: var(--seed-color-fg-critical);
|
|
105
99
|
--color-fg-critical-contrast: var(--seed-color-fg-critical-contrast);
|
|
100
|
+
--color-fg-disabled: var(--seed-color-fg-disabled);
|
|
101
|
+
--color-fg-informative: var(--seed-color-fg-informative);
|
|
106
102
|
--color-fg-informative-contrast: var(--seed-color-fg-informative-contrast);
|
|
103
|
+
--color-fg-neutral: var(--seed-color-fg-neutral);
|
|
104
|
+
--color-fg-neutral-inverted: var(--seed-color-fg-neutral-inverted);
|
|
107
105
|
--color-fg-neutral-muted: var(--seed-color-fg-neutral-muted);
|
|
108
106
|
--color-fg-neutral-subtle: var(--seed-color-fg-neutral-subtle);
|
|
109
|
-
--color-fg-
|
|
107
|
+
--color-fg-placeholder: var(--seed-color-fg-placeholder);
|
|
108
|
+
--color-fg-positive: var(--seed-color-fg-positive);
|
|
110
109
|
--color-fg-positive-contrast: var(--seed-color-fg-positive-contrast);
|
|
110
|
+
--color-fg-warning: var(--seed-color-fg-warning);
|
|
111
111
|
--color-fg-warning-contrast: var(--seed-color-fg-warning-contrast);
|
|
112
|
-
--color-bg-overlay: var(--seed-color-bg-overlay);
|
|
113
|
-
--color-bg-disabled: var(--seed-color-bg-disabled);
|
|
114
|
-
--color-bg-brand-weak: var(--seed-color-bg-brand-weak);
|
|
115
112
|
--color-bg-brand-solid: var(--seed-color-bg-brand-solid);
|
|
116
113
|
--color-bg-brand-solid-pressed: var(--seed-color-bg-brand-solid-pressed);
|
|
114
|
+
--color-bg-brand-weak: var(--seed-color-bg-brand-weak);
|
|
117
115
|
--color-bg-brand-weak-pressed: var(--seed-color-bg-brand-weak-pressed);
|
|
118
|
-
--color-bg-critical-weak: var(--seed-color-bg-critical-weak);
|
|
119
116
|
--color-bg-critical-solid: var(--seed-color-bg-critical-solid);
|
|
120
117
|
--color-bg-critical-solid-pressed: var(--seed-color-bg-critical-solid-pressed);
|
|
118
|
+
--color-bg-critical-weak: var(--seed-color-bg-critical-weak);
|
|
121
119
|
--color-bg-critical-weak-pressed: var(--seed-color-bg-critical-weak-pressed);
|
|
122
|
-
--color-bg-
|
|
120
|
+
--color-bg-disabled: var(--seed-color-bg-disabled);
|
|
123
121
|
--color-bg-informative-solid: var(--seed-color-bg-informative-solid);
|
|
124
122
|
--color-bg-informative-solid-pressed: var(--seed-color-bg-informative-solid-pressed);
|
|
123
|
+
--color-bg-informative-weak: var(--seed-color-bg-informative-weak);
|
|
125
124
|
--color-bg-informative-weak-pressed: var(--seed-color-bg-informative-weak-pressed);
|
|
126
125
|
--color-bg-layer-basement: var(--seed-color-bg-layer-basement);
|
|
127
126
|
--color-bg-layer-default: var(--seed-color-bg-layer-default);
|
|
127
|
+
--color-bg-layer-default-pressed: var(--seed-color-bg-layer-default-pressed);
|
|
128
128
|
--color-bg-layer-fill: var(--seed-color-bg-layer-fill);
|
|
129
129
|
--color-bg-layer-floating: var(--seed-color-bg-layer-floating);
|
|
130
|
-
--color-bg-layer-default-pressed: var(--seed-color-bg-layer-default-pressed);
|
|
131
130
|
--color-bg-layer-floating-pressed: var(--seed-color-bg-layer-floating-pressed);
|
|
132
131
|
--color-bg-magic-weak: var(--seed-color-bg-magic-weak);
|
|
133
|
-
--color-bg-neutral-weak: var(--seed-color-bg-neutral-weak);
|
|
134
132
|
--color-bg-neutral-inverted: var(--seed-color-bg-neutral-inverted);
|
|
135
|
-
--color-bg-neutral-solid: var(--seed-color-bg-neutral-solid);
|
|
136
133
|
--color-bg-neutral-inverted-pressed: var(--seed-color-bg-neutral-inverted-pressed);
|
|
134
|
+
--color-bg-neutral-solid: var(--seed-color-bg-neutral-solid);
|
|
137
135
|
--color-bg-neutral-solid-muted: var(--seed-color-bg-neutral-solid-muted);
|
|
138
136
|
--color-bg-neutral-solid-muted-pressed: var(--seed-color-bg-neutral-solid-muted-pressed);
|
|
137
|
+
--color-bg-neutral-weak: var(--seed-color-bg-neutral-weak);
|
|
139
138
|
--color-bg-neutral-weak-pressed: var(--seed-color-bg-neutral-weak-pressed);
|
|
139
|
+
--color-bg-overlay: var(--seed-color-bg-overlay);
|
|
140
140
|
--color-bg-overlay-muted: var(--seed-color-bg-overlay-muted);
|
|
141
|
-
--color-bg-positive-weak: var(--seed-color-bg-positive-weak);
|
|
142
141
|
--color-bg-positive-solid: var(--seed-color-bg-positive-solid);
|
|
143
142
|
--color-bg-positive-solid-pressed: var(--seed-color-bg-positive-solid-pressed);
|
|
143
|
+
--color-bg-positive-weak: var(--seed-color-bg-positive-weak);
|
|
144
144
|
--color-bg-positive-weak-pressed: var(--seed-color-bg-positive-weak-pressed);
|
|
145
|
-
--color-bg-
|
|
145
|
+
--color-bg-transparent: var(--seed-color-bg-transparent);
|
|
146
|
+
--color-bg-transparent-pressed: var(--seed-color-bg-transparent-pressed);
|
|
146
147
|
--color-bg-warning-solid: var(--seed-color-bg-warning-solid);
|
|
147
148
|
--color-bg-warning-solid-pressed: var(--seed-color-bg-warning-solid-pressed);
|
|
149
|
+
--color-bg-warning-weak: var(--seed-color-bg-warning-weak);
|
|
148
150
|
--color-bg-warning-weak-pressed: var(--seed-color-bg-warning-weak-pressed);
|
|
149
|
-
--color-bg-transparent: var(--seed-color-bg-transparent);
|
|
150
|
-
--color-bg-transparent-pressed: var(--seed-color-bg-transparent-pressed);
|
|
151
|
-
--color-stroke-brand-weak: var(--seed-color-stroke-brand-weak);
|
|
152
151
|
--color-stroke-brand-solid: var(--seed-color-stroke-brand-solid);
|
|
153
|
-
--color-stroke-
|
|
152
|
+
--color-stroke-brand-weak: var(--seed-color-stroke-brand-weak);
|
|
154
153
|
--color-stroke-critical-solid: var(--seed-color-stroke-critical-solid);
|
|
155
|
-
--color-stroke-
|
|
154
|
+
--color-stroke-critical-weak: var(--seed-color-stroke-critical-weak);
|
|
156
155
|
--color-stroke-informative-solid: var(--seed-color-stroke-informative-solid);
|
|
156
|
+
--color-stroke-informative-weak: var(--seed-color-stroke-informative-weak);
|
|
157
157
|
--color-stroke-neutral-contrast: var(--seed-color-stroke-neutral-contrast);
|
|
158
|
-
--color-stroke-neutral-solid: var(--seed-color-stroke-neutral-solid);
|
|
159
|
-
--color-stroke-neutral-weak: var(--seed-color-stroke-neutral-weak);
|
|
160
158
|
--color-stroke-neutral-muted: var(--seed-color-stroke-neutral-muted);
|
|
159
|
+
--color-stroke-neutral-solid: var(--seed-color-stroke-neutral-solid);
|
|
161
160
|
--color-stroke-neutral-subtle: var(--seed-color-stroke-neutral-subtle);
|
|
162
|
-
--color-stroke-
|
|
161
|
+
--color-stroke-neutral-weak: var(--seed-color-stroke-neutral-weak);
|
|
163
162
|
--color-stroke-positive-solid: var(--seed-color-stroke-positive-solid);
|
|
164
|
-
--color-stroke-
|
|
163
|
+
--color-stroke-positive-weak: var(--seed-color-stroke-positive-weak);
|
|
165
164
|
--color-stroke-warning-solid: var(--seed-color-stroke-warning-solid);
|
|
165
|
+
--color-stroke-warning-weak: var(--seed-color-stroke-warning-weak);
|
|
166
|
+
--color-manner-temp-l1-bg: var(--seed-color-manner-temp-l1-bg);
|
|
166
167
|
--color-manner-temp-l1-text: var(--seed-color-manner-temp-l1-text);
|
|
168
|
+
--color-manner-temp-l10-bg: var(--seed-color-manner-temp-l10-bg);
|
|
169
|
+
--color-manner-temp-l10-text: var(--seed-color-manner-temp-l10-text);
|
|
170
|
+
--color-manner-temp-l2-bg: var(--seed-color-manner-temp-l2-bg);
|
|
167
171
|
--color-manner-temp-l2-text: var(--seed-color-manner-temp-l2-text);
|
|
172
|
+
--color-manner-temp-l3-bg: var(--seed-color-manner-temp-l3-bg);
|
|
168
173
|
--color-manner-temp-l3-text: var(--seed-color-manner-temp-l3-text);
|
|
169
|
-
--color-manner-temp-l4-text: var(--seed-color-manner-temp-l4-text);
|
|
170
174
|
--color-manner-temp-l4-bg: var(--seed-color-manner-temp-l4-bg);
|
|
171
|
-
--color-manner-temp-
|
|
172
|
-
--color-manner-temp-l6-text: var(--seed-color-manner-temp-l6-text);
|
|
173
|
-
--color-manner-temp-l1-bg: var(--seed-color-manner-temp-l1-bg);
|
|
174
|
-
--color-manner-temp-l2-bg: var(--seed-color-manner-temp-l2-bg);
|
|
175
|
-
--color-manner-temp-l3-bg: var(--seed-color-manner-temp-l3-bg);
|
|
175
|
+
--color-manner-temp-l4-text: var(--seed-color-manner-temp-l4-text);
|
|
176
176
|
--color-manner-temp-l5-bg: var(--seed-color-manner-temp-l5-bg);
|
|
177
|
+
--color-manner-temp-l5-text: var(--seed-color-manner-temp-l5-text);
|
|
177
178
|
--color-manner-temp-l6-bg: var(--seed-color-manner-temp-l6-bg);
|
|
178
|
-
--color-manner-temp-
|
|
179
|
+
--color-manner-temp-l6-text: var(--seed-color-manner-temp-l6-text);
|
|
179
180
|
--color-manner-temp-l7-bg: var(--seed-color-manner-temp-l7-bg);
|
|
180
|
-
--color-manner-temp-
|
|
181
|
-
--color-manner-temp-l9-text: var(--seed-color-manner-temp-l9-text);
|
|
181
|
+
--color-manner-temp-l7-text: var(--seed-color-manner-temp-l7-text);
|
|
182
182
|
--color-manner-temp-l8-bg: var(--seed-color-manner-temp-l8-bg);
|
|
183
|
+
--color-manner-temp-l8-text: var(--seed-color-manner-temp-l8-text);
|
|
183
184
|
--color-manner-temp-l9-bg: var(--seed-color-manner-temp-l9-bg);
|
|
184
|
-
--color-manner-temp-
|
|
185
|
-
--color-
|
|
185
|
+
--color-manner-temp-l9-text: var(--seed-color-manner-temp-l9-text);
|
|
186
|
+
--color-banner-blue: var(--seed-color-banner-blue);
|
|
187
|
+
--color-banner-cool-gray: var(--seed-color-banner-cool-gray);
|
|
188
|
+
--color-banner-green: var(--seed-color-banner-green);
|
|
189
|
+
--color-banner-orange: var(--seed-color-banner-orange);
|
|
190
|
+
--color-banner-pink: var(--seed-color-banner-pink);
|
|
191
|
+
--color-banner-purple: var(--seed-color-banner-purple);
|
|
192
|
+
--color-banner-red: var(--seed-color-banner-red);
|
|
193
|
+
--color-banner-teal: var(--seed-color-banner-teal);
|
|
194
|
+
--color-banner-warm-gray: var(--seed-color-banner-warm-gray);
|
|
195
|
+
--color-banner-yellow: var(--seed-color-banner-yellow);
|
|
186
196
|
--dimension-x0_5: var(--seed-dimension-x0_5);
|
|
187
197
|
--dimension-x1: var(--seed-dimension-x1);
|
|
188
198
|
--dimension-x1_5: var(--seed-dimension-x1_5);
|
|
@@ -242,10 +252,10 @@
|
|
|
242
252
|
--gradient-fade-layer-default: var(--seed-gradient-fade-layer-default);
|
|
243
253
|
--gradient-glow-magic: var(--seed-gradient-glow-magic);
|
|
244
254
|
--gradient-glow-magic-pressed: var(--seed-gradient-glow-magic-pressed);
|
|
245
|
-
--gradient-shimmer-neutral: var(--seed-gradient-shimmer-neutral);
|
|
246
|
-
--gradient-shimmer-magic: var(--seed-gradient-shimmer-magic);
|
|
247
|
-
--gradient-highlight-magic-pressed: var(--seed-gradient-highlight-magic-pressed);
|
|
248
255
|
--gradient-highlight-magic: var(--seed-gradient-highlight-magic);
|
|
256
|
+
--gradient-highlight-magic-pressed: var(--seed-gradient-highlight-magic-pressed);
|
|
257
|
+
--gradient-shimmer-magic: var(--seed-gradient-shimmer-magic);
|
|
258
|
+
--gradient-shimmer-neutral: var(--seed-gradient-shimmer-neutral);
|
|
249
259
|
--line-height-t1: var(--seed-line-height-t1);
|
|
250
260
|
--line-height-t2: var(--seed-line-height-t2);
|
|
251
261
|
--line-height-t3: var(--seed-line-height-t3);
|
|
@@ -290,10 +300,10 @@
|
|
|
290
300
|
--gradient-stops-fade-layer-default: #000000 0.00%, #ffffff00 100.00%;
|
|
291
301
|
--gradient-stops-glow-magic: #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%;
|
|
292
302
|
--gradient-stops-glow-magic-pressed: #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%;
|
|
293
|
-
--gradient-stops-shimmer-neutral: #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%;
|
|
294
|
-
--gradient-stops-shimmer-magic: #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%;
|
|
295
|
-
--gradient-stops-highlight-magic-pressed: #e14f00 20.00%, #ae58bf 100.00%;
|
|
296
303
|
--gradient-stops-highlight-magic: #ff6600 20.00%, #d25aca 100.00%;
|
|
304
|
+
--gradient-stops-highlight-magic-pressed: #e14f00 20.00%, #ae58bf 100.00%;
|
|
305
|
+
--gradient-stops-shimmer-magic: #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%;
|
|
306
|
+
--gradient-stops-shimmer-neutral: #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%;
|
|
297
307
|
--gradient-fade-layer-floating-to-t: linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%);
|
|
298
308
|
--gradient-fade-layer-floating-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%);
|
|
299
309
|
--gradient-fade-layer-floating-to-r: linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%);
|
|
@@ -326,30 +336,6 @@
|
|
|
326
336
|
--gradient-glow-magic-pressed-to-bl: linear-gradient(to bottom left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
327
337
|
--gradient-glow-magic-pressed-to-l: linear-gradient(to left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
328
338
|
--gradient-glow-magic-pressed-to-tl: linear-gradient(to top left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
329
|
-
--gradient-shimmer-neutral-to-t: linear-gradient(to top, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
330
|
-
--gradient-shimmer-neutral-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
331
|
-
--gradient-shimmer-neutral-to-r: linear-gradient(to right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
332
|
-
--gradient-shimmer-neutral-to-br: linear-gradient(to bottom right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
333
|
-
--gradient-shimmer-neutral-to-b: linear-gradient(to bottom, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
334
|
-
--gradient-shimmer-neutral-to-bl: linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
335
|
-
--gradient-shimmer-neutral-to-l: linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
336
|
-
--gradient-shimmer-neutral-to-tl: linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
337
|
-
--gradient-shimmer-magic-to-t: linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
338
|
-
--gradient-shimmer-magic-to-tr: linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
339
|
-
--gradient-shimmer-magic-to-r: linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
340
|
-
--gradient-shimmer-magic-to-br: linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
341
|
-
--gradient-shimmer-magic-to-b: linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
342
|
-
--gradient-shimmer-magic-to-bl: linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
343
|
-
--gradient-shimmer-magic-to-l: linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
344
|
-
--gradient-shimmer-magic-to-tl: linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
345
|
-
--gradient-highlight-magic-pressed-to-t: linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%);
|
|
346
|
-
--gradient-highlight-magic-pressed-to-tr: linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
347
|
-
--gradient-highlight-magic-pressed-to-r: linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
348
|
-
--gradient-highlight-magic-pressed-to-br: linear-gradient(to bottom right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
349
|
-
--gradient-highlight-magic-pressed-to-b: linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%);
|
|
350
|
-
--gradient-highlight-magic-pressed-to-bl: linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
351
|
-
--gradient-highlight-magic-pressed-to-l: linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
352
|
-
--gradient-highlight-magic-pressed-to-tl: linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
353
339
|
--gradient-highlight-magic-to-t: linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%);
|
|
354
340
|
--gradient-highlight-magic-to-tr: linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%);
|
|
355
341
|
--gradient-highlight-magic-to-r: linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%);
|
|
@@ -358,6 +344,30 @@
|
|
|
358
344
|
--gradient-highlight-magic-to-bl: linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%);
|
|
359
345
|
--gradient-highlight-magic-to-l: linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%);
|
|
360
346
|
--gradient-highlight-magic-to-tl: linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%);
|
|
347
|
+
--gradient-highlight-magic-pressed-to-t: linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%);
|
|
348
|
+
--gradient-highlight-magic-pressed-to-tr: linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
349
|
+
--gradient-highlight-magic-pressed-to-r: linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
350
|
+
--gradient-highlight-magic-pressed-to-br: linear-gradient(to bottom right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
351
|
+
--gradient-highlight-magic-pressed-to-b: linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%);
|
|
352
|
+
--gradient-highlight-magic-pressed-to-bl: linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
353
|
+
--gradient-highlight-magic-pressed-to-l: linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
354
|
+
--gradient-highlight-magic-pressed-to-tl: linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
355
|
+
--gradient-shimmer-magic-to-t: linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
356
|
+
--gradient-shimmer-magic-to-tr: linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
357
|
+
--gradient-shimmer-magic-to-r: linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
358
|
+
--gradient-shimmer-magic-to-br: linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
359
|
+
--gradient-shimmer-magic-to-b: linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
360
|
+
--gradient-shimmer-magic-to-bl: linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
361
|
+
--gradient-shimmer-magic-to-l: linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
362
|
+
--gradient-shimmer-magic-to-tl: linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
363
|
+
--gradient-shimmer-neutral-to-t: linear-gradient(to top, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
364
|
+
--gradient-shimmer-neutral-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
365
|
+
--gradient-shimmer-neutral-to-r: linear-gradient(to right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
366
|
+
--gradient-shimmer-neutral-to-br: linear-gradient(to bottom right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
367
|
+
--gradient-shimmer-neutral-to-b: linear-gradient(to bottom, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
368
|
+
--gradient-shimmer-neutral-to-bl: linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
369
|
+
--gradient-shimmer-neutral-to-l: linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
370
|
+
--gradient-shimmer-neutral-to-tl: linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
361
371
|
}
|
|
362
372
|
|
|
363
373
|
@utility screen-title {
|
|
@@ -516,6 +526,150 @@
|
|
|
516
526
|
font-weight: var(--seed-font-weight-bold);
|
|
517
527
|
}
|
|
518
528
|
|
|
529
|
+
@utility t1-static-regular {
|
|
530
|
+
font-size: var(--seed-font-size-t1-static);
|
|
531
|
+
line-height: var(--seed-line-height-t1-static);
|
|
532
|
+
font-weight: var(--seed-font-weight-regular);
|
|
533
|
+
}
|
|
534
|
+
|
|
535
|
+
@utility t1-static-medium {
|
|
536
|
+
font-size: var(--seed-font-size-t1-static);
|
|
537
|
+
line-height: var(--seed-line-height-t1-static);
|
|
538
|
+
font-weight: var(--seed-font-weight-medium);
|
|
539
|
+
}
|
|
540
|
+
|
|
541
|
+
@utility t1-static-bold {
|
|
542
|
+
font-size: var(--seed-font-size-t1-static);
|
|
543
|
+
line-height: var(--seed-line-height-t1-static);
|
|
544
|
+
font-weight: var(--seed-font-weight-bold);
|
|
545
|
+
}
|
|
546
|
+
|
|
547
|
+
@utility t2-static-regular {
|
|
548
|
+
font-size: var(--seed-font-size-t2-static);
|
|
549
|
+
line-height: var(--seed-line-height-t2-static);
|
|
550
|
+
font-weight: var(--seed-font-weight-regular);
|
|
551
|
+
}
|
|
552
|
+
|
|
553
|
+
@utility t2-static-medium {
|
|
554
|
+
font-size: var(--seed-font-size-t2-static);
|
|
555
|
+
line-height: var(--seed-line-height-t2-static);
|
|
556
|
+
font-weight: var(--seed-font-weight-medium);
|
|
557
|
+
}
|
|
558
|
+
|
|
559
|
+
@utility t2-static-bold {
|
|
560
|
+
font-size: var(--seed-font-size-t2-static);
|
|
561
|
+
line-height: var(--seed-line-height-t2-static);
|
|
562
|
+
font-weight: var(--seed-font-weight-bold);
|
|
563
|
+
}
|
|
564
|
+
|
|
565
|
+
@utility t3-static-regular {
|
|
566
|
+
font-size: var(--seed-font-size-t3-static);
|
|
567
|
+
line-height: var(--seed-line-height-t3-static);
|
|
568
|
+
font-weight: var(--seed-font-weight-regular);
|
|
569
|
+
}
|
|
570
|
+
|
|
571
|
+
@utility t3-static-medium {
|
|
572
|
+
font-size: var(--seed-font-size-t3-static);
|
|
573
|
+
line-height: var(--seed-line-height-t3-static);
|
|
574
|
+
font-weight: var(--seed-font-weight-medium);
|
|
575
|
+
}
|
|
576
|
+
|
|
577
|
+
@utility t3-static-bold {
|
|
578
|
+
font-size: var(--seed-font-size-t3-static);
|
|
579
|
+
line-height: var(--seed-line-height-t3-static);
|
|
580
|
+
font-weight: var(--seed-font-weight-bold);
|
|
581
|
+
}
|
|
582
|
+
|
|
583
|
+
@utility t4-static-regular {
|
|
584
|
+
font-size: var(--seed-font-size-t4-static);
|
|
585
|
+
line-height: var(--seed-line-height-t4-static);
|
|
586
|
+
font-weight: var(--seed-font-weight-regular);
|
|
587
|
+
}
|
|
588
|
+
|
|
589
|
+
@utility t4-static-medium {
|
|
590
|
+
font-size: var(--seed-font-size-t4-static);
|
|
591
|
+
line-height: var(--seed-line-height-t4-static);
|
|
592
|
+
font-weight: var(--seed-font-weight-medium);
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
@utility t4-static-bold {
|
|
596
|
+
font-size: var(--seed-font-size-t4-static);
|
|
597
|
+
line-height: var(--seed-line-height-t4-static);
|
|
598
|
+
font-weight: var(--seed-font-weight-bold);
|
|
599
|
+
}
|
|
600
|
+
|
|
601
|
+
@utility t5-static-regular {
|
|
602
|
+
font-size: var(--seed-font-size-t5-static);
|
|
603
|
+
line-height: var(--seed-line-height-t5-static);
|
|
604
|
+
font-weight: var(--seed-font-weight-regular);
|
|
605
|
+
}
|
|
606
|
+
|
|
607
|
+
@utility t5-static-medium {
|
|
608
|
+
font-size: var(--seed-font-size-t5-static);
|
|
609
|
+
line-height: var(--seed-line-height-t5-static);
|
|
610
|
+
font-weight: var(--seed-font-weight-medium);
|
|
611
|
+
}
|
|
612
|
+
|
|
613
|
+
@utility t5-static-bold {
|
|
614
|
+
font-size: var(--seed-font-size-t5-static);
|
|
615
|
+
line-height: var(--seed-line-height-t5-static);
|
|
616
|
+
font-weight: var(--seed-font-weight-bold);
|
|
617
|
+
}
|
|
618
|
+
|
|
619
|
+
@utility t6-static-regular {
|
|
620
|
+
font-size: var(--seed-font-size-t6-static);
|
|
621
|
+
line-height: var(--seed-line-height-t6-static);
|
|
622
|
+
font-weight: var(--seed-font-weight-regular);
|
|
623
|
+
}
|
|
624
|
+
|
|
625
|
+
@utility t6-static-medium {
|
|
626
|
+
font-size: var(--seed-font-size-t6-static);
|
|
627
|
+
line-height: var(--seed-line-height-t6-static);
|
|
628
|
+
font-weight: var(--seed-font-weight-medium);
|
|
629
|
+
}
|
|
630
|
+
|
|
631
|
+
@utility t6-static-bold {
|
|
632
|
+
font-size: var(--seed-font-size-t6-static);
|
|
633
|
+
line-height: var(--seed-line-height-t6-static);
|
|
634
|
+
font-weight: var(--seed-font-weight-bold);
|
|
635
|
+
}
|
|
636
|
+
|
|
637
|
+
@utility t7-static-regular {
|
|
638
|
+
font-size: var(--seed-font-size-t7-static);
|
|
639
|
+
line-height: var(--seed-line-height-t7-static);
|
|
640
|
+
font-weight: var(--seed-font-weight-regular);
|
|
641
|
+
}
|
|
642
|
+
|
|
643
|
+
@utility t7-static-medium {
|
|
644
|
+
font-size: var(--seed-font-size-t7-static);
|
|
645
|
+
line-height: var(--seed-line-height-t7-static);
|
|
646
|
+
font-weight: var(--seed-font-weight-medium);
|
|
647
|
+
}
|
|
648
|
+
|
|
649
|
+
@utility t7-static-bold {
|
|
650
|
+
font-size: var(--seed-font-size-t7-static);
|
|
651
|
+
line-height: var(--seed-line-height-t7-static);
|
|
652
|
+
font-weight: var(--seed-font-weight-bold);
|
|
653
|
+
}
|
|
654
|
+
|
|
655
|
+
@utility t8-static-bold {
|
|
656
|
+
font-size: var(--seed-font-size-t8-static);
|
|
657
|
+
line-height: var(--seed-line-height-t8-static);
|
|
658
|
+
font-weight: var(--seed-font-weight-bold);
|
|
659
|
+
}
|
|
660
|
+
|
|
661
|
+
@utility t9-static-bold {
|
|
662
|
+
font-size: var(--seed-font-size-t9-static);
|
|
663
|
+
line-height: var(--seed-line-height-t9-static);
|
|
664
|
+
font-weight: var(--seed-font-weight-bold);
|
|
665
|
+
}
|
|
666
|
+
|
|
667
|
+
@utility t10-static-bold {
|
|
668
|
+
font-size: var(--seed-font-size-t10-static);
|
|
669
|
+
line-height: var(--seed-line-height-t10-static);
|
|
670
|
+
font-weight: var(--seed-font-weight-bold);
|
|
671
|
+
}
|
|
672
|
+
|
|
519
673
|
@utility size-* {
|
|
520
674
|
width: --value(--dimension-*);
|
|
521
675
|
height: --value(--dimension-*);
|
|
@@ -645,18 +799,18 @@
|
|
|
645
799
|
background-image: linear-gradient(--value([angle]), var(--gradient-stops-glow-magic-pressed));
|
|
646
800
|
}
|
|
647
801
|
|
|
648
|
-
@utility bg-gradient-
|
|
649
|
-
background-image: linear-gradient(--value([angle]), var(--gradient-stops-
|
|
650
|
-
}
|
|
651
|
-
|
|
652
|
-
@utility bg-gradient-shimmer-magic-* {
|
|
653
|
-
background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-magic));
|
|
802
|
+
@utility bg-gradient-highlight-magic-* {
|
|
803
|
+
background-image: linear-gradient(--value([angle]), var(--gradient-stops-highlight-magic));
|
|
654
804
|
}
|
|
655
805
|
|
|
656
806
|
@utility bg-gradient-highlight-magic-pressed-* {
|
|
657
807
|
background-image: linear-gradient(--value([angle]), var(--gradient-stops-highlight-magic-pressed));
|
|
658
808
|
}
|
|
659
809
|
|
|
660
|
-
@utility bg-gradient-
|
|
661
|
-
background-image: linear-gradient(--value([angle]), var(--gradient-stops-
|
|
810
|
+
@utility bg-gradient-shimmer-magic-* {
|
|
811
|
+
background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-magic));
|
|
812
|
+
}
|
|
813
|
+
|
|
814
|
+
@utility bg-gradient-shimmer-neutral-* {
|
|
815
|
+
background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-neutral));
|
|
662
816
|
}
|