@kofile/gds-foundations 1.4.5 → 1.4.7

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.
Files changed (44) hide show
  1. package/build/css/components/button.module.css +9 -9
  2. package/build/css/components/input.module.css +1 -1
  3. package/build/css/components/link.module.css +2 -2
  4. package/build/css/components/menu.module.css +1 -1
  5. package/build/css/components/navigation.module.css +1 -1
  6. package/build/css/components/segmented-controller.module.css +3 -3
  7. package/build/css/components/tabs.module.css +2 -2
  8. package/build/css/themes/{global.css → branded.css} +45 -45
  9. package/build/css/themes/index.css +1 -1
  10. package/build/css/themes/standard.css +362 -0
  11. package/package.json +1 -1
  12. package/build/minified/badge.module.css +0 -1
  13. package/build/minified/banner.module.css +0 -1
  14. package/build/minified/button.module.css +0 -1
  15. package/build/minified/card.module.css +0 -1
  16. package/build/minified/checkbox.module.css +0 -1
  17. package/build/minified/dialog.module.css +0 -1
  18. package/build/minified/divider.module.css +0 -1
  19. package/build/minified/empty-state.module.css +0 -1
  20. package/build/minified/field-message.module.css +0 -1
  21. package/build/minified/form-label.module.css +0 -1
  22. package/build/minified/global.css +0 -1
  23. package/build/minified/icon-wrap.module.css +0 -1
  24. package/build/minified/index.css +0 -1
  25. package/build/minified/input.module.css +0 -1
  26. package/build/minified/label.module.css +0 -1
  27. package/build/minified/link.module.css +0 -1
  28. package/build/minified/list-callout-group.module.css +0 -1
  29. package/build/minified/list-callout.module.css +0 -1
  30. package/build/minified/list-group.module.css +0 -1
  31. package/build/minified/list-item.module.css +0 -1
  32. package/build/minified/loader.module.css +0 -1
  33. package/build/minified/logo.module.css +0 -1
  34. package/build/minified/menu.module.css +0 -1
  35. package/build/minified/modal.module.css +0 -1
  36. package/build/minified/navigation.module.css +0 -1
  37. package/build/minified/progress.module.css +0 -1
  38. package/build/minified/radio-group.module.css +0 -1
  39. package/build/minified/segmented-controller.module.css +0 -1
  40. package/build/minified/switch.module.css +0 -1
  41. package/build/minified/table.module.css +0 -1
  42. package/build/minified/tabs.module.css +0 -1
  43. package/build/minified/toast.module.css +0 -1
  44. package/build/minified/tooltip.module.css +0 -1
@@ -54,15 +54,15 @@
54
54
  }
55
55
 
56
56
  .button[data-background="solid"][data-variant="primary"]:not(:disabled):active {
57
- box-shadow: 0px 0px 0px 6px rgba(12, 87, 205, 0.16);
57
+ box-shadow: 0px 0px 0px 6px var(--shadow-primary);
58
58
  }
59
59
 
60
60
  .button[data-background="outlined"][data-variant="primary"] {
61
- border-color: var(--color-primary-600);
61
+ border-color: var(--color-primary-700);
62
62
  background-color: var(--color-neutral-lightest);
63
63
  border-style: solid;
64
64
  border-width: var(--border-width-sm);
65
- color: var(--color-primary-600);
65
+ color: var(--color-primary-700);
66
66
  transition: background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out,
67
67
  border-color 0.25s ease-in-out;
68
68
  }
@@ -71,19 +71,19 @@
71
71
  :disabled
72
72
  ):hover {
73
73
  background-color: var(--color-primary-100);
74
- border-color: var(--color-primary-600);
74
+ border-color: var(--color-primary-700);
75
75
  }
76
76
 
77
77
  .button[data-background="outlined"][data-variant="primary"]:not(
78
78
  :disabled
79
79
  ):active {
80
- box-shadow: 0px 0px 0px 6px rgba(12, 87, 205, 0.16);
80
+ box-shadow: 0px 0px 0px 6px var(--shadow-primary);
81
81
  }
82
82
 
83
83
  .button[data-background="transparent"][data-variant="primary"] {
84
84
  background-color: transparent;
85
85
  border-color: transparent;
86
- color: var(--color-primary-600);
86
+ color: var(--color-primary-700);
87
87
  transition: background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out,
88
88
  border-color 0.25s ease-in-out;
89
89
  }
@@ -271,7 +271,7 @@
271
271
  .button[data-background="solid"][data-variant="primary"]:not(
272
272
  :disabled
273
273
  ):active {
274
- box-shadow: 0px 0px 0px 6px rgba(12, 87, 205, 0.16);
274
+ box-shadow: 0px 0px 0px 6px var(--shadow-primary);
275
275
  }
276
276
 
