@kofile/gds-foundations 0.0.11 → 1.0.0-alpha.1
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/build/.DS_Store +0 -0
- package/build/css/.DS_Store +0 -0
- package/build/css/components/badge.module.css +79 -0
- package/build/css/components/button.module.css +306 -0
- package/build/css/components/checkbox.module.css +190 -0
- package/build/css/components/field-message.module.css +26 -0
- package/build/css/components/form-label.module.css +21 -0
- package/build/css/components/input.module.css +164 -0
- package/build/css/components/label.module.css +21 -0
- package/build/css/components/link.module.css +52 -0
- package/build/css/components/radio-group.module.css +151 -0
- package/build/css/components/select.module.css +235 -0
- package/build/css/components/switch.module.css +92 -0
- package/build/css/components/table.module.css +225 -0
- package/build/css/components/tabs.module.css +79 -0
- package/build/css/index.css +0 -1
- package/build/css/minified/dark.css +1 -0
- package/build/css/minified/global.css +1 -0
- package/build/css/minified/index.css +1 -0
- package/build/css/minified/light.css +1 -0
- package/build/css/minified/themes/dark.css +1 -0
- package/build/css/minified/themes/global.css +1 -0
- package/build/css/minified/themes/index.css +1 -0
- package/build/css/minified/themes/light.css +1 -0
- package/build/css/minify/dark.css +1 -0
- package/build/css/minify/global.css +1 -0
- package/build/css/minify/index.css +1 -0
- package/build/css/minify/light.css +1 -0
- package/build/css/normalize.css +0 -10
- package/build/css/themes/badge/dark.css +12 -0
- package/build/css/themes/badge/index.css +2 -0
- package/build/css/themes/badge/light.css +12 -0
- package/build/css/themes/button/dark.css +42 -0
- package/build/css/themes/button/index.css +2 -0
- package/build/css/themes/button/light.css +42 -0
- package/build/css/themes/checkbox/dark.css +19 -0
- package/build/css/themes/checkbox/light.css +19 -0
- package/build/css/themes/checkbox-tile/dark.css +14 -0
- package/build/css/themes/checkbox-tile/light.css +18 -0
- package/build/css/themes/dark.css +16 -0
- package/build/css/themes/field-message/dark.css +6 -0
- package/build/css/themes/field-message/light.css +6 -0
- package/build/css/themes/form-label/dark.css +6 -0
- package/build/css/themes/form-label/light.css +6 -0
- package/build/css/themes/global.css +565 -0
- package/build/css/themes/index.css +30 -0
- package/build/css/themes/input/dark.css +19 -0
- package/build/css/themes/input/light.css +19 -0
- package/build/css/themes/label/dark.css +5 -0
- package/build/css/themes/label/light.css +5 -0
- package/build/css/themes/light.css +16 -0
- package/build/css/themes/link/dark.css +7 -0
- package/build/css/themes/link/light.css +7 -0
- package/build/css/themes/radio-group/dark.css +12 -0
- package/build/css/themes/radio-group/light.css +11 -0
- package/build/css/themes/radio-group-tile/dark.css +12 -0
- package/build/css/themes/radio-group-tile/light.css +18 -0
- package/build/css/themes/select/dark.css +31 -0
- package/build/css/themes/select/light.css +28 -0
- package/build/css/themes/switch/dark.css +12 -0
- package/build/css/themes/switch/light.css +14 -0
- package/build/css/themes/table/dark.css +20 -0
- package/build/css/themes/table/light.css +24 -0
- package/build/css/themes/tabs/dark.css +11 -0
- package/build/css/themes/tabs/light.css +13 -0
- package/build/css/tokens-global.css +4 -0
- package/build/css/utilities/background-color.css +284 -0
- package/build/css/utilities/border-color.css +284 -0
- package/build/css/utilities/border-radius.css +455 -0
- package/build/css/utilities/border-style.css +18 -0
- package/build/css/utilities/border-width.css +127 -0
- package/build/css/utilities/cursor.css +31 -0
- package/build/css/utilities/display.css +0 -2
- package/build/css/utilities/flex-shrink.css +6 -0
- package/build/css/utilities/grid-auto-columns.css +12 -0
- package/build/css/utilities/grid-template-columns.css +42 -0
- package/build/css/utilities/height.css +58 -58
- package/build/css/utilities/index.css +13 -0
- package/build/css/utilities/max-height.css +41 -41
- package/build/css/utilities/min-height.css +1 -1
- package/build/css/utilities/padding.css +23 -0
- package/build/css/utilities/position.css +14 -14
- package/build/css/utilities/text-overflow.css +13 -0
- package/build/css/utilities/text-transform.css +12 -0
- package/build/css/utilities/vertical-align.css +31 -0
- package/build/css/utilities/white-space.css +23 -0
- package/build/css/utilities/width.css +94 -94
- package/build/minified/badge.module.css +1 -0
- package/build/minified/button.module.css +33 -0
- package/build/minified/checkbox.module.css +7 -0
- package/build/minified/dark.css +1 -0
- package/build/minified/field-message.module.css +1 -0
- package/build/minified/form-label.module.css +1 -0
- package/build/minified/global.css +1 -0
- package/build/minified/index.css +1 -2
- package/build/minified/input.module.css +29 -0
- package/build/minified/label.module.css +1 -0
- package/build/minified/light.css +1 -0
- package/build/minified/link.module.css +1 -0
- package/build/minified/radio-group.module.css +21 -0
- package/build/minified/select.module.css +55 -0
- package/build/minified/switch.module.css +3 -0
- package/build/minified/table.module.css +65 -0
- package/build/minified/tabs.module.css +5 -0
- package/package.json +98 -8
- package/build/minified/animations.css +0 -2
- package/build/minified/fonts.css +0 -2
- package/build/minified/normalize.css +0 -2
- package/build/minified/tokens-global.css +0 -2
|
@@ -1,201 +1,201 @@
|
|
|
1
1
|
.w-0 {
|
|
2
|
-
width: var(--primitive-0);
|
|
2
|
+
width: var(--primitive-0) !important;
|
|
3
3
|
}
|
|
4
4
|
.w-px {
|
|
5
|
-
width: 1px;
|
|
5
|
+
width: 1px !important;
|
|
6
6
|
}
|
|
7
7
|
.w-0.5 {
|
|
8
|
-
width: var(--primitive-2);
|
|
8
|
+
width: var(--primitive-2) !important;
|
|
9
9
|
}
|
|
10
10
|
.w-1 {
|
|
11
|
-
width: var(--primitive-4);
|
|
11
|
+
width: var(--primitive-4) !important;
|
|
12
12
|
}
|
|
13
13
|
.w-1.5 {
|
|
14
|
-
width: var(--primitive-6);
|
|
14
|
+
width: var(--primitive-6) !important;
|
|
15
15
|
}
|
|
16
16
|
.w-2 {
|
|
17
|
-
width: var(--primitive-8);
|
|
17
|
+
width: var(--primitive-8) !important;
|
|
18
18
|
}
|
|
19
19
|
.w-2.5 {
|
|
20
|
-
width: var(--primitive-10);
|
|
20
|
+
width: var(--primitive-10) !important;
|
|
21
21
|
}
|
|
22
22
|
.w-3 {
|
|
23
|
-
width: var(--primitive-12);
|
|
23
|
+
width: var(--primitive-12) !important;
|
|
24
24
|
}
|
|
25
25
|
.w-3.5 {
|
|
26
|
-
width: var(--primitive-14);
|
|
26
|
+
width: var(--primitive-14) !important;
|
|
27
27
|
}
|
|
28
28
|
.w-4 {
|
|
29
|
-
width: var(--primitive-16);
|
|
29
|
+
width: var(--primitive-16) !important;
|
|
30
30
|
}
|
|
31
31
|
.w-5 {
|
|
32
|
-
width: var(--primitive-20);
|
|
32
|
+
width: var(--primitive-20) !important;
|
|
33
33
|
}
|
|
34
34
|
.w-6 {
|
|
35
|
-
width: var(--primitive-24);
|
|
35
|
+
width: var(--primitive-24) !important;
|
|
36
36
|
}
|
|
37
37
|
.w-7 {
|
|
38
|
-
width: var(--primitive-28);
|
|
38
|
+
width: var(--primitive-28) !important;
|
|
39
39
|
}
|
|
40
40
|
.w-8 {
|
|
41
|
-
width: var(--primitive-32);
|
|
41
|
+
width: var(--primitive-32) !important;
|
|
42
42
|
}
|
|
43
43
|
.w-9 {
|
|
44
|
-
width: var(--primitive-36);
|
|
44
|
+
width: var(--primitive-36) !important;
|
|
45
45
|
}
|
|
46
46
|
.w-10 {
|
|
47
|
-
width: var(--primitive-40);
|
|
47
|
+
width: var(--primitive-40) !important;
|
|
48
48
|
}
|
|
49
49
|
.w-11 {
|
|
50
|
-
width: var(--primitive-44);
|
|
50
|
+
width: var(--primitive-44) !important;
|
|
51
51
|
}
|
|
52
52
|
.w-12 {
|
|
53
|
-
width: var(--primitive-48);
|
|
53
|
+
width: var(--primitive-48) !important;
|
|
54
54
|
}
|
|
55
55
|
.w-14 {
|
|
56
|
-
width: var(--primitive-56);
|
|
56
|
+
width: var(--primitive-56) !important;
|
|
57
57
|
}
|
|
58
58
|
.w-16 {
|
|
59
|
-
width: var(--primitive-64);
|
|
59
|
+
width: var(--primitive-64) !important;
|
|
60
60
|
}
|
|
61
61
|
.w-20 {
|
|
62
|
-
width: var(--primitive-80);
|
|
62
|
+
width: var(--primitive-80) !important;
|
|
63
63
|
}
|
|
64
64
|
.w-24 {
|
|
65
|
-
width: var(--primitive-96);
|
|
65
|
+
width: var(--primitive-96) !important;
|
|
66
66
|
}
|
|
67
67
|
.w-28 {
|
|
68
|
-
width: var(--primitive-112);
|
|
68
|
+
width: var(--primitive-112) !important;
|
|
69
69
|
}
|
|
70
70
|
.w-32 {
|
|
71
|
-
width: var(--primitive-128);
|
|
71
|
+
width: var(--primitive-128) !important;
|
|
72
72
|
}
|
|
73
73
|
.w-36 {
|
|
74
|
-
width: var(--primitive-144);
|
|
74
|
+
width: var(--primitive-144) !important;
|
|
75
75
|
}
|
|
76
76
|
.w-40 {
|
|
77
|
-
width: var(--primitive-160);
|
|
77
|
+
width: var(--primitive-160) !important;
|
|
78
78
|
}
|
|
79
79
|
.w-44 {
|
|
80
|
-
width: var(--primitive-176);
|
|
80
|
+
width: var(--primitive-176) !important;
|
|
81
81
|
}
|
|
82
82
|
.w-48 {
|
|
83
|
-
width: var(--primitive-192);
|
|
83
|
+
width: var(--primitive-192) !important;
|
|
84
84
|
}
|
|
85
85
|
.w-52 {
|
|
86
|
-
width: var(--primitive-208);
|
|
86
|
+
width: var(--primitive-208) !important;
|
|
87
87
|
}
|
|
88
88
|
.w-56 {
|
|
89
|
-
width: var(--primitive-224);
|
|
89
|
+
width: var(--primitive-224) !important;
|
|
90
90
|
}
|
|
91
91
|
.w-60 {
|
|
92
|
-
width: var(--primitive-240);
|
|
92
|
+
width: var(--primitive-240) !important;
|
|
93
93
|
}
|
|
94
94
|
.w-64 {
|
|
95
|
-
width: var(--primitive-256);
|
|
95
|
+
width: var(--primitive-256) !important;
|
|
96
96
|
}
|
|
97
97
|
.w-72 {
|
|
98
|
-
width: var(--primitive-288);
|
|
98
|
+
width: var(--primitive-288) !important;
|
|
99
99
|
}
|
|
100
100
|
.w-80 {
|
|
101
|
-
width: var(--primitive-320);
|
|
101
|
+
width: var(--primitive-320) !important;
|
|
102
102
|
}
|
|
103
103
|
.w-96 {
|
|
104
|
-
width: var(--primitive-384);
|
|
104
|
+
width: var(--primitive-384) !important;
|
|
105
105
|
}
|
|
106
106
|
.w-auto {
|
|
107
|
-
width: auto;
|
|
107
|
+
width: auto !important;
|
|
108
108
|
}
|
|
109
|
-
.w-1
|
|
110
|
-
width: 50
|
|
109
|
+
/* .w-1\/2 {
|
|
110
|
+
width: 50% !important;
|
|
111
111
|
}
|
|
112
|
-
.w-1
|
|
113
|
-
width: 33.333333
|
|
112
|
+
.w-1\/3 {
|
|
113
|
+
width: 33.333333% !important;
|
|
114
114
|
}
|
|
115
|
-
.w-2
|
|
116
|
-
width: 66.666667
|
|
115
|
+
.w-2\/3 {
|
|
116
|
+
width: 66.666667% !important;
|
|
117
117
|
}
|
|
118
|
-
.w-1
|
|
119
|
-
width: 25
|
|
118
|
+
.w-1\/4 {
|
|
119
|
+
width: 25% !important;
|
|
120
120
|
}
|
|
121
|
-
.w-2
|
|
122
|
-
width: 50
|
|
121
|
+
.w-2\/4 {
|
|
122
|
+
width: 50% !important;
|
|
123
123
|
}
|
|
124
|
-
.w-3
|
|
125
|
-
width: 75
|
|
124
|
+
.w-3\/4 {
|
|
125
|
+
width: 75% !important;
|
|
126
126
|
}
|
|
127
|
-
.w-1
|
|
128
|
-
width: 20
|
|
127
|
+
.w-1\/5 {
|
|
128
|
+
width: 20% !important;
|
|
129
129
|
}
|
|
130
|
-
.w-2
|
|
131
|
-
width: 40
|
|
130
|
+
.w-2\/5 {
|
|
131
|
+
width: 40% !important;
|
|
132
132
|
}
|
|
133
|
-
.w-3
|
|
134
|
-
width: 60
|
|
133
|
+
.w-3\/5 {
|
|
134
|
+
width: 60% !important;
|
|
135
135
|
}
|
|
136
|
-
.w-4
|
|
137
|
-
width: 80
|
|
136
|
+
.w-4\/5 {
|
|
137
|
+
width: 80% !important;
|
|
138
138
|
}
|
|
139
|
-
.w-1
|
|
140
|
-
width: 16.666667
|
|
139
|
+
.w-1\/6 {
|
|
140
|
+
width: 16.666667% !important;
|
|
141
141
|
}
|
|
142
|
-
.w-2
|
|
143
|
-
width: 33.333333
|
|
142
|
+
.w-2\/6 {
|
|
143
|
+
width: 33.333333% !important;
|
|
144
144
|
}
|
|
145
|
-
.w-3
|
|
146
|
-
width: 50
|
|
145
|
+
.w-3\/6 {
|
|
146
|
+
width: 50% !important;
|
|
147
147
|
}
|
|
148
|
-
.w-4
|
|
149
|
-
width: 66.666667
|
|
148
|
+
.w-4\/6 {
|
|
149
|
+
width: 66.666667% !important;
|
|
150
150
|
}
|
|
151
|
-
.w-5
|
|
152
|
-
width: 83.333333
|
|
151
|
+
.w-5\/6 {
|
|
152
|
+
width: 83.333333% !important;
|
|
153
153
|
}
|
|
154
|
-
.w-1
|
|
155
|
-
width: 8.333333
|
|
154
|
+
.w-1\/12 {
|
|
155
|
+
width: 8.333333% !important;
|
|
156
156
|
}
|
|
157
|
-
.w-2
|
|
158
|
-
width: 16.666667
|
|
157
|
+
.w-2\/12 {
|
|
158
|
+
width: 16.666667% !important;
|
|
159
159
|
}
|
|
160
|
-
.w-3
|
|
161
|
-
width: 25
|
|
160
|
+
.w-3\/12 {
|
|
161
|
+
width: 25% !important;
|
|
162
162
|
}
|
|
163
|
-
.w-4
|
|
164
|
-
width: 33.333333
|
|
163
|
+
.w-4\/12 {
|
|
164
|
+
width: 33.333333% !important;
|
|
165
165
|
}
|
|
166
|
-
.w-5
|
|
167
|
-
width: 41.666667
|
|
166
|
+
.w-5\/12 {
|
|
167
|
+
width: 41.666667% !important;
|
|
168
168
|
}
|
|
169
|
-
.w-6
|
|
170
|
-
width: 50
|
|
169
|
+
.w-6\/12 {
|
|
170
|
+
width: 50% !important;
|
|
171
171
|
}
|
|
172
|
-
.w-7
|
|
173
|
-
width: 58.333333
|
|
172
|
+
.w-7\/12 {
|
|
173
|
+
width: 58.333333% !important;
|
|
174
174
|
}
|
|
175
|
-
.w-8
|
|
176
|
-
width: 66.666667
|
|
175
|
+
.w-8\/12 {
|
|
176
|
+
width: 66.666667% !important;
|
|
177
177
|
}
|
|
178
|
-
.w-9
|
|
179
|
-
width: 75
|
|
178
|
+
.w-9\/12 {
|
|
179
|
+
width: 75% !important;
|
|
180
180
|
}
|
|
181
|
-
.w-10
|
|
182
|
-
width: 83.333333
|
|
183
|
-
}
|
|
184
|
-
.w-11/12 {
|
|
185
|
-
width: 91.666667%;
|
|
181
|
+
.w-10\/12 {
|
|
182
|
+
width: 83.333333% !important;
|
|
186
183
|
}
|
|
184
|
+
.w-11\/12 {
|
|
185
|
+
width: 91.666667% !important;
|
|
186
|
+
} */
|
|
187
187
|
.w-full {
|
|
188
|
-
width: 100
|
|
188
|
+
width: 100% !important;
|
|
189
189
|
}
|
|
190
190
|
.w-screen {
|
|
191
|
-
width: 100vw;
|
|
191
|
+
width: 100vw !important;
|
|
192
192
|
}
|
|
193
193
|
.w-min {
|
|
194
|
-
width: min-content;
|
|
194
|
+
width: min-content !important;
|
|
195
195
|
}
|
|
196
196
|
.w-max {
|
|
197
|
-
width: max-content;
|
|
197
|
+
width: max-content !important;
|
|
198
198
|
}
|
|
199
199
|
.w-fit {
|
|
200
|
-
width: fit-content;
|
|
200
|
+
width: fit-content !important;
|
|
201
201
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.badge{align-items:center;background-color:var(--badge-light-color-background-neutral-light-fill);border-end-end-radius:var(--badge-size-sm-border-radius);border-end-start-radius:var(--badge-size-sm-border-radius);border-start-end-radius:var(--badge-size-sm-border-radius);border-start-start-radius:var(--badge-size-sm-border-radius);color:var(--badge-light-color-text-fill);display:inline-flex;font:var(--badge-size-lg-typography);gap:var(--badge-gap-spacing);padding-block-end:var(--badge-size-lg-vertical-padding);padding-block-start:var(--badge-size-lg-vertical-padding);padding-inline-end:var(--badge-size-lg-horizontal-padding);padding-inline-start:var(--badge-size-lg-horizontal-padding);vertical-align:top;white-space:nowrap}.badge[data-size=md]{font:var(--badge-size-md-typography);padding-block-end:var(--badge-size-md-vertical-padding);padding-block-start:var(--badge-size-md-vertical-padding);padding-inline-end:var(--badge-size-md-horizontal-padding);padding-inline-start:var(--badge-size-md-horizontal-padding)}.badge[data-size=sm]{font:var(--badge-size-sm-typography);padding-block-end:var(--badge-size-sm-vertical-padding);padding-block-start:var(--badge-size-sm-vertical-padding);padding-inline-end:var(--badge-size-sm-horizontal-padding);padding-inline-start:var(--badge-size-sm-horizontal-padding)}.badge[data-color=neutral-light]{background-color:var(--badge-light-color-background-neutral-light-fill)}.badge[data-color=neutral-dark]{background-color:var(--badge-light-color-background-neutral-dark-fill)}.badge[data-color=primary]{background-color:var(--badge-light-color-background-primary-fill)}.badge[data-color=success]{background-color:var(--badge-light-color-background-success-fill)}.badge[data-color=danger]{background-color:var(--badge-light-color-background-danger-fill)}.badge[data-color=warning]{background-color:var(--badge-light-color-background-warning-fill)}.badge[data-color=highlight]{background-color:var(--badge-light-color-background-hightlight-fill)}.badge[data-mode=dark]{color:var(--badge-dark-color-text-fill)}.badge[data-color=neutral-light][data-mode=dark]{background-color:var(--badge-dark-color-background-neutral-light-fill);color:var(--badge-dark-color-text-fill)}.badge[data-color=neutral-dark][data-mode=dark]{background-color:var(--badge-dark-color-background-neutral-dark-fill)}.badge[data-color=primary][data-mode=dark]{background-color:var(--badge-dark-color-background-primary-fill)}.badge[data-color=success][data-mode=dark]{background-color:var(--badge-dark-color-background-success-fill)}.badge[data-color=danger][data-mode=dark]{background-color:var(--badge-dark-color-background-danger-fill)}.badge[data-color=warning][data-mode=dark]{background-color:var(--badge-dark-color-background-warning-fill)}.badge[data-color=highlight][data-mode=dark]{background-color:var(--badge-dark-color-background-highlight-fill)}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
.button{align-items:center;background-color:var(--button-light-color-background-solid-primary-default);border-color:var(--button-light-color-border-solid-primary-default);border-radius:var(--button-size-xl-border-radius);border-style:var(--button-size-xl-border-style);border-width:var(--button-size-xl-border-width);box-shadow:inset 0 -2px 1px 0 hsla(0,0%,7%,.12),inset 0 1px 1px 0 hsla(0,0%,100%,.24);box-sizing:border-box;color:var(--button-light-color-text-solid-primary-default);cursor:pointer;display:inline-flex;font:var(--button-size-xl-typography);gap:var(--button-size-xl-spacing);height:var(--button-size-xl-height);padding-block-end:var(--button-size-xl-padding-bottom);padding-block-start:var(--button-size-xl-padding-top);padding-inline-end:var(--button-size-xl-padding-right);padding-inline-start:var(--button-size-xl-padding-left);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out;white-space:nowrap}.button[data-width=full]{justify-content:center;width:100%}.button:not(:disabled):hover{background-color:var(--button-light-color-background-solid-primary-hover);border-color:var(--button-light-color-border-solid-primary-hover)}.button:focus-visible{outline:var(--button-outline-primary-offset) var(--button-outline-primary-style) var(--color-primary-700);outline-offset:var(--spacing-3xs)}.button:active,.button[data-background=outlined]:active{box-shadow:0 0 0 6px rgba(12,87,205,.16)}.button[data-background=outlined]{background-color:var(
|
|
2
|
+
--button-light-color-background-outlined-primary-default
|
|
3
|
+
);border-color:var(--button-light-color-border-outlined-primary-default);box-shadow:none;color:var(--button-light-color-text-outlined-primary-default)}.button[data-background=outlined]:hover{background-color:var(--button-light-color-background-outlined-primary-hover);border-color:var(--button-light-color-border-outlined-primary-hover)}.button[data-background=transparent]{background-color:var(--button-light-color-transparent-primary-default);border-color:var(--button-light-color-border-transparent-primary-default);box-shadow:none;color:var(--button-light-color-text-transparent-primary-default)}.button[data-background=transparent]:hover{background-color:var(--color-neutral-200);border-color:transparent}.button[data-background=transparent]:active{background-color:var(
|
|
4
|
+
--button-light-color-background-transparent-primary-active
|
|
5
|
+
);border-color:var(--button-light-color-border-transparent-primary-active);box-shadow:none}.button[data-size=md]{font:var(--button-size-md-typography);height:var(--button-size-md-height);padding-block-end:var(--button-size-md-padding-bottom);padding-block-start:var(--button-size-md-padding-top);padding-inline-end:var(--button-size-md-padding-right);padding-inline-start:var(--button-size-md-padding-left)}.button[data-size=lg]{font:var(--button-size-lg-typography);height:var(--button-size-lg-height);padding-block-end:var(--button-size-lg-padding-bottom);padding-block-start:var(--button-size-lg-padding-top);padding-inline-end:var(--button-size-lg-padding-right);padding-inline-start:var(--button-size-lg-padding-left)}.button[data-rounded=left]{border-end-end-radius:0;border-start-end-radius:0}.button[data-rounded=none],.button[data-rounded=right]{border-end-start-radius:0;border-start-start-radius:0}.button[data-rounded=none]{border-end-end-radius:0;border-start-end-radius:0}.button[data-variant=neutral][data-background=outlined]{background-color:var(
|
|
6
|
+
--button-light-color-background-outlined-neutral-default
|
|
7
|
+
);border-color:var(--color-neutral-300);box-shadow:none;color:var(--button-light-color-text-outlined-neutral-default)}.button[data-variant=neutral][data-background=outlined]:active{box-shadow:0 0 0 6px hsla(220,9%,46%,.16)}.button[data-variant=neutral]:hover{background-color:var(--button-light-color-background-outlined-neutral-hover)}.button[data-variant=neutral][data-background=transparent]{background-color:var(
|
|
8
|
+
--button-light-color-background-transparent-neutral-default
|
|
9
|
+
);border-color:var(--button-light-color-border-transparent-neutral-default);color:var(--button-light-color-text-outlined-neutral-default)}.button[data-variant=neutral][data-background=transparent]:hover{background-color:var(
|
|
10
|
+
--button-light-color-background-transparent-neutral-hover
|
|
11
|
+
);border-color:var(--button-light-color-border-transparent-neutral-hover)}.button[data-variant=neutral][data-background=transparent]:active{background-color:var(
|
|
12
|
+
--button-light-color-background-transparent-neutral-active
|
|
13
|
+
);border-color:var(--button-light-color-border-transparent-neutral-active)}.button[data-variant=danger]{background-color:var(--button-light-color-background-solid-danger-default);border-color:var(--button-light-color-border-solid-danger-default);color:var(--button-light-color-text-solid-danger-default)}.button[data-variant=danger]:not(:disabled):hover{background-color:var(--button-light-color-background-solid-danger-hover);border-color:var(--button-light-color-border-solid-danger-hover)}.button[data-variant=danger][data-background=outlined]{background-color:var(
|
|
14
|
+
--button-light-color-background-outlined-danger-default
|
|
15
|
+
);border-color:var(--button-light-color-border-outlined-danger-default);color:var(--button-light-color-text-outlined-danger-default)}.button[data-variant=danger][data-background=outlined]:hover{background-color:var(--color-danger-100);border-color:var(--color-danger-600)}.button[data-variant=danger]:active{box-shadow:0 0 0 6px rgba(209,40,40,.16)}
|
|
16
|
+
|
|
17
|
+
/*! DARK MODE */.button[data-mode=dark]{border-color:var(--button-dark-color-border-solid-primary-default);box-shadow:none}.button[data-mode=dark]:not(:disabled):active{box-shadow:0 0 0 6px rgba(12,87,205,.24)}.button[data-mode=dark][data-variant=neutral][data-background=outlined]:not(:disabled):active{box-shadow:0 0 0 6px hsla(220,9%,46%,.24)}.button[data-mode=dark][data-background=outlined][data-variant=danger]:not(:disabled):active,.button[data-mode=dark][data-variant=danger]:not(:disabled):active{box-shadow:0 0 0 6px rgba(209,40,40,.24)}.button[data-mode=dark]:not(:disabled):hover{background-color:var(--button-dark-color-background-solid-primary-hover);border-color:var(--button-dark-color-border-solid-primary-hover)}.button[data-background=outlined][data-mode=dark]{background-color:var(
|
|
18
|
+
--button-dark-color-background-outlined-primary-default
|
|
19
|
+
);border-color:var(--button-dark-color-border-outlined-primary-default);box-shadow:none;color:var(--button-dark-color-text-outlined-primary-default)}.button[data-background=outlined][data-mode=dark]:hover{background-color:var(--button-dark-color-background-outlined-primary-hover);border-color:var(--button-dark-color-border-outlined-primary-hover)}.button[data-background=transparent][data-mode=dark]{background-color:var(
|
|
20
|
+
--button-dark-color-background-transparent-primary-default
|
|
21
|
+
);border-color:var(--button-dark-color-border-transparent-primary-default);color:var(--button-dark-color-text-transparent-primary-default)}.button[data-background=transparent][data-mode=dark]:hover{background-color:var(
|
|
22
|
+
--button-dark-color-background-transparent-primary-hover
|
|
23
|
+
);border-color:var(--button-dark-color-border-transparent-primary-hover)}.button[data-background=transparent][data-mode=dark]:active{background-color:var(
|
|
24
|
+
--button-dark-color-background-transparent-primary-active
|
|
25
|
+
);box-shadow:none}.button[data-variant=neutral][data-background=outlined][data-mode=dark]{background-color:var(
|
|
26
|
+
--button-dark-color-background-outlined-neutral-default
|
|
27
|
+
);border-color:var(--button-dark-color-border-outlined-neutral-default);box-shadow:none;color:var(--button-dark-color-text-outlined-neutral-default)}.button[data-variant=neutral][data-background=outlined][data-mode=dark]:hover{background-color:var(--button-dark-color-background-outlined-neutral-hover)}.button[data-variant=neutral][data-background=transparent][data-mode=dark]{background-color:var(
|
|
28
|
+
--button-dark-color-background-transparent-neutral-default
|
|
29
|
+
);border-color:var(--button-dark-color-border-transparent-neutral-default);color:var(--button-dark-color-text-transparent-neutral-default)}.button[data-variant=neutral][data-background=transparent][data-mode=dark]:hover{background-color:var(
|
|
30
|
+
--button-dark-color-background-transparent-neutral-hover
|
|
31
|
+
);border-color:var(--button-dark-color-border-transparent-neutral-hover)}.button[data-variant=neutral][data-background=transparent][data-mode=dark]:active{background-color:var(
|
|
32
|
+
--button-dark-color-background-transparent-neutral-active
|
|
33
|
+
);border-color:var(--button-dark-color-border-transparent-neutral-active);box-shadow:none}.button[data-mode=dark][data-variant=danger]{border-color:var(--button-dark-color-border-solid-danger-default);box-shadow:none}.button[data-mode=dark][data-variant=danger]:hover{background-color:var(--button-dark-color-background-solid-danger-hover);border-color:var(--button-dark-color-border-solid-danger-hover);box-shadow:none}.button[data-variant=danger][data-background=outlined][data-mode=dark]{background-color:var(--button-dark-color-background-outlined-danger-default);border-color:var(--button-dark-color-border-outlined-danger-default);box-shadow:none;color:var(--button-dark-color-text-outlined-danger-default)}.button[data-variant=danger][data-background=outlined][data-mode=dark]:hover{background-color:var(--color-danger-1000);box-shadow:none;color:var(--color-danger-400)}.button:disabled,.button[data-variant=danger]:disabled{box-shadow:none;cursor:not-allowed;opacity:var(--button-opacity-disabled);pointer-events:none}.button:is([data-loading=true]){opacity:.8;pointer-events:none}.button[data-mode=dark]:focus-visible{outline-color:var(--color-primary-300)}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
button{all:unset}.checkbox,.indicator{display:flex}.checkbox{appearance:none;background-color:var(--checkbox-light-color-background-primary-default);border:var(--checkbox-size-md-border-width) solid var(--checkbox-light-color-border-primary-default);border-radius:var(--checkbox-size-md-border-radius);box-sizing:border-box;height:var(--checkbox-size-md-height);justify-content:center;min-width:var(--checkbox-size-md-width);position:relative;transition:background-color var(--checkbox-transition-speed) ease;width:var(--checkbox-size-md-width)}.checkbox:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{background-color:var(--checkbox-light-color-background-primary-hover);content:"";height:var(--checkbox-size-md-background-size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .25s ease;width:var(--checkbox-size-md-background-size)}.checkbox[data-state=checked]{background-color:var(--checkbox-light-color-background-primary-active);border-color:var(--checkbox-light-color-border-primary-active)}.checkbox:focus-visible{outline:var(--checkbox-outline-primary-width) var(--checkbox-outline-primary-style) var(--checkbox-outline-primary-fill);outline-offset:var(--checkbox-outline-primary-offset)}.checkbox[data-disabled],.checkbox[data-error=true][data-disabled],.checkbox[data-mode=dark][data-disabled]{opacity:var(--checkbox-opacity-disabled);pointer-events:none}.checkbox[data-error=true]{background-color:var(--checkbox-light-color-background-danger-default)}.checkbox[data-error=true]:not([data-disabled]):not([data-state=checked]):hover{background-color:var(--checkbox-light-color-background-danger-hover)}.checkbox:indeterminate{background-color:var(
|
|
2
|
+
--checkbox-light-color-background-indeterminate-default
|
|
3
|
+
)}.checkbox[data-size=sm]{border-radius:var(--checkbox-size-sm-border-radius,initial);height:var(--checkbox-size-sm-height);min-width:var(--checkbox-size-sm-width);width:var(--checkbox-size-sm-width)}.checkbox[data-size=sm]:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{height:var(--checkbox-size-sm-background-size);width:var(--checkbox-size-sm-background-size)}.checkbox[data-mode=dark]{background-color:var(--checkbox-dark-color-background-primary-default)}.checkbox[data-mode=dark][data-state=checked]{background-color:var(--checkbox-dark-color-background-primary-active);border-color:var(--checkbox-dark-color-background-primary-active)}.checkbox[data-error=true][data-mode=dark]{background-color:var(--checkbox-dark-color-background-danger-default)}.checkbox[data-mode=dark]:focus-visible{outline-color:var(var(--checkbox-dark-color-outline-primary-fill))}.checkbox[data-mode=dark]:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{background-color:var(--checkbox-dark-color-background-primary-hover)}.checkbox[data-error=true][data-mode=dark][data-state=checked],.checkbox[data-error=true][data-mode=dark][data-state=checked]:hover{background-color:var(--checkbox-dark-color-background-danger-active)}.checkbox[data-error=true][data-mode=dark]:not([data-disabled]):not([data-state=checked]):hover{background-color:var(--checkbox-dark-color-background-danger-hover)}.tile{align-items:center;background-color:var(--checkbox-tile-light-color-background-primary-default);border:var(--checkbox-tile-size-md-border-width) solid var(--checkbox-tile-light-color-border-primary-default);border-radius:var(--checkbox-tile-size-md-border-radius);box-sizing:border-box;display:flex;padding-block:var(--checkbox-tile-size-md-padding-block);padding-inline:var(--checkbox-tile-size-md-padding-inline)}.tile[data-altbackground=true]{background-color:var(
|
|
4
|
+
--checkbox-tile-light-color-background-altbackground-default
|
|
5
|
+
);border-color:var(--checkbox-tile-light-color-border-altbackground-default)}.tile:has(.root[data-state=checked]){background-color:var(--checkbox-tile-light-color-background-primary-active)}.tile[data-state=checked]{background-color:var(--checkbox-tile-light-color-background-primary-active);border-color:var(--checkbox-tile-light-color-border-primary-active)}.tile:not([data-state=checked]):hover{background-color:var(--checkbox-tile-light-color-background-primary-hover);border-color:var(--checkbox-tile-light-color-border-primary-hover)}.tile[data-mode=dark]{background-color:var(--checkbox-tile-dark-color-background-primary-default);border-color:var(--checkbox-tile-dark-color-border-primary-default)}.tile[data-altbackground=checked][data-mode=dark]{background-color:var(
|
|
6
|
+
--checkbox-tile-dark-color-background-altbackground-default
|
|
7
|
+
)}.tile[data-mode=dark]:has(.root[data-state=checked]){background-color:var(--checkbox-tile-dark-color-background-primary-active)}.tile[data-mode=dark]:hover{background-color:var(--checkbox-tile-dark-color-background-primary-hover);border-color:var(--checkbox-tile-dark-color-border-primary-hover)}.tile[data-mode=dark][data-state=checked]{border-color:var(--checkbox-tile-dark-color-border-primary-active)}.tile[data-mode=dark][data-state=checked],.tile[data-mode=dark][data-state=checked]:hover{background-color:var(--checkbox-tile-dark-color-background-primary-active)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "./global.css";@import "./badge/dark.css";@import "./button/dark.css";@import "./checkbox/dark.css";@import "./checkbox-tile/dark.css";@import "./field-message/dark.css";@import "./form-label/dark.css";@import "./input/dark.css";@import "./label/dark.css";@import "./link/dark.css";@import "./radio-group/dark.css";@import "./radio-group-tile/dark.css";@import "./select/dark.css";@import "./switch/dark.css";@import "./table/dark.css";@import "./tabs/dark.css";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.message{color:var(--field-message-light-color-text-primary-default);display:block;font:var(--field-message-size-md-typography);margin-bottom:var(--field-message-size-md-margin-block-end)}.message[data-size=sm]{font:var(--field-message-size-sm-typography)}.message[data-error=true]{color:var(--field-message-light-color-text-danger-default)}.message[aria-disabled=true]{opacity:var(--field-message-opacity-disabled)}.message[data-error=true][data-mode=dark],.message[data-mode=dark]{color:var(--field-message-dark-color-text-danger-default)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.label{align-items:center;box-sizing:border-box;color:var(--form-label-light-color-text-primary-default);display:inline-flex;font:var(--form-label-size-md-typography);gap:var(--form-label-size-md-gap)}.label[data-size=sm]{font:var(--form-label-size-sm-typography)}.label[data-mode=dark]{color:var(--form-label-dark-color-text-primary-default)}.label:is([aria-required=true]):after{background-color:var(--form-label-elements-indicator-background);border-radius:var(--form-label-elements-indicator-border-radius);content:"";height:var(--form-label-elements-indicator-height);width:var(--form-label-elements-indicator-width)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:host,:root{--primitive-0:0rem;--primitive-1:0.063rem;--primitive-2:0.125rem;--primitive-4:0.25rem;--primitive-6:0.375rem;--primitive-8:0.5rem;--primitive-10:0.625rem;--primitive-11:0.688rem;--primitive-12:0.75rem;--primitive-13:0.813rem;--primitive-14:0.875rem;--primitive-15:0.938rem;--primitive-16:1rem;--primitive-17:1.063rem;--primitive-18:1.125rem;--primitive-20:1.25rem;--primitive-24:1.5rem;--primitive-28:1.75rem;--primitive-32:2rem;--primitive-36:2.25rem;--primitive-40:2.5rem;--primitive-44:2.75rem;--primitive-48:3rem;--primitive-52:3.25rem;--primitive-56:3.5rem;--primitive-60:3.75rem;--primitive-64:4rem;--primitive-72:4.5rem;--primitive-80:5rem;--primitive-128:8rem;--primitive-160:10rem;--primitive-192:12rem;--primitive-224:14rem;--primitive-256:16rem;--primitive-320:20rem;--primitive-384:24rem;--primitive-448:28rem;--primitive-512:32rem;--primitive-640:40rem;--primitive-768:48rem;--primitive-1024:64rem;--primitive-1280:80rem;--primitive-1600:100rem;--primitive-1920:120rem;--primitive-gray-100:#f9f9f9;--primitive-gray-200:#edeeef;--primitive-gray-300:#d5d7db;--primitive-gray-400:#b7bcc3;--primitive-gray-500:#8d949f;--primitive-gray-600:#6b7280;--primitive-gray-700:#4f5562;--primitive-gray-800:#343944;--primitive-gray-900:#242831;--primitive-gray-1000:#191b22;--primitive-gray-black:#121212;--primitive-gray-white:#fff;--primitive-blue-100:#f0f7ff;--primitive-blue-200:#d9eafe;--primitive-blue-300:#abcffd;--primitive-blue-400:#66a8fd;--primitive-blue-500:#3a89fd;--primitive-blue-600:#0c57cd;--primitive-blue-700:#063b99;--primitive-blue-800:#052b74;--primitive-blue-900:#041c4f;--primitive-blue-1000:#03122f;--primitive-red-100:#fee5e5;--primitive-red-200:#fecbcb;--primitive-red-300:#fe9f9b;--primitive-red-400:#fc817c;--primitive-red-500:#f4534f;--primitive-red-600:#d12828;--primitive-red-700:#ab1a1d;--primitive-red-800:#7e130e;--primitive-red-900:#5c0b09;--primitive-red-1000:#3b0807;--primitive-green-100:#e2fdee;--primitive-green-200:#a3f6ce;--primitive-green-300:#59e1a6;--primitive-green-400:#29c68c;--primitive-green-500:#1aad74;--primitive-green-600:#088556;--primitive-green-700:#086945;--primitive-green-800:#0a4e35;--primitive-green-900:#063724;--primitive-green-1000:#052618;--primitive-orange-100:#ffefd7;--primitive-orange-200:#ffddb1;--primitive-orange-300:#fec478;--primitive-orange-400:#fba94b;--primitive-orange-500:#f39129;--primitive-orange-600:#d26e16;--primitive-orange-700:#a2520c;--primitive-orange-800:#753c08;--primitive-orange-900:#553008;--primitive-orange-1000:#3c2109;--primitive-yellow-100:#fdf8cf;--primitive-yellow-200:#fae592;--primitive-yellow-300:#fcd358;--primitive-yellow-400:#f1bc0f;--primitive-yellow-500:#dda100;--primitive-yellow-600:#c08700;--primitive-yellow-700:#976800;--primitive-yellow-800:#785200;--primitive-yellow-900:#563e00;--primitive-yellow-1000:#3c2e00;--primitive-purple-100:#f7f5ff;--primitive-purple-200:#e9e5fd;--primitive-purple-300:#d1c9fc;--primitive-purple-400:#baa8f7;--primitive-purple-500:#a485ed;--primitive-purple-600:#7c4ccd;--primitive-purple-700:#562c9e;--primitive-purple-800:#3b2270;--primitive-purple-900:#291753;--primitive-purple-1000:#150c32;--primitive-magenta-100:#ffecf8;--primitive-magenta-200:#fcc8e9;--primitive-magenta-300:#f59cd2;--primitive-magenta-400:#e97dbe;--primitive-magenta-500:#d45da6;--primitive-magenta-600:#a64480;--primitive-magenta-700:#7d3261;--primitive-magenta-800:#582544;--primitive-magenta-900:#3f1d31;--primitive-magenta-1000:#2b1323;--primitive-teal-100:#d5feff;--primitive-teal-200:#93fbfa;--primitive-teal-300:#53e6e4;--primitive-teal-400:#32c6c6;--primitive-teal-500:#309d9f;--primitive-teal-600:#247678;--primitive-teal-700:#1c4e4f;--primitive-teal-800:#133636;--primitive-teal-900:#0d2727;--primitive-teal-1000:#061615;--spacing-4xs:0rem;--spacing-3xs:0.125rem;--spacing-2xs:0.25rem;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--border-radius-none:0rem;--border-radius-2xs:0.125rem;--border-radius-xs:0.25rem;--border-radius-sm:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--line-heights-3xs:1rem;--line-heights-2xs:1.25rem;--line-heights-xs:1.25rem;--line-heights-sm:1.25rem;--line-heights-md:1.5rem;--line-heights-lg:1.5rem;--line-heights-xl:1.75rem;--line-heights-2xl:2.25rem;--line-heights-3xl:2.25rem;--line-heights-4xl:3rem;--line-heights-5xl:3.75rem;--line-heights-6xl:5rem;--font-size-3xs:0.75rem;--font-size-2xs:0.813rem;--font-size-xs:0.875rem;--font-size-sm:0.938rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:4.5rem;--layout-4xs:12rem;--layout-3xs:14rem;--layout-2xs:16rem;--layout-xs:20rem;--layout-sm:24rem;--layout-md:32rem;--layout-lg:48rem;--layout-xl:64rem;--layout-2xl:80rem;--layout-3xl:100rem;--layout-4xl:120rem;--border-width-none:0rem;--border-width-sm:0.063rem;--border-width-md:0.125rem;--border-width-lg:0.25rem;--font-families-default:Source Sans 3;--font-families-mono:Fira Code;--font-weights-regular:400;--font-weights-semibold:600;--font-weights-bold:700;--letter-spacing-3xs:-0.005em;--letter-spacing-2xs:-0.005em;--letter-spacing-xs:-0.01em;--letter-spacing-sm:-0.01em;--letter-spacing-md:-0.01em;--letter-spacing-lg:-0.01em;--letter-spacing-xl:-0.01em;--letter-spacing-2xl:-0.015em;--letter-spacing-3xl:-0.175em;--letter-spacing-4xl:-0.175em;--letter-spacing-5xl:-0.175em;--letter-spacing-6xl:-0.025em;--paragraph-spacing-0:0;--font-size-3xs-regular:400 0.75rem/1rem "Source Sans 3";--font-size-3xs-semibold:600 0.75rem/1rem "Source Sans 3";--font-size-3xs-bold:700 0.75rem/1rem "Source Sans 3";--font-size-2xs-regular:400 0.813rem/1.25rem "Source Sans 3";--font-size-2xs-semibold:600 0.813rem/1.25rem "Source Sans 3";--font-size-2xs-bold:700 0.813rem/1.25rem "Source Sans 3";--font-size-xs-regular:400 0.875rem/1.25rem "Source Sans 3";--font-size-xs-semibold:600 0.875rem/1.25rem "Source Sans 3";--font-size-xs-bold:700 0.875rem/1.25rem "Source Sans 3";--font-size-sm-regular:400 0.938rem/1.25rem "Source Sans 3";--font-size-sm-semibold:600 0.938rem/1.25rem "Source Sans 3";--font-size-sm-bold:700 0.938rem/1.25rem "Source Sans 3";--font-size-md-regular:400 1rem/1.5rem "Source Sans 3";--font-size-md-semibold:600 1rem/1.5rem "Source Sans 3";--font-size-md-bold:700 1rem/1.5rem "Source Sans 3";--font-size-lg-regular:400 1.125rem/1.5rem "Source Sans 3";--font-size-lg-semibold:600 1.125rem/1.5rem "Source Sans 3";--font-size-lg-bold:700 1.125rem/1.5rem "Source Sans 3";--font-size-xl-regular:400 1.25rem/1.75rem "Source Sans 3";--font-size-xl-semibold:600 1.25rem/1.75rem "Source Sans 3";--font-size-xl-bold:700 1.25rem/1.75rem "Source Sans 3";--font-size-2xl-regular:400 1.5rem/2.25rem "Source Sans 3";--font-size-2xl-semibold:600 1.5rem/2.25rem "Source Sans 3";--font-size-2xl-bold:700 1.5rem/2.25rem "Source Sans 3";--font-size-3xl-regular:400 1.75rem/2.25rem "Source Sans 3";--font-size-3xl-semibold:600 1.75rem/2.25rem "Source Sans 3";--font-size-3xl-bold:700 1.75rem/2.25rem "Source Sans 3";--font-size-4xl-regular:400 2.25rem/3rem "Source Sans 3";--font-size-4xl-semibold:600 2.25rem/3rem "Source Sans 3";--font-size-4xl-bold:700 2.25rem/3rem "Source Sans 3";--font-size-5xl-regular:400 3rem/3.75rem "Source Sans 3";--font-size-5xl-semibold:600 3rem/3.75rem "Source Sans 3";--font-size-5xl-bold:700 3rem/3.75rem "Source Sans 3";--font-size-6xl-regular:400 4.5rem/5rem "Source Sans 3";--font-size-6xl-semibold:600 4.5rem/5rem "Source Sans 3";--font-size-6xl-bold:700 4.5rem/5rem "Source Sans 3";--text-case-none:none;--text-decoration-none:none;--paragraph-indent-0:0px;--color-neutral-100:#f9f9f9;--color-neutral-200:#edeeef;--color-neutral-300:#d5d7db;--color-neutral-400:#b7bcc3;--color-neutral-500:#8d949f;--color-neutral-600:#6b7280;--color-neutral-700:#4f5562;--color-neutral-800:#343944;--color-neutral-900:#242831;--color-neutral-1000:#191b22;--color-neutral-darkest:#121212;--color-neutral-lightest:#fff;--color-primary-100:#f0f7ff;--color-primary-200:#d9eafe;--color-primary-300:#abcffd;--color-primary-400:#66a8fd;--color-primary-500:#3a89fd;--color-primary-600:#0c57cd;--color-primary-700:#063b99;--color-primary-800:#052b74;--color-primary-900:#041c4f;--color-primary-1000:#03122f;--color-danger-100:#fee5e5;--color-danger-200:#fecbcb;--color-danger-300:#fe9f9b;--color-danger-400:#fc817c;--color-danger-500:#f4534f;--color-danger-600:#d12828;--color-danger-700:#ab1a1d;--color-danger-800:#7e130e;--color-danger-900:#5c0b09;--color-danger-1000:#3b0807;--color-warning-100:#ffefd7;--color-warning-200:#ffddb1;--color-warning-300:#fec478;--color-warning-400:#fba94b;--color-warning-500:#f39129;--color-warning-600:#d26e16;--color-warning-700:#a2520c;--color-warning-800:#753c08;--color-warning-900:#553008;--color-warning-1000:#3c2109;--color-success-100:#e2fdee;--color-success-200:#a3f6ce;--color-success-300:#59e1a6;--color-success-400:#29c68c;--color-success-500:#1aad74;--color-success-600:#088556;--color-success-700:#086945;--color-success-800:#0a4e35;--color-success-900:#063724;--color-success-1000:#052618;--color-highlight-100:#fdf8cf;--color-highlight-200:#fae592;--color-highlight-300:#fcd358;--color-highlight-400:#f1bc0f;--color-highlight-500:#dda100;--color-highlight-600:#c08700;--color-highlight-700:#976800;--color-highlight-800:#785200;--color-highlight-900:#563e00;--color-highlight-1000:#3c2e00;--opacity-disabled:0.32;--opacity-sm:0.48;--opacity-md:0.64;--opacity-l:0.88;--badge-size-sm-vertical-padding:0.125rem;--badge-size-sm-typography:600 0.75rem/1rem "Source Sans 3";--badge-size-sm-horizontal-padding:0.25rem;--badge-size-sm-border-radius:0.25rem;--badge-size-md-vertical-padding:0.125rem;--badge-size-md-horizontal-padding:0.5rem;--badge-size-md-typography:600 0.813rem/1.25rem "Source Sans 3";--badge-size-md-border-radius:0.25rem;--badge-size-lg-vertical-padding:0.375rem;--badge-size-lg-horizontal-padding:0.5rem;--badge-size-lg-typography:600 0.875rem/1.25rem "Source Sans 3";--badge-size-lg-border-radius:0.25rem;--badge-gap-spacing:0.25rem;--button-size-sm-border-radius:0.375rem;--button-size-sm-border-width:0.063rem;--button-size-sm-border-style:solid;--button-size-sm-typography: ;--button-size-md-border-radius:0.375rem;--button-size-md-border-width:0.063rem;--button-size-md-border-style:solid;--button-size-md-height:1.5rem;--button-size-md-padding-left:0.5rem;--button-size-md-padding-right:0.5rem;--button-size-md-padding-top:0.125rem;--button-size-md-padding-bottom:0.125rem;--button-size-md-spacing:0.25rem;--button-size-md-typography:600 0.813rem/1.25rem "Source Sans 3";--button-size-lg-border-radius:0.375rem;--button-size-lg-border-width:0.063rem;--button-size-lg-border-style:solid;--button-size-lg-height:2rem;--button-size-lg-padding-left:0.75rem;--button-size-lg-padding-right:0.75rem;--button-size-lg-padding-top:0.375rem;--button-size-lg-padding-bottom:0.375rem;--button-size-lg-spacing:0.25rem;--button-size-lg-typography:600 0.938rem/1.25rem "Source Sans 3";--button-size-xl-border-radius:0.375rem;--button-size-xl-border-width:0.063rem;--button-size-xl-border-style:solid;--button-size-xl-typography:600 1.125rem/1.5rem "Source Sans 3";--button-size-xl-spacing:0.25rem;--button-size-xl-padding-left:1rem;--button-size-xl-padding-right:1rem;--button-size-xl-padding-top:0.75rem;--button-size-xl-padding-bottom:0.75rem;--button-size-xl-height:3rem;--button-gap-spacing:0.25rem;--button-outline-primary-width:0.25rem;--button-outline-primary-style:solid;--button-outline-primary-fill:#063b99;--button-outline-primary-offset:0.125rem;--button-opacity-disabled:0.32;--checkbox-size-sm-background-size:0.375rem;--checkbox-size-sm-border-radius:0.125rem;--checkbox-size-sm-border-width:0.063rem;--checkbox-size-sm-height:1rem;--checkbox-size-sm-width:1rem;--checkbox-size-md-background-size:0.5rem;--checkbox-size-md-border-radius:0.25rem;--checkbox-size-md-border-width:0.063rem;--checkbox-size-md-height:1.25rem;--checkbox-size-md-width:1.25rem;--checkbox-gap-spacing:0.25rem;--checkbox-outline-primary-width:0.25rem;--checkbox-outline-primary-style:solid;--checkbox-outline-primary-fill:#063b99;--checkbox-outline-primary-offset:0.125rem;--checkbox-opacity-disabled:0.32;--checkbox-tile-size-md-border-radius:0.25rem;--checkbox-tile-size-md-border-width:0.063rem;--checkbox-tile-size-md-padding-block:1rem;--checkbox-tile-size-md-padding-inline:1rem;--checkbox-tile-size-md-width:auto;--form-label-size-sm-typography:600 0.875rem/1.25rem "Source Sans 3";--form-label-size-md-gap:0.25rem;--form-label-size-md-margin-block-end:0.375rem;--form-label-size-md-typography:600 1.125rem/1.5rem "Source Sans 3";--form-label-size-md-width:auto;--form-label-size-md-border-radius:0.375rem;--form-label-opacity-disabled:0.32;--form-label-elements-indicator-background:#d26e16;--form-label-elements-indicator-border-radius:0.375rem;--form-label-elements-indicator-height:0.5rem;--form-label-elements-indicator-width:0.5rem;--input-elements-text-field-size-md-height:1.5rem;--input-elements-text-field-size-md-padding-block:0.375rem;--input-elements-text-field-size-md-typography:400 0.75rem/1rem "Source Sans 3";--input-elements-text-field-size-lg-height:2rem;--input-elements-text-field-size-lg-padding-block:0.5rem;--input-elements-text-field-size-lg-typography:400 0.875rem/1.25rem "Source Sans 3";--input-elements-text-field-size-xl-border-radius:0.5rem;--input-elements-text-field-size-xl-border-width:0.063rem;--input-elements-text-field-size-xl-height:3rem;--input-elements-text-field-size-xl-padding-block:0.75rem;--input-elements-text-field-size-xl-padding-inline:0.75rem;--input-elements-text-field-size-xl-typography:400 1rem/1.5rem "Source Sans 3";--input-elements-text-field-size-xl-width:100%;--input-elements-root-size-xl-width:100%;--input-elements-icon-size-md-height:1.5rem;--input-elements-icon-size-lg-height:2rem;--input-elements-icon-size-xl-border-radius:0.5rem;--input-elements-icon-size-xl-border-width:0.063rem;--input-elements-icon-size-xl-height:3rem;--input-elements-icon-size-xl-padding-block-start:1rem;--input-elements-icon-size-xl-padding-block-end:0rem;--input-elements-addon-size-md-height:1.5rem;--input-elements-addon-size-md-typography:400 0.75rem/1rem "Source Sans 3";--input-elements-addon-size-lg-height:2rem;--input-elements-addon-size-lg-typography:400 0.875rem/1.25rem "Source Sans 3";--input-elements-addon-size-xl-border-radius:0.5rem;--input-elements-addon-size-xl-border-width:0.063rem;--input-elements-addon-size-xl-height:3rem;--input-elements-addon-size-xl-padding-inline:1rem;--input-disabled-opacity:0.32;--field-message-size-sm-typography:400 0.75rem/1rem "Source Sans 3";--field-message-size-md-margin-block-end:0.375rem;--field-message-size-md-typography:400 0.813rem/1.25rem "Source Sans 3";--field-message-opacity-disabled:0.32;--label-size-sm-typography:400 0.875rem/1.25rem "Source Sans 3";--label-size-md-typography:400 1rem/1.5rem "Source Sans 3";--label-gap-default:0.25rem;--label-opacity-disabled:0.32;--link-size-3xs-typography:700 0.75rem/1rem "Source Sans 3";--link-size-2xs-typography:700 0.813rem/1.25rem "Source Sans 3";--link-size-xs-typography:700 0.875rem/1.25rem "Source Sans 3";--link-size-sm-typography:700 0.938rem/1.25rem "Source Sans 3";--link-size-md-typography:700 1rem/1.5rem "Source Sans 3";--link-size-lg-typography:700 1.125rem/1.5rem "Source Sans 3";--link-size-xl-typography:700 1.25rem/1.75rem "Source Sans 3";--link-gap-default:0.25rem;--link-opacity-disabled:0.32;--link-weight-regular:400;--radio-group-elements-indicator-size-sm-height:0.375rem;--radio-group-elements-indicator-size-sm-width:0.375rem;--radio-group-elements-indicator-size-md-border-radius:50%;--radio-group-elements-indicator-size-md-height:0.5rem;--radio-group-elements-indicator-size-md-width:0.5rem;--radio-group-elements-indicator-shadow:0 0.063rem 0.063rem 0 rgba(0,0,0,.08);--radio-group-size-sm-border-width:0.063rem;--radio-group-size-sm-height:1rem;--radio-group-size-sm-min-width:1rem;--radio-group-size-sm-width:1rem;--radio-group-size-md-border-radius:100%;--radio-group-size-md-border-width:0.063rem;--radio-group-size-md-height:1.25rem;--radio-group-size-md-min-width:1.25rem;--radio-group-size-md-width:1.25rem;--radio-group-outline-primary-width:0.25rem;--radio-group-outline-primary-style:solid;--radio-group-outline-primary-fill:#063b99;--radio-group-outline-primary-offset:0.125rem;--radio-group-opacity-disabled:0.32;--radio-group-tile-size-md-border-radius:0.25rem;--radio-group-tile-size-md-border-width:0.063rem;--radio-group-tile-size-md-padding-block:1rem;--radio-group-tile-size-md-padding-inline:1rem;--radio-group-tile-size-md-width:auto;--select-elements-trigger-size-md-max-height:1.5rem;--select-elements-trigger-size-md-padding-block:0.25rem;--select-elements-trigger-size-md-padding-inline:0.5rem;--select-elements-trigger-size-lg-max-height:2rem;--select-elements-trigger-size-lg-padding-block:0.375rem;--select-elements-trigger-size-lg-padding-inline:0.75rem;--select-elements-trigger-size-xl-border-radius:0.375rem;--select-elements-trigger-size-xl-border-width:0.063rem;--select-elements-trigger-size-xl-max-height:3rem;--select-elements-trigger-size-xl-padding-block:0.75rem;--select-elements-trigger-size-xl-padding-inline:1rem;--select-elements-trigger-size-xl-width:100%;--select-elements-trigger-opacity-disabled:0.32;--select-elements-content-size-lg-border-radius:0.375rem;--select-elements-content-size-lg-border-width:0.063rem;--select-elements-content-size-lg-max-height:232px;--select-elements-content-size-lg-z-index:499;--select-elements-content-opacity-disabled:0.32;--select-elements-content-scrollbar-size-lg-border-radius:0.375rem;--select-elements-content-scrollbar-size-lg-border-width:0.063rem;--select-elements-content-scrollbar-size-lg-width:0.75rem;--select-elements-content-scrollbar-thumb-size-lg-height:8rem;--select-elements-menu-item-size-lg-height:2rem;--select-elements-menu-item-size-lg-padding-inline:0.75rem;--select-elements-menu-item-gap-default:0.5rem;--select-elements-menu-item-opacity-disabled:0.32;--select-elements-separator-size-lg-height:0.063rem;--select-elements-info-size-lg-typography:400 0.813rem/1.25rem "Source Sans 3";--switch-elements-thumb-size-sm-height:1rem;--switch-elements-thumb-size-sm-width:1rem;--switch-elements-thumb-size-md-border-radius:1rem;--switch-elements-thumb-size-md-border-width:0.063rem;--switch-elements-thumb-size-md-height:1.25rem;--switch-elements-thumb-size-md-width:1.25rem;--switch-elements-thumb-shadow:0 0.063rem 0.063rem 0 rgba(0,0,0,.08);--switch-size-sm-height:1rem;--switch-size-sm-width:2rem;--switch-size-md-border-radius:1rem;--switch-size-md-border-width:0.063rem;--switch-size-md-height:1.25rem;--switch-size-md-width:2.5rem;--switch-opacity-disabled:0.32;--switch-outline-primary-width:0.25rem;--switch-outline-primary-style:solid;--switch-outline-primary-fill:#063b99;--switch-outline-primary-offset:0.125rem;--table-elements-container-size-2xl-border-radius:0.375rem;--table-elements-container-size-2xl-border-width:0.063rem;--table-elements-container-size-2xl-max-height:auto;--table-elements-container-scrollbar-size-2xl-border-radius:0.375rem;--table-elements-container-scrollbar-size-2xl-border-width:0.063rem;--table-elements-container-scrollbar-size-2xl-width:0.75rem;--table-elements-container-scrollbar-thumb-size-2xl-border-width:0.063rem;--table-elements-container-scrollbar-thumb-size-2xl-height:8rem;--table-elements-th-size-xl-border-bottom-width:0.063rem;--table-elements-th-size-xl-max-height:3rem;--table-elements-th-size-xl-padding-block-start:1.125rem;--table-elements-th-size-xl-padding-block-end:0.5rem;--table-elements-th-size-xl-padding-inline:0.75rem;--table-elements-th-size-xl-typography:700 0.813rem/1.25rem "Source Sans 3";--table-elements-th-size-2xl-max-height:4rem;--table-elements-th-size-2xl-padding-block-start:1.5rem;--table-elements-th-size-2xl-padding-block-end:0.5rem;--table-elements-th-size-2xl-typography:700 0.938rem/1.25rem "Source Sans 3";--table-elements-td-size-lg-max-height:2rem;--table-elements-td-size-lg-padding-inline:0.5rem;--table-elements-td-size-lg-typography:400 0.813rem/1.25rem "Source Sans 3";--table-elements-td-size-xl-max-height:3rem;--table-elements-td-size-xl-typography:400 0.938rem/1.25rem "Source Sans 3";--table-elements-td-size-2xl-border-width:0.063rem;--table-elements-td-size-2xl-max-height:4rem;--table-elements-td-size-2xl-padding-inline:0.75rem;--table-elements-td-size-2xl-typography:400 1.125rem/1.5rem "Source Sans 3";--table-elements-actions-2xl-border-radius:0.375rem;--table-elements-actions-2xl-border-width:0.063rem;--table-elements-actions-2xl-height:3rem;--table-elements-actions-2xl-padding-inline-end:0.5rem;--tabs-elements-list-size-lg-border-bottom-width:0.063rem;--tabs-elements-list-size-lg-padding-block-end:1rem;--tabs-elements-list-gap-default:1.25rem;--tabs-elements-trigger-size-lg-border-width:0.125rem;--tabs-elements-trigger-size-lg-padding-block-end:0rem;--tabs-elements-trigger-size-lg-typography:700 1.125rem/1.5rem "Source Sans 3";--tabs-elements-trigger-size-xl-typography:700 1.5rem/2.25rem "Source Sans 3";--tabs-elements-content-size-lg-border-width:0.063rem;--tabs-elements-content-size-lg-margin-block-start:0.5rem;--tabs-elements-content-size-lg-padding:1rem}
|
package/build/minified/index.css
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
@import "./
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL2Nzcy9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEseUJBQXlCLENBQ3pCLHFCQUFxQixDQUNyQiw2QkFBNkIiLCJmaWxlIjoiaW5kZXguY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCBcIi4vbm9ybWFsaXplLmNzc1wiO1xuQGltcG9ydCBcIi4vZm9udHMuY3NzXCI7XG5AaW1wb3J0IFwiLi90b2tlbnMtZ2xvYmFsLmNzc1wiO1xuLyogQGltcG9ydCBcIi4vYW5pbWF0aW9ucy5jc3NcIjsgKi9cbiJdfQ== */
|
|
1
|
+
@import "./global.css";@import "./badge";@import "./button/light.css";@import "./button/dark.css";@import "./checkbox/light.css";@import "./checkbox/dark.css";@import "./checkbox-tile/light.css";@import "./checkbox-tile/dark.css";@import "./field-message/light.css";@import "./field-message/dark.css";@import "./form-label/light.css";@import "./form-label/dark.css";@import "./input/light.css";@import "./input/dark.css";@import "./label/light.css";@import "./label/dark.css";@import "./link/light.css";@import "./link/dark.css";@import "./radio-group/light.css";@import "./radio-group/dark.css";@import "./radio-group-tile/light.css";@import "./radio-group-tile/dark.css";@import "./select/light.css";@import "./select/dark.css";@import "./switch/light.css";@import "./switch/dark.css";@import "./table/light.css";@import "./table/dark.css";@import "./tabs/light.css";@import "./tabs/dark.css";
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
.root{display:flex;width:var(--input-elements-root-size-xl-width)}.root:focus-within{border-radius:var(--input-elements-text-field-size-xl-border-radius);box-shadow:0 0 0 6px rgba(12,87,205,.16)}.input{background-color:var(
|
|
2
|
+
--input-light-elements-text-field-color-background-primary-default
|
|
3
|
+
);border-color:var(
|
|
4
|
+
--input-light-elements-text-field-color-border-primary-default
|
|
5
|
+
);border-radius:var(--input-elements-text-field-size-xl-border-radius);border-style:solid;border-width:var(--input-elements-text-field-size-xl-border-width);box-sizing:border-box;color:var(--input-light-elements-color-text-primary-default);font:var(--input-elements-text-field-size-xl-typography);max-height:var(--input-elements-text-field-size-xl-height);outline:none;padding-block:var(--input-elements-text-field-size-xl-padding-block);padding-inline:var(--input-elements-text-field-size-xl-padding-inline);width:100%}.input[data-size=lg]{font:var(--input-elements-text-field-size-lg-typography);height:var(--input-elements-text-field-size-lg-height);padding-block:var(--input-elements-text-field-size-lg-padding-block)}.input[data-size=lg]+.icon{height:var(--input-elements-icon-size-lg-height)}.input[data-size=md]{font:var(--input-elements-text-field-size-md-typography);height:var(--input-elements-text-field-size-md-height);padding-block:var(--input-elements-text-field-size-md-padding-block)}.input[data-size=md]+.icon{height:var(--input-elements-icon-size-md-height)}.root[data-altbackground=true] .icon,.root[data-altbackground=true] .input{background-color:var(
|
|
6
|
+
--input-light-elements-text-field-color-background-altbackground-default
|
|
7
|
+
)}.input[data-error=true]::placeholder{color:var(--input-light-elements-text-field-color-text-error-placeholder)}.input[data-error=true],.input[data-error=true]+.icon{background-color:var(
|
|
8
|
+
--input-light-elements-text-field-color-background-error-default
|
|
9
|
+
);border-color:var(
|
|
10
|
+
--input-light-elements-text-field-color-border-error-default
|
|
11
|
+
)}.root[data-error=true]:focus-within{border-radius:var(--input-elements-text-field-size-xl-border-radius);box-shadow:0 0 0 6px rgba(209,40,40,.24)}.input[data-disabled=true],.input[data-disabled=true]+.icon{opacity:var(--input-disabled-opacity);pointer-events:none}.icon{align-items:center;background-color:var(
|
|
12
|
+
--input-light-elements-icon-color-background-primary-default
|
|
13
|
+
);border-color:var(--input-light-elements-icon-color-border-primary-default);border-radius:var(--input-elements-icon-size-xl-border-radius);border-style:solid;border-width:var(--input-elements-icon-size-xl-border-width);color:var(--input-light-elements-icon-color-text-primary-default);display:flex;height:var(--input-elements-icon-size-xl-height);justify-content:center;padding-inline-end:var(--input-elements-icon-size-xl-padding-block-end);padding-inline-start:var(--input-elements-icon-size-xl-padding-block-start)}.icon[data-size=md]{height:var(--input-elements-icon-size-md-height)}.icon[data-size=lg]{height:var(--input-elements-icon-size-lg-height)}.addon{align-items:center;background-color:var(
|
|
14
|
+
--input-light-elements-addon-color-background-primary-default
|
|
15
|
+
);border-color:var(--input-light-elements-addon-color-border-primary-default);border-radius:var(--input-elements-addon-size-xl-border-radius);border-style:solid;border-width:var(--input-elements-addon-size-xl-border-width);color:var(--input-light-elements-addon-color-text-primary-default);display:flex;height:var(--input-elements-addon-size-xl-height);padding-inline:var(--input-elements-addon-size-xl-padding-inline);z-index:10}.addon[data-size=md]{height:var(--input-elements-addon-size-md-height)}.addon[data-size=lg]{height:var(--input-elements-addon-size-lg-height)}.root[data-mode=dark][data-altbackground=true] .icon,.root[data-mode=dark][data-altbackground=true] .input{background-color:var(
|
|
16
|
+
--input-dark-elements-text-field-color-background-altbackground-default
|
|
17
|
+
)}.root[data-mode=dark]:focus-within{box-shadow:0 0 0 6px rgba(12,87,205,.24)}.root[data-mode=dark][data-error=true]:focus-within{box-shadow:0 0 0 6px rgba(209,40,40,.24)}.input[data-mode=dark][data-error=true],.input[data-mode=dark][data-error=true]+.icon{background-color:var(
|
|
18
|
+
--input-dark-elements-text-field-color-background-error-default
|
|
19
|
+
);border-color:var(
|
|
20
|
+
--input-dark-elements-text-field-color-border-error-default
|
|
21
|
+
)}.input[data-mode=dark],.input[data-mode=dark]+.icon{background-color:var(
|
|
22
|
+
--input-dark-elements-text-field-color-background-primary-default
|
|
23
|
+
);border-color:var(
|
|
24
|
+
--input-dark-elements-text-field-color-border-primary-default
|
|
25
|
+
);color:var(--input-dark-elements-text-field-color-text-primary-default)}.input[data-mode=dark]::placeholder{color:var(--input-dark-elements-text-field-color-text-error-placeholder)}.icon[data-mode=dark]{background-color:var(
|
|
26
|
+
--input-dark-elements-icon-color-background-primary-default
|
|
27
|
+
);border-color:var(--input-dark-elements-icon-color-border-primary-default);color:var(--input-dark-elements-icon-color-text-primary-default)}.addon[data-mode=dark]{background-color:var(
|
|
28
|
+
--input-dark-elements-addon-color-background-primary-default
|
|
29
|
+
);border-color:var(--input-dark-elements-addon-color-border-primary-default)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.label{all:unset;box-sizing:border-box;color:var(--label-light-color-text-primary-default);cursor:default;font:var(--label-size-md-typography)}.label[aria-disabled=true]{cursor:not-allowed;opacity:var(--label-opacity-disabled);pointer-events:none}.label[data-size=sm]{font:var(--label-size-sm-typography)}.label[data-mode=dark]{color:var(--label-dark-color-text-primary-default)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "./global.css";@import "./badge/light.css";@import "./button/light.css";@import "./checkbox/light.css";@import "./checkbox-tile/light.css";@import "./field-message/light.css";@import "./form-label/light.css";@import "./input/light.css";@import "./label/light.css";@import "./link/light.css";@import "./radio-group/light.css";@import "./radio-group-tile/light.css";@import "./select/light.css";@import "./switch/light.css";@import "./table/light.css";@import "./tabs/light.css";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.link{all:unset;align-items:center;box-sizing:border-box;color:var(--link-light-color-text-primary-default);cursor:pointer;display:inline-flex;font:var(--link-size-xl-typography);gap:var(--link-gap-default);text-decoration:underline;vertical-align:top}.link:hover{color:var(--link-light-color-text-primary-hover)}.link:active{color:var(--link-light-color-text-primary-active)}.link[data-size="3xs"]{font:var(--link-size-3xs-typography)}.link[data-size="2xs"]{font:var(--link-size-2xs-typography)}.link[data-size=xs]{font:var(--link-size-xs-typography)}.link[data-size=sm]{font:var(--link-size-sm-typography)}.link[data-size=md]{font:var(--link-size-md-typography)}.link[data-size=lg]{font:var(--link-size-lg-typography)}.link[data-size=xl]{font:var(--link-size-xl-typography)}.link[data-weight=regular]{font-weight:var(--link-weight-regular)}.link[data-mode=dark]{color:var(--link-dark-color-text-primary-default)}.link[data-mode=dark]:hover{color:var(--link-dark-color-text-primary-hover)}.link[data-mode=dark]:active{color:var(--link-dark-color-text-primary-active)}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
button{all:unset}.root{display:flex}.root[data-orientation=vertical]{display:grid;row-gap:var(--spacing-xs)}.item{background-color:var(--radio-group-light-color-background-primary-default);border-color:var(--radio-group-light-color-border-primary-default);border-radius:var(--radio-group-size-md-border-radius);border-style:solid;border-width:var(--radio-group-size-md-border-width);display:inline;height:var(--radio-group-size-md-height);min-width:var(--radio-group-size-md-min-width);width:var(--radio-group-size-md-width)}.item:focus-visible{outline:var(--radio-group-outline-primary-width) solid var(--radio-group-outline-primary-fill);outline-offset:var(--radio-group-outline-primary-offset)}.item[aria-checked=true]{background-color:var(--radio-group-light-color-background-primary-active)}.item[data-size=sm]{height:var(--radio-group-size-sm-height);min-width:var(--radio-group-size-sm-min-width);width:var(--radio-group-size-sm-width)}.item[data-error=true]{background-color:var(--radio-group-light-color-background-danger-default);border-color:var(--radio-group-light-color-border-danger-default)}.item[data-disabled]{cursor:not-allowed;opacity:var(--radio-group-opacity-disabled);pointer-events:none}.item[data-mode=dark]{background-color:var(--radio-group-dark-color-background-primary-default);border-color:var(--radio-group-dark-color-border-primary-default)}.item[data-mode=dark][aria-checked=true]{background-color:var(--radio-group-dark-color-background-primary-active);border-color:var(--radio-group-dark-color-border-primary-active)}.item[data-mode=dark][data-error=true]{background-color:var(--radio-group-dark-color-background-danger-default);border-color:var(--radio-group-dark-color-border-danger-default)}.indicator{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.indicator:after{background-color:var(--color-neutral-lightest);border-radius:var(--radio-group-elements-indicator-size-md-border-radius);box-shadow:var(--radio-group-elements-indicator-shadow);content:"";display:block;height:var(--radio-group-elements-indicator-size-md-height);width:var(--radio-group-elements-indicator-size-md-width)}.indicator[data-size=sm]:after{border-radius:var(--radio-group-elements-indicator-size-sm-border-radius)}.tile{align-items:center;background-color:var(
|
|
2
|
+
--radio-group-tile-light-color-background-primary-default
|
|
3
|
+
);border:var(--radio-group-tile-size-md-border-width) solid var(--radio-group-tile-light-color-border-primary-default);border-radius:var(--radio-group-tile-size-md-border-radius);box-sizing:border-box;padding-block:var(--radio-group-tile-size-md-padding-block);padding-inline:var(--radio-group-tile-size-md-padding-inline)}.tile[data-altbackground=true]{background-color:var(
|
|
4
|
+
--radio-group-tile-light-color-background-altbackground-default
|
|
5
|
+
);border-color:var(
|
|
6
|
+
--radio-group-tile-light-color-border-altbackground-default
|
|
7
|
+
)}.tile:has(.root[data-state=checked]){background-color:var(
|
|
8
|
+
--radio-group-tile-light-color-background-primary-active
|
|
9
|
+
)}.tile[data-state=checked]{background-color:var(
|
|
10
|
+
--radio-group-tile-light-color-background-primary-active
|
|
11
|
+
);border-color:var(--radio-group-tile-light-color-border-primary-active)}.tile:not([data-state=checked]):hover{background-color:var(
|
|
12
|
+
--radio-group-tile-light-color-background-primary-hover
|
|
13
|
+
);border-color:var(--radio-group-tile-light-color-border-primary-hover)}.tile[data-mode=dark]{background-color:var(
|
|
14
|
+
--radio-group-tile-dark-color-background-primary-default
|
|
15
|
+
)}.tile[data-altbackground=checked][data-mode=dark]{background-color:var(
|
|
16
|
+
--radio-group-tile-dark-color-background-altbackground-default
|
|
17
|
+
)}.tile[data-mode=dark]:has(.root[data-state=checked]){background-color:var(
|
|
18
|
+
--radio-group-tile-dark-color-background-primary-active
|
|
19
|
+
)}.tile[data-mode=dark]:hover{background-color:var(--radio-group-tile-dark-color-background-primary-hover)}.tile[data-mode=dark][data-state=checked],.tile[data-mode=dark][data-state=checked]:hover{background-color:var(
|
|
20
|
+
--radio-group-tile-dark-color-background-primary-active
|
|
21
|
+
)}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
button{all:unset}.trigger{align-items:center;background-color:var(
|
|
2
|
+
--select-light-elements-trigger-color-background-primary-default
|
|
3
|
+
);border-color:var(
|
|
4
|
+
--select-light-elements-trigger-color-border-primary-default
|
|
5
|
+
);border-radius:var(--select-elements-trigger-size-xl-border-radius);border-style:solid;border-width:var(--select-elements-trigger-size-xl-border-width);box-sizing:border-box;display:inline-flex;justify-content:space-between;max-height:var(--select-elements-trigger-size-xl-max-height);padding-block:var(--select-elements-trigger-size-xl-padding-block);padding-inline:var(--select-elements-trigger-size-xl-padding-inline);width:var(--select-elements-trigger-size-xl-width)}.trigger[data-disabled]{opacity:var(--select-elements-trigger-opacity-disabled);pointer-events:none;user-select:none}.trigger[data-altbackground=true]{background-color:var(
|
|
6
|
+
--select-light-elements-trigger-color-background-altbackground-default
|
|
7
|
+
)}.trigger[data-error=true]{background-color:var(
|
|
8
|
+
--select-light-elements-trigger-color-background-danger-default
|
|
9
|
+
);border-color:var(
|
|
10
|
+
--select-light-elements-trigger-color-border-danger-default
|
|
11
|
+
)}.trigger:focus-visible[data-error=true]{border-color:var(--select-light-elements-trigger-color-border-danger-focus);box-shadow:var(--select-light-elements-trigger-color-shadow-danger-focus)}.trigger:focus-visible{border-color:var(--select-light-elements-trigger-color-border-primary-focus);box-shadow:var(--select-light-elements-trigger-color-shadow-primary-focus)}.trigger[data-size=md]{max-height:var(--select-elements-trigger-size-md-max-height);padding-block:var(--select-elements-trigger-size-md-padding-block);padding-inline:var(--select-elements-trigger-size-md-padding-inline)}.trigger[data-size=lg]{max-height:var(--select-elements-trigger-size-lg-max-height);padding-block:var(--select-elements-trigger-size-lg-padding-block);padding-inline:var(--select-elements-trigger-size-lg-padding-inline)}.content{--select-dropdown-menu-width:var(--radix-dropdown-menu-width);background-color:var(
|
|
12
|
+
--select-light-elements-content-color-background-primary-default
|
|
13
|
+
);border-color:var(
|
|
14
|
+
--select-light-elements-content-color-border-primary-default
|
|
15
|
+
);border-radius:var(--select-elements-content-size-lg-border-radius);border-style:solid;border-width:var(--select-elements-content-size-lg-border-width);max-height:var(--select-elements-content-size-lg-max-height);max-width:var(--select-elements-content-size-lg-max-width);overflow-y:auto;position:relative;width:var(--radix-dropdown-menu-trigger-width);z-index:var(--select-elements-content-size-lg-z-index)}.content::-webkit-scrollbar{background-color:var(
|
|
16
|
+
--select-light-elements-content-scrollbar-color-background-primary-default
|
|
17
|
+
);border:var(--select-elements-content-scrollbar-size-lg-border-width) solid var(--select-light-elements-content-scrollbar-color-border-primary-default);border-radius:var(--select-elements-content-scrollbar-size-lg-border-radius);border-right:none;width:var(--select-elements-content-scrollbar-size-lg-width)}.content::-webkit-scrollbar-thumb{background-color:var(
|
|
18
|
+
--select-light-elements-content-scrollbar-thumb-color-background-primary-default
|
|
19
|
+
);border-color:var(
|
|
20
|
+
--select-light-elements-content-scrollbar-thumb-color-border-primary-default
|
|
21
|
+
);border-radius:var(--select-elements-content-scrollbar-size-lg-border-radius);border-style:solid;border-width:var(--select-elements-content-scrollbar-size-lg-border-width);height:var(--select-elements-content-scrollbar-thumb-size-lg-height)}.item{align-items:center;background-color:var(
|
|
22
|
+
--select-light-elements-menu-item-color-background-primary-default
|
|
23
|
+
);display:flex;gap:var(--select-elements-menu-item-gap-default);height:var(--select-elements-menu-item-size-lg-height);outline:none;padding-inline:var(--select-elements-menu-item-size-lg-padding-inline)}.item[data-disabled]{opacity:var(--select-elements-menu-item-opacity-disabled)}.item-checkbox[data-highlighted],.item-radio[data-highlighted],.item[data-highlighted],.sub-trigger[data-highlighted]{background-color:var(
|
|
24
|
+
--select-light-elements-menu-item-color-background-primary-hover
|
|
25
|
+
)}.item[aria-checked=true],.item[data-state=checked]{background-color:var(
|
|
26
|
+
--select-light-elements-menu-item-color-background-primary-active
|
|
27
|
+
)}.separator{background-color:var(
|
|
28
|
+
--select-light-elements-separtor-color-background-primary-default
|
|
29
|
+
);height:var(--select-elements-separator-size-lg-height)}.info{color:var(--select-light-elements-info-color-text-primary-default);font:var(--select-elements-info-size-lg-typography);margin:0 0 0 auto}.trigger[data-mode=dark]{background-color:var(
|
|
30
|
+
--select-dark-elements-trigger-color-background-primary-default
|
|
31
|
+
);border-color:var(
|
|
32
|
+
--select-dark-elements-trigger-color-border-primary-default
|
|
33
|
+
)}.trigger[data-mode=dark][data-altbackground=true]{background-color:var(
|
|
34
|
+
--select-dark-elements-trigger-color-background-altbackground-default
|
|
35
|
+
)}.trigger[data-mode=dark][data-error=true]{background-color:var(
|
|
36
|
+
--select-dark-elements-trigger-color-background-danger-default
|
|
37
|
+
);border-color:var(--select-dark-elements-trigger-color-border-danger-default)}.trigger:focus-visible[data-mode=dark][data-error=true]{border-color:var(--select-dark-elements-trigger-color-border-danger-focus);focus-color:var(--select-dark-elements-trigger-color-shadow-danger-focus)}.trigger[data-mode=dark]:focus-visible{border-color:var(--select-dark-elements-trigger-color-border-primary-focus);box-shadow:var(--select-dark-elements-trigger-color-shadow-primary-focus)}.content[data-mode=dark]{background-color:var(
|
|
38
|
+
--select-dark-elements-content-color-background-primary-default
|
|
39
|
+
);border-color:var(
|
|
40
|
+
--select-dark-elements-content-color-border-primary-default
|
|
41
|
+
)}.content[data-mode=dark]::-webkit-scrollbar{background-color:var(
|
|
42
|
+
--select-dark-elements-content-scrollbar-color-background-primary-default
|
|
43
|
+
);border-color:var(
|
|
44
|
+
--select-dark-elements-content-scrollbar-color-border-primary-default
|
|
45
|
+
)}.content[data-mode=dark]::-webkit-scrollbar-thumb{background-color:var(
|
|
46
|
+
--select-dark-elements-content-scrollbar-thumb-color-background-primary-default
|
|
47
|
+
);border-color:var(
|
|
48
|
+
--select-dark-elements-content-scrollbar-thumb-color-border-primary-default
|
|
49
|
+
)}.item[data-mode=dark]{background-color:var(
|
|
50
|
+
--select-dark-elements-menu-item-color-background-primary-default
|
|
51
|
+
);color:var(--select-dark-elements-menu-item-color-text-primary-default)}.item[data-disabled][data-mode=dark]{opacity:var(--select-elements-menu-item-opacity-disabled)}.item-checkbox[data-highlighted][data-mode=dark],.item-radio[data-highlighted][data-mode=dark],.item[data-highlighted][data-mode=dark],.sub-trigger[data-highlighted][data-mode=dark]{background-color:var(
|
|
52
|
+
--select-dark-elements-menu-item-color-background-primary-hover
|
|
53
|
+
)}.item[aria-checked=true][data-mode=dark],.item[data-state=checked][data-mode=dark]{background-color:var(
|
|
54
|
+
--select-dark-elements-menu-item-color-background-primary-active
|
|
55
|
+
)}.info[data-mode=dark]{color:var(--select-dark-elements-info-color-text-primary-default)}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
button{all:unset}.root{background-color:var(--switch-light-color-background-primary-default);border-color:var(--switch-light-color-border-primary-default);border-radius:var(--switch-size-md-border-radius);border-style:solid;border-width:var(--switch-size-md-border-width);box-sizing:border-box;cursor:pointer;height:var(--switch-size-md-height);transition:background-color .2s ease-in-out,border-color .2s ease-in-out;width:var(--switch-size-md-width)}.root:focus-visible{outline-color:var(--switch-outline-primary-fill);outline-offset:var(--switch-outline-primary-offset);outline-style:solid;outline-width:var(--switch-outline-primary-width)}.root:hover{background-color:var(--switch-light-color-background-primary-hover);cursor:pointer}.root:disabled{opacity:var(--switch-opacity-disabled);pointer-events:none}.root[data-state=checked]{background-color:var(--switch-light-color-background-primary-active);border-color:var(--switch-light-color-border-primary-active)}.root[data-size=sm]{height:var(--switch-size-sm-height);width:var(--switch-size-sm-width)}.thumb{background-color:var(
|
|
2
|
+
--switch-light-elements-thumb-color-background-primary-default
|
|
3
|
+
);border-color:var(--switch-light-elements-thumb-color-border-primary-default);border-radius:var(--switch-elements-thumb-size-md-border-radius);border-style:solid;border-width:var(--switch-elements-thumb-size-md-border-width);display:block;height:var(--switch-elements-thumb-size-md-height);transform:translateX(-1px) translateY(-1px);transition:transform .2s ease-in-out,border-color .2s ease-in-out;width:var(--switch-elements-thumb-size-md-width);will-change:transform}.thumb[data-state=checked]{border-color:var(--switch-light-elements-thumb-color-border-primary-active);transform:translateX(19px) translateY(-1px)}.thumb[data-size=sm]{height:var(--switch-elements-thumb-size-sm-height);width:var(--switch-elements-thumb-size-sm-width)}.thumb[data-size=sm][data-state=checked]{transform:translateX(16px) translateY(-1px)}.root[data-mode=dark]{background-color:var(--switch-color-background-primary-default);border-color:var(--switch-color-border-primary-default)}.root[data-mode=dark]:hover{background-color:var(--switch-color-background-primary-hover)}.root[data-mode=dark][data-state=checked]{background-color:var(--switch-color-background-primary-active);border-color:var(--switch-color-border-primary-active)}.root[data-mode=dark]:focus-visible{outline-color:var(--switch-color-outline-primary-fill)}.thumb[data-mode=dark][data-state=checked]{border-color:var(--switch-dark-elements-thumb-border-primary-active)}.thumb[data-mode=dark]{border-color:var(--switch-dark-elements-thumb-border-primary-default)}
|