277
277
  .button[data-background="outlined"][data-variant="primary"] {
@@ -395,7 +395,7 @@
395
395
  .button[data-mode="dark"][data-background="solid"][data-variant="primary"]:not(
396
396
  :disabled
397
397
  ):active {
398
- box-shadow: 0px 0px 0px 6px rgba(12, 87, 205, 0.16);
398
+ box-shadow: 0px 0px 0px 6px var(--shadow-primary);
399
399
  }
400
400
 
401
401
  .button[data-mode="dark"][data-background="outlined"][data-variant="primary"] {
@@ -412,7 +412,7 @@
412
412
  .button[data-mode="dark"][data-background="outlined"][data-variant="primary"]:not(
413
413
  :disabled
414
414
  ):active {
415
- box-shadow: 0px 0px 0px 6px rgba(12, 87, 205, 0.16);
415
+ box-shadow: 0px 0px 0px 6px var(--shadow-primary);
416
416
  }
417
417
 
418
418
  .button[data-mode="dark"][data-background="transparent"][data-variant="primary"] {
@@ -4,7 +4,7 @@
4
4
  }
5
5
  .root:focus-within {
6
6
  border-radius: var(--border-radius-sm);
7
- box-shadow: 0px 0px 0px 6px rgba(12, 87, 205, 0.16);
7
+ box-shadow: 0px 0px 0px 6px var(--shadow-primary);
8
8
  }
9
9
  .input {
10
10
  background-color: var(--color-neutral-200);
@@ -1,7 +1,7 @@
1
1
  .link {
2
2
  all: unset;
3
3
  box-sizing: border-box;
4
- color: var(--color-primary-600);
4
+ color: var(--color-primary-700);
5
5
  cursor: pointer;
6
6
  font-family: var(--font-families-default);
7
7
  font-weight: var(--font-weights-bold);
@@ -14,7 +14,7 @@
14
14
  text-decoration: underline;
15
15
  }
16
16
  .link:hover {
17
- color: var(--color-primary-700);
17
+ color: var(--color-primary-800);
18
18
  }
19
19
  .link:active {
20
20
  color: var(--color-primary-900);
@@ -35,7 +35,7 @@
35
35
  .trigger:focus-visible,
36
36
  .trigger:focus {
37
37
  border-color: var(--color-primary-400);
38
- box-shadow: 0 0 0 0.375rem rgba(12, 87, 205, 0.16);
38
+ box-shadow: 0 0 0 0.375rem var(--shadow-primary);
39
39
  }
40
40
  .trigger[data-size="md"] {
41
41
  padding-inline: var(--spacing-xs);
@@ -21,7 +21,7 @@
21
21
  .govName {
22
22
  font-family: var(--font-families-default);
23
23
  font-size: var(--font-size-2xl);
24
- font-weight: 480;
24
+ font-weight: var(--font-weights-regular);
25
25
  letter-spacing: -1.5%;
26
26
  line-height: 28.8px;
27
27
  }
@@ -57,8 +57,8 @@
57
57
  .trigger[data-state="active"] {
58
58
  box-sizing: border-box;
59
59
  background-color: var(--color-primary-100);
60
- color: var(--color-primary-600);
61
- border: 1px solid var(--color-primary-600);
60
+ color: var(--color-primary-700);
61
+ border: 1px solid var(--color-primary-700);
62
62
  border-radius: var(--border-radius-xs);
63
63
  margin: -1px;
64
64
  }
@@ -80,7 +80,7 @@
80
80
  .trigger[data-mode="dark"][data-state="active"] {
81
81
  color: var(--color-primary-400);
82
82
  background-color: var(--color-primary-1000);
83
- border-color: var(--color-primary-600);
83
+ border-color: var(--color-primary-700);
84
84
  }
85
85
 
86
86
  .content {
@@ -40,8 +40,8 @@
40
40
  }
41
41
  .trigger[data-state="active"] {
42
42
  box-sizing: border-box;
43
- color: var(--color-primary-600);
44
- border-color: var(--color-primary-600);
43
+ color: var(--color-primary-700);
44
+ border-color: var(--color-primary-700);
45
45
  }
46
46
  .trigger[data-size="xl"] {
47
47
  font-family: var(--font-families-default);
@@ -1,3 +1,4 @@
1
+ /* This file is the Neumo branded theme for the foundations for the design system. This is the default theme for all Neumo products. */
1
2
  :root,
2
3
  :host {
3
4
  --primitive-0: 0rem;
@@ -44,16 +45,6 @@
44
45
  --primitive-1280: 80rem;
45
46
  --primitive-1600: 100rem;
46
47
  --primitive-1920: 120rem;
47
- --primitive-brand-purple: #775ed3;
48
- --primitive-brand-lilac: #dacdf2;
49
- --primitive-brand-coolwhite: #f7f2f9;
50
- --primitive-brand-navy: #0a1128;
51
- --primitive-brand-sunflower: #efe745;
52
- --color-brand-primary: var(--color-brand-purple);
53
- --color-brand-light: var(--color-brand-lilac);
54
- --color-brand-soft: var(--color-brand-coolwhite);
55
- --color-brand-dark: var(--color-brand-navy);
56
- --color-brand-accent: var(--color-brand-sunflower);
57
48
  --primitive-gray-100: #f7f7f7;
58
49
  --primitive-gray-200: #edeeef;
59
50
  --primitive-gray-300: #d5d7db;
@@ -96,6 +87,7 @@
96
87
  --primitive-blue-800-alpha: rgba(2, 42, 116, 0.99);
97
88
  --primitive-blue-900-alpha: rgba(1, 26, 75, 0.99);
98
89
  --primitive-blue-1000-alpha: rgba(0, 16, 46, 0.99);
90
+ --primitive-blue-shadow: rgba(12, 87, 205, 0.16);
99
91
  --primitive-red-100: #feecec;
100
92
  --primitive-red-200: #fedcdc;
101
93
  --primitive-red-300: #feada9;
@@ -126,6 +118,16 @@
126
118
  --primitive-orange-800: #753c08;
127
119
  --primitive-orange-900: #553008;
128
120
  --primitive-orange-1000: #3c2109;
121
+ --primitive-amber-100: #fdf8cf;
122
+ --primitive-amber-200: #fdeeaf;
123
+ --primitive-amber-300: #fbd974;
124
+ --primitive-amber-400: #f1bc0f;
125
+ --primitive-amber-500: #dda100;
126
+ --primitive-amber-600: #c08700;
127
+ --primitive-amber-700: #976800;
128
+ --primitive-amber-800: #785200;
129
+ --primitive-amber-900: #563e00;
130
+ --primitive-amber-1000: #3c2e00;
129
131
  --primitive-yellow-100: #fbfbb7;
130
132
  --primitive-yellow-200: #f4f587;
131
133
  --primitive-yellow-300: #efe752;
@@ -136,14 +138,14 @@
136
138
  --primitive-yellow-800: #65620a;
137
139
  --primitive-yellow-900: #494606;
138
140
  --primitive-yellow-1000: #2f2c03;
139
- --primitive-purple-100: #f4f0fe;
140
- --primitive-purple-200: #ece2fa;
141
- --primitive-purple-300: #d5c1f4;
142
- --primitive-purple-400: #b897ed;
143
- --primitive-purple-500: #9e76e5;
144
- --primitive-purple-600: #6640c2;
145
- --primitive-purple-700: #52339a;
146
- --primitive-purple-800: #3b2472;
141
+ --primitive-purple-100: #f7f5ff;
142
+ --primitive-purple-200: #e9e5fd;
143
+ --primitive-purple-300: #d1c9fc;
144
+ --primitive-purple-400: #baa8f7;
145
+ --primitive-purple-500: #a485ed;
146
+ --primitive-purple-600: #7c4ccd;
147
+ --primitive-purple-700: #562c9e;
148
+ --primitive-purple-800: #3b2270;
147
149
  --primitive-purple-900: #291753;
148
150
  --primitive-purple-1000: #160a30;
149
151
  --primitive-purple-alpha-100: hsla(257, 96%, 48%, 0.06);
@@ -156,26 +158,17 @@
156
158
  --primitive-purple-alpha-800: hsla(258, 100%, 18%, 0.86);
157
159
  --primitive-purple-alpha-900: hsla(258, 100%, 13%, 0.91);
158
160
  --primitive-purple-alpha-1000: hsla(260, 91%, 9%, 0.97);
159
- --primitive-magenta-100: #ffecf8;
160
- --primitive-magenta-200: #fcc8e9;
161
- --primitive-magenta-300: #f59cd2;
162
- --primitive-magenta-400: #e97dbe;
163
- --primitive-magenta-500: #d45da6;
164
- --primitive-magenta-600: #a64480;
165
- --primitive-magenta-700: #7d3261;
166
- --primitive-magenta-800: #582544;
167
- --primitive-magenta-900: #3f1d31;
168
- --primitive-magenta-1000: #2b1323;
169
- --primitive-teal-100: #d5feff;
170
- --primitive-teal-200: #93fbfa;
171
- --primitive-teal-300: #53e6e4;
172
- --primitive-teal-400: #32c6c6;
173
- --primitive-teal-500: #309d9f;
174
- --primitive-teal-600: #247678;
175
- --primitive-teal-700: #1c4e4f;
176
- --primitive-teal-800: #133636;
177
- --primitive-teal-900: #0d2727;
178
- --primitive-teal-1000: #061615;
161
+ --primitive-purple-shadow: rgba(102, 64, 194, 0.16);
162
+ --primitive-brand-purple: #775ed3;
163
+ --primitive-brand-lilac: #dacdf2;
164
+ --primitive-brand-coolwhite: #f7f2f9;
165
+ --primitive-brand-navy: #0a1128;
166
+ --primitive-brand-sunflower: #efe745;
167
+ --color-brand-primary: var(--primitive-brand-purple);
168
+ --color-brand-light: var(--primitive-brand-lilac);
169
+ --color-brand-soft: var(--primitive-brand-coolwhite);
170
+ --color-brand-dark: var(--primitive-brand-navy);
171
+ --color-brand-accent: var(--primitive-brand-sunflower);
179
172
  --color-neutral-100: var(--primitive-gray-100);
180
173
  --color-neutral-200: var(--primitive-gray-200);
181
174
  --color-neutral-300: var(--primitive-gray-300);
@@ -208,7 +201,6 @@
208
201
  --color-primary-800: var(--primitive-purple-800);
209
202
  --color-primary-900: var(--primitive-purple-900);
210
203
  --color-primary-1000: var(--primitive-purple-1000);
211
-
212
204
  --color-primary-alpha-100: var(--primitive-purple-alpha-100);
213
205
  --color-primary-alpha-200: var(--primitive-purple-alpha-200);
214
206
  --color-primary-alpha-300: var(--primitive-purple-alpha-300);
@@ -259,6 +251,16 @@
259
251
  --color-highlight-800: var(--primitive-yellow-800);
260
252
  --color-highlight-900: var(--primitive-yellow-900);
261
253
  --color-highlight-1000: var(--primitive-yellow-1000);
254
+ --color-info-100: var(--primitive-blue-100);
255
+ --color-info-200: var(--primitive-blue-200);
256
+ --color-info-300: var(--primitive-blue-300);
257
+ --color-info-400: var(--primitive-blue-400);
258
+ --color-info-500: var(--primitive-blue-500);
259
+ --color-info-600: var(--primitive-blue-600);
260
+ --color-info-700: var(--primitive-blue-700);
261
+ --color-info-800: var(--primitive-blue-800);
262
+ --color-info-900: var(--primitive-blue-900);
263
+ --color-info-1000: var(--primitive-blue-1000);
262
264
  --spacing-4xs: var(--primitive-0);
263
265
  --spacing-3xs: var(--primitive-2);
264
266
  --spacing-2xs: var(--primitive-4);
@@ -281,11 +283,8 @@
281
283
  --layout-2xl: var(--primitive-1280);
282
284
  --layout-3xl: var(--primitive-1600);
283
285
  --layout-4xl: var(--primitive-1920);
284
- --font-families-default: "Source Sans 3", -apple-system, BlinkMacSystemFont,
285
- "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
286
- sans-serif;
286
+ --font-families-default: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
287
287
  --font-families-mono: "Fira Code", monospace;
288
-
289
288
  --font-size-3xs: var(--primitive-12);
290
289
  --font-size-2xs: var(--primitive-13);
291
290
  --font-size-xs: var(--primitive-14);
@@ -298,7 +297,7 @@
298
297
  --font-size-4xl: var(--primitive-36);
299
298
  --font-size-5xl: var(--primitive-48);
300
299
  --font-size-6xl: var(--primitive-72);
301
- --font-weights-regular: 444;
300
+ --font-weights-regular: 424;
302
301
  --font-weights-semibold: 600;
303
302
  --font-weights-bold: 720;
304
303
  --letter-spacing-3xs: -0.005em;
@@ -339,12 +338,13 @@
339
338
  --opacity-disabled: 0.32;
340
339
  --opacity-sm: 0.48;
341
340
  --opacity-md: 0.64;
342
- --opacity-l: 0.88;
341
+ --opacity-lg: 0.88;
343
342
  --shadow-xs: 0 0 12px 0 rgba(18, 18, 18, 0.08);
344
343
  --shadow-sm: 0 0 12px 0 rgba(18, 18, 18, 0.16);
345
344
  --shadow-md: 0 0 12px 0 rgba(18, 18, 18, 0.24);
346
345
  --shadow-lg: 0 0 12px 0 rgba(18, 18, 18, 0.72);
347
346
  --shadow-xl: 0 0 16px 0 rgba(18, 18, 18, 0.96);
347
+ --shadow-primary: var(--primitive-purple-shadow);
348
348
  --elevation-100: 100;
349
349
  --elevation-150: 150;
350
350
  --elevation-199: 199;
@@ -1 +1 @@
1
- @import "./global.css";
1
+ @import "./branded.css";
@@ -0,0 +1,362 @@
1
+ /* This file is the Standard theme for the foundations for the design system. This was the theme used for GovOS products, pre-Neumo acquisition. */
2
+ :root,
3
+ :host {
4
+ --primitive-0: 0rem;
5
+ --primitive-1: 0.0625rem;
6
+ --primitive-2: 0.125rem;
7
+ --primitive-4: 0.25rem;
8
+ --primitive-6: 0.375rem;
9
+ --primitive-8: 0.5rem;
10
+ --primitive-10: 0.625rem;
11
+ --primitive-11: 0.6875rem;
12
+ --primitive-12: 0.75rem;
13
+ --primitive-13: 0.8125rem;
14
+ --primitive-14: 0.875rem;
15
+ --primitive-15: 0.9375rem;
16
+ --primitive-16: 1rem;
17
+ --primitive-17: 1.0625rem;
18
+ --primitive-18: 1.125rem;
19
+ --primitive-20: 1.25rem;
20
+ --primitive-24: 1.5rem;
21
+ --primitive-28: 1.75rem;
22
+ --primitive-32: 2rem;
23
+ --primitive-36: 2.25rem;
24
+ --primitive-40: 2.5rem;
25
+ --primitive-44: 2.75rem;
26
+ --primitive-48: 3rem;
27
+ --primitive-52: 3.25rem;
28
+ --primitive-56: 3.5rem;
29
+ --primitive-60: 3.75rem;
30
+ --primitive-64: 4rem;
31
+ --primitive-72: 4.5rem;
32
+ --primitive-80: 5rem;
33
+ --primitive-128: 8rem;
34
+ --primitive-160: 10rem;
35
+ --primitive-192: 12rem;
36
+ --primitive-224: 14rem;
37
+ --primitive-256: 16rem;
38
+ --primitive-320: 20rem;
39
+ --primitive-384: 24rem;
40
+ --primitive-448: 28rem;
41
+ --primitive-512: 32rem;
42
+ --primitive-640: 40rem;
43
+ --primitive-768: 48rem;
44
+ --primitive-1024: 64rem;
45
+ --primitive-1280: 80rem;
46
+ --primitive-1600: 100rem;
47
+ --primitive-1920: 120rem;
48
+ --primitive-gray-100: #f7f7f7;
49
+ --primitive-gray-200: #edeeef;
50
+ --primitive-gray-300: #d5d7db;
51
+ --primitive-gray-400: #b7bcc3;
52
+ --primitive-gray-500: #818791;
53
+ --primitive-gray-600: #6b7280;
54
+ --primitive-gray-700: #4f5562;
55
+ --primitive-gray-800: #343944;
56
+ --primitive-gray-900: #242831;
57
+ --primitive-gray-1000: #191b22;
58
+ --primitive-gray-black: #121212;
59
+ --primitive-gray-white: #ffffff;
60
+ --primitive-gray-100-alpha: rgba(56, 56, 56, 0.04);
61
+ --primitive-gray-200-alpha: rgba(31, 44, 56, 0.08);
62
+ --primitive-gray-300-alpha: rgba(8, 20, 43, 0.17);
63
+ --primitive-gray-400-alpha: rgba(7, 25, 49, 0.29);
64
+ --primitive-gray-500-alpha: rgba(2, 17, 44, 0.45);
65
+ --primitive-gray-600-alpha: rgba(4, 17, 42, 0.59);
66
+ --primitive-gray-700-alpha: rgba(4, 12, 32, 0.7);
67
+ --primitive-gray-800-alpha: rgba(1, 7, 19, 0.8);
68
+ --primitive-gray-900-alpha: rgba(0, 5, 15, 0.86);
69
+ --primitive-gray-1000-alpha: rgba(2, 4, 13, 0.91);
70
+ --primitive-blue-100: #f0f7ff;
71
+ --primitive-blue-200: #d9eafe;
72
+ --primitive-blue-300: #abcffd;
73
+ --primitive-blue-400: #66a8fd;
74
+ --primitive-blue-500: #3a89fd;
75
+ --primitive-blue-600: #0c57cd;
76
+ --primitive-blue-700: #063b99;
77
+ --primitive-blue-800: #052b74;
78
+ --primitive-blue-900: #041c4f;
79
+ --primitive-blue-1000: #03122f;
80
+ --primitive-blue-100-alpha: rgba(5, 122, 255, 0.06);
81
+ --primitive-blue-200-alpha: rgba(2, 117, 247, 0.15);
82
+ --primitive-blue-300-alpha: rgba(0, 112, 250, 0.33);
83
+ --primitive-blue-400-alpha: rgba(0, 108, 250, 0.6);
84
+ --primitive-blue-500-alpha: rgba(3, 103, 252, 0.78);
85
+ --primitive-blue-600-alpha: rgba(2, 79, 202, 0.96);
86
+ --primitive-blue-700-alpha: rgba(1, 56, 152, 0.98);
87
+ --primitive-blue-800-alpha: rgba(2, 42, 116, 0.99);
88
+ --primitive-blue-900-alpha: rgba(1, 26, 75, 0.99);
89
+ --primitive-blue-1000-alpha: rgba(0, 16, 46, 0.99);
90
+ --primitive-blue-shadow: rgba(12, 87, 205, 0.16);
91
+ --primitive-red-100: #feecec;
92
+ --primitive-red-200: #fedcdc;
93
+ --primitive-red-300: #feada9;
94
+ --primitive-red-400: #fc817c;
95
+ --primitive-red-500: #f4534f;
96
+ --primitive-red-600: #d12828;
97
+ --primitive-red-700: #ab1a1d;
98
+ --primitive-red-800: #7e130e;
99
+ --primitive-red-900: #5c0b09;
100
+ --primitive-red-1000: #3b0807;
101
+ --primitive-green-100: #e2fdee;
102
+ --primitive-green-200: #c0f6dc;
103
+ --primitive-green-300: #71e0b0;
104
+ --primitive-green-400: #29c68c;
105
+ --primitive-green-500: #1aad74;
106
+ --primitive-green-600: #088556;
107
+ --primitive-green-700: #086945;
108
+ --primitive-green-800: #0a4e35;
109
+ --primitive-green-900: #063724;
110
+ --primitive-green-1000: #052618;
111
+ --primitive-orange-100: #fff3e0;
112
+ --primitive-orange-200: #ffe4c2;
113
+ --primitive-orange-300: #fec880;
114
+ --primitive-orange-400: #fba94b;
115
+ --primitive-orange-500: #f39129;
116
+ --primitive-orange-600: #d26e16;
117
+ --primitive-orange-700: #a2520c;
118
+ --primitive-orange-800: #753c08;
119
+ --primitive-orange-900: #553008;
120
+ --primitive-orange-1000: #3c2109;
121
+ --primitive-amber-100: #fdf8cf;
122
+ --primitive-amber-200: #fdeeaf;
123
+ --primitive-amber-300: #fbd974;
124
+ --primitive-amber-400: #f1bc0f;
125
+ --primitive-amber-500: #dda100;
126
+ --primitive-amber-600: #c08700;
127
+ --primitive-amber-700: #976800;
128
+ --primitive-amber-800: #785200;
129
+ --primitive-amber-900: #563e00;
130
+ --primitive-amber-1000: #3c2e00;
131
+ --primitive-yellow-100: #fbfbb7;
132
+ --primitive-yellow-200: #f4f587;
133
+ --primitive-yellow-300: #efe752;
134
+ --primitive-yellow-400: #d6ce31;
135
+ --primitive-yellow-500: #beb71f;
136
+ --primitive-yellow-600: #a29f14;
137
+ --primitive-yellow-700: #807d0f;
138
+ --primitive-yellow-800: #65620a;
139
+ --primitive-yellow-900: #494606;
140
+ --primitive-yellow-1000: #2f2c03;
141
+ --primitive-purple-100: #f7f5ff;
142
+ --primitive-purple-200: #e9e5fd;
143
+ --primitive-purple-300: #d1c9fc;
144
+ --primitive-purple-400: #baa8f7;
145
+ --primitive-purple-500: #a485ed;
146
+ --primitive-purple-600: #7c4ccd;
147
+ --primitive-purple-700: #562c9e;
148
+ --primitive-purple-800: #3b2270;
149
+ --primitive-purple-900: #291753;
150
+ --primitive-purple-1000: #150c32;
151
+ --primitive-purple-alpha-100: hsla(257, 96%, 48%, 0.06);
152
+ --primitive-purple-alpha-200: hsla(265, 89%, 44%, 0.12);
153
+ --primitive-purple-alpha-300: hsla(264, 94%, 43%, 0.25);
154
+ --primitive-purple-alpha-400: hsla(263, 99%, 42%, 0.41);
155
+ --primitive-purple-alpha-500: hsla(262, 99%, 41%, 0.54);
156
+ --primitive-purple-alpha-600: hsla(258, 100%, 34%, 0.75);
157
+ --primitive-purple-alpha-700: hsla(258, 100%, 25%, 0.8);
158
+ --primitive-purple-alpha-800: hsla(258, 100%, 18%, 0.86);
159
+ --primitive-purple-alpha-900: hsla(258, 100%, 13%, 0.91);
160
+ --primitive-purple-alpha-1000: hsla(260, 91%, 9%, 0.97);
161
+ --primitive-purple-shadow: rgba(102, 64, 194, 0.16);
162
+ --primitive-brand-purple: #775ed3;
163
+ --primitive-brand-lilac: #dacdf2;
164
+ --primitive-brand-coolwhite: #f7f2f9;
165
+ --primitive-brand-navy: #0a1128;
166
+ --primitive-brand-sunflower: #efe745;
167
+ --color-brand-primary: var(--primitive-brand-purple);
168
+ --color-brand-light: var(--primitive-brand-lilac);
169
+ --color-brand-soft: var(--primitive-brand-coolwhite);
170
+ --color-brand-dark: var(--primitive-brand-navy);
171
+ --color-brand-accent: var(--primitive-brand-sunflower);
172
+ --color-neutral-100: var(--primitive-gray-100);
173
+ --color-neutral-200: var(--primitive-gray-200);
174
+ --color-neutral-300: var(--primitive-gray-300);
175
+ --color-neutral-400: var(--primitive-gray-400);
176
+ --color-neutral-500: var(--primitive-gray-500);
177
+ --color-neutral-600: var(--primitive-gray-600);
178
+ --color-neutral-700: var(--primitive-gray-700);
179
+ --color-neutral-800: var(--primitive-gray-800);
180
+ --color-neutral-900: var(--primitive-gray-900);
181
+ --color-neutral-1000: var(--primitive-gray-1000);
182
+ --color-neutral-darkest: var(--primitive-gray-black);
183
+ --color-neutral-lightest: var(--primitive-gray-white);
184
+ --color-neutral-100-alpha: var(--primitive-gray-100-alpha);
185
+ --color-neutral-200-alpha: var(--primitive-gray-200-alpha);
186
+ --color-neutral-300-alpha: var(--primitive-gray-300-alpha);
187
+ --color-neutral-400-alpha: var(--primitive-gray-400-alpha);
188
+ --color-neutral-500-alpha: var(--primitive-gray-500-alpha);
189
+ --color-neutral-600-alpha: var(--primitive-gray-600-alpha);
190
+ --color-neutral-700-alpha: var(--primitive-gray-700-alpha);
191
+ --color-neutral-800-alpha: var(--primitive-gray-800-alpha);
192
+ --color-neutral-900-alpha: var(--primitive-gray-900-alpha);
193
+ --color-neutral-1000-alpha: var(--primitive-gray-1000-alpha);
194
+ --color-primary-100: var(--primitive-blue-100);
195
+ --color-primary-200: var(--primitive-blue-200);
196
+ --color-primary-300: var(--primitive-blue-300);
197
+ --color-primary-400: var(--primitive-blue-400);
198
+ --color-primary-500: var(--primitive-blue-500);
199
+ --color-primary-600: var(--primitive-blue-600);
200
+ --color-primary-700: var(--primitive-blue-700);
201
+ --color-primary-800: var(--primitive-blue-800);
202
+ --color-primary-900: var(--primitive-blue-900);
203
+ --color-primary-1000: var(--primitive-blue-1000);
204
+ --color-primary-alpha-100: var(--primitive-blue-alpha-100);
205
+ --color-primary-alpha-200: var(--primitive-blue-alpha-200);
206
+ --color-primary-alpha-300: var(--primitive-blue-alpha-300);
207
+ --color-primary-alpha-400: var(--primitive-blue-alpha-400);
208
+ --color-primary-alpha-500: var(--primitive-blue-alpha-500);
209
+ --color-primary-alpha-600: var(--primitive-blue-alpha-600);
210
+ --color-primary-alpha-700: var(--primitive-blue-alpha-700);
211
+ --color-primary-alpha-800: var(--primitive-blue-alpha-800);
212
+ --color-primary-alpha-900: var(--primitive-blue-alpha-900);
213
+ --color-primary-alpha-1000: var(--primitive-blue-alpha-1000);
214
+ --color-danger-100: var(--primitive-red-100);
215
+ --color-danger-200: var(--primitive-red-200);
216
+ --color-danger-300: var(--primitive-red-300);
217
+ --color-danger-400: var(--primitive-red-400);
218
+ --color-danger-500: var(--primitive-red-500);
219
+ --color-danger-600: var(--primitive-red-600);
220
+ --color-danger-700: var(--primitive-red-700);
221
+ --color-danger-800: var(--primitive-red-800);
222
+ --color-danger-900: var(--primitive-red-900);
223
+ --color-danger-1000: var(--primitive-red-1000);
224
+ --color-warning-100: var(--primitive-orange-100);
225
+ --color-warning-200: var(--primitive-orange-200);
226
+ --color-warning-300: var(--primitive-orange-300);
227
+ --color-warning-400: var(--primitive-orange-400);
228
+ --color-warning-500: var(--primitive-orange-500);
229
+ --color-warning-600: var(--primitive-orange-600);
230
+ --color-warning-700: var(--primitive-orange-700);
231
+ --color-warning-800: var(--primitive-orange-800);
232
+ --color-warning-900: var(--primitive-orange-900);
233
+ --color-warning-1000: var(--primitive-orange-1000);
234
+ --color-success-100: var(--primitive-green-100);
235
+ --color-success-200: var(--primitive-green-200);
236
+ --color-success-300: var(--primitive-green-300);
237
+ --color-success-400: var(--primitive-green-400);
238
+ --color-success-500: var(--primitive-green-500);
239
+ --color-success-600: var(--primitive-green-600);
240
+ --color-success-700: var(--primitive-green-700);
241
+ --color-success-800: var(--primitive-green-800);
242
+ --color-success-900: var(--primitive-green-900);
243
+ --color-success-1000: var(--primitive-green-1000);
244
+ --color-highlight-100: var(--primitive-amber-100);
245
+ --color-highlight-200: var(--primitive-amber-200);
246
+ --color-highlight-300: var(--primitive-amber-300);
247
+ --color-highlight-400: var(--primitive-amber-400);
248
+ --color-highlight-500: var(--primitive-amber-500);
249
+ --color-highlight-600: var(--primitive-amber-600);
250
+ --color-highlight-700: var(--primitive-amber-700);
251
+ --color-highlight-800: var(--primitive-amber-800);
252
+ --color-highlight-900: var(--primitive-amber-900);
253
+ --color-highlight-1000: var(--primitive-amber-1000);
254
+ --color-info-100: var(--primitive-purple-100);
255
+ --color-info-200: var(--primitive-purple-200);
256
+ --color-info-300: var(--primitive-purple-300);
257
+ --color-info-400: var(--primitive-purple-400);
258
+ --color-info-500: var(--primitive-purple-500);
259
+ --color-info-600: var(--primitive-purple-600);
260
+ --color-info-700: var(--primitive-purple-700);
261
+ --color-info-800: var(--primitive-purple-800);
262
+ --color-info-900: var(--primitive-purple-900);
263
+ --color-info-1000: var(--primitive-purple-1000);
264
+ --spacing-4xs: var(--primitive-0);
265
+ --spacing-3xs: var(--primitive-2);
266
+ --spacing-2xs: var(--primitive-4);
267
+ --spacing-xs: var(--primitive-8);
268
+ --spacing-sm: var(--primitive-12);
269
+ --spacing-md: var(--primitive-16);
270
+ --spacing-lg: var(--primitive-20);
271
+ --spacing-xl: var(--primitive-24);
272
+ --spacing-2xl: var(--primitive-32);
273
+ --spacing-3xl: var(--primitive-48);
274
+ --spacing-4xl: var(--primitive-64);
275
+ --layout-4xs: var(--primitive-192);
276
+ --layout-3xs: var(--primitive-224);
277
+ --layout-2xs: var(--primitive-256);
278
+ --layout-xs: var(--primitive-320);
279
+ --layout-sm: var(--primitive-384);
280
+ --layout-md: var(--primitive-512);
281
+ --layout-lg: var(--primitive-768);
282
+ --layout-xl: var(--primitive-1024);
283
+ --layout-2xl: var(--primitive-1280);
284
+ --layout-3xl: var(--primitive-1600);
285
+ --layout-4xl: var(--primitive-1920);
286
+ --font-families-default: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
287
+ --font-families-mono: "Fira Code", monospace;
288
+ --font-size-3xs: var(--primitive-12);
289
+ --font-size-2xs: var(--primitive-13);
290
+ --font-size-xs: var(--primitive-14);
291
+ --font-size-sm: var(--primitive-15);
292
+ --font-size-md: var(--primitive-16);
293
+ --font-size-lg: var(--primitive-18);
294
+ --font-size-xl: var(--primitive-20);
295
+ --font-size-2xl: var(--primitive-24);
296
+ --font-size-3xl: var(--primitive-28);
297
+ --font-size-4xl: var(--primitive-36);
298
+ --font-size-5xl: var(--primitive-48);
299
+ --font-size-6xl: var(--primitive-72);
300
+ --font-weights-regular: 424;
301
+ --font-weights-semibold: 600;
302
+ --font-weights-bold: 720;
303
+ --letter-spacing-3xs: -0.005em;
304
+ --letter-spacing-2xs: -0.005em;
305
+ --letter-spacing-xs: -0.005em;
306
+ --letter-spacing-sm: -0.01em;
307
+ --letter-spacing-md: -0.01em;
308
+ --letter-spacing-lg: -0.01em;
309
+ --letter-spacing-xl: -0.01em;
310
+ --letter-spacing-2xl: -0.015em;
311
+ --letter-spacing-3xl: -0.0175em;
312
+ --letter-spacing-4xl: -0.0175em;
313
+ --letter-spacing-5xl: -0.0175em;
314
+ --letter-spacing-6xl: -0.025em;
315
+ --line-heights-3xs: var(--primitive-16);
316
+ --line-heights-2xs: var(--primitive-20);
317
+ --line-heights-xs: var(--primitive-20);
318
+ --line-heights-sm: var(--primitive-20);
319
+ --line-heights-md: var(--primitive-24);
320
+ --line-heights-lg: var(--primitive-24);
321
+ --line-heights-xl: var(--primitive-28);
322
+ --line-heights-2xl: var(--primitive-36);
323
+ --line-heights-3xl: var(--primitive-36);
324
+ --line-heights-4xl: var(--primitive-48);
325
+ --line-heights-5xl: var(--primitive-60);
326
+ --line-heights-6xl: var(--primitive-80);
327
+ --border-radius-none: var(--primitive-0);
328
+ --border-radius-2xs: var(--primitive-2);
329
+ --border-radius-xs: var(--primitive-4);
330
+ --border-radius-sm: var(--primitive-6);
331
+ --border-radius-md: var(--primitive-8);
332
+ --border-radius-lg: var(--primitive-12);
333
+ --border-radius-xl: var(--primitive-16);
334
+ --border-width-none: var(--primitive-0);
335
+ --border-width-sm: var(--primitive-1);
336
+ --border-width-md: var(--primitive-2);
337
+ --border-width-lg: var(--primitive-4);
338
+ --opacity-disabled: 0.32;
339
+ --opacity-sm: 0.48;
340
+ --opacity-md: 0.64;
341
+ --opacity-lg: 0.88;
342
+ --shadow-xs: 0 0 12px 0 rgba(18, 18, 18, 0.08);
343
+ --shadow-sm: 0 0 12px 0 rgba(18, 18, 18, 0.16);
344
+ --shadow-md: 0 0 12px 0 rgba(18, 18, 18, 0.24);
345
+ --shadow-lg: 0 0 12px 0 rgba(18, 18, 18, 0.72);
346
+ --shadow-xl: 0 0 16px 0 rgba(18, 18, 18, 0.96);
347
+ --shadow-primary: var(--primitive-blue-shadow);
348
+ --elevation-100: 100;
349
+ --elevation-150: 150;
350
+ --elevation-199: 199;
351
+ --elevation-200: 200;
352
+ --elevation-250: 250;
353
+ --elevation-299: 299;
354
+ --elevation-300: 300;
355
+ --elevation-350: 350;
356
+ --elevation-399: 399;
357
+ --elevation-400: 400;
358
+ --elevation-450: 450;
359
+ --elevation-499: 499;
360
+ --elevation-absolute-bottom: -999;
361
+ --elevation-absolute-top: 999;
362
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kofile/gds-foundations",
3
- "version": "1.4.5",
3
+ "version": "1.4.7",
4
4
  "description": "",
5
5
  "main": "build/css/index.css",
6
6
  "exports": {
@@ -1 +0,0 @@
1
- .badge{align-items:center;background-color:var(--color-neutral-200);border-end-end-radius:var(--border-radius-xs);border-end-start-radius:var(--border-radius-xs);border-start-end-radius:var(--border-radius-xs);border-start-start-radius:var(--border-radius-xs);color:var(--color-neutral-darkest);display:inline-flex;font-family:var(--font-families-default);font-size:var(--font-size-xs);font-weight:var(--font-weights-semibold);gap:var(--spacing-2xs);height:fit-content;letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs);padding-block-end:var(--primitive-6);padding-block-start:var(--primitive-6);vertical-align:top;white-space:nowrap;width:fit-content}.badge,.badge[data-size=md]{padding-inline-end:var(--spacing-xs);padding-inline-start:var(--spacing-xs)}.badge[data-size=md]{font-size:var(--font-size-2xs);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs)}.badge[data-size=md],.badge[data-size=sm]{padding-block-end:var(--spacing-3xs);padding-block-start:var(--spacing-3xs)}.badge[data-size=sm]{font-size:var(--font-size-3xs);letter-spacing:var(--letter-spacing-3xs);line-height:var(--line-heights-3xs);padding-inline-end:var(--spacing-2xs);padding-inline-start:var(--spacing-2xs)}.badge[data-color=neutral-light]{background-color:var(--color-neutral-200)}.badge[data-color=neutral-dark]{background-color:var(--color-neutral-300)}.badge[data-color=primary]{background-color:var(--color-primary-200)}.badge[data-color=success]{background-color:var(--color-success-200)}.badge[data-color=danger]{background-color:var(--color-danger-200)}.badge[data-color=warning]{background-color:var(--color-warning-200)}.badge[data-color=highlight]{background-color:var(--color-highlight-200)}.badge[data-mode=dark]{color:var(--color-neutral-lightest)}.badge[data-color=neutral-light][data-mode=dark]{background-color:var(--color-neutral-800);color:var(--color-neutral-lightest)}.badge[data-color=neutral-dark][data-mode=dark]{background-color:var(--color-neutral-900)}.badge[data-color=primary][data-mode=dark]{background-color:var(--color-primary-900)}.badge[data-color=success][data-mode=dark]{background-color:var(--color-success-900)}.badge[data-color=danger][data-mode=dark]{background-color:var(--color-danger-900)}.badge[data-color=warning][data-mode=dark]{background-color:var(--color-warning-900)}.badge[data-color=highlight][data-mode=dark]{background-color:var(--color-highlight-900)}.action:hover{background-color:transparent!important;border-color:transparent!important}
@@ -1 +0,0 @@
1
- .root{--banner-max-width:var(--layout-lg);align-items:flex-start;border:1px solid var(--color-neutral-300);border-radius:var(--primitive-6);display:flex;font-family:var(--font-families-default);font-size:var(--font-size-md);gap:var(--spacing-xs);max-width:var(--banner-max-width);padding:var(--spacing-xs) var(--spacing-xs);position:relative}.root,.root[data-status=neutral]{background-color:var(--color-neutral-200-alpha);color:var(--color-neutral-900)}.root[data-status=success]{background-color:var(--color-success-100);border-color:var(--color-neutral-300);color:var(--color-success-900)}.root[data-status=warning]{background-color:var(--color-warning-100);border-color:var(--color-neutral-300);color:var(--color-warning-900)}.root[data-status=highlight]{background-color:var(--color-highlight-100);border-color:var(--color-neutral-300);color:var(--color-highlight-900)}.root[data-status=error]{background-color:var(--color-danger-100);border-color:var(--color-neutral-300);color:var(--color-danger-900)}.title{font-size:var(--font-size-xs);font-weight:var(--font-weights-semibold);line-height:var(--line-heights-xs)}.subtitle{font-size:var(--font-size-2xs);font-weight:var(--font-weights-regular);line-height:var(--line-heights-2xs)}.root>.dismiss{padding-inline:var(--spacing-3xs);position:absolute;right:var(--spacing-xs);top:var(--spacing-xs)}
@@ -1 +0,0 @@
1
- .button{align-items:center;border-end-end-radius:var(--border-radius-sm);border-end-start-radius:var(--border-radius-sm);border-start-end-radius:var(--border-radius-sm);border-start-start-radius:var(--border-radius-sm);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--font-families-default);font-weight:var(--font-weights-semibold);gap:var(--spacing-2xs);white-space:nowrap}.button:not(:disabled):focus-visible{outline:var(--spacing-3xs) solid var(--color-primary-700);outline-offset:var(--spacing-3xs)}.button[data-background=outlined][data-variant=danger]:disabled,.button[data-background=outlined][data-variant=neutral]:disabled,.button[data-background=outlined][data-variant=primary]:disabled,.button[data-background=solid][data-variant=danger]:disabled,.button[data-background=solid][data-variant=primary]:disabled,.button[data-background=transparent][data-variant=neutral]:disabled,.button[data-background=transparent][data-variant=primary]:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.button[data-background=solid][data-variant=primary]{background-color:var(--color-primary-600);border-color:var(--color-primary-700);border-style:solid;border-width:var(--border-width-sm);box-shadow:inset 0 -2px 1px 0 hsla(0,0%,7%,.12),inset 0 1px 1px 0 hsla(0,0%,100%,.24);color:var(--color-neutral-lightest);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=solid][data-variant=primary]:not(:disabled):hover{background-color:var(--color-primary-700);border-color:var(--color-primary-900)}.button[data-background=solid][data-variant=primary]:not(:disabled):active{box-shadow:0 0 0 6px rgba(12,87,205,.16)}.button[data-background=outlined][data-variant=primary]{background-color:var(--color-neutral-lightest);border-color:var(--color-primary-600);border-style:solid;border-width:var(--border-width-sm);color:var(--color-primary-600);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=outlined][data-variant=primary]:not(:disabled):hover{background-color:var(--color-primary-100);border-color:var(--color-primary-600)}.button[data-background=outlined][data-variant=primary]:not(:disabled):active{box-shadow:0 0 0 6px rgba(12,87,205,.16)}.button[data-background=transparent][data-variant=primary]{background-color:transparent;border-color:transparent;color:var(--color-primary-600);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=transparent][data-variant=primary]:not(:disabled):hover{background-color:var(--color-neutral-200-alpha);border-color:var(--color-neutral-200-alpha)}.button[data-background=transparent][data-variant=primary]:not(:disabled):active{background-color:var(--color-neutral-300-alpha);border-color:var(--color-neutral-300-alpha);box-shadow:none}.button[data-background=outlined][data-variant=neutral]{--gds-button-border-width-inline-start:var(--border-width-sm);background-color:var(--color-neutral-lightest);border-color:var(--color-neutral-500);border-width:var(--border-width-sm);border-inline-start-width:var(--gds-button-border-width-inline-start);border-style:solid;box-shadow:none;color:var(--color-neutral-darkest);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=outlined][data-variant=neutral]:not(:disabled):hover{background-color:var(--color-neutral-200-alpha)}.button[data-background=outlined][data-variant=neutral]:not(:disabled):active{box-shadow:0 0 0 6px hsla(220,9%,46%,.16)}.button[data-background=transparent][data-variant=neutral]{background-color:transparent;border-color:transparent;border-style:solid;box-shadow:none;color:var(--color-neutral-darkest);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=transparent][data-variant=neutral]:not(:disabled):hover{background-color:var(--color-neutral-200-alpha);border-color:transparent}.button[data-background=transparent][data-variant=neutral]:not(:disabled):active{background-color:var(--color-neutral-300-alpha);border-color:transparent}.button[data-background=solid][data-variant=danger]{background-color:var(--color-danger-600);border-color:var(--color-danger-600);border-style:solid;border-width:var(--border-width-sm);box-shadow:inset 0 -2px 1px 0 hsla(0,0%,7%,.12),inset 0 1px 1px 0 hsla(0,0%,100%,.24);color:var(--color-neutral-lightest);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=solid][data-variant=danger]:not(:disabled):hover{background-color:var(--color-danger-700);border-color:var(--color-danger-700)}.button[data-background=solid][data-variant=danger]:not(:disabled):active{box-shadow:0 0 0 6px rgba(209,40,40,.16)}.button[data-background=outlined][data-variant=danger]{background-color:var(--color-neutral-lightest);border-color:var(--color-danger-600);border-style:solid;border-width:var(--border-width-sm);color:var(--color-danger-600);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}.button[data-background=outlined][data-variant=danger]:not(:disabled):hover{background-color:var(--color-danger-100)}.button[data-background=outlined][data-variant=danger]:not(:disabled):active{box-shadow:0 0 0 6px rgba(209,40,40,.16)}.button[data-size=md]{font-size:var(--font-size-2xs);height:var(--spacing-xl);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs);padding-block-end:var(--spacing-3xs);padding-block-start:var(--spacing-3xs);padding-inline-end:var(--spacing-xs);padding-inline-start:var(--spacing-xs)}.button[data-size=lg]{font-size:var(--font-size-sm);height:var(--spacing-2xl);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm);padding-block-end:var(--primitive-6);padding-block-start:var(--primitive-6);padding-inline-end:var(--spacing-sm);padding-inline-start:var(--spacing-sm)}.button[data-size=xl]{font-size:var(--font-size-lg);height:var(--spacing-3xl);letter-spacing:var(--letter-spacing-lg);line-height:22px;padding-block-end:var(--spacing-sm);padding-block-start:var(--spacing-sm);padding-inline-end:var(--spacing-md);padding-inline-start:var(--spacing-md)}.button[data-width=full]{justify-content:center;width:100%}.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-mode=dark][data-background=solid][data-variant=primary]{background-color:var(--color-primary-600);border-color:var(--color-primary-600);box-shadow:none;color:var(--color-neutral-lightest)}.button[data-mode=dark][data-background=solid][data-variant=primary]:not(:disabled):hover{background-color:var(--color-primary-700);border-color:var(--color-primary-700)}.button[data-mode=dark][data-background=solid][data-variant=primary]:not(:disabled):active{box-shadow:0 0 0 6px rgba(12,87,205,.16)}.button[data-mode=dark][data-background=outlined][data-variant=primary]{background-color:var(--color-neutral-darkest);border-color:var(--color-primary-400);color:var(--color-primary-400)}.button[data-mode=dark][data-background=outlined][data-variant=primary]:not(:disabled):hover{background-color:var(--color-primary-1000);border-color:var(--color-primary-400)}.button[data-mode=dark][data-background=outlined][data-variant=primary]:not(:disabled):active{box-shadow:0 0 0 6px rgba(12,87,205,.16)}.button[data-mode=dark][data-background=transparent][data-variant=primary]{background-color:transparent;border-color:transparent;color:var(--color-primary-400)}.button[data-mode=dark][data-background=transparent][data-variant=primary]:not(:disabled):hover{background-color:var(--color-neutral-900);border-color:var(--color-neutral-900)}.button[data-mode=dark][data-background=transparent][data-variant=primary]:not(:disabled):active{background-color:var(--color-neutral-800);border-color:var(--color-neutral-800);box-shadow:none}.button[data-mode=dark][data-background=outlined][data-variant=neutral]{background-color:var(--color-neutral-darkest);border-color:var(--color-neutral-600);box-shadow:none;color:var(--color-neutral-lightest)}.button[data-mode=dark][data-background=outlined][data-variant=neutral]:not(:disabled):hover{background-color:var(--color-neutral-900)}.button[data-mode=dark][data-background=outlined][data-variant=neutral]:not(:disabled):active{box-shadow:0 0 0 6px hsla(220,9%,46%,.16)}.button[data-mode=dark][data-background=transparent][data-variant=neutral]{background-color:transparent;border-color:transparent;box-shadow:none;color:var(--color-neutral-lightest)}.button[data-mode=dark][data-background=transparent][data-variant=neutral]:not(:disabled):hover{background-color:var(--color-neutral-900);border-color:var(--color-neutral-900)}.button[data-mode=dark][data-background=transparent][data-variant=neutral]:not(:disabled):active{background-color:var(--color-neutral-800);border-color:var(--color-neutral-800);box-shadow:none}.button[data-mode=dark][data-background=solid][data-variant=danger]{border-color:var(--color-danger-600);box-shadow:none}.button[data-mode=dark][data-background=solid][data-variant=danger]:not(:disabled):hover{background-color:var(--color-danger-700);border-color:var(--color-danger-700);box-shadow:none}.button[data-mode=dark][data-background=solid][data-variant=danger]:not(:disabled):active{box-shadow:0 0 0 6px rgba(209,40,40,.16)}.button[data-mode=dark][data-background=outlined][data-variant=danger]{background-color:var(--color-neutral-darkest);border-color:var(--color-danger-400);box-shadow:none;color:var(--color-danger-400)}.button[data-mode=dark][data-background=outlined][data-variant=danger]:not(:disabled):hover{background-color:var(--color-danger-1000);box-shadow:none;color:var(--color-danger-400)}.button[data-mode=dark][data-background=outlined][data-variant=danger]:not(:disabled):active{box-shadow:0 0 0 6px rgba(209,40,40,.16)}
@@ -1 +0,0 @@
1
- .card{background-color:var(--color-neutral-lightest);border:var(--border-width-sm) solid var(--color-neutral-300);border-radius:var(--border-radius-md);padding:var(--spacing-md);width:100%}.card[data-size=md]{padding:var(--spacing-xl)}.card[data-size=lg]{padding:var(--spacing-3xl)}.card[data-mode=dark]{background-color:var(--color-neutral-darkest);border:var(--border-width-sm) solid var(--color-neutral-800)}
@@ -1 +0,0 @@
1
- .checkbox,.indicator{display:flex}.checkbox{--checkbox-transition-speed:0.2s;appearance:none;background-color:var(--color-neutral-lightest);border:var(--border-width-sm) solid var(--color-neutral-800);border-radius:var(--spacing-2xs);box-sizing:border-box;cursor:pointer;height:var(--spacing-lg);justify-content:center;min-width:var(--spacing-lg);position:relative;transition:background-color var(--checkbox-transition-speed,.2s) ease;width:var(--spacing-lg)}.checkbox:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{background-color:var(--color-neutral-400);content:"";height:var(--spacing-xs);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .25s ease;width:var(--spacing-xs)}.checkbox[data-state=checked]{background-color:var(--color-primary-600);border-color:var(--color-primary-900)}.checkbox:focus-visible{outline:var(--border-width-lg) solid var(--color-primary-700);outline-offset:var(--spacing-3xs)}.checkbox[data-disabled],.checkbox[data-error=true][data-disabled]{cursor:not-allowed;opacity:var(--opacity-disabled)}.checkbox[data-error=true]{background-color:var(--color-danger-600)}.checkbox[data-error=true]:not([data-disabled]):not([data-state=checked]):hover{background-color:var(--color-neutral-lightest)}.checkbox:indeterminate{background-color:var(--color-primary-600)}.checkbox[data-size=sm]{border-radius:var(--border-radius-2xs);height:var(--spacing-md);min-width:var(--spacing-md);width:var(--spacing-md)}.checkbox[data-size=sm]:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{height:var(--spacing-xs);width:var(--spacing-xs)}.tile{align-items:center;background-color:var(--color-neutral-lightest);border:var(--border-width-sm) solid var(--color-neutral-300);border-radius:var(--primitive-6);box-sizing:border-box;display:flex;min-height:var(--spacing-3xl);padding-block:var(--spacing-sm);padding-inline:var(--spacing-md)}.tile[data-altbackground=true]{background-color:var(--color-neutral-400);border-color:var(--color-neutral-400)}.tile:has(.root[data-state=checked]){background-color:var(--color-primary-200-alpha)}.tile[data-state=checked]{background-color:var(--color-primary-200-alpha);border-color:var(--color-primary-600)}.tile[data-state=checked][data-error=true]{background-color:var(--color-danger-200);border-color:var(--color-danger-600)}.tile:not([data-state=checked]):hover{background-color:var(--color-neutral-400);border-color:var(--color-neutral-500,#818791)}.checkbox[data-mode=dark]{background-color:var(--color-neutral-darkest);border-color:var(--color-neutral-800)}.checkbox[data-mode=dark]:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{background-color:var(--color-neutral-700)}.checkbox[data-mode=dark][data-state=checked]{background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.checkbox[data-mode=dark]:focus-visible{outline-color:var(--color-primary-700)}.checkbox[data-mode=dark][data-error=true]{background-color:var(--color-danger-500)}.checkbox[data-mode=dark][data-error=true]:not([data-disabled]):not([data-state=checked]):hover{background-color:var(--color-danger-900)}.checkbox[data-mode=dark][data-error=true][data-state=checked],.checkbox[data-mode=dark][data-error=true][data-state=checked]:hover{background-color:var(--color-danger-500)}.tile[data-mode=dark]{background-color:var(--color-neutral-darkest);border-color:var(--color-neutral-900)}.tile[data-altbackground=true][data-mode=dark]{background-color:var(--color-neutral-700)}.tile[data-mode=dark]:has(.root[data-state=checked]){background-color:var(--color-primary-900)}.tile[data-mode=dark]:hover{background-color:var(--color-neutral-700);border-color:var(--color-neutral-800)}.tile[data-mode=dark][data-state=checked]{background-color:var(--color-primary-900);border-color:var(--color-primary-400)}.tile[data-mode=dark][data-state=checked][data-error=true]{background-color:var(--color-danger-900);border-color:var(--color-danger-400)}
@@ -1 +0,0 @@
1
- .overlay,.overlay[data-mode=dark]{background-color:rgba(0,0,0,.5);inset:0}.content,.overlay,.overlay[data-mode=dark]{position:fixed;z-index:var(--elevation-absolute-top)}.content{background-color:var(--color-neutral-lightest);border-radius:var(--primitive-6);box-shadow:var(--shadow-md);left:50%;padding-block:var(--spacing-xl);padding-inline:var(--spacing-lg);top:50%;transform:translate(-50%,-50%);width:var(--layout-2xs)}.content:focus{outline:none}.content[data-size=spacious]{width:var(--layout-sm)}.content[data-mode=dark]{background-color:var(--color-neutral-darkest)}.title{color:var(--color-neutral-darkest);font-family:var(--font-families-default);font-size:var(--font-size-xl);font-weight:var(--font-weights-bold);letter-spacing:var(--letter-spacing-xl);line-height:var(--line-heights-xl);margin:var(--spacing-4xs);margin-block-start:var(--spacing-sm);text-align:var(center)}.title[data-mode=dark]{color:var(--color-neutral-lightest)}.description{color:var(--color-neutral-400);font-family:var(--font-families-default);font-size:var(--font-size-2xs);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs);margin:var(--spacing-4xs);margin-block-start:var(--spacing-sm);text-align:var(--center)}.description[data-mode=dark]{color:var(--color-neutral-lightest)}.icon{background-color:var(--color-neutral-200);border-radius:var(--primitive-6);display:flex;justify-content:center;margin:0 auto;padding:var(--spacing-2xs);width:min-content}.icon[data-type=destructive],.icon[data-type=error]{background-color:var(--color-danger-100)}.icon[data-type=success]{background-color:var(--color-success-100)}.icon[data-mode=dark][data-type=loading],.icon[data-type=loading]{background-color:transparent}.icon[data-mode=dark]{background-color:var(--color-neutral-900)}.icon[data-mode=dark][data-type=destructive],.icon[data-mode=dark][data-type=error]{background-color:var(--color-danger-900)}.icon[data-mode=dark][data-type=success]{background-color:var(--color-success-900)}
@@ -1 +0,0 @@
1
- .root{background-color:var(--color-neutral-300)}.root[data-mode=dark]{background-color:var(--color-neutral-800)}.root[data-orientation=horizontal]{height:var(--border-width-sm);width:100%}.root[data-orientation=vertical]{background-color:var(--color-neutral-300);width:var(--border-width-sm)}.root[data-orientation=vertical][data-mode=dark]{background-color:var(--color-neutral-800)}
@@ -1 +0,0 @@
1
- .root{align-items:center;color:var(--color-neutral-darkest);display:flex;flex-direction:column;font-family:var(--font-families-default);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-md);width:var(--layout-2xs)}.root[data-size=md]{padding:var(--spacing-md);width:var(--layout-sm)}.root[data-size=md] .title{font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-xl);line-height:var(--line-heights-xl)}.root[data-size=md] .description{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs)}.root[data-size=lg]{padding:var(--spacing-md);width:var(--layout-sm)}.root[data-size=lg] .title{font-size:var(--font-size-2xl);letter-spacing:var(--letter-spacing-2xl);line-height:var(--line-heights-2xl)}.root[data-size=lg] .description{font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);line-height:var(--line-heights-md)}.content{gap:var(--spacing-2xs);text-align:center}.icon{background-color:var(--color-neutral-200);border-radius:var(--primitive-6);display:flex;justify-content:center;margin:0 auto;padding:var(--spacing-2xs);width:min-content}.icon[data-type=destructive],.icon[data-type=error]{background-color:var(--color-danger-100)}.icon[data-type=success]{background-color:var(--color-success-100)}.icon[data-mode=dark][data-type=loading],.icon[data-type=loading]{background-color:transparent}.icon[data-mode=dark]{background-color:var(--color-neutral-900)}.icon[data-mode=dark][data-type=destructive],.icon[data-mode=dark][data-type=error]{background-color:var(--color-danger-900)}.icon[data-mode=dark][data-type=success]{background-color:var(--color-success-900)}.title{font-size:var(--font-size-md);font-weight:var(--font-weights-bold);letter-spacing:var(--letter-spacing-md);line-height:var(--line-heights-md)}.description{color:var(--color-neutral-700);font-size:var(--font-size-2xs);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs)}
@@ -1 +0,0 @@
1
- .message{color:var(--color-neutral-700);display:block;font-family:var(--font-families-default);font-size:var(--font-size-2xs);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs)}.message[data-size=sm]{font-size:var(--font-size-3xs);letter-spacing:var(--letter-spacing-3xs);line-height:var(--line-heights-3xs)}.message[data-error=true]{color:var(--color-danger-700)}.message[aria-disabled=true]{opacity:var(--opacity-disabled)}.message[data-mode=dark]{color:var(--color-neutral-400)}.message[data-error=true][data-mode=dark]{color:var(--color-danger-400)}
@@ -1 +0,0 @@
1
- .label{align-items:center;box-sizing:border-box;color:var(--color-neutral-darkest);display:inline-flex;font-family:var(--font-families-default);font-size:var(--font-size-lg);font-weight:var(--font-weights-semibold);gap:var(--spacing-2xs);letter-spacing:var(--letter-spacing-lg);line-height:var(--line-heights-lg)}.label[data-size=sm]{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs)}.label[data-mode=dark]{color:var(--color-neutral-lightest)}.label:is([aria-required=true]):after{background-color:var(--color-warning-600);border-radius:var(--primitive-6);content:"";height:var(--spacing-xs);width:var(--spacing-xs)}
@@ -1 +0,0 @@
1
- :host,:root{--primitive-0:0rem;--primitive-1:0.0625rem;--primitive-2:0.125rem;--primitive-4:0.25rem;--primitive-6:0.375rem;--primitive-8:0.5rem;--primitive-10:0.625rem;--primitive-11:0.6875rem;--primitive-12:0.75rem;--primitive-13:0.8125rem;--primitive-14:0.875rem;--primitive-15:0.9375rem;--primitive-16:1rem;--primitive-17:1.0625rem;--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-brand-purple:#775ed3;--primitive-brand-lilac:#dacdf2;--primitive-brand-coolwhite:#f7f2f9;--primitive-brand-navy:#0a1128;--primitive-brand-sunflower:#efe745;--color-brand-primary:var(--color-brand-purple);--color-brand-light:var(--color-brand-lilac);--color-brand-soft:var(--color-brand-coolwhite);--color-brand-dark:var(--color-brand-navy);--color-brand-accent:var(--color-brand-sunflower);--primitive-gray-100:#f7f7f7;--primitive-gray-200:#edeeef;--primitive-gray-300:#d5d7db;--primitive-gray-400:#b7bcc3;--primitive-gray-500:#818791;--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-gray-100-alpha:rgba(56,56,56,.04);--primitive-gray-200-alpha:rgba(31,44,56,.08);--primitive-gray-300-alpha:rgba(8,20,43,.17);--primitive-gray-400-alpha:rgba(7,25,49,.29);--primitive-gray-500-alpha:rgba(2,17,44,.45);--primitive-gray-600-alpha:rgba(4,17,42,.59);--primitive-gray-700-alpha:rgba(4,12,32,.7);--primitive-gray-800-alpha:rgba(1,7,19,.8);--primitive-gray-900-alpha:rgba(0,5,15,.86);--primitive-gray-1000-alpha:rgba(2,4,13,.91);--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-blue-100-alpha:rgba(5,122,255,.06);--primitive-blue-200-alpha:rgba(2,117,247,.15);--primitive-blue-300-alpha:rgba(0,112,250,.33);--primitive-blue-400-alpha:rgba(0,108,250,.6);--primitive-blue-500-alpha:rgba(3,103,252,.78);--primitive-blue-600-alpha:rgba(2,79,202,.96);--primitive-blue-700-alpha:rgba(1,56,152,.98);--primitive-blue-800-alpha:rgba(2,42,116,.99);--primitive-blue-900-alpha:rgba(1,26,75,.99);--primitive-blue-1000-alpha:rgba(0,16,46,.99);--primitive-red-100:#feecec;--primitive-red-200:#fedcdc;--primitive-red-300:#feada9;--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:#c0f6dc;--primitive-green-300:#71e0b0;--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:#fff3e0;--primitive-orange-200:#ffe4c2;--primitive-orange-300:#fec880;--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:#fbfbb7;--primitive-yellow-200:#f4f587;--primitive-yellow-300:#efe752;--primitive-yellow-400:#d6ce31;--primitive-yellow-500:#beb71f;--primitive-yellow-600:#a29f14;--primitive-yellow-700:#807d0f;--primitive-yellow-800:#65620a;--primitive-yellow-900:#494606;--primitive-yellow-1000:#2f2c03;--primitive-purple-100:#f4f0fe;--primitive-purple-200:#ece2fa;--primitive-purple-300:#d5c1f4;--primitive-purple-400:#b897ed;--primitive-purple-500:#9e76e5;--primitive-purple-600:#6640c2;--primitive-purple-700:#52339a;--primitive-purple-800:#3b2472;--primitive-purple-900:#291753;--primitive-purple-1000:#160a30;--primitive-purple-alpha-100:rgba(71,5,240,.06);--primitive-purple-alpha-200:rgba(96,12,212,.12);--primitive-purple-alpha-300:rgba(89,7,213,.25);--primitive-purple-alpha-400:rgba(82,1,213,.41);--primitive-purple-alpha-500:rgba(77,1,208,.54);--primitive-purple-alpha-600:rgba(52,0,173,.75);--primitive-purple-alpha-700:rgba(38,0,128,.8);--primitive-purple-alpha-800:rgba(28,0,92,.86);--primitive-purple-alpha-900:rgba(20,0,66,.91);--primitive-purple-alpha-1000:rgba(16,2,44,.97);--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;--color-neutral-100:var(--primitive-gray-100);--color-neutral-200:var(--primitive-gray-200);--color-neutral-300:var(--primitive-gray-300);--color-neutral-400:var(--primitive-gray-400);--color-neutral-500:var(--primitive-gray-500);--color-neutral-600:var(--primitive-gray-600);--color-neutral-700:var(--primitive-gray-700);--color-neutral-800:var(--primitive-gray-800);--color-neutral-900:var(--primitive-gray-900);--color-neutral-1000:var(--primitive-gray-1000);--color-neutral-darkest:var(--primitive-gray-black);--color-neutral-lightest:var(--primitive-gray-white);--color-neutral-100-alpha:var(--primitive-gray-100-alpha);--color-neutral-200-alpha:var(--primitive-gray-200-alpha);--color-neutral-300-alpha:var(--primitive-gray-300-alpha);--color-neutral-400-alpha:var(--primitive-gray-400-alpha);--color-neutral-500-alpha:var(--primitive-gray-500-alpha);--color-neutral-600-alpha:var(--primitive-gray-600-alpha);--color-neutral-700-alpha:var(--primitive-gray-700-alpha);--color-neutral-800-alpha:var(--primitive-gray-800-alpha);--color-neutral-900-alpha:var(--primitive-gray-900-alpha);--color-neutral-1000-alpha:var(--primitive-gray-1000-alpha);--color-primary-100:var(--primitive-purple-100);--color-primary-200:var(--primitive-purple-200);--color-primary-300:var(--primitive-purple-300);--color-primary-400:var(--primitive-purple-400);--color-primary-500:var(--primitive-purple-500);--color-primary-600:var(--primitive-purple-600);--color-primary-700:var(--primitive-purple-700);--color-primary-800:var(--primitive-purple-800);--color-primary-900:var(--primitive-purple-900);--color-primary-1000:var(--primitive-purple-1000);--color-primary-alpha-100:var(--primitive-purple-alpha-100);--color-primary-alpha-200:var(--primitive-purple-alpha-200);--color-primary-alpha-300:var(--primitive-purple-alpha-300);--color-primary-alpha-400:var(--primitive-purple-alpha-400);--color-primary-alpha-500:var(--primitive-purple-alpha-500);--color-primary-alpha-600:var(--primitive-purple-alpha-600);--color-primary-alpha-700:var(--primitive-purple-alpha-700);--color-primary-alpha-800:var(--primitive-purple-alpha-800);--color-primary-alpha-900:var(--primitive-purple-alpha-900);--color-primary-alpha-1000:var(--primitive-purple-alpha-1000);--color-danger-100:var(--primitive-red-100);--color-danger-200:var(--primitive-red-200);--color-danger-300:var(--primitive-red-300);--color-danger-400:var(--primitive-red-400);--color-danger-500:var(--primitive-red-500);--color-danger-600:var(--primitive-red-600);--color-danger-700:var(--primitive-red-700);--color-danger-800:var(--primitive-red-800);--color-danger-900:var(--primitive-red-900);--color-danger-1000:var(--primitive-red-1000);--color-warning-100:var(--primitive-orange-100);--color-warning-200:var(--primitive-orange-200);--color-warning-300:var(--primitive-orange-300);--color-warning-400:var(--primitive-orange-400);--color-warning-500:var(--primitive-orange-500);--color-warning-600:var(--primitive-orange-600);--color-warning-700:var(--primitive-orange-700);--color-warning-800:var(--primitive-orange-800);--color-warning-900:var(--primitive-orange-900);--color-warning-1000:var(--primitive-orange-1000);--color-success-100:var(--primitive-green-100);--color-success-200:var(--primitive-green-200);--color-success-300:var(--primitive-green-300);--color-success-400:var(--primitive-green-400);--color-success-500:var(--primitive-green-500);--color-success-600:var(--primitive-green-600);--color-success-700:var(--primitive-green-700);--color-success-800:var(--primitive-green-800);--color-success-900:var(--primitive-green-900);--color-success-1000:var(--primitive-green-1000);--color-highlight-100:var(--primitive-yellow-100);--color-highlight-200:var(--primitive-yellow-200);--color-highlight-300:var(--primitive-yellow-300);--color-highlight-400:var(--primitive-yellow-400);--color-highlight-500:var(--primitive-yellow-500);--color-highlight-600:var(--primitive-yellow-600);--color-highlight-700:var(--primitive-yellow-700);--color-highlight-800:var(--primitive-yellow-800);--color-highlight-900:var(--primitive-yellow-900);--color-highlight-1000:var(--primitive-yellow-1000);--spacing-4xs:var(--primitive-0);--spacing-3xs:var(--primitive-2);--spacing-2xs:var(--primitive-4);--spacing-xs:var(--primitive-8);--spacing-sm:var(--primitive-12);--spacing-md:var(--primitive-16);--spacing-lg:var(--primitive-20);--spacing-xl:var(--primitive-24);--spacing-2xl:var(--primitive-32);--spacing-3xl:var(--primitive-48);--spacing-4xl:var(--primitive-64);--layout-4xs:var(--primitive-192);--layout-3xs:var(--primitive-224);--layout-2xs:var(--primitive-256);--layout-xs:var(--primitive-320);--layout-sm:var(--primitive-384);--layout-md:var(--primitive-512);--layout-lg:var(--primitive-768);--layout-xl:var(--primitive-1024);--layout-2xl:var(--primitive-1280);--layout-3xl:var(--primitive-1600);--layout-4xl:var(--primitive-1920);--font-families-default:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-families-mono:"Fira Code",monospace;--font-size-3xs:var(--primitive-12);--font-size-2xs:var(--primitive-13);--font-size-xs:var(--primitive-14);--font-size-sm:var(--primitive-15);--font-size-md:var(--primitive-16);--font-size-lg:var(--primitive-18);--font-size-xl:var(--primitive-20);--font-size-2xl:var(--primitive-24);--font-size-3xl:var(--primitive-28);--font-size-4xl:var(--primitive-36);--font-size-5xl:var(--primitive-48);--font-size-6xl:var(--primitive-72);--font-weights-regular:444;--font-weights-semibold:600;--font-weights-bold:720;--letter-spacing-3xs:-0.005em;--letter-spacing-2xs:-0.005em;--letter-spacing-xs:-0.005em;--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.0175em;--letter-spacing-4xl:-0.0175em;--letter-spacing-5xl:-0.0175em;--letter-spacing-6xl:-0.025em;--line-heights-3xs:var(--primitive-16);--line-heights-2xs:var(--primitive-20);--line-heights-xs:var(--primitive-20);--line-heights-sm:var(--primitive-20);--line-heights-md:var(--primitive-24);--line-heights-lg:var(--primitive-24);--line-heights-xl:var(--primitive-28);--line-heights-2xl:var(--primitive-36);--line-heights-3xl:var(--primitive-36);--line-heights-4xl:var(--primitive-48);--line-heights-5xl:var(--primitive-60);--line-heights-6xl:var(--primitive-80);--border-radius-none:var(--primitive-0);--border-radius-2xs:var(--primitive-2);--border-radius-xs:var(--primitive-4);--border-radius-sm:var(--primitive-6);--border-radius-md:var(--primitive-8);--border-radius-lg:var(--primitive-12);--border-radius-xl:var(--primitive-16);--border-width-none:var(--primitive-0);--border-width-sm:var(--primitive-1);--border-width-md:var(--primitive-2);--border-width-lg:var(--primitive-4);--opacity-disabled:0.32;--opacity-sm:0.48;--opacity-md:0.64;--opacity-l:0.88;--shadow-xs:0 0 12px 0 hsla(0,0%,7%,.08);--shadow-sm:0 0 12px 0 hsla(0,0%,7%,.16);--shadow-md:0 0 12px 0 hsla(0,0%,7%,.24);--shadow-lg:0 0 12px 0 hsla(0,0%,7%,.72);--shadow-xl:0 0 16px 0 hsla(0,0%,7%,.96);--elevation-100:100;--elevation-150:150;--elevation-199:199;--elevation-200:200;--elevation-250:250;--elevation-299:299;--elevation-300:300;--elevation-350:350;--elevation-399:399;--elevation-400:400;--elevation-450:450;--elevation-499:499;--elevation-absolute-bottom:-999;--elevation-absolute-top:999}
@@ -1 +0,0 @@
1
- .root{align-items:center;border-radius:var(--border-radius-md);display:flex;justify-content:center;margin:0 auto;width:min-content}.root,.root[data-type=neutral]{background-color:var(--color-neutral-200)}.root[data-type=neutral][data-with-background=true]{padding:var(--spacing-xs)}.root[data-type=neutral][data-with-background=true][data-size="48"]{color:var(--color-neutral-700);padding:var(--spacing-xs)}.root[data-type=danger]{background-color:var(--color-danger-100)}.root[data-type=success]{background-color:var(--color-success-100)}.root[data-mode=dark][data-type=primary],.root[data-type=primary]{background-color:transparent}.root[data-mode=dark],.root[data-mode=dark][data-type=neutral]{background-color:var(--color-neutral-900)}.root[data-mode=dark][data-type=danger]{background-color:var(--color-danger-900)}.root[data-mode=dark][data-type=success]{background-color:var(--color-success-900)}
@@ -1 +0,0 @@
1
- @import "./global.css";
@@ -1 +0,0 @@
1
- .root{display:flex;width:100%}.root:focus-within{border-radius:var(--border-radius-sm);box-shadow:0 0 0 6px rgba(12,87,205,.16)}.input{background-color:var(--color-neutral-200);border-color:var(--color-neutral-500);border-radius:var(--border-radius-sm);border-style:solid;border-width:var(--border-width-sm);box-sizing:border-box;color:var(--color-neutral-darkest);font-family:var(--font-families-default);font-size:var(--font-size-md);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-md);line-height:var(--line-heights-md);max-height:var(--spacing-3xl);outline:none;padding-block:var(--spacing-sm);padding-inline-start:var(--spacing-md);width:100%}.input:focus{border-color:var(--color-primary-600)}.root:focus-within .icon{border-color:var(--color-primary-400)}.root:focus-within .icon[data-error=true],.root:focus-within .input[data-error=true]{border-color:var(--color-danger-600)}.input[data-size=lg]{border-radius:var(--primitive-6);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs);padding-block:var(--spacing-xs);padding-inline-start:var(--spacing-xs)}.input[data-size=lg],.input[data-size=lg]+.icon{height:var(--spacing-2xl)}.input[data-size=md]{border-radius:var(--border-radius-xs);font-size:var(--font-size-3xs);letter-spacing:var(--letter-spacing-3xs);line-height:var(--line-heights-3xs);padding-block:var(--primitive-6);padding-inline-start:var(--spacing-xs)}.input[data-size=md],.input[data-size=md]+.icon{height:var(--spacing-xl)}.root[data-altbackground=true] .icon,.root[data-altbackground=true] .input{background-color:var(--color-neutral-lightest)}.input::placeholder{color:var(--color-neutral-darkest)}.input[data-error=true]::placeholder{color:var(--color-neutral-600)}.icon[data-error=true],.input[data-error=true]{background-color:var(--color-danger-100);border-color:var(--color-danger-600)}.root[data-error=true]:focus-within{border-radius:var(--border-radius-sm);box-shadow:0 0 0 6px rgba(209,40,40,.24)}.icon[aria-disabled=true],.input[data-disabled=true]{cursor:not-allowed;opacity:var(--opacity-disabled)}.icon{align-items:center;background-color:var(--color-neutral-200);border-color:var(--color-neutral-500);border-radius:var(--border-radius-md);border-style:solid;border-width:var(--border-width-sm);box-sizing:border-box;color:var(--color-neutral-500);display:flex;height:var(--spacing-3xl);justify-content:center;padding-inline-end:var(--spacing-4xs);padding-inline-start:var(--spacing-md)}.icon[data-size=md]{height:var(--spacing-xl)}.icon[data-size=lg],.icon[data-size=md]{border-radius:var(--border-radius-sm);padding-inline-start:var(--spacing-xs)}.icon[data-size=lg]{height:var(--spacing-2xl)}.addon{align-items:center;background-color:var(--color-neutral-lightest);border-color:var(--color-neutral-500);border-radius:var(--border-radius-sm);border-style:solid;border-width:var(--border-width-sm);color:var(--color-neutral-darkest);display:flex;height:var(--spacing-3xl);padding-inline:var(--spacing-md);z-index:10}.addon[data-size=md]{border-radius:var(--border-radius-xs);height:var(--spacing-xl);padding-inline:var(--spacing-xs)}.addon[data-size=lg]{border-radius:var(--spacing-2xs);height:var(--spacing-2xl);padding-inline:var(--spacing-sm)}.root[data-mode=dark][data-altbackground=true] .icon,.root[data-mode=dark][data-altbackground=true] .input{background-color:var(--color-neutral-darkest)}.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)}.icon[data-mode=dark][data-error=true],.input[data-mode=dark][data-error=true]{background-color:var(--color-danger-1000);border-color:var(--color-danger-500)}.input[data-mode=dark],.input[data-mode=dark]+.icon{background-color:var(--color-neutral-1000);border-color:var(--color-neutral-600);color:var(--color-neutral-lightest)}.input[data-mode=dark]::placeholder{color:var(--color-neutral-400)}.icon[data-mode=dark]{background-color:var(--color-neutral-1000);border-color:var(--color-neutral-600);color:var(--color-neutral-400)}.addon[data-mode=dark]{background-color:var(--color-neutral-darkest);border-color:var(--color-neutral-600)}.input:focus{border-color:var(--color-primary-400)}
@@ -1 +0,0 @@
1
- .label{all:unset;box-sizing:border-box;color:var(--color-neutral-1000,#121212);cursor:default;font-family:var(--font-families-default);font-size:var(--font-size-md);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-md);line-height:var(--line-heights-md)}.label[aria-disabled=true]{cursor:not-allowed;opacity:var(--opacity-disabled,.32)}.label[data-size=sm]{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs)}.label[data-mode=dark]{color:var(--color-neutral-lightest,#fff)}
@@ -1 +0,0 @@
1
- .link{all:unset;box-sizing:border-box;color:var(--color-primary-600);cursor:pointer;display:inline-flex;font-family:var(--font-families-default);font-size:var(--font-size-xl);font-weight:var(--font-weights-bold);gap:var(--spacing-2xs);letter-spacing:var(--letter-spacing-xl);line-height:var(--line-heights-xl);text-decoration:underline;vertical-align:top}.link:hover{color:var(--color-primary-700)}.link:active{color:var(--color-primary-900)}.link[data-size="3xs"]{font-size:var(--font-size-3xs);letter-spacing:var(--letter-spacing-3xs);line-height:var(--line-heights-3xs)}.link[data-size="2xs"]{font-size:var(--font-size-2xs);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs)}.link[data-size=xs]{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs)}.link[data-size=sm]{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm)}.link[data-size=md]{font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);line-height:var(--line-heights-md)}.link[data-size=lg]{font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-lg);line-height:var(--line-heights-lg)}.link[data-size=xl]{font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-xl);line-height:var(--line-heights-xl)}.link[data-weight=regular]{font-weight:var(--font-weights-regular)}.link[data-mode=dark]{color:var(--color-primary-500)}.link[data-mode=dark]:hover{color:var(--color-primary-400)}.link[data-mode=dark]:active{color:var(--color-primary-300)}
@@ -1 +0,0 @@
1
- .ul{all:unset;display:flex;gap:var(--spacing-3xl)}.ul[data-direction=vertical]{flex-direction:column;padding-block:var(--spacing-3xl)}
@@ -1 +0,0 @@
1
- .li{all:unset;color:var(--color-neutral-darkest)}.li[data-direction=horizontal]{display:flex;gap:var(--spacing-xs)}.li[data-mode=dark]{color:var(--color-neutral-lightest)}
@@ -1 +0,0 @@
1
- .ul{all:unset;display:flex;gap:var(--spacing-3xl)}.ul[data-direction=vertical]{flex-direction:column;gap:var(--spacing-3xl)}
@@ -1 +0,0 @@
1
- .li{all:unset;color:var(--color-neutral-darkest)}.li[data-direction=horizontal]{display:flex;gap:var(--spacing-xs)}.li[data-mode=dark]{color:var(--color-neutral-lightest)}
@@ -1 +0,0 @@
1
- .loader{animation:spin 1s linear infinite;border:var(--border-radius-md) solid var(--color-primary-300);border-radius:100%;border-top:var(--border-radius-md) solid var(--color-primary-700);height:var(--spacing-4xl);width:var(--spacing-4xl)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
@@ -1 +0,0 @@
1
- .root{align-items:baseline;display:inline-flex;gap:var(--spacing-2xs);height:auto}.img{align-self:baseline;height:var(--spacing-2xl)}.root[data-powered-by=true]{height:var(--spacing-md)}.root[data-powered-by=true] .img{align-self:baseline;height:var(--spacing-md)}.powered{color:var(--color-neutral-700);font-family:var(--font-families-default);font-size:var(--font-size-3xs);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacings-3xs);line-height:var(--line-heights-3xs)}.root[data-mode=dark] .powered{color:var(--color-neutral-400)}
@@ -1 +0,0 @@
1
- .trigger{--gds-menu-trigger-width:100%;align-items:center;background-color:var(--color-neutral-200);border-color:var(--color-neutral-500);border-radius:var(--primitive-6);border-style:solid;border-width:var(--border-width-sm);box-sizing:border-box;display:inline-flex;justify-content:space-between;max-height:var(--spacing-3xl);padding-block:var(--spacing-sm);padding-inline:var(--spacing-md);width:var(--gds-select-dropdown-menu-width,100%)}.trigger[data-disabled],.trigger[disabled]{cursor:not-allowed;opacity:var(--opacity-disabled);user-select:none}.trigger[data-altbackground=true]{background-color:var(--color-neutral-lightest)}.trigger[data-error=true]{background-color:var(--color-danger-100);border-color:var(--color-danger-600)}.trigger:focus-visible[data-error=true]{border-color:var(--color-danger-600);box-shadow:0 0 0 .375rem rgba(209,40,40,.16)}.trigger:focus,.trigger:focus-visible{border-color:var(--color-primary-400);box-shadow:0 0 0 .375rem rgba(12,87,205,.16)}.trigger[data-size=md]{max-height:var(--spacing-xl);padding-block:var(--spacing-2xs);padding-inline:var(--spacing-xs)}.trigger[data-size=lg]{max-height:var(--spacing-2xl);padding-block:var(--primitive-6);padding-inline:var(--spacing-sm)}.container,.content{--gds-select-dropdown-menu-width:var(--radix-dropdown-menu-width);background-color:var(--color-neutral-lightest);border-color:var(--color-neutral-300);border-radius:var(--primitive-6);border-style:solid;border-width:var(--border-width-sm);max-width:var(--menu-width);overflow-y:auto;position:relative;text-align:center;width:var(--radix-dropdown-menu-trigger-width)}.content{z-index:var(--elevation-absolute-top)}.content::-webkit-scrollbar{display:none}.scrollable{max-height:256px;overflow-y:auto}.scrollable::-webkit-scrollbar{background-color:var(--color-neutral-100);border:var(--border-width-sm) solid var(--color-neutral-300);border-radius:var(--primitive-6);border-right:none;width:var(--spacing-sm);will-change:transform}.scrollable::-webkit-scrollbar-thumb{background-color:var(--color-neutral-300);border-color:var(--color-neutral-500);border-radius:var(--primitive-6);border-style:solid;border-width:var(--border-width-sm);max-height:128px}.list{list-style:none;margin:0;padding:0}.item,.list:focus{outline:none}.item{align-items:center;background-color:var(--color-neutral-lightest);display:flex;gap:var(--spacing-xs);padding-block:var(--primitive-6);padding-inline:var(--spacing-sm)}.item[data-disabled]{opacity:var(--opacity-disabled)}.item-checkbox[data-highlighted],.item-radio[data-highlighted],.item:focus,.item:focus-visible,.item:hover,.item[data-highlighted],.sub-trigger[data-highlighted]{background-color:var(--color-neutral-200)}.item[aria-checked=true],.item[data-checked=true],.item[data-state=checked]{background-color:var(--color-primary-200)}.item[aria-checked=true][data-highlighted],.item[data-checked=true][data-highlighted],.item[data-state=checked][data-highlighted]{background-color:var(--color-neutral-200)}.controls{background-color:var(--color-neutral-lightest);border-block-end:var(--border-width-sm) solid var(--color-neutral-300);padding-block-start:var(--spacing-2xs);position:sticky;top:0;width:100%;z-index:1}.controls[data-mode=dark]{background-color:var(--color-neutral-1000);border-block-end:var(--border-width-sm) solid var(--color-neutral-darkest)}.selection{align-items:center;display:flex}.selection[data-mode=dark]{border-bottom:var(--border-width-sm) solid var(--color-neutral-800)}.search{padding:var(--spacing-xs)}.count{align-items:center;display:flex;font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs);margin:0 auto;margin-right:var(--spacing-xs)}.count,.info{color:var(--color-neutral-600);font-family:var(--font-families-default);font-weight:var(--font-weights-regular)}.info{font-size:var(--font-size-2xs);margin:0 0 0 auto;line-heights:var(--line-heights-2xs);letter-spacing:var(--letter-spacing-2xs)}.trigger[data-mode=dark]{background-color:var(--color-neutral-1000);border-color:var(--color-neutral-600)}.trigger[data-mode=dark][data-altbackground=true]{background-color:var(--color-neutral-darkest)}.trigger[data-mode=dark][data-error=true]{background-color:var(--color-danger-1000);border-color:var(--color-danger-600)}.trigger:focus-visible[data-mode=dark][data-error=true]{border-color:var(--color-danger-600);focus-color:0 0 0 .375rem rgba(209,40,40,.24)}.trigger[data-mode=dark]:focus-visible{border-color:var(--color-primary-600);box-shadow:0 0 0 .375rem rgba(12,87,205,.24)}.content[data-mode=dark]{background-color:var(--color-neutral-1000);border-color:var(--color-neutral-800)}.content[data-mode=dark]::-webkit-scrollbar{display:none}.content[data-mode=dark]>.scrollable::-webkit-scrollbar{background-color:var(--color-neutral-900);border-color:var(--color-neutral-800)}.content[data-mode=dark]>.scrollable::-webkit-scrollbar-thumb{background-color:var(--color-neutral-700);border-color:var(--color-neutral-500)}.container[data-mode=dark]{background-color:var(--color-neutral-1000);border-color:var(--color-neutral-800)}.container[data-mode=dark]::-webkit-scrollbar{display:none}.container[data-mode=dark]>.scrollable::-webkit-scrollbar{background-color:var(--color-neutral-900);border-color:var(--color-neutral-800)}.container[data-mode=dark]>.scrollable::-webkit-scrollbar-thumb{background-color:var(--color-neutral-700);border-color:var(--color-neutral-500)}.item[data-mode=dark]{background-color:var(--color-neutral-1000);color:var(--color-neutral-lightest)}.item[data-disabled][data-mode=dark]{opacity:var(--opacity-disabled)}.item-checkbox[data-highlighted][data-mode=dark],.item-radio[data-highlighted][data-mode=dark],.item[data-highlighted][data-mode=dark],.item[data-mode=dark]:focus,.item[data-mode=dark]:hover,.sub-trigger[data-highlighted][data-mode=dark]{background-color:var(--color-neutral-900)}.item[aria-checked=true][data-mode=dark],.item[data-checked=true][data-mode=dark],.item[data-state=checked][data-mode=dark]{background-color:var(--color-primary-900)}.count[data-mode=dark],.info[data-mode=dark]{color:var(--color-neutral-400)}.icon{align-self:baseline;min-height:var(--spacing-lg);min-width:var(--spacing-lg)}.heading{color:var(--color-neutral-600);display:inline-block;font-family:var(--font-families-default);font-size:var(--font-size-xs);font-weight:var(--font-weights-semibold);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-heights-xs);padding-block:var(--primitive-6);padding-inline:var(--spacing-sm)}.heading[data-mode=dark]{color:var(--color-neutral-500)}.label{color:var(--color-neutral-darkest);font-family:var(--font-families-default)}.label,.label[data-mode=dark]{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm)}.label[data-mode=dark]{color:var(--color-neutral-lightest);font-family:var(--font-famililes-default)}
@@ -1 +0,0 @@
1
- .overlay,.overlay[data-mode=dark]{background-color:rgba(0,0,0,.5);inset:0;position:fixed}.content{background-color:var(--color-neutral-lightest);border-radius:var(--primitive-6);box-shadow:var(--shadow-md);left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:var(--layout-md)}.content:focus{outline:none}.content[data-size=spacious]{width:var(--layout-sm)}.content[data-mode=dark]{background-color:var(--color-neutral-darkest)}.title{color:var(--color-neutral-darkest);font-family:var(--font-families-default);font-size:var(--font-size-xl);font-weight:var(--font-weights-semibold);letter-spacing:var(--letter-spacing-xl);line-height:var(--line-heights-xl);margin:var(--spacing-4xs);text-align:var(center)}.title[data-mode=dark]{color:var(--color-neutral-lightest)}.description{color:var(--color-neutral-400);font-family:var(--font-families-default);font-size:var(--font-size-2xs);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs);margin:var(--spacing-4xs);margin-block-start:var(--spacing-sm);text-align:var(--center)}.description[data-mode=dark]{color:var(--color-neutral-lightest)}.icon{background-color:var(--color-neutral-200);border-radius:var(--primitive-6);display:flex;justify-content:center;margin:0 auto;padding:var(--spacing-2xs);width:min-content}.icon[data-type=destructive],.icon[data-type=error]{background-color:var(--color-danger-100)}.icon[data-type=success]{background-color:var(--color-success-100)}.icon[data-mode=dark][data-type=loading],.icon[data-type=loading]{background-color:transparent}.icon[data-mode=dark]{background-color:var(--color-neutral-900)}.icon[data-mode=dark][data-type=destructive],.icon[data-mode=dark][data-type=error]{background-color:var(--color-danger-900)}.icon[data-mode=dark][data-type=success]{background-color:var(--color-success-900)}.content[data-size=md]{width:var(--layout-md)}.content[data-size=lg]{width:var(--layout-lg)}.content[data-size=xl]{width:var(--layout-xl)}
@@ -1 +0,0 @@
1
- .container{background-color:var(--color-neutral-lightest);border-bottom:1px solid var(--color-neutral-400);height:72px;padding-inline:var(--spacing-md);position:relative;z-index:var(--elevation-499)}.container,.details{align-items:center;display:flex;width:100%}.details{gap:var(--spacing-sm);height:100%}.govName{font-size:var(--font-size-2xl);font-weight:480;letter-spacing:-1.5%;line-height:28.8px}.appName,.govName{font-family:var(--font-families-default)}.appName{display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weights-semibold);letter-spacing:var(--letter-spacing-xl);line-height:var(--line-heights-xl);margin-block-end:var(--spacing-xs);margin-inline-start:var(--spacing-4xs);width:100%}.divider{background-color:var(--color-neutral-700);display:inline-flex;height:var(--spacing-sm);margin-inline:var(--spacing-2xs);position:relative;top:var(--spacing-3xs)}.footerText{font-family:var(--font-families-default);font-size:var(--font-size-3xs);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-3xs);line-height:var(--line-heights-3xs)}.footerLinks{display:inline-flex;gap:var(--spacing-xs)}.footerLink{color:var(--color-neutral-700)}.accountName{font-size:var(--font-size-md);font-weight:var(--font-weights-bold);letter-spacing:var(--letter-spacing-md);line-height:var(--line-heights-md);padding-bottom:var(--spacing-4xs);padding-top:var(--spacing-xs)}.accountEmail,.accountFooter,.accountName{background-color:var(--color-neutral-lightest);font-family:var(--font-families-default);margin:0;padding-inline:var(--spacing-md)}.accountEmail,.accountFooter{color:var(--color-neutral-700);font-size:var(--font-size-3xs);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-3xs);line-height:var(--line-heights-3xs)}.accountEmail{padding-bottom:var(--spacing-xs)}.accountFooter{padding:var(--spacing-xs) var(--spacing-md);text-align:center}.label{font-family:var(--font-families-default);font-size:var(--font-size-sm);font-weight:var(--font-weights-regular);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm)}.container:has(.navContainer[data-open=true]){flex-direction:column}.navContainer[data-open=true]{background-color:var(--color-neutral-lightest);bottom:0;display:flex;flex-direction:column;height:calc(100vh - 72px);left:0;overflow:scroll;padding:var(--spacing-md);position:absolute;right:0;top:72px;width:100%;z-index:var(--elevation-499)}.appNavigation{justify-items:flex-end;width:100%}.appNavigation>.list{padding-bottom:var(--spacing-4xs)}.list{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin:0;padding:var(--spacing-md);width:100%}.list:nth-child(2){padding-bottom:var(--spacing-2xs)}.item{list-style:none;padding:0}.link{align-items:center;border-radius:var(--border-radius-sm);color:var(--color-neutral-darkest);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weights-semibold);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:background-color .25s ease-in-out;width:100%}.link:hover{background-color:var(--color-neutral-200)}.link:active{background-color:var(--color-neutral-300)}.link[data-selected=true]{background-color:var(--color-primary-200);border-radius:var(--border-radius-sm);color:var(--color-primary-800)}.close{align-items:center;display:none;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);z-index:var(--elevation-499)}.poweredByContainer{margin-block-start:var(--spacing-xs)}.sideNavCollapsibleTrigger{align-items:center;border-radius:var(--border-radius-sm);color:var(--color-neutral-darkest);cursor:pointer;display:flex;padding:var(--spacing-xs) var(--spacing-xs);transition:background-color .25s ease-in-out;width:100%}.sideNavCollapsibleTrigger:hover{background-color:var(--color-neutral-200)}.sideNavCollapsibleTrigger>a.link[data-selected=true]{background-color:var(--color-danger-300)}@media (min-width:1024px){.container{gap:var(--spacing-2xs)}.appNavigation{width:fit-content}.navContainer{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:flex-end;width:100%}.navContainer>nav>.list>li>.link{max-height:var(--spacing-2xl)!important}.appName{border-inline-start:1px solid var(--color-neutral-400);font-size:var(--font-size-2xl);letter-spacing:var(--letter-spacing-2xl);line-height:var(--line-heights-2xl);padding-inline-start:var(--spacing-sm);width:fit-content}.list{align-items:center;align-self:center;flex-direction:row;gap:var(--spacing-2xs);padding:0;width:max-content}}@media (max-width:1024px){.navContainer{display:none}.close{display:flex}}.sideNavContainer{--nav-width-expanded:calc(240px - var(--spacing-sm));--nav-width-collapsed:72px;background-color:var(--color-neutral-lightest);border-right:1px solid var(--color-neutral-400);display:flex;flex-direction:column;height:calc(100vh - 72px);justify-content:space-between;left:0;overflow-y:auto;padding:var(--spacing-sm);padding-bottom:var(--spacing-4xs);position:fixed;top:72px;transition:width .25s ease;width:var(--nav-width-expanded,240px)}.sideNavContainer::-webkit-scrollbar{display:none}.sideNavContainer.collapsed{align-items:center;width:var(--nav-width-collapsed,72px)}.sideNavList{list-style:none;margin:0;padding:0}.sideNavItemWrapper{margin-bottom:var(--spacing-xs)}.sideNavContainer.collapsed .sideNavList li{width:fit-content}.sideNavContainer:not(.collapsed) .sideNavList li{width:100%}.sideNavSubList{list-style:none;padding:0}.menu-list .link,.menu-list .link:focus,.menu-list .link:hover,.sideNavSubList .link,.sideNavSubList .link:focus,.sideNavSubList .link:hover{border-radius:var(--border-radius-none)}.sideNavList.collapsed>li>.collapsedLinkWrapper>.link,.sideNavList>li>.link{border-radius:var(--border-radius-sm);height:40px!important}.sideNavList>li>.link:focus,.sideNavList>li>.link:hover{border-radius:var(--border-radius-sm)}.sideNavFooter{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);background-color:hsla(0,0%,100%,.75);bottom:0;display:flex;justify-content:center;padding:var(--spacing-md) 0 var(--spacing-md) 0;position:sticky;width:100%;z-index:var(--elevation-100)}.badgeInline{margin-left:auto;white-space:nowrap}.collapsedLinkWrapper{position:relative}.badgeCollapsed{position:absolute;right:-16px}.sideNavContainer.collapsed .sideNavList>li[data-selected=true]{background-color:var(--color-primary-200);border-radius:var(--border-radius-sm);color:var(--color-primary-800)}
@@ -1 +0,0 @@
1
- .root{background:var(--color-neutral-100-alpha);border:none;border-radius:var(--border-radius-xs);height:var(--spacing-md);overflow:hidden;position:relative;transform:translateZ(0);width:100%}.root:before{border:var(--border-width-sm) solid var(--color-neutral-500);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.root[data-size=sm]{height:var(--spacing-sm)}.root[data-size=sm],.root[data-size=sm] .indicator{border-radius:var(--border-radius-md)}.indicator{--indicator-background-color:var(--color-primary-600);--indicator-border-color:var(--color-primary-600);background-color:var(--indicator-background-color);border:var(--border-width-sm) solid var(--indicator-border-color);border-radius:var(--border-radius-xs);height:100%;left:0;position:absolute;top:0;transition:transform .66s cubic-bezier(.65,0,.35,1);width:100%;z-index:1}@media (prefers-color-scheme:dark){.root{background:var(--color-neutral-900-alpha)}.root:before{border-color:var(--color-neutral-600)}.indicator{--indicator-background-color:var(--color-primary-600);--indicator-border-color:var(--color-primary-600);background-color:var(--indicator-background-color);border:var(--border-width-sm) solid var(--indicator-border-color)}}
@@ -1 +0,0 @@
1
- .root{display:flex}.root[data-orientation=vertical]{display:grid;row-gap:var(--spacing-xs)}.item{background-color:var(--color-neutral-lightest);border-color:var(--color-neutral-800);border-radius:100%;border-style:solid;border-width:var(--border-width-sm);display:inline;height:var(--spacing-lg);min-width:var(--spacing-lg);width:var(--spacing-lg)}.item:focus-visible{outline:var(--border-width-lg) solid var(--color-primary-700);outline-offset:var(--spacing-3xs)}.item[aria-checked=true]{background-color:var(--color-primary-600)}.item[data-size=sm]{height:var(--spacing-md);min-width:var(--spacing-md);width:var(--spacing-md)}.item[data-error=true]{background-color:var(--color-danger-600);border-color:var(--color-danger-800)}.item[data-disabled]{cursor:not-allowed;opacity:var(--opacity-disabled)}.item[data-mode=dark]{background-color:var(--color-neutral-darkest);border-color:var(--color-neutral-800)}.item[data-mode=dark][aria-checked=true]{background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.item[data-mode=dark][data-error=true]{background-color:var(--color-danger-500);border-color:var(--color-danger-500)}.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:50%;content:"";display:block;height:var(--spacing-xs);width:var(--spacing-xs)}.tile{align-items:center;background-color:var(--color-neutral-200);border:var(--border-width-sm) solid var(--color-neutral-200);border-radius:var(--primitive-6);box-sizing:border-box;padding-block:var(--spacing-sm);padding-inline:var(--spacing-sm)}.tile[data-altbackground=true]{background-color:var(--color-neutral-lightest);border-color:var(--color-neutral-lightest);min-height:var(--spacing-md)}.tile:has(.root[data-state=checked]){background-color:var(--color-primary-200-alpha)}.tile[data-state=checked]{background-color:var(--color-primary-200-alpha);border-color:var(--color-primary-600)}.tile[data-state=checked][data-error=true]{background-color:var(--color-danger-200);border-color:var(--color-danger-600)}.tile:not([data-state=checked]):hover{background-color:var(--color-neutral-300);border-color:var(--color-neutral-300)}.tile[data-mode=dark]{background-color:var(--color-neutral-900)}.tile[data-mode=dark][data-state=checked][data-error=true]{background-color:var(--color-danger-900);border-color:var(--color-danger-400)}.tile[data-mode=dark]:has(.root[data-state=checked]){background-color:var(--color-primary-900)}.tile[data-mode=dark]:hover{background-color:var(--color-neutral-800)}.tile[data-mode=dark][data-state=checked],.tile[data-mode=dark][data-state=checked]:hover{background-color:var(--color-primary-900)}.tile:has(.item[data-state=checked]){background-color:var(--color-primary-200-alpha);border-color:var(--color-primary-600)}.tile:has(.item[data-state=checked])[data-error=true]{background-color:var(--color-danger-200);border-color:var(--color-danger-600)}.tile:not(:has(.item[data-state=checked])):hover{background-color:var(--color-neutral-300);border-color:var(--color-neutral-300)}
@@ -1 +0,0 @@
1
- .root{flex-direction:column}.list,.root{display:flex}.list{border:var(--border-width-sm) solid var(--color-neutral-500);border-radius:var(--border-radius-xs);box-sizing:border-box;column-gap:1px;max-height:var(--primitive-32);width:fit-content}.trigger{align-items:center;background-color:var(--color-neutral-lightest);color:var(--color-neutral-darkest);cursor:pointer;display:flex;font-family:var(--font-families-default);justify-content:center}.trigger[data-size=lg]{font-size:var(--font-size-sm);font-weight:var(--font-weights-semibold);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm);max-height:var(--primitive-32);padding-block:var(--spacing-xs);padding-inline:var(--spacing-sm)}.trigger[data-size=md]{font-size:var(--font-size-2xs);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs);padding-block:var(--spacing-3xs);padding-inline:var(--spacing-xs)}.trigger:hover{background-color:var(--color-neutral-200);color:var(--color-neutral-darkest)}.trigger:first-child{border-bottom-left-radius:var(--border-radius-sm);border-top-left-radius:var(--border-radius-sm)}.trigger:last-child{border-bottom-right-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm)}.trigger[data-state=active]{background-color:var(--color-primary-100);border:1px solid var(--color-primary-600);border-radius:var(--border-radius-xs);box-sizing:border-box;color:var(--color-primary-600);margin:-1px}.list[data-mode=dark]{background-color:var(--color-neutral-1000);border:var(--border-width-sm) solid var(--color-neutral-800)}.trigger[data-mode=dark]{background-color:var(--color-neutral-darkest);border-color:transparent;color:var(--color-neutral-lightest)}.trigger[data-mode=dark]:hover{color:var(--color-primary-300)}.trigger[data-mode=dark][data-state=active]{background-color:var(--color-primary-1000);border-color:var(--color-primary-600);color:var(--color-primary-400)}.content{background-color:var(--color-neutral-lightest);border:var(--border-width-sm) solid var(--color-neutral-300);border-radius:var(--border-radius-sm);flex-shrink:1;margin-top:var(--spacing-xs);outline:none;padding:var(--spacing-md);width:auto}.content:focus{border:var(--border-width-sm) solid var(--color-neutral-300)}.content[data-mode=dark]{background-color:var(--color-neutral-darkest);border-color:var(--color-neutral-800)}
@@ -1 +0,0 @@
1
- .root{--gds-switch-toggle-element-display: ;background-color:var(--color-neutral-lightest);border-color:var(--color-neutral-800);border-radius:var(--border-radius-xl);border-style:solid;border-width:var(--border-width-sm);box-sizing:border-box;cursor:pointer;display:var(--gds-switch-toggle-element-display,block);height:var(--spacing-lg);transition:background-color .2s ease-in-out,border-color .2s ease-in-out;width:2.5rem}.root:focus-visible{outline-color:var(--color-primary-700);outline-offset:var(--spacing-3xs);outline-style:solid;outline-width:var(--border-width-lg)}.root:not(:disabled):hover{background-color:var(--color-neutral-400);cursor:pointer}.root:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.root[data-state=checked]{background-color:var(--color-primary-600);border-color:var(--color-primary-900)}.root[data-size=sm]{height:var(--spacing-md);width:var(--spacing-2xl)}.thumb{background-color:var(--color-neutral-lightest);border-color:var(--color-neutral-800);border-radius:var(--border-radius-xl);border-style:solid;border-width:var(--border-width-sm);display:block;height:var(--spacing-lg);transform:translateX(-1px) translateY(-1px);transition:transform .2s ease-in-out,border-color .2s ease-in-out;width:var(--spacing-lg);will-change:transform}.thumb[data-state=checked]{border-color:var(--color-primary-900);transform:translateX(19px) translateY(-1px)}.thumb[data-size=sm]{height:var(--spacing-md);width:var(--spacing-md)}.thumb[data-size=sm][data-state=checked]{transform:translateX(16px) translateY(-1px)}.root[data-mode=dark]{background-color:var(--color-neutral-darkest);border-color:var(--color-neutral-700)}.root[data-mode=dark]:hover{background-color:var(--color-neutral-800)}.root[data-mode=dark][data-state=checked]{background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.root[data-mode=dark]:focus-visible{outline-color:var(--color-primary-500)}.thumb[data-mode=dark][data-state=checked]{border-color:var(--color-neutral-lightest)}.thumb[data-mode=dark]{border-color:var(--color-neutral-700)}
@@ -1 +0,0 @@
1
- .container{--gds-table-container-width:auto;--gds-table-container-height:auto;--gds-table-border-width:var(--border-width-sm);background-color:var(--color-neutral-200);border-color:var(--color-neutral-300);border-radius:var(--border-radius-sm);border-style:solid;border-width:var(--gds-table-border-width);box-sizing:border-box;overflow:hidden;width:var(--gds-table-container-width)}.table{border-collapse:separate;border-spacing:0;table-layout:fixed}@media (min-width:768px){.table{width:100%}}.scrollable{height:var(--gds-table-scrollable-container-height);overflow-y:auto;position:relative;right:0;width:100%}.scrollable::-webkit-scrollbar{background-color:var(--color-neutral-100);border-color:var(--color-neutral-300);border-radius:var(--border-radius-sm);border-style:solid;border-width:var(--border-width-sm);border-right:none;width:var(--spacing-sm)}.scrollable::-webkit-scrollbar-thumb{background-color:var(--color-neutral-300);border-color:var(--color-neutral-500);border-radius:var(--border-radius-sm);border-style:solid;border-width:var(--border-width-sm);height:128px;scrollbar-gutter:stable}.container[data-mode=dark]{background-color:var(--color-neutral-1000);border-color:var(--color-neutral-800)}.container[data-mode=dark]::-webkit-scrollbar{background-color:var(--color-neutral-900);border-color:var(--color-neutral-800)}.container[data-mode=dark]::-webkit-scrollbar-thumb{background-color:var(--color-neutral-700);border-color:var(--color-neutral-500)}.tr{background-color:var(--color-neutral-lightest);transition:background-color .2s ease-in-out}.tr:not(:last-child)>*{border-block-end:var(--border-width-sm) solid var(--color-neutral-300)}.tr[data-mode=dark]:not(:last-child)>*{border-block-end:var(--border-width-sm) solid var(--color-neutral-800)}.tr[data-selected=true]{background-color:var(--color-primary-100)!important}.tr[data-selected=true]:hover{background-color:var(--color-primary-200)!important}.tr[data-selected=true][data-mode=dark]{background-color:var(--color-primary-1000)!important}.tr[data-selected=true][data-mode=dark]:hover{background-color:var(--color-primary-900)!important}.tr[data-error=true]{background-color:var(--color-danger-100)!important}.tr[data-error=true][data-mode=dark]{background-color:var(--color-error-1000)!important}.tr:hover{background-color:var(--color-neutral-200)}.tr[data-mode=dark]{background-color:var(--color-neutral-darkest)}.tr[data-mode=dark]:hover{background-color:var(--color-neutral-1000)}.tr[data-striped]:nth-child(2n){background-color:var(--color-neutral-100)}.tr[data-mode=dark][data-striped]:nth-child(2n){background-color:var(--color-neutral-1000)}.tr[data-striped]:hover{background-color:var(--color-neutral-200)}.tr[data-mode=dark][data-striped]:hover{background-color:var(--color-neutral-900)}.th{--gds-table-column-width:auto;background-color:var(--color-neutral-200);border-bottom:var(--border-width-sm) solid var(--color-neutral-300);color:var(--color-neutral-darkest);font-family:var(--font-families-default);font-size:var(--font-size-2xs);font-weight:var(--font-weights-bold);height:var(--spacing-3xl);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs);padding-block:0;padding-inline:var(--spacing-sm);text-align:left;text-transform:capitalize;width:var(--gds-table-column-width);z-index:var(--elevation-100)}.th:has(.button){cursor:pointer}.th:has(.button):hover{background-color:var(--color-neutral-300);margin-left:12px}.button{gap:8px;height:100%;width:100%;tab-index:0}.button:hover{background-color:var(--color-neutral-300)}.button:focus-visible{border:none;outline:var(--button-outline-primary-offset) solid var(--color-primary-700);width:calc(100% - 14px)}.span,.thContent{align-items:center;display:flex;gap:var(--spacing-sm);position:relative;top:var(--spacing-2xs)}.th[data-mode=dark]{background-color:var(--color-neutral-900);border-bottom-color:var(--color-neutral-800);color:var(--color-neutral-lightest)}.th[data-size="2xl"]{font-family:var(--font-families-default);font-size:var(--font-size-sm);font-weight:var(--font-weights-bold);height:var(--spacing-4xl);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm)}.th[data-size="2xl"] .thContent{top:var(--spacing-sm)}.th[data-background=none]{background-color:var(--color-neutral-lightest)}.th[data-align=center]{text-align:center}.th[data-align=right]{text-align:right}.th[data-mode=dark][data-background=none]{background-color:var(--color-neutral-darkest)}.th[data-sticky=true]{--gds-table-th-top:auto;position:sticky;top:var(--gds-table-th-top)}.td{box-sizing:border-box;color:var(--color-neutral-darkest);font-family:var(--font-families-default);font-size:var(--font-size-lg);font-weight:var(--font-weights-regular);height:var(--spacing-4xl);letter-spacing:var(--letter-spacing-lg);line-height:var(--line-heights-lg);padding-inline:var(--spacing-sm)}.td:last-child{margin-right:-16px}.td[data-size=xl]{font-size:var(--font-size-sm);height:var(--spacing-3xl);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm)}.td[data-size=lg],.td[data-size=xl]{font-family:var(--font-families-default);font-weight:var(--font-weights-regular);padding-inline-start:var(--spacing-sm)}.td[data-size=lg]{font-size:var(--font-size-2xs);height:var(--spacing-2xl);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs)}.td[data-mode=dark]{color:var(--color-neutral-lightest)}.actions{align-items:center;background-color:var(--color-neutral-200);border-color:var(--color-neutral-300);border-block-end:var(--border-width-sm) solid var(--color-neutral-300);box-sizing:border-box;display:flex;height:var(--spacing-3xl);justify-content:flex-end;padding-inline-end:var(--spacing-xs);position:sticky;top:0;z-index:var(--elevation-100)}.actions[data-altbackground=true]{background-color:var(--color-neutral-lightest)}.menuButton{border-radius:0!important;justify-content:flex-start!important;padding-inline:12px!important}.menuButton:hover{background-color:var(--color-neutral-300)!important}.checkbox[data-state=checked]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16' d='m40 144 56 56L224 72'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px 16px}.checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16' d='M40 128h176'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px 16px}.resizer{background:var(--color-primary-500);cursor:col-resize;height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:2px}.resizer:before{background-color:var(--color-primary-300);content:"";display:block;height:100%;opacity:.5;position:relative;right:8px;width:8px}.isResizing{background-color:var(--color-primary-200)}
@@ -1 +0,0 @@
1
- .root{flex-direction:column}.list,.root{display:flex}.list{column-gap:var(--spacing-xl);flex-shrink:0}.list[data-border]{border-block-end-color:var(--color-neutral-300);border-block-end-style:solid;border-block-end-width:var(--border-width-sm)}.list[data-mode=dark][data-border]{border-color:var(--color-neutral-800)}.trigger{align-items:center;background-color:transparent;border-block-end-color:transparent;border-block-end-style:solid;border-block-end-width:var(--border-width-md);box-sizing:border-box;color:var(--color-neutral-darkest);cursor:pointer;display:flex;font-family:var(--font-families-default);font-size:var(--font-size-lg);font-weight:var(--font-weights-bold);height:var(--spacing-2xl);justify-content:center;letter-spacing:var(--letter-spacing-lg);line-height:var(--line-heights-lg);padding-block-end:0}.trigger:hover{color:var(--color-primary-700)}.trigger[data-state=active]{border-color:var(--color-primary-600);box-sizing:border-box;color:var(--color-primary-600)}.trigger[data-size=xl]{font-family:var(--font-families-default);font-size:var(--font-size-2xl);font-weight:var(--font-weights-bold);height:var(--spacing-3xl);letter-spacing:var(--letter-spacing-2xl);line-height:var(--line-heights-2xl)}.trigger[data-mode=dark]{color:var(--color-neutral-lightest)}.trigger[data-mode=dark]:hover{color:var(--color-primary-300)}.trigger[data-mode=dark][data-state=active]{border-color:var(--color-primary-400);color:var(--color-primary-400)}.content{background-color:var(--color-neutral-lightest);border:var(--border-width-sm) solid var(--color-neutral-300);border-radius:var(--border-radius-sm);flex-shrink:1;margin-top:var(--spacing-xs);outline:none;padding:var(--spacing-md);width:auto}.content:focus{border:var(--border-width-sm) solid var(--color-neutral-300)}.content[data-mode=dark]{background-color:var(--color-neutral-darkest);border-color:var(--color-neutral-800)}
@@ -1 +0,0 @@
1
- button{all:unset}.viewport{--viewport-padding:var(--spacing-xs);display:flex;gap:var(--spacing-xs);justify-content:center;list-style:none;margin:0;max-width:100vw;outline:none;padding:var(--viewport-padding);position:fixed;transform:translateX(var(--viewport-translate-x));width:100%;z-index:var(--elevation-absolute-top)}.viewport[data-position=bottom]{bottom:var(--spacing-3xl)}.viewport[data-position=top]{top:var(--spacing-3xl)}.root{align-items:center;background-color:var(--color-neutral-200);border:var(--border-width-sm) solid var(--color-neutral-300);border-radius:var(--primitive-6);display:flex;gap:var(--spacing-xs);padding:var(--spacing-md)}.root[data-state=open]{animation:slideIn .15s cubic-bezier(.16,1,.3,1)}.root[data-state=closed]{animation:hide .1s ease-in}.root[data-swipe=move]{transform:translateX(var(--radix-toast-swipe-move-x))}.root[data-swipe=cancel]{transform:translateX(0);transition:transform .2s ease-out}.root[data-swipe=end]{animation:swipeOut .1s ease-out}.root[data-status=success]{background-color:var(--color-success-100);border-color:var(--color-neutral-300);color:var(--color-success-900)}.root[data-status=highlight]{background-color:var(--color-highlight-200);border-color:var(--color-neutral-300);color:var(--color-highlight-900)}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateX(calc(100% + var(--viewport-padding)))}to{transform:translateX(0)}}@keyframes swipeOut{0%{transform:translateX(var(--radix-toast-swipe-end-x))}to{transform:translateX(calc(100% + var(--viewport-padding)))}}.title{align-items:center;color:var(--color-neutral-900);display:flex;font-family:var(--font-families-default);font-size:var(--font-size-md);font-weight:var(--font-weights-semibold);gap:var(--spacing-xs);letter-spacing:var(--letter-spacing-md);line-height:var(--line-heights-md);margin-bottom:var(--primitive-5)}.description{color:var(--primitive-gray-800);font:var(--font-size-md-regular);margin:0}.action{grid-area:action}
@@ -1 +0,0 @@
1
- button{all:unset}.content{--gds-tooltip-width:fit-content;--radix-tooltip-trigger-width:var(--gds-tooltip-width);animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);background-color:var(--color-neutral-darkest);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);color:var(--color-neutral-lightest);font-size:var(--font-size-xs);line-height:var(--line-heights-xs);max-width:var(--gds-tooltip-width);padding:var(--spacing-xs) var(--spacing-sm);user-select:none;width:var(--radix-tooltip-content-available-width);will-change:transform,opacity;z-index:var(--elevation-absolute-top)}.content[data-state=delayed-open][data-side=top]{animation-name:slideDownAndFade}.content[data-state=delayed-open][data-side=right]{animation-name:slideLeftAndFade}.content[data-state=delayed-open][data-side=bottom]{animation-name:slideUpAndFade}.content[data-state=delayed-open][data-side=left]{animation-name:slideRightAndFade}.arrow{fill:var(--color-neutral-darkest)}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}