@kofile/gds-foundations 1.0.0-alpha.17 → 1.0.0-alpha.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/css/.DS_Store +0 -0
- package/build/css/components/badge.module.css +6 -0
- package/build/css/components/card.module.css +3 -6
- package/build/css/components/dialog.module.css +52 -0
- package/build/css/components/field-message.module.css +0 -1
- package/build/css/components/input.module.css +20 -3
- package/build/css/components/segmented-controller.module.css +9 -0
- package/build/css/components/select.module.css +23 -2
- package/build/css/components/tabs.module.css +5 -9
- package/build/css/index.css +0 -1
- package/build/css/themes/dialog/dark.css +5 -0
- package/build/css/themes/dialog/light.css +5 -0
- package/build/css/themes/global.css +38 -2
- package/build/css/themes/select/dark.css +2 -0
- package/build/css/themes/select/light.css +2 -0
- package/build/minified/badge.module.css +1 -0
- package/build/minified/button.module.css +33 -0
- package/build/minified/card.module.css +1 -0
- package/build/minified/checkbox.module.css +7 -0
- package/build/minified/dark.css +1 -0
- package/build/minified/dialog.module.css +21 -0
- package/build/minified/field-message.module.css +1 -0
- package/build/minified/form-label.module.css +1 -0
- package/build/minified/global.css +1 -0
- package/build/minified/index.css +1 -0
- package/build/minified/input.module.css +33 -0
- package/build/minified/label.module.css +1 -0
- package/build/minified/light.css +1 -0
- package/build/minified/link.module.css +1 -0
- package/build/minified/list-callout-group.module.css +1 -0
- package/build/minified/list-callout.module.css +1 -0
- package/build/minified/list-group.module.css +1 -0
- package/build/minified/list-item.module.css +1 -0
- package/build/minified/loader.module.css +1 -0
- package/build/minified/radio-group.module.css +21 -0
- package/build/minified/segmented-controller.module.css +57 -0
- package/build/minified/select.module.css +55 -0
- package/build/minified/switch.module.css +3 -0
- package/build/minified/table.module.css +65 -0
- package/build/minified/tabs.module.css +9 -0
- package/package.json +3 -11
- package/build/css/tokens-global.css +0 -342
- package/build/css/utilities/background-color.css +0 -445
- package/build/css/utilities/border-color.css +0 -284
- package/build/css/utilities/border-radius.css +0 -455
- package/build/css/utilities/border-style.css +0 -18
- package/build/css/utilities/border-width.css +0 -127
- package/build/css/utilities/box-sizing.css +0 -7
- package/build/css/utilities/color.css +0 -290
- package/build/css/utilities/cursor.css +0 -31
- package/build/css/utilities/display.css +0 -63
- package/build/css/utilities/flex-shrink.css +0 -6
- package/build/css/utilities/flex.css +0 -198
- package/build/css/utilities/font.css +0 -131
- package/build/css/utilities/gap.css +0 -104
- package/build/css/utilities/grid-auto-columns.css +0 -12
- package/build/css/utilities/grid-template-columns.css +0 -42
- package/build/css/utilities/height.css +0 -168
- package/build/css/utilities/index.css +0 -33
- package/build/css/utilities/margin.css +0 -299
- package/build/css/utilities/max-height.css +0 -123
- package/build/css/utilities/max-width.css +0 -69
- package/build/css/utilities/min-height.css +0 -18
- package/build/css/utilities/min-width.css +0 -15
- package/build/css/utilities/object-fit.css +0 -15
- package/build/css/utilities/object-position.css +0 -27
- package/build/css/utilities/overflow.css +0 -45
- package/build/css/utilities/padding.css +0 -288
- package/build/css/utilities/position.css +0 -1297
- package/build/css/utilities/shadow.css +0 -15
- package/build/css/utilities/text-align.css +0 -18
- package/build/css/utilities/text-overflow.css +0 -13
- package/build/css/utilities/text-transform.css +0 -12
- package/build/css/utilities/vertical-align.css +0 -31
- package/build/css/utilities/white-space.css +0 -23
- package/build/css/utilities/width.css +0 -201
package/build/css/.DS_Store
CHANGED
|
Binary file
|
|
@@ -9,12 +9,14 @@
|
|
|
9
9
|
display: inline-flex;
|
|
10
10
|
align-items: center;
|
|
11
11
|
gap: var(--badge-gap-spacing);
|
|
12
|
+
height: fit-content;
|
|
12
13
|
vertical-align: top;
|
|
13
14
|
padding-inline-start: var(--badge-size-lg-horizontal-padding);
|
|
14
15
|
padding-inline-end: var(--badge-size-lg-horizontal-padding);
|
|
15
16
|
padding-block-start: var(--badge-size-lg-vertical-padding);
|
|
16
17
|
padding-block-end: var(--badge-size-lg-vertical-padding);
|
|
17
18
|
white-space: nowrap;
|
|
19
|
+
width: fit-content;
|
|
18
20
|
}
|
|
19
21
|
.badge[data-size="md"] {
|
|
20
22
|
font: var(--badge-size-md-typography);
|
|
@@ -77,3 +79,7 @@
|
|
|
77
79
|
.badge[data-color="highlight"][data-mode="dark"] {
|
|
78
80
|
background-color: var(--badge-dark-color-background-highlight-fill);
|
|
79
81
|
}
|
|
82
|
+
.action:hover {
|
|
83
|
+
background-color: transparent !important;
|
|
84
|
+
border-color: transparent !important;
|
|
85
|
+
}
|
|
@@ -5,17 +5,14 @@
|
|
|
5
5
|
border-radius: var(--card-size-sm-border-radius);
|
|
6
6
|
min-height: var(--card-size-sm-min-height);
|
|
7
7
|
padding: var(--card-size-sm-padding);
|
|
8
|
-
width:
|
|
8
|
+
width: 100%;
|
|
9
9
|
}
|
|
10
10
|
.card[data-size="md"] {
|
|
11
|
-
padding: var(--card-size-
|
|
12
|
-
width: var(--card-size-md-width);
|
|
11
|
+
padding: var(--card-size-md-padding);
|
|
13
12
|
}
|
|
14
13
|
.card[data-size="lg"] {
|
|
15
|
-
padding: var(--card-size-
|
|
16
|
-
width: var(--card-size-lg-width);
|
|
14
|
+
padding: var(--card-size-lg-padding);
|
|
17
15
|
}
|
|
18
|
-
|
|
19
16
|
.card[data-mode="dark"] {
|
|
20
17
|
background-color: var(--card-dark-color-background-primary-default);
|
|
21
18
|
border: var(--card-size-sm-border-width) solid
|
|
@@ -6,6 +6,14 @@
|
|
|
6
6
|
inset: 0;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
.overlay[data-mode="dark"] {
|
|
10
|
+
background-color: var(
|
|
11
|
+
--dialog-dark-elements-overlay-color-background-primary-default
|
|
12
|
+
);
|
|
13
|
+
position: fixed;
|
|
14
|
+
inset: 0;
|
|
15
|
+
}
|
|
16
|
+
|
|
9
17
|
.content {
|
|
10
18
|
background-color: var(
|
|
11
19
|
--dialog-light-elements-content-color-background-primary-default
|
|
@@ -54,3 +62,47 @@
|
|
|
54
62
|
.description[data-mode="dark"] {
|
|
55
63
|
color: var(--dialog-dark-elements-description-color-text-primary-default);
|
|
56
64
|
}
|
|
65
|
+
/** Add the design tokens to token studio */
|
|
66
|
+
|
|
67
|
+
.icon {
|
|
68
|
+
background-color: var(
|
|
69
|
+
--dialog-light-elements-icon-color-background-generic-default
|
|
70
|
+
);
|
|
71
|
+
width: min-content;
|
|
72
|
+
display: flex;
|
|
73
|
+
justify-content: center;
|
|
74
|
+
border-radius: var(--dialog-elements-icon-size-default-border-radius);
|
|
75
|
+
padding: var(--dialog-elements-icon-size-default-padding);
|
|
76
|
+
margin: 0 auto;
|
|
77
|
+
}
|
|
78
|
+
.icon[data-type="destructive"],
|
|
79
|
+
.icon[data-type="error"] {
|
|
80
|
+
background-color: var(
|
|
81
|
+
--dialog-light-elements-icon-color-background-destructive-default
|
|
82
|
+
);
|
|
83
|
+
}
|
|
84
|
+
.icon[data-type="success"] {
|
|
85
|
+
background-color: var(
|
|
86
|
+
--dialog-light-elements-icon-color-background-success-default
|
|
87
|
+
);
|
|
88
|
+
}
|
|
89
|
+
.icon[data-type="loading"],
|
|
90
|
+
.icon[data-mode="dark"][data-type="loading"] {
|
|
91
|
+
background-color: var(
|
|
92
|
+
--dialog-light-elements-icon-color-background-loading-default
|
|
93
|
+
);
|
|
94
|
+
}
|
|
95
|
+
.icon[data-mode="dark"] {
|
|
96
|
+
background-color: var(--color-neutral-900);
|
|
97
|
+
}
|
|
98
|
+
.icon[data-mode="dark"][data-type="destructive"],
|
|
99
|
+
.icon[data-mode="dark"][data-type="error"] {
|
|
100
|
+
background-color: var(
|
|
101
|
+
--dialog-dark-elements-icon-color-background-destructive-default
|
|
102
|
+
);
|
|
103
|
+
}
|
|
104
|
+
.icon[data-mode="dark"][data-type="success"] {
|
|
105
|
+
background-color: var(
|
|
106
|
+
--dialog-dark-elements-icon-color-background-success-default
|
|
107
|
+
);
|
|
108
|
+
}
|
|
@@ -27,7 +27,12 @@
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
.input[data-size="lg"] {
|
|
30
|
+
border-radius: var(--input-elements-text-field-size-lg-border-radius);
|
|
31
|
+
|
|
30
32
|
padding-block: var(--input-elements-text-field-size-lg-padding-block);
|
|
33
|
+
padding-inline-start: var(
|
|
34
|
+
--input-elements-text-field-size-lg-padding-inline-start
|
|
35
|
+
);
|
|
31
36
|
height: var(--input-elements-text-field-size-lg-height);
|
|
32
37
|
font: var(--input-elements-text-field-size-lg-typography);
|
|
33
38
|
}
|
|
@@ -35,7 +40,12 @@
|
|
|
35
40
|
height: var(--input-elements-icon-size-lg-height);
|
|
36
41
|
}
|
|
37
42
|
.input[data-size="md"] {
|
|
43
|
+
border-radius: var(--input-elements-text-field-size-md-border-radius);
|
|
44
|
+
|
|
38
45
|
padding-block: var(--input-elements-text-field-size-md-padding-block);
|
|
46
|
+
padding-inline-start: var(
|
|
47
|
+
--input-elements-text-field-size-md-padding-inline-start
|
|
48
|
+
);
|
|
39
49
|
height: var(--input-elements-text-field-size-md-height);
|
|
40
50
|
font: var(--input-elements-text-field-size-md-typography);
|
|
41
51
|
}
|
|
@@ -52,7 +62,7 @@
|
|
|
52
62
|
color: var(--input-light-elements-text-field-color-text-error-placeholder);
|
|
53
63
|
}
|
|
54
64
|
.input[data-error="true"],
|
|
55
|
-
.
|
|
65
|
+
.icon[data-error="true"] {
|
|
56
66
|
background-color: var(
|
|
57
67
|
--input-light-elements-text-field-color-background-error-default
|
|
58
68
|
);
|
|
@@ -66,7 +76,7 @@
|
|
|
66
76
|
box-shadow: 0px 0px 0px 6px rgba(209, 40, 40, 0.24);
|
|
67
77
|
}
|
|
68
78
|
.input[data-disabled="true"],
|
|
69
|
-
.
|
|
79
|
+
.icon[aria-disabled="true"] {
|
|
70
80
|
opacity: var(--input-disabled-opacity);
|
|
71
81
|
pointer-events: none;
|
|
72
82
|
}
|
|
@@ -78,6 +88,7 @@
|
|
|
78
88
|
border-color: var(--input-light-elements-icon-color-border-primary-default);
|
|
79
89
|
border-width: var(--input-elements-icon-size-xl-border-width);
|
|
80
90
|
border-style: solid;
|
|
91
|
+
box-sizing: border-box;
|
|
81
92
|
color: var(--input-light-elements-icon-color-text-primary-default);
|
|
82
93
|
height: var(--input-elements-icon-size-xl-height);
|
|
83
94
|
display: flex;
|
|
@@ -88,9 +99,11 @@
|
|
|
88
99
|
}
|
|
89
100
|
.icon[data-size="md"] {
|
|
90
101
|
height: var(--input-elements-icon-size-md-height);
|
|
102
|
+
border-radius: var(--input-elements-icon-size-md-border-radius);
|
|
91
103
|
}
|
|
92
104
|
.icon[data-size="lg"] {
|
|
93
105
|
height: var(--input-elements-icon-size-lg-height);
|
|
106
|
+
border-radius: var(--input-elements-icon-size-lg-border-radius);
|
|
94
107
|
}
|
|
95
108
|
.addon {
|
|
96
109
|
background-color: var(
|
|
@@ -108,9 +121,13 @@
|
|
|
108
121
|
z-index: 10;
|
|
109
122
|
}
|
|
110
123
|
.addon[data-size="md"] {
|
|
124
|
+
border-radius: var(--input-elements-addon-size-md-border-radius);
|
|
125
|
+
|
|
111
126
|
height: var(--input-elements-addon-size-md-height);
|
|
112
127
|
}
|
|
113
128
|
.addon[data-size="lg"] {
|
|
129
|
+
border-radius: var(--input-elements-addon-size-lg-border-radius);
|
|
130
|
+
|
|
114
131
|
height: var(--input-elements-addon-size-lg-height);
|
|
115
132
|
}
|
|
116
133
|
|
|
@@ -128,7 +145,7 @@
|
|
|
128
145
|
box-shadow: 0px 0px 0px 6px rgba(209, 40, 40, 0.24);
|
|
129
146
|
}
|
|
130
147
|
.input[data-mode="dark"][data-error="true"],
|
|
131
|
-
.
|
|
148
|
+
.icon[data-mode="dark"][data-error="true"] {
|
|
132
149
|
background-color: var(
|
|
133
150
|
--input-dark-elements-text-field-color-background-error-default
|
|
134
151
|
);
|
|
@@ -78,6 +78,12 @@ input {
|
|
|
78
78
|
}
|
|
79
79
|
.trigger[data-size="md"] {
|
|
80
80
|
font: var(--segmented-controller-elements-trigger-size-md-typography);
|
|
81
|
+
padding-block: var(
|
|
82
|
+
--segmented-controller-elements-trigger-size-md-padding-block
|
|
83
|
+
);
|
|
84
|
+
padding-inline: var(
|
|
85
|
+
--segmented-controller-elements-trigger-size-md-padding-inline
|
|
86
|
+
);
|
|
81
87
|
}
|
|
82
88
|
.list[data-mode="dark"] {
|
|
83
89
|
border: var(--segmented-controller-elements-list-size-lg-border-width) solid
|
|
@@ -117,6 +123,9 @@ input {
|
|
|
117
123
|
}
|
|
118
124
|
|
|
119
125
|
.content {
|
|
126
|
+
background-color: var(
|
|
127
|
+
--segmented-controller-light-elements-trigger-color-background-primary-default
|
|
128
|
+
);
|
|
120
129
|
flex-shrink: 1;
|
|
121
130
|
border: var(--segmented-controller-elements-content-size-lg-border-width)
|
|
122
131
|
solid
|
|
@@ -106,10 +106,9 @@
|
|
|
106
106
|
--select-light-elements-menu-item-color-background-primary-default
|
|
107
107
|
);
|
|
108
108
|
display: flex;
|
|
109
|
-
align-items: center;
|
|
110
109
|
gap: var(--select-elements-menu-item-gap-default);
|
|
111
|
-
/* height: var(--select-elements-menu-item-size-lg-height); */
|
|
112
110
|
outline: none;
|
|
111
|
+
padding-block: var(--select-elements-menu-item-size-lg-padding-block);
|
|
113
112
|
padding-inline: var(--select-elements-menu-item-size-lg-padding-inline);
|
|
114
113
|
}
|
|
115
114
|
.item[data-disabled] {
|
|
@@ -239,3 +238,25 @@
|
|
|
239
238
|
min-height: var(--select-elements-icon-size-md-min-height);
|
|
240
239
|
align-self: baseline;
|
|
241
240
|
}
|
|
241
|
+
|
|
242
|
+
.heading {
|
|
243
|
+
display: inline-block;
|
|
244
|
+
font: var(--select-elements-heading-size-sm-typography);
|
|
245
|
+
color: var(--select-light-elements-heading-color-text-primary-default);
|
|
246
|
+
padding-block: var(--select-elements-heading-size-sm-padding-block);
|
|
247
|
+
padding-inline: var(--select-elements-heading-size-sm-padding-inline);
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.heading[data-mode="dark"] {
|
|
251
|
+
color: var(--select-dark-elements-heading-color-text-primary-default);
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
.label {
|
|
255
|
+
font: var(--select-elements-label-size-sm-typography);
|
|
256
|
+
color: var(--select-light-elements-label-color-text-primary-default);
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
.label[data-mode="dark"] {
|
|
260
|
+
font: var(--select-elements-label-size-sm-typography);
|
|
261
|
+
color: var(--select-dark-elements-label-color-text-primary-default);
|
|
262
|
+
}
|
|
@@ -1,12 +1,3 @@
|
|
|
1
|
-
/* button,
|
|
2
|
-
fieldset,
|
|
3
|
-
input {
|
|
4
|
-
all: unset;
|
|
5
|
-
} */
|
|
6
|
-
|
|
7
|
-
.tokens {
|
|
8
|
-
}
|
|
9
|
-
|
|
10
1
|
.root {
|
|
11
2
|
display: flex;
|
|
12
3
|
flex-direction: column;
|
|
@@ -41,6 +32,7 @@ input {
|
|
|
41
32
|
align-items: center;
|
|
42
33
|
justify-content: center;
|
|
43
34
|
font: var(--tabs-elements-trigger-size-lg-typography);
|
|
35
|
+
height: var(--tabs-elements-trigger-size-lg-max-height);
|
|
44
36
|
color: var(--tabs-trigger-color);
|
|
45
37
|
}
|
|
46
38
|
.trigger:hover {
|
|
@@ -53,6 +45,7 @@ input {
|
|
|
53
45
|
}
|
|
54
46
|
.trigger[data-size="xl"] {
|
|
55
47
|
font: var(--tabs-elements-trigger-size-xl-typography);
|
|
48
|
+
height: var(--tabs-elements-trigger-size-xl-max-height);
|
|
56
49
|
}
|
|
57
50
|
.trigger[data-mode="dark"] {
|
|
58
51
|
color: var(--tabs-dark-elements-trigger-color-text-primary-default);
|
|
@@ -65,6 +58,9 @@ input {
|
|
|
65
58
|
}
|
|
66
59
|
|
|
67
60
|
.content {
|
|
61
|
+
background-color: var(
|
|
62
|
+
--tabs-light-elements-trigger-color-background-primary-default
|
|
63
|
+
);
|
|
68
64
|
flex-shrink: 1;
|
|
69
65
|
border: var(--tabs-elements-content-size-lg-border-width) solid
|
|
70
66
|
var(--tabs-light-elements-content-color-border-primary-default);
|
package/build/css/index.css
CHANGED
|
@@ -5,4 +5,9 @@
|
|
|
5
5
|
--dialog-dark-elements-content-color-background-primary-default: #121212;
|
|
6
6
|
--dialog-dark-elements-title-color-text-primary-default: #ffffff;
|
|
7
7
|
--dialog-dark-elements-description-color-text-primary-default: #b7bcc3;
|
|
8
|
+
--dialog-dark-elements-icon-color-background-generic-default: #242831;
|
|
9
|
+
--dialog-dark-elements-icon-color-background-destructive-default: #5c0b09;
|
|
10
|
+
--dialog-dark-elements-icon-color-background-error-default: #5c0b09;
|
|
11
|
+
--dialog-dark-elements-icon-color-background-success-default: #063724;
|
|
12
|
+
--dialog-dark-elements-icon-color-background-loading-default: transparent;
|
|
8
13
|
}
|
|
@@ -5,4 +5,9 @@
|
|
|
5
5
|
--dialog-light-elements-content-color-background-primary-default: #ffffff;
|
|
6
6
|
--dialog-light-elements-title-color-text-primary-default: #121212;
|
|
7
7
|
--dialog-light-elements-description-color-text-primary-default: #6b7280;
|
|
8
|
+
--dialog-light-elements-icon-color-background-generic-default: #edeeef;
|
|
9
|
+
--dialog-light-elements-icon-color-background-destructive-default: #fee5e5;
|
|
10
|
+
--dialog-light-elements-icon-color-background-error-default: #fee5e5;
|
|
11
|
+
--dialog-light-elements-icon-color-background-success-default: #e2fdee;
|
|
12
|
+
--dialog-light-elements-icon-color-background-loading-default: transparent;
|
|
8
13
|
}
|
|
@@ -313,6 +313,25 @@
|
|
|
313
313
|
--color-highlight-800: #785200;
|
|
314
314
|
--color-highlight-900: #563e00;
|
|
315
315
|
--color-highlight-1000: #3c2e00;
|
|
316
|
+
--shadow-xs: 0 0 12px 0 rgba(18, 18, 18, 0.08);
|
|
317
|
+
--shadow-sm: 0 0 12px 0 rgba(18, 18, 18, 0.16);
|
|
318
|
+
--shadow-md: 0 0 12px 0 rgba(18, 18, 18, 0.24);
|
|
319
|
+
--shadow-lg: 0 0 12px 0 rgba(18, 18, 18, 0.72);
|
|
320
|
+
--shadow-xl: 0 0 16px 0 rgba(18, 18, 18, 0.96);
|
|
321
|
+
--elevation-100: 100;
|
|
322
|
+
--elevation-150: 150;
|
|
323
|
+
--elevation-199: 199;
|
|
324
|
+
--elevation-200: 200;
|
|
325
|
+
--elevation-250: 250;
|
|
326
|
+
--elevation-299: 299;
|
|
327
|
+
--elevation-300: 300;
|
|
328
|
+
--elevation-350: 350;
|
|
329
|
+
--elevation-399: 399;
|
|
330
|
+
--elevation-400: 400;
|
|
331
|
+
--elevation-450: 450;
|
|
332
|
+
--elevation-499: 499;
|
|
333
|
+
--elevation-absolute-bottom: -999;
|
|
334
|
+
--elevation-absolute-top: 999;
|
|
316
335
|
--opacity-disabled: 0.32;
|
|
317
336
|
--opacity-sm: 0.48;
|
|
318
337
|
--opacity-md: 0.64;
|
|
@@ -402,13 +421,17 @@
|
|
|
402
421
|
--form-label-elements-indicator-border-radius: 0.375rem;
|
|
403
422
|
--form-label-elements-indicator-height: 0.5rem;
|
|
404
423
|
--form-label-elements-indicator-width: 0.5rem;
|
|
424
|
+
--input-elements-text-field-size-md-border-radius: 0.25rem;
|
|
405
425
|
--input-elements-text-field-size-md-height: 1.5rem;
|
|
406
426
|
--input-elements-text-field-size-md-padding-block: 0.375rem;
|
|
427
|
+
--input-elements-text-field-size-md-padding-inline-start: 0.5rem;
|
|
407
428
|
--input-elements-text-field-size-md-typography: 400 0.75rem/1rem 'Source Sans 3';
|
|
429
|
+
--input-elements-text-field-size-lg-border-radius: 0.375rem;
|
|
408
430
|
--input-elements-text-field-size-lg-height: 2rem;
|
|
409
431
|
--input-elements-text-field-size-lg-padding-block: 0.5rem;
|
|
432
|
+
--input-elements-text-field-size-lg-padding-inline-start: 0.5rem;
|
|
410
433
|
--input-elements-text-field-size-lg-typography: 400 0.875rem/1.25rem 'Source Sans 3';
|
|
411
|
-
--input-elements-text-field-size-xl-border-radius: 0.
|
|
434
|
+
--input-elements-text-field-size-xl-border-radius: 0.375rem;
|
|
412
435
|
--input-elements-text-field-size-xl-border-width: 0.063rem;
|
|
413
436
|
--input-elements-text-field-size-xl-height: 3rem;
|
|
414
437
|
--input-elements-text-field-size-xl-padding-block: 0.75rem;
|
|
@@ -417,17 +440,21 @@
|
|
|
417
440
|
--input-elements-text-field-size-xl-width: 100%;
|
|
418
441
|
--input-elements-root-size-xl-width: 100%;
|
|
419
442
|
--input-elements-icon-size-md-height: 1.5rem;
|
|
443
|
+
--input-elements-icon-size-md-border-radius: 0.375rem;
|
|
420
444
|
--input-elements-icon-size-lg-height: 2rem;
|
|
445
|
+
--input-elements-icon-size-lg-border-radius: 0.375rem;
|
|
421
446
|
--input-elements-icon-size-xl-border-radius: 0.5rem;
|
|
422
447
|
--input-elements-icon-size-xl-border-width: 0.063rem;
|
|
423
448
|
--input-elements-icon-size-xl-height: 3rem;
|
|
424
449
|
--input-elements-icon-size-xl-padding-block-start: 1rem;
|
|
425
450
|
--input-elements-icon-size-xl-padding-block-end: 0rem;
|
|
451
|
+
--input-elements-addon-size-md-border-radius: 0.25rem;
|
|
426
452
|
--input-elements-addon-size-md-height: 1.5rem;
|
|
427
453
|
--input-elements-addon-size-md-typography: 400 0.75rem/1rem 'Source Sans 3';
|
|
454
|
+
--input-elements-addon-size-lg-border-radius: 0.25rem;
|
|
428
455
|
--input-elements-addon-size-lg-height: 2rem;
|
|
429
456
|
--input-elements-addon-size-lg-typography: 400 0.875rem/1.25rem 'Source Sans 3';
|
|
430
|
-
--input-elements-addon-size-xl-border-radius: 0.
|
|
457
|
+
--input-elements-addon-size-xl-border-radius: 0.375rem;
|
|
431
458
|
--input-elements-addon-size-xl-border-width: 0.063rem;
|
|
432
459
|
--input-elements-addon-size-xl-height: 3rem;
|
|
433
460
|
--input-elements-addon-size-xl-padding-inline: 1rem;
|
|
@@ -457,6 +484,8 @@
|
|
|
457
484
|
--dialog-elements-description-margin: 0rem;
|
|
458
485
|
--dialog-elements-description-margin-block-start: 0.5rem;
|
|
459
486
|
--dialog-elements-description-text-align: center;
|
|
487
|
+
--dialog-elements-icon-size-default-border-radius: 0.375rem;
|
|
488
|
+
--dialog-elements-icon-size-default-padding: 0.5rem;
|
|
460
489
|
--field-message-size-sm-typography: 400 0.75rem/1rem 'Source Sans 3';
|
|
461
490
|
--field-message-size-md-margin-block-end: 0.375rem;
|
|
462
491
|
--field-message-size-md-typography: 400 0.813rem/1.25rem 'Source Sans 3';
|
|
@@ -541,12 +570,17 @@
|
|
|
541
570
|
--select-elements-content-scrollbar-size-lg-width: 0.75rem;
|
|
542
571
|
--select-elements-content-scrollbar-thumb-size-lg-height: 8rem;
|
|
543
572
|
--select-elements-menu-item-size-lg-padding-inline: 0.75rem;
|
|
573
|
+
--select-elements-menu-item-size-lg-padding-block: 0.375rem;
|
|
544
574
|
--select-elements-menu-item-gap-default: 0.5rem;
|
|
545
575
|
--select-elements-menu-item-opacity-disabled: 0.32;
|
|
546
576
|
--select-elements-separator-size-lg-height: 0.063rem;
|
|
547
577
|
--select-elements-info-size-lg-typography: 400 0.813rem/1.25rem 'Source Sans 3';
|
|
548
578
|
--select-elements-icon-size-md-min-height: 1.25rem;
|
|
549
579
|
--select-elements-icon-size-md-min-width: 1.25rem;
|
|
580
|
+
--select-elements-heading-size-sm-typography: 600 0.875rem/1.25rem 'Source Sans 3';
|
|
581
|
+
--select-elements-heading-size-sm-padding-inline: 0.75rem;
|
|
582
|
+
--select-elements-heading-size-sm-padding-block: 0.375rem;
|
|
583
|
+
--select-elements-label-size-sm-typography: 400 0.938rem/1.25rem 'Source Sans 3';
|
|
550
584
|
--switch-elements-thumb-size-sm-height: 1rem;
|
|
551
585
|
--switch-elements-thumb-size-sm-width: 1rem;
|
|
552
586
|
--switch-elements-thumb-size-md-border-radius: 1rem;
|
|
@@ -600,8 +634,10 @@
|
|
|
600
634
|
--tabs-elements-list-size-lg-padding-block-end: 1rem;
|
|
601
635
|
--tabs-elements-list-gap-default: 1.25rem;
|
|
602
636
|
--tabs-elements-trigger-size-lg-border-width: 0.125rem;
|
|
637
|
+
--tabs-elements-trigger-size-lg-max-height: 2rem;
|
|
603
638
|
--tabs-elements-trigger-size-lg-padding-block-end: 0rem;
|
|
604
639
|
--tabs-elements-trigger-size-lg-typography: 700 1.125rem/1.5rem 'Source Sans 3';
|
|
640
|
+
--tabs-elements-trigger-size-xl-max-height: 3rem;
|
|
605
641
|
--tabs-elements-trigger-size-xl-typography: 700 1.5rem/2.25rem 'Source Sans 3';
|
|
606
642
|
--tabs-elements-content-size-lg-border-radius: 0.375rem;
|
|
607
643
|
--tabs-elements-content-size-lg-border-width: 0.063rem;
|
|
@@ -28,4 +28,6 @@
|
|
|
28
28
|
--select-dark-elements-menu-item-color-text-primary-active: #ffffff;
|
|
29
29
|
--select-dark-elements-separtor-color-background-primary-default: #d5d7db;
|
|
30
30
|
--select-dark-elements-info-color-text-primary-default: #b7bcc3;
|
|
31
|
+
--select-dark-elements-heading-color-text-primary-default: #8d949f;
|
|
32
|
+
--select-dark-elements-label-color-text-primary-default: #ffffff;
|
|
31
33
|
}
|
|
@@ -25,4 +25,6 @@
|
|
|
25
25
|
--select-light-elements-menu-item-color-background-primary-active: #d9eafe;
|
|
26
26
|
--select-light-elements-separtor-color-background-primary-default: #d5d7db;
|
|
27
27
|
--select-light-elements-info-color-text-primary-default: #6b7280;
|
|
28
|
+
--select-light-elements-heading-color-text-primary-default: #6b7280;
|
|
29
|
+
--select-light-label-color-text-primary-default: #121212;
|
|
28
30
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.badge{align-items:center;background-color:var(--badge-light-color-background-neutral-light-fill);border-end-end-radius:var(--badge-size-sm-border-radius);border-end-start-radius:var(--badge-size-sm-border-radius);border-start-end-radius:var(--badge-size-sm-border-radius);border-start-start-radius:var(--badge-size-sm-border-radius);color:var(--badge-light-color-text-fill);display:inline-flex;font:var(--badge-size-lg-typography);gap:var(--badge-gap-spacing);height:fit-content;padding-block-end:var(--badge-size-lg-vertical-padding);padding-block-start:var(--badge-size-lg-vertical-padding);padding-inline-end:var(--badge-size-lg-horizontal-padding);padding-inline-start:var(--badge-size-lg-horizontal-padding);vertical-align:top;white-space:nowrap;width:fit-content}.badge[data-size=md]{font:var(--badge-size-md-typography);padding-block-end:var(--badge-size-md-vertical-padding);padding-block-start:var(--badge-size-md-vertical-padding);padding-inline-end:var(--badge-size-md-horizontal-padding);padding-inline-start:var(--badge-size-md-horizontal-padding)}.badge[data-size=sm]{font:var(--badge-size-sm-typography);padding-block-end:var(--badge-size-sm-vertical-padding);padding-block-start:var(--badge-size-sm-vertical-padding);padding-inline-end:var(--badge-size-sm-horizontal-padding);padding-inline-start:var(--badge-size-sm-horizontal-padding)}.badge[data-color=neutral-light]{background-color:var(--badge-light-color-background-neutral-light-fill)}.badge[data-color=neutral-dark]{background-color:var(--badge-light-color-background-neutral-dark-fill)}.badge[data-color=primary]{background-color:var(--badge-light-color-background-primary-fill)}.badge[data-color=success]{background-color:var(--badge-light-color-background-success-fill)}.badge[data-color=danger]{background-color:var(--badge-light-color-background-danger-fill)}.badge[data-color=warning]{background-color:var(--badge-light-color-background-warning-fill)}.badge[data-color=highlight]{background-color:var(--badge-light-color-background-hightlight-fill)}.badge[data-mode=dark]{color:var(--badge-dark-color-text-fill)}.badge[data-color=neutral-light][data-mode=dark]{background-color:var(--badge-dark-color-background-neutral-light-fill);color:var(--badge-dark-color-text-fill)}.badge[data-color=neutral-dark][data-mode=dark]{background-color:var(--badge-dark-color-background-neutral-dark-fill)}.badge[data-color=primary][data-mode=dark]{background-color:var(--badge-dark-color-background-primary-fill)}.badge[data-color=success][data-mode=dark]{background-color:var(--badge-dark-color-background-success-fill)}.badge[data-color=danger][data-mode=dark]{background-color:var(--badge-dark-color-background-danger-fill)}.badge[data-color=warning][data-mode=dark]{background-color:var(--badge-dark-color-background-warning-fill)}.badge[data-color=highlight][data-mode=dark]{background-color:var(--badge-dark-color-background-highlight-fill)}.action:hover{background-color:transparent!important;border-color:transparent!important}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
.button{align-items:center;background-color:var(--button-light-color-background-solid-primary-default);border-color:var(--button-light-color-border-solid-primary-default);border-radius:var(--button-size-xl-border-radius);border-style:var(--button-size-xl-border-style);border-width:var(--button-size-xl-border-width);box-shadow:inset 0 -2px 1px 0 hsla(0,0%,7%,.12),inset 0 1px 1px 0 hsla(0,0%,100%,.24);box-sizing:border-box;color:var(--button-light-color-text-solid-primary-default);cursor:pointer;display:inline-flex;font:var(--button-size-xl-typography);gap:var(--button-size-xl-spacing);height:var(--button-size-xl-height);padding-block-end:var(--button-size-xl-padding-bottom);padding-block-start:var(--button-size-xl-padding-top);padding-inline-end:var(--button-size-xl-padding-right);padding-inline-start:var(--button-size-xl-padding-left);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out;white-space:nowrap}.button[data-width=full]{justify-content:center;width:100%}.button:not(:disabled):hover{background-color:var(--button-light-color-background-solid-primary-hover);border-color:var(--button-light-color-border-solid-primary-hover)}.button:focus-visible{outline:var(--button-outline-primary-offset) var(--button-outline-primary-style) var(--color-primary-700);outline-offset:var(--spacing-3xs)}.button:active,.button[data-background=outlined]:active{box-shadow:0 0 0 6px rgba(12,87,205,.16)}.button[data-background=outlined]{background-color:var(
|
|
2
|
+
--button-light-color-background-outlined-primary-default
|
|
3
|
+
);border-color:var(--button-light-color-border-outlined-primary-default);box-shadow:none;color:var(--button-light-color-text-outlined-primary-default)}.button[data-background=outlined]:hover{background-color:var(--button-light-color-background-outlined-primary-hover);border-color:var(--button-light-color-border-outlined-primary-hover)}.button[data-background=transparent]{background-color:var(--button-light-color-transparent-primary-default);border-color:var(--button-light-color-border-transparent-primary-default);box-shadow:none;color:var(--button-light-color-text-transparent-primary-default)}.button[data-background=transparent]:hover{background-color:var(--color-neutral-200);border-color:transparent}.button[data-background=transparent]:active{background-color:var(
|
|
4
|
+
--button-light-color-background-transparent-primary-active
|
|
5
|
+
);border-color:var(--button-light-color-border-transparent-primary-active);box-shadow:none}.button[data-size=md]{font:var(--button-size-md-typography);height:var(--button-size-md-height);padding-block-end:var(--button-size-md-padding-bottom);padding-block-start:var(--button-size-md-padding-top);padding-inline-end:var(--button-size-md-padding-right);padding-inline-start:var(--button-size-md-padding-left)}.button[data-size=lg]{font:var(--button-size-lg-typography);height:var(--button-size-lg-height);padding-block-end:var(--button-size-lg-padding-bottom);padding-block-start:var(--button-size-lg-padding-top);padding-inline-end:var(--button-size-lg-padding-right);padding-inline-start:var(--button-size-lg-padding-left)}.button[data-rounded=left]{border-end-end-radius:0;border-start-end-radius:0}.button[data-rounded=none],.button[data-rounded=right]{border-end-start-radius:0;border-start-start-radius:0}.button[data-rounded=none]{border-end-end-radius:0;border-start-end-radius:0}.button[data-variant=neutral][data-background=outlined]{background-color:var(
|
|
6
|
+
--button-light-color-background-outlined-neutral-default
|
|
7
|
+
);border-color:var(--color-neutral-300);box-shadow:none;color:var(--button-light-color-text-outlined-neutral-default)}.button[data-variant=neutral][data-background=outlined]:active{box-shadow:0 0 0 6px hsla(220,9%,46%,.16)}.button[data-variant=neutral]:hover{background-color:var(--button-light-color-background-outlined-neutral-hover)}.button[data-variant=neutral][data-background=transparent]{background-color:var(
|
|
8
|
+
--button-light-color-background-transparent-neutral-default
|
|
9
|
+
);border-color:var(--button-light-color-border-transparent-neutral-default);color:var(--button-light-color-text-outlined-neutral-default)}.button[data-variant=neutral][data-background=transparent]:hover{background-color:var(
|
|
10
|
+
--button-light-color-background-transparent-neutral-hover
|
|
11
|
+
);border-color:var(--button-light-color-border-transparent-neutral-hover)}.button[data-variant=neutral][data-background=transparent]:active{background-color:var(
|
|
12
|
+
--button-light-color-background-transparent-neutral-active
|
|
13
|
+
);border-color:var(--button-light-color-border-transparent-neutral-active)}.button[data-variant=danger]{background-color:var(--button-light-color-background-solid-danger-default);border-color:var(--button-light-color-border-solid-danger-default);color:var(--button-light-color-text-solid-danger-default)}.button[data-variant=danger]:not(:disabled):hover{background-color:var(--button-light-color-background-solid-danger-hover);border-color:var(--button-light-color-border-solid-danger-hover)}.button[data-variant=danger][data-background=outlined]{background-color:var(
|
|
14
|
+
--button-light-color-background-outlined-danger-default
|
|
15
|
+
);border-color:var(--button-light-color-border-outlined-danger-default);color:var(--button-light-color-text-outlined-danger-default)}.button[data-variant=danger][data-background=outlined]:hover{background-color:var(--color-danger-100);border-color:var(--color-danger-600)}.button[data-variant=danger]:active{box-shadow:0 0 0 6px rgba(209,40,40,.16)}
|
|
16
|
+
|
|
17
|
+
/*! DARK MODE */.button[data-mode=dark]{border-color:var(--button-dark-color-border-solid-primary-default);box-shadow:none}.button[data-mode=dark]:not(:disabled):active{box-shadow:0 0 0 6px rgba(12,87,205,.24)}.button[data-mode=dark][data-variant=neutral][data-background=outlined]:not(:disabled):active{box-shadow:0 0 0 6px hsla(220,9%,46%,.24)}.button[data-mode=dark][data-background=outlined][data-variant=danger]:not(:disabled):active,.button[data-mode=dark][data-variant=danger]:not(:disabled):active{box-shadow:0 0 0 6px rgba(209,40,40,.24)}.button[data-mode=dark]:not(:disabled):hover{background-color:var(--button-dark-color-background-solid-primary-hover);border-color:var(--button-dark-color-border-solid-primary-hover)}.button[data-background=outlined][data-mode=dark]{background-color:var(
|
|
18
|
+
--button-dark-color-background-outlined-primary-default
|
|
19
|
+
);border-color:var(--button-dark-color-border-outlined-primary-default);box-shadow:none;color:var(--button-dark-color-text-outlined-primary-default)}.button[data-background=outlined][data-mode=dark]:hover{background-color:var(--button-dark-color-background-outlined-primary-hover);border-color:var(--button-dark-color-border-outlined-primary-hover)}.button[data-background=transparent][data-mode=dark]{background-color:var(
|
|
20
|
+
--button-dark-color-background-transparent-primary-default
|
|
21
|
+
);border-color:var(--button-dark-color-border-transparent-primary-default);color:var(--button-dark-color-text-transparent-primary-default)}.button[data-background=transparent][data-mode=dark]:hover{background-color:var(
|
|
22
|
+
--button-dark-color-background-transparent-primary-hover
|
|
23
|
+
);border-color:var(--button-dark-color-border-transparent-primary-hover)}.button[data-background=transparent][data-mode=dark]:active{background-color:var(
|
|
24
|
+
--button-dark-color-background-transparent-primary-active
|
|
25
|
+
);box-shadow:none}.button[data-variant=neutral][data-background=outlined][data-mode=dark]{background-color:var(
|
|
26
|
+
--button-dark-color-background-outlined-neutral-default
|
|
27
|
+
);border-color:var(--button-dark-color-border-outlined-neutral-default);box-shadow:none;color:var(--button-dark-color-text-outlined-neutral-default)}.button[data-variant=neutral][data-background=outlined][data-mode=dark]:hover{background-color:var(--button-dark-color-background-outlined-neutral-hover)}.button[data-variant=neutral][data-background=transparent][data-mode=dark]{background-color:var(
|
|
28
|
+
--button-dark-color-background-transparent-neutral-default
|
|
29
|
+
);border-color:var(--button-dark-color-border-transparent-neutral-default);color:var(--button-dark-color-text-transparent-neutral-default)}.button[data-variant=neutral][data-background=transparent][data-mode=dark]:hover{background-color:var(
|
|
30
|
+
--button-dark-color-background-transparent-neutral-hover
|
|
31
|
+
);border-color:var(--button-dark-color-border-transparent-neutral-hover)}.button[data-variant=neutral][data-background=transparent][data-mode=dark]:active{background-color:var(
|
|
32
|
+
--button-dark-color-background-transparent-neutral-active
|
|
33
|
+
);border-color:var(--button-dark-color-border-transparent-neutral-active);box-shadow:none}.button[data-mode=dark][data-variant=danger]{border-color:var(--button-dark-color-border-solid-danger-default);box-shadow:none}.button[data-mode=dark][data-variant=danger]:hover{background-color:var(--button-dark-color-background-solid-danger-hover);border-color:var(--button-dark-color-border-solid-danger-hover);box-shadow:none}.button[data-variant=danger][data-background=outlined][data-mode=dark]{background-color:var(--button-dark-color-background-outlined-danger-default);border-color:var(--button-dark-color-border-outlined-danger-default);box-shadow:none;color:var(--button-dark-color-text-outlined-danger-default)}.button[data-variant=danger][data-background=outlined][data-mode=dark]:hover{background-color:var(--color-danger-1000);box-shadow:none;color:var(--color-danger-400)}.button:disabled,.button[data-variant=danger]:disabled{box-shadow:none;cursor:not-allowed;opacity:var(--button-opacity-disabled);pointer-events:none}.button:is([data-loading=true]){opacity:.8;pointer-events:none}.button[data-mode=dark]:focus-visible{outline-color:var(--color-primary-300)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.card{background-color:var(--card-light-color-background-primary-default);border:var(--card-size-sm-border-width) solid var(--card-light-color-border-primary-default);border-radius:var(--card-size-sm-border-radius);min-height:var(--card-size-sm-min-height);padding:var(--card-size-sm-padding);width:100%}.card[data-size=md]{padding:var(--card-size-md-padding)}.card[data-size=lg]{padding:var(--card-size-lg-padding)}.card[data-mode=dark]{background-color:var(--card-dark-color-background-primary-default);border:var(--card-size-sm-border-width) solid var(--card-dark-color-border-primary-default)}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
.checkbox,.indicator{display:flex}.checkbox{appearance:none;background-color:var(--checkbox-light-color-background-primary-default);border:var(--checkbox-size-md-border-width) solid var(--checkbox-light-color-border-primary-default);border-radius:var(--checkbox-size-md-border-radius);box-sizing:border-box;height:var(--checkbox-size-md-height);justify-content:center;min-width:var(--checkbox-size-md-width);position:relative;transition:background-color var(--checkbox-transition-speed) ease;width:var(--checkbox-size-md-width)}.checkbox:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{background-color:var(--checkbox-light-color-background-primary-hover);content:"";height:var(--checkbox-size-md-background-size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .25s ease;width:var(--checkbox-size-md-background-size)}.checkbox[data-state=checked]{background-color:var(--checkbox-light-color-background-primary-active);border-color:var(--checkbox-light-color-border-primary-active)}.checkbox:focus-visible{outline:var(--checkbox-outline-primary-width) var(--checkbox-outline-primary-style) var(--checkbox-outline-primary-fill);outline-offset:var(--checkbox-outline-primary-offset)}.checkbox[data-disabled],.checkbox[data-error=true][data-disabled],.checkbox[data-mode=dark][data-disabled]{opacity:var(--checkbox-opacity-disabled);pointer-events:none}.checkbox[data-error=true]{background-color:var(--checkbox-light-color-background-danger-default)}.checkbox[data-error=true]:not([data-disabled]):not([data-state=checked]):hover{background-color:var(--checkbox-light-color-background-danger-hover)}.checkbox:indeterminate{background-color:var(
|
|
2
|
+
--checkbox-light-color-background-indeterminate-default
|
|
3
|
+
)}.checkbox[data-size=sm]{border-radius:var(--checkbox-size-sm-border-radius,initial);height:var(--checkbox-size-sm-height);min-width:var(--checkbox-size-sm-width);width:var(--checkbox-size-sm-width)}.checkbox[data-size=sm]:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{height:var(--checkbox-size-sm-background-size);width:var(--checkbox-size-sm-background-size)}.checkbox[data-mode=dark]{background-color:var(--checkbox-dark-color-background-primary-default)}.checkbox[data-mode=dark][data-state=checked]{background-color:var(--checkbox-dark-color-background-primary-active);border-color:var(--checkbox-dark-color-background-primary-active)}.checkbox[data-error=true][data-mode=dark]{background-color:var(--checkbox-dark-color-background-danger-default)}.checkbox[data-mode=dark]:focus-visible{outline-color:var(var(--checkbox-dark-color-outline-primary-fill))}.checkbox[data-mode=dark]:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{background-color:var(--checkbox-dark-color-background-primary-hover)}.checkbox[data-error=true][data-mode=dark][data-state=checked],.checkbox[data-error=true][data-mode=dark][data-state=checked]:hover{background-color:var(--checkbox-dark-color-background-danger-active)}.checkbox[data-error=true][data-mode=dark]:not([data-disabled]):not([data-state=checked]):hover{background-color:var(--checkbox-dark-color-background-danger-hover)}.tile{align-items:center;background-color:var(--checkbox-tile-light-color-background-primary-default);border:var(--checkbox-tile-size-md-border-width) solid var(--checkbox-tile-light-color-border-primary-default);border-radius:var(--checkbox-tile-size-md-border-radius);box-sizing:border-box;display:flex;padding-block:var(--checkbox-tile-size-md-padding-block);padding-inline:var(--checkbox-tile-size-md-padding-inline)}.tile[data-altbackground=true]{background-color:var(
|
|
4
|
+
--checkbox-tile-light-color-background-altbackground-default
|
|
5
|
+
);border-color:var(--checkbox-tile-light-color-border-altbackground-default)}.tile:has(.root[data-state=checked]){background-color:var(--checkbox-tile-light-color-background-primary-active)}.tile[data-state=checked]{background-color:var(--checkbox-tile-light-color-background-primary-active);border-color:var(--checkbox-tile-light-color-border-primary-active)}.tile:not([data-state=checked]):hover{background-color:var(--checkbox-tile-light-color-background-primary-hover);border-color:var(--checkbox-tile-light-color-border-primary-hover)}.tile[data-mode=dark]{background-color:var(--checkbox-tile-dark-color-background-primary-default);border-color:var(--checkbox-tile-dark-color-border-primary-default)}.tile[data-altbackground=checked][data-mode=dark]{background-color:var(
|
|
6
|
+
--checkbox-tile-dark-color-background-altbackground-default
|
|
7
|
+
)}.tile[data-mode=dark]:has(.root[data-state=checked]){background-color:var(--checkbox-tile-dark-color-background-primary-active)}.tile[data-mode=dark]:hover{background-color:var(--checkbox-tile-dark-color-background-primary-hover);border-color:var(--checkbox-tile-dark-color-border-primary-hover)}.tile[data-mode=dark][data-state=checked]{border-color:var(--checkbox-tile-dark-color-border-primary-active)}.tile[data-mode=dark][data-state=checked],.tile[data-mode=dark][data-state=checked]:hover{background-color:var(--checkbox-tile-dark-color-background-primary-active)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "./global.css";@import "./badge/dark.css";@import "./button/dark.css";@import "./checkbox/dark.css";@import "./checkbox-tile/dark.css";@import "./field-message/dark.css";@import "./form-label/dark.css";@import "./input/dark.css";@import "./label/dark.css";@import "./link/dark.css";@import "./radio-group/dark.css";@import "./radio-group-tile/dark.css";@import "./select/dark.css";@import "./switch/dark.css";@import "./table/dark.css";@import "./tabs/dark.css";
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
.overlay{background-color:var(
|
|
2
|
+
--dialog-light-elements-overlay-color-background-primary-default
|
|
3
|
+
);inset:0;position:fixed}.overlay[data-mode=dark]{background-color:var(
|
|
4
|
+
--dialog-dark-elements-overlay-color-background-primary-default
|
|
5
|
+
);inset:0;position:fixed}.content{animation:var(--dialog-content-animation);background-color:var(
|
|
6
|
+
--dialog-light-elements-content-color-background-primary-default
|
|
7
|
+
);border-radius:var(--dialog-elements-content-size-compact-border-radius);box-shadow:var(--dialog-elements-content-size-compact-box-shadow);left:50%;padding-block:var(--dialog-elements-content-size-compact-padding-block);padding-inline:var(--dialog-elements-content-size-compact-padding-inline);position:fixed;top:50%;transform:translate(-50%,-50%);width:var(--dialog-elements-content-size-compact-width)}.content:focus{outline:none}.content[data-size=spacious]{width:var(--dialog-elements-content-size-spacious-width)}.content[data-mode=dark]{background-color:var(
|
|
8
|
+
--dialog-dark-elements-content-color-background-primary-default
|
|
9
|
+
)}.title{color:var(--dialog-light-elements-title-color-text-primary-default);font:var(--dialog-elements-title-typography);margin:var(--dialog-elements-title-margin);margin-block-start:var(--dialog-elements-title-margin-block-start);text-align:var(--dialog-elements-title-text-align)}.title[data-mode=dark]{color:var(--dialog-dark-elements-title-color-text-primary-default)}.description{color:var(--dialog-light-elements-description-color-text-primary-default);font:var(--dialog-elements-description-typography);margin:var(--dialog-elements-description-margin);margin-block-start:var(--dialog-elements-description-margin-block-start);text-align:var(--dialog-elements-description-text-align)}.description[data-mode=dark]{color:var(--dialog-dark-elements-description-color-text-primary-default)}.icon{background-color:var(
|
|
10
|
+
--dialog-light-elements-icon-color-background-generic-default
|
|
11
|
+
);border-radius:var(--dialog-elements-icon-size-default-border-radius);display:flex;justify-content:center;margin:0 auto;padding:var(--dialog-elements-icon-size-default-padding);width:min-content}.icon[data-type=destructive],.icon[data-type=error]{background-color:var(
|
|
12
|
+
--dialog-light-elements-icon-color-background-destructive-default
|
|
13
|
+
)}.icon[data-type=success]{background-color:var(
|
|
14
|
+
--dialog-light-elements-icon-color-background-success-default
|
|
15
|
+
)}.icon[data-mode=dark][data-type=loading],.icon[data-type=loading]{background-color:var(
|
|
16
|
+
--dialog-light-elements-icon-color-background-loading-default
|
|
17
|
+
)}.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(
|
|
18
|
+
--dialog-dark-elements-icon-color-background-destructive-default
|
|
19
|
+
)}.icon[data-mode=dark][data-type=success]{background-color:var(
|
|
20
|
+
--dialog-dark-elements-icon-color-background-success-default
|
|
21
|
+
)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.message{color:var(--field-message-light-color-text-primary-default);display:block;font:var(--field-message-size-md-typography)}.message[data-size=sm]{font:var(--field-message-size-sm-typography)}.message[data-error=true]{color:var(--field-message-light-color-text-danger-default)}.message[aria-disabled=true]{opacity:var(--field-message-opacity-disabled)}.message[data-error=true][data-mode=dark],.message[data-mode=dark]{color:var(--field-message-dark-color-text-danger-default)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.label{align-items:center;box-sizing:border-box;color:var(--form-label-light-color-text-primary-default);display:inline-flex;font:var(--form-label-size-md-typography);gap:var(--form-label-size-md-gap)}.label[data-size=sm]{font:var(--form-label-size-sm-typography)}.label[data-mode=dark]{color:var(--form-label-dark-color-text-primary-default)}.label:is([aria-required=true]):after{background-color:var(--form-label-elements-indicator-background);border-radius:var(--form-label-elements-indicator-border-radius);content:"";height:var(--form-label-elements-indicator-height);width:var(--form-label-elements-indicator-width)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:host,:root{--primitive-0:0rem;--primitive-1:0.063rem;--primitive-2:0.125rem;--primitive-4:0.25rem;--primitive-6:0.375rem;--primitive-8:0.5rem;--primitive-10:0.625rem;--primitive-11:0.688rem;--primitive-12:0.75rem;--primitive-13:0.813rem;--primitive-14:0.875rem;--primitive-15:0.938rem;--primitive-16:1rem;--primitive-17:1.063rem;--primitive-18:1.125rem;--primitive-20:1.25rem;--primitive-24:1.5rem;--primitive-28:1.75rem;--primitive-32:2rem;--primitive-36:2.25rem;--primitive-40:2.5rem;--primitive-44:2.75rem;--primitive-48:3rem;--primitive-52:3.25rem;--primitive-56:3.5rem;--primitive-60:3.75rem;--primitive-64:4rem;--primitive-72:4.5rem;--primitive-80:5rem;--primitive-128:8rem;--primitive-160:10rem;--primitive-192:12rem;--primitive-224:14rem;--primitive-256:16rem;--primitive-320:20rem;--primitive-384:24rem;--primitive-448:28rem;--primitive-512:32rem;--primitive-640:40rem;--primitive-768:48rem;--primitive-1024:64rem;--primitive-1280:80rem;--primitive-1600:100rem;--primitive-1920:120rem;--primitive-gray-100:#f9f9f9;--primitive-gray-200:#edeeef;--primitive-gray-300:#d5d7db;--primitive-gray-400:#b7bcc3;--primitive-gray-500:#8d949f;--primitive-gray-600:#6b7280;--primitive-gray-700:#4f5562;--primitive-gray-800:#343944;--primitive-gray-900:#242831;--primitive-gray-1000:#191b22;--primitive-gray-black:#121212;--primitive-gray-white:#fff;--primitive-blue-100:#f0f7ff;--primitive-blue-200:#d9eafe;--primitive-blue-300:#abcffd;--primitive-blue-400:#66a8fd;--primitive-blue-500:#3a89fd;--primitive-blue-600:#0c57cd;--primitive-blue-700:#063b99;--primitive-blue-800:#052b74;--primitive-blue-900:#041c4f;--primitive-blue-1000:#03122f;--primitive-red-100:#fee5e5;--primitive-red-200:#fecbcb;--primitive-red-300:#fe9f9b;--primitive-red-400:#fc817c;--primitive-red-500:#f4534f;--primitive-red-600:#d12828;--primitive-red-700:#ab1a1d;--primitive-red-800:#7e130e;--primitive-red-900:#5c0b09;--primitive-red-1000:#3b0807;--primitive-green-100:#e2fdee;--primitive-green-200:#a3f6ce;--primitive-green-300:#59e1a6;--primitive-green-400:#29c68c;--primitive-green-500:#1aad74;--primitive-green-600:#088556;--primitive-green-700:#086945;--primitive-green-800:#0a4e35;--primitive-green-900:#063724;--primitive-green-1000:#052618;--primitive-orange-100:#ffefd7;--primitive-orange-200:#ffddb1;--primitive-orange-300:#fec478;--primitive-orange-400:#fba94b;--primitive-orange-500:#f39129;--primitive-orange-600:#d26e16;--primitive-orange-700:#a2520c;--primitive-orange-800:#753c08;--primitive-orange-900:#553008;--primitive-orange-1000:#3c2109;--primitive-yellow-100:#fdf8cf;--primitive-yellow-200:#fae592;--primitive-yellow-300:#fcd358;--primitive-yellow-400:#f1bc0f;--primitive-yellow-500:#dda100;--primitive-yellow-600:#c08700;--primitive-yellow-700:#976800;--primitive-yellow-800:#785200;--primitive-yellow-900:#563e00;--primitive-yellow-1000:#3c2e00;--primitive-purple-100:#f7f5ff;--primitive-purple-200:#e9e5fd;--primitive-purple-300:#d1c9fc;--primitive-purple-400:#baa8f7;--primitive-purple-500:#a485ed;--primitive-purple-600:#7c4ccd;--primitive-purple-700:#562c9e;--primitive-purple-800:#3b2270;--primitive-purple-900:#291753;--primitive-purple-1000:#150c32;--primitive-magenta-100:#ffecf8;--primitive-magenta-200:#fcc8e9;--primitive-magenta-300:#f59cd2;--primitive-magenta-400:#e97dbe;--primitive-magenta-500:#d45da6;--primitive-magenta-600:#a64480;--primitive-magenta-700:#7d3261;--primitive-magenta-800:#582544;--primitive-magenta-900:#3f1d31;--primitive-magenta-1000:#2b1323;--primitive-teal-100:#d5feff;--primitive-teal-200:#93fbfa;--primitive-teal-300:#53e6e4;--primitive-teal-400:#32c6c6;--primitive-teal-500:#309d9f;--primitive-teal-600:#247678;--primitive-teal-700:#1c4e4f;--primitive-teal-800:#133636;--primitive-teal-900:#0d2727;--primitive-teal-1000:#061615;--spacing-4xs:0rem;--spacing-3xs:0.125rem;--spacing-2xs:0.25rem;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--border-radius-none:0rem;--border-radius-2xs:0.125rem;--border-radius-xs:0.25rem;--border-radius-sm:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--line-heights-3xs:1rem;--line-heights-2xs:1.25rem;--line-heights-xs:1.25rem;--line-heights-sm:1.25rem;--line-heights-md:1.5rem;--line-heights-lg:1.5rem;--line-heights-xl:1.75rem;--line-heights-2xl:2.25rem;--line-heights-3xl:2.25rem;--line-heights-4xl:3rem;--line-heights-5xl:3.75rem;--line-heights-6xl:5rem;--font-size-3xs:0.75rem;--font-size-2xs:0.813rem;--font-size-xs:0.875rem;--font-size-sm:0.938rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:4.5rem;--layout-4xs:12rem;--layout-3xs:14rem;--layout-2xs:16rem;--layout-xs:20rem;--layout-sm:24rem;--layout-md:32rem;--layout-lg:48rem;--layout-xl:64rem;--layout-2xl:80rem;--layout-3xl:100rem;--layout-4xl:120rem;--border-width-none:0rem;--border-width-sm:0.063rem;--border-width-md:0.125rem;--border-width-lg:0.25rem;--font-families-default:Source Sans 3;--font-families-mono:Fira Code;--font-weights-regular:400;--font-weights-semibold:600;--font-weights-bold:700;--letter-spacing-3xs:-0.005em;--letter-spacing-2xs:-0.005em;--letter-spacing-xs:-0.01em;--letter-spacing-sm:-0.01em;--letter-spacing-md:-0.01em;--letter-spacing-lg:-0.01em;--letter-spacing-xl:-0.01em;--letter-spacing-2xl:-0.015em;--letter-spacing-3xl:-0.175em;--letter-spacing-4xl:-0.175em;--letter-spacing-5xl:-0.175em;--letter-spacing-6xl:-0.025em;--paragraph-spacing-0:0;--font-size-3xs-regular:400 0.75rem/1rem "Source Sans 3";--font-size-3xs-semibold:600 0.75rem/1rem "Source Sans 3";--font-size-3xs-bold:700 0.75rem/1rem "Source Sans 3";--font-size-2xs-regular:400 0.813rem/1.25rem "Source Sans 3";--font-size-2xs-semibold:600 0.813rem/1.25rem "Source Sans 3";--font-size-2xs-bold:700 0.813rem/1.25rem "Source Sans 3";--font-size-xs-regular:400 0.875rem/1.25rem "Source Sans 3";--font-size-xs-semibold:600 0.875rem/1.25rem "Source Sans 3";--font-size-xs-bold:700 0.875rem/1.25rem "Source Sans 3";--font-size-sm-regular:400 0.938rem/1.25rem "Source Sans 3";--font-size-sm-semibold:600 0.938rem/1.25rem "Source Sans 3";--font-size-sm-bold:700 0.938rem/1.25rem "Source Sans 3";--font-size-md-regular:400 1rem/1.5rem "Source Sans 3";--font-size-md-semibold:600 1rem/1.5rem "Source Sans 3";--font-size-md-bold:700 1rem/1.5rem "Source Sans 3";--font-size-lg-regular:400 1.125rem/1.5rem "Source Sans 3";--font-size-lg-semibold:600 1.125rem/1.5rem "Source Sans 3";--font-size-lg-bold:700 1.125rem/1.5rem "Source Sans 3";--font-size-xl-regular:400 1.25rem/1.75rem "Source Sans 3";--font-size-xl-semibold:600 1.25rem/1.75rem "Source Sans 3";--font-size-xl-bold:700 1.25rem/1.75rem "Source Sans 3";--font-size-2xl-regular:400 1.5rem/2.25rem "Source Sans 3";--font-size-2xl-semibold:600 1.5rem/2.25rem "Source Sans 3";--font-size-2xl-bold:700 1.5rem/2.25rem "Source Sans 3";--font-size-3xl-regular:400 1.75rem/2.25rem "Source Sans 3";--font-size-3xl-semibold:600 1.75rem/2.25rem "Source Sans 3";--font-size-3xl-bold:700 1.75rem/2.25rem "Source Sans 3";--font-size-4xl-regular:400 2.25rem/3rem "Source Sans 3";--font-size-4xl-semibold:600 2.25rem/3rem "Source Sans 3";--font-size-4xl-bold:700 2.25rem/3rem "Source Sans 3";--font-size-5xl-regular:400 3rem/3.75rem "Source Sans 3";--font-size-5xl-semibold:600 3rem/3.75rem "Source Sans 3";--font-size-5xl-bold:700 3rem/3.75rem "Source Sans 3";--font-size-6xl-regular:400 4.5rem/5rem "Source Sans 3";--font-size-6xl-semibold:600 4.5rem/5rem "Source Sans 3";--font-size-6xl-bold:700 4.5rem/5rem "Source Sans 3";--text-case-none:none;--text-decoration-none:none;--paragraph-indent-0:0px;--color-neutral-100:#f9f9f9;--color-neutral-200:#edeeef;--color-neutral-300:#d5d7db;--color-neutral-400:#b7bcc3;--color-neutral-500:#8d949f;--color-neutral-600:#6b7280;--color-neutral-700:#4f5562;--color-neutral-800:#343944;--color-neutral-900:#242831;--color-neutral-1000:#191b22;--color-neutral-darkest:#121212;--color-neutral-lightest:#fff;--color-primary-100:#f0f7ff;--color-primary-200:#d9eafe;--color-primary-300:#abcffd;--color-primary-400:#66a8fd;--color-primary-500:#3a89fd;--color-primary-600:#0c57cd;--color-primary-700:#063b99;--color-primary-800:#052b74;--color-primary-900:#041c4f;--color-primary-1000:#03122f;--color-danger-100:#fee5e5;--color-danger-200:#fecbcb;--color-danger-300:#fe9f9b;--color-danger-400:#fc817c;--color-danger-500:#f4534f;--color-danger-600:#d12828;--color-danger-700:#ab1a1d;--color-danger-800:#7e130e;--color-danger-900:#5c0b09;--color-danger-1000:#3b0807;--color-warning-100:#ffefd7;--color-warning-200:#ffddb1;--color-warning-300:#fec478;--color-warning-400:#fba94b;--color-warning-500:#f39129;--color-warning-600:#d26e16;--color-warning-700:#a2520c;--color-warning-800:#753c08;--color-warning-900:#553008;--color-warning-1000:#3c2109;--color-success-100:#e2fdee;--color-success-200:#a3f6ce;--color-success-300:#59e1a6;--color-success-400:#29c68c;--color-success-500:#1aad74;--color-success-600:#088556;--color-success-700:#086945;--color-success-800:#0a4e35;--color-success-900:#063724;--color-success-1000:#052618;--color-highlight-100:#fdf8cf;--color-highlight-200:#fae592;--color-highlight-300:#fcd358;--color-highlight-400:#f1bc0f;--color-highlight-500:#dda100;--color-highlight-600:#c08700;--color-highlight-700:#976800;--color-highlight-800:#785200;--color-highlight-900:#563e00;--color-highlight-1000:#3c2e00;--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;--opacity-disabled:0.32;--opacity-sm:0.48;--opacity-md:0.64;--opacity-l:0.88;--badge-size-sm-vertical-padding:0.125rem;--badge-size-sm-typography:600 0.75rem/1rem "Source Sans 3";--badge-size-sm-horizontal-padding:0.25rem;--badge-size-sm-border-radius:0.25rem;--badge-size-md-vertical-padding:0.125rem;--badge-size-md-horizontal-padding:0.5rem;--badge-size-md-typography:600 0.813rem/1.25rem "Source Sans 3";--badge-size-md-border-radius:0.25rem;--badge-size-lg-vertical-padding:0.375rem;--badge-size-lg-horizontal-padding:0.5rem;--badge-size-lg-typography:600 0.875rem/1.25rem "Source Sans 3";--badge-size-lg-border-radius:0.25rem;--badge-gap-spacing:0.25rem;--button-size-sm-border-radius:0.375rem;--button-size-sm-border-width:0.063rem;--button-size-sm-border-style:solid;--button-size-sm-typography: ;--button-size-md-border-radius:0.375rem;--button-size-md-border-width:0.063rem;--button-size-md-border-style:solid;--button-size-md-height:1.5rem;--button-size-md-padding-left:0.5rem;--button-size-md-padding-right:0.5rem;--button-size-md-padding-top:0.125rem;--button-size-md-padding-bottom:0.125rem;--button-size-md-spacing:0.25rem;--button-size-md-typography:600 0.813rem/1.25rem "Source Sans 3";--button-size-lg-border-radius:0.375rem;--button-size-lg-border-width:0.063rem;--button-size-lg-border-style:solid;--button-size-lg-height:2rem;--button-size-lg-padding-left:0.75rem;--button-size-lg-padding-right:0.75rem;--button-size-lg-padding-top:0.375rem;--button-size-lg-padding-bottom:0.375rem;--button-size-lg-spacing:0.25rem;--button-size-lg-typography:600 0.938rem/1.25rem "Source Sans 3";--button-size-xl-border-radius:0.375rem;--button-size-xl-border-width:0.063rem;--button-size-xl-border-style:solid;--button-size-xl-typography:600 1.125rem/1.5rem "Source Sans 3";--button-size-xl-spacing:0.25rem;--button-size-xl-padding-left:1rem;--button-size-xl-padding-right:1rem;--button-size-xl-padding-top:0.75rem;--button-size-xl-padding-bottom:0.75rem;--button-size-xl-height:3rem;--button-gap-spacing:0.25rem;--button-outline-primary-width:0.25rem;--button-outline-primary-style:solid;--button-outline-primary-fill:#063b99;--button-outline-primary-offset:0.125rem;--button-opacity-disabled:0.32;--checkbox-size-sm-background-size:0.375rem;--checkbox-size-sm-border-radius:0.125rem;--checkbox-size-sm-border-width:0.063rem;--checkbox-size-sm-height:1rem;--checkbox-size-sm-width:1rem;--checkbox-size-md-background-size:0.5rem;--checkbox-size-md-border-radius:0.25rem;--checkbox-size-md-border-width:0.063rem;--checkbox-size-md-height:1.25rem;--checkbox-size-md-width:1.25rem;--checkbox-gap-spacing:0.25rem;--checkbox-outline-primary-width:0.25rem;--checkbox-outline-primary-style:solid;--checkbox-outline-primary-fill:#063b99;--checkbox-outline-primary-offset:0.125rem;--checkbox-opacity-disabled:0.32;--checkbox-tile-size-md-border-radius:0.25rem;--checkbox-tile-size-md-border-width:0.063rem;--checkbox-tile-size-md-padding-block:1rem;--checkbox-tile-size-md-padding-inline:1rem;--checkbox-tile-size-md-width:auto;--form-label-size-sm-typography:600 0.875rem/1.25rem "Source Sans 3";--form-label-size-md-gap:0.25rem;--form-label-size-md-margin-block-end:0.375rem;--form-label-size-md-typography:600 1.125rem/1.5rem "Source Sans 3";--form-label-size-md-width:auto;--form-label-size-md-border-radius:0.375rem;--form-label-opacity-disabled:0.32;--form-label-elements-indicator-background:#d26e16;--form-label-elements-indicator-border-radius:0.375rem;--form-label-elements-indicator-height:0.5rem;--form-label-elements-indicator-width:0.5rem;--input-elements-text-field-size-md-border-radius:0.25rem;--input-elements-text-field-size-md-height:1.5rem;--input-elements-text-field-size-md-padding-block:0.375rem;--input-elements-text-field-size-md-padding-inline-start:0.5rem;--input-elements-text-field-size-md-typography:400 0.75rem/1rem "Source Sans 3";--input-elements-text-field-size-lg-border-radius:0.375rem;--input-elements-text-field-size-lg-height:2rem;--input-elements-text-field-size-lg-padding-block:0.5rem;--input-elements-text-field-size-lg-padding-inline-start:0.5rem;--input-elements-text-field-size-lg-typography:400 0.875rem/1.25rem "Source Sans 3";--input-elements-text-field-size-xl-border-radius:0.375rem;--input-elements-text-field-size-xl-border-width:0.063rem;--input-elements-text-field-size-xl-height:3rem;--input-elements-text-field-size-xl-padding-block:0.75rem;--input-elements-text-field-size-xl-padding-inline:0.75rem;--input-elements-text-field-size-xl-typography:400 1rem/1.5rem "Source Sans 3";--input-elements-text-field-size-xl-width:100%;--input-elements-root-size-xl-width:100%;--input-elements-icon-size-md-height:1.5rem;--input-elements-icon-size-md-border-radius:0.375rem;--input-elements-icon-size-lg-height:2rem;--input-elements-icon-size-lg-border-radius:0.375rem;--input-elements-icon-size-xl-border-radius:0.5rem;--input-elements-icon-size-xl-border-width:0.063rem;--input-elements-icon-size-xl-height:3rem;--input-elements-icon-size-xl-padding-block-start:1rem;--input-elements-icon-size-xl-padding-block-end:0rem;--input-elements-addon-size-md-border-radius:0.25rem;--input-elements-addon-size-md-height:1.5rem;--input-elements-addon-size-md-typography:400 0.75rem/1rem "Source Sans 3";--input-elements-addon-size-lg-border-radius:0.25rem;--input-elements-addon-size-lg-height:2rem;--input-elements-addon-size-lg-typography:400 0.875rem/1.25rem "Source Sans 3";--input-elements-addon-size-xl-border-radius:0.375rem;--input-elements-addon-size-xl-border-width:0.063rem;--input-elements-addon-size-xl-height:3rem;--input-elements-addon-size-xl-padding-inline:1rem;--input-disabled-opacity:0.32;--card-size-sm-border-radius:0.5rem;--card-size-sm-border-width:0.063rem;--card-size-sm-border-style:solid;--card-size-sm-min-height:16rem;--card-size-sm-padding:1rem;--card-size-sm-width:288px;--card-size-md-padding:1.5rem;--card-size-md-width:32rem;--card-size-lg-padding:3rem;--card-size-lg-width:64rem;--dialog-elements-content-size-compact-border-radius:0.375rem;--dialog-elements-content-size-compact-border-width:0.063rem;--dialog-elements-content-size-compact-padding-block:1.5rem;--dialog-elements-content-size-compact-padding-inline:1.25rem;--dialog-elements-content-size-compact-box-shadow:0 0 12px 0 hsla(0,0%,7%,.24);--dialog-elements-content-size-compact-width:16rem;--dialog-elements-content-size-spacious-width:384px;--dialog-elements-title-typography:700 1.25rem/1.75rem "Source Sans 3";--dialog-elements-title-margin:0rem;--dialog-elements-title-margin-block-start:0.5rem;--dialog-elements-title-text-align:center;--dialog-elements-description-typography:400 0.813rem/1.25rem "Source Sans 3";--dialog-elements-description-margin:0rem;--dialog-elements-description-margin-block-start:0.5rem;--dialog-elements-description-text-align:center;--dialog-elements-icon-size-default-border-radius:0.375rem;--dialog-elements-icon-size-default-padding:0.5rem;--field-message-size-sm-typography:400 0.75rem/1rem "Source Sans 3";--field-message-size-md-margin-block-end:0.375rem;--field-message-size-md-typography:400 0.813rem/1.25rem "Source Sans 3";--field-message-opacity-disabled:0.32;--label-size-sm-typography:400 0.875rem/1.25rem "Source Sans 3";--label-size-md-typography:400 1rem/1.5rem "Source Sans 3";--label-gap-default:0.25rem;--label-opacity-disabled:0.32;--link-size-3xs-typography:700 0.75rem/1rem "Source Sans 3";--link-size-2xs-typography:700 0.813rem/1.25rem "Source Sans 3";--link-size-xs-typography:700 0.875rem/1.25rem "Source Sans 3";--link-size-sm-typography:700 0.938rem/1.25rem "Source Sans 3";--link-size-md-typography:700 1rem/1.5rem "Source Sans 3";--link-size-lg-typography:700 1.125rem/1.5rem "Source Sans 3";--link-size-xl-typography:700 1.25rem/1.75rem "Source Sans 3";--link-gap-default:0.25rem;--link-opacity-disabled:0.32;--link-weight-regular:400;--loader-size-lg-border-radius:100%;--loader-size-lg-border-width:0.5rem;--loader-size-lg-height:4rem;--loader-size-lg-width:4rem;--radio-group-elements-indicator-size-sm-height:0.375rem;--radio-group-elements-indicator-size-sm-width:0.375rem;--radio-group-elements-indicator-size-md-border-radius:50%;--radio-group-elements-indicator-size-md-height:0.5rem;--radio-group-elements-indicator-size-md-width:0.5rem;--radio-group-elements-indicator-shadow:0 0.063rem 0.063rem 0 rgba(0,0,0,.08);--radio-group-size-sm-border-width:0.063rem;--radio-group-size-sm-height:1rem;--radio-group-size-sm-min-width:1rem;--radio-group-size-sm-width:1rem;--radio-group-size-md-border-radius:100%;--radio-group-size-md-border-width:0.063rem;--radio-group-size-md-height:1.25rem;--radio-group-size-md-min-width:1.25rem;--radio-group-size-md-width:1.25rem;--radio-group-outline-primary-width:0.25rem;--radio-group-outline-primary-style:solid;--radio-group-outline-primary-fill:#063b99;--radio-group-outline-primary-offset:0.125rem;--radio-group-opacity-disabled:0.32;--radio-group-tile-size-md-border-radius:0.25rem;--radio-group-tile-size-md-border-width:0.063rem;--radio-group-tile-size-md-padding-block:1rem;--radio-group-tile-size-md-padding-inline:1rem;--radio-group-tile-size-md-width:auto;--segmented-controller-elements-list-size-lg-border-radius:0.375rem;--segmented-controller-elements-list-size-lg-border-width:0.063rem;--segmented-controller-elements-trigger-size-md-padding-block:0.125rem;--segmented-controller-elements-trigger-size-md-padding-inline:0.5rem;--segmented-controller-elements-trigger-size-md-typography:600 0.813rem/1.25rem "Source Sans 3";--segmented-controller-elements-trigger-size-lg-border-radius:0.375rem;--segmented-controller-elements-trigger-size-lg-border-width:0.125rem;--segmented-controller-elements-trigger-size-lg-padding-block:0.375rem;--segmented-controller-elements-trigger-size-lg-padding-inline:0.75rem;--segmented-controller-elements-trigger-size-lg-typography:600 0.938rem/1.25rem "Source Sans 3";--segmented-controller-elements-content-size-lg-border-radius:0.375rem;--segmented-controller-elements-content-size-lg-border-width:0.063rem;--segmented-controller-elements-content-size-lg-margin-block-start:0.5rem;--segmented-controller-elements-content-size-lg-padding:1rem;--select-elements-trigger-size-md-max-height:1.5rem;--select-elements-trigger-size-md-padding-block:0.25rem;--select-elements-trigger-size-md-padding-inline:0.5rem;--select-elements-trigger-size-lg-max-height:2rem;--select-elements-trigger-size-lg-padding-block:0.375rem;--select-elements-trigger-size-lg-padding-inline:0.75rem;--select-elements-trigger-size-xl-border-radius:0.375rem;--select-elements-trigger-size-xl-border-width:0.063rem;--select-elements-trigger-size-xl-max-height:3rem;--select-elements-trigger-size-xl-padding-block:0.75rem;--select-elements-trigger-size-xl-padding-inline:1rem;--select-elements-trigger-size-xl-width:100%;--select-elements-trigger-opacity-disabled:0.32;--select-elements-content-size-lg-border-radius:0.375rem;--select-elements-content-size-lg-border-width:0.063rem;--select-elements-content-size-lg-max-height:232px;--select-elements-content-size-lg-z-index:499;--select-elements-content-opacity-disabled:0.32;--select-elements-content-scrollbar-size-lg-border-radius:0.375rem;--select-elements-content-scrollbar-size-lg-border-width:0.063rem;--select-elements-content-scrollbar-size-lg-width:0.75rem;--select-elements-content-scrollbar-thumb-size-lg-height:8rem;--select-elements-menu-item-size-lg-padding-inline:0.75rem;--select-elements-menu-item-size-lg-padding-block:0.375rem;--select-elements-menu-item-gap-default:0.5rem;--select-elements-menu-item-opacity-disabled:0.32;--select-elements-separator-size-lg-height:0.063rem;--select-elements-info-size-lg-typography:400 0.813rem/1.25rem "Source Sans 3";--select-elements-icon-size-md-min-height:1.25rem;--select-elements-icon-size-md-min-width:1.25rem;--select-elements-heading-size-sm-typography:600 0.875rem/1.25rem "Source Sans 3";--select-elements-heading-size-sm-padding-inline:0.75rem;--select-elements-heading-size-sm-padding-block:0.375rem;--select-elements-label-size-sm-typography:400 0.938rem/1.25rem "Source Sans 3";--switch-elements-thumb-size-sm-height:1rem;--switch-elements-thumb-size-sm-width:1rem;--switch-elements-thumb-size-md-border-radius:1rem;--switch-elements-thumb-size-md-border-width:0.063rem;--switch-elements-thumb-size-md-height:1.25rem;--switch-elements-thumb-size-md-width:1.25rem;--switch-elements-thumb-shadow:0 0.063rem 0.063rem 0 rgba(0,0,0,.08);--switch-size-sm-height:1rem;--switch-size-sm-width:2rem;--switch-size-md-border-radius:1rem;--switch-size-md-border-width:0.063rem;--switch-size-md-height:1.25rem;--switch-size-md-width:2.5rem;--switch-opacity-disabled:0.32;--switch-outline-primary-width:0.25rem;--switch-outline-primary-style:solid;--switch-outline-primary-fill:#063b99;--switch-outline-primary-offset:0.125rem;--table-elements-container-size-2xl-border-radius:0.375rem;--table-elements-container-size-2xl-border-width:0.063rem;--table-elements-container-size-2xl-max-height:auto;--table-elements-container-scrollbar-size-2xl-border-radius:0.375rem;--table-elements-container-scrollbar-size-2xl-border-width:0.063rem;--table-elements-container-scrollbar-size-2xl-width:0.75rem;--table-elements-container-scrollbar-thumb-size-2xl-border-width:0.063rem;--table-elements-container-scrollbar-thumb-size-2xl-height:8rem;--table-elements-th-size-xl-border-bottom-width:0.063rem;--table-elements-th-size-xl-max-height:3rem;--table-elements-th-size-xl-padding-block-start:1.125rem;--table-elements-th-size-xl-padding-block-end:0.5rem;--table-elements-th-size-xl-padding-inline:0.75rem;--table-elements-th-size-xl-typography:700 0.813rem/1.25rem "Source Sans 3";--table-elements-th-size-2xl-max-height:4rem;--table-elements-th-size-2xl-padding-block-start:1.5rem;--table-elements-th-size-2xl-padding-block-end:0.5rem;--table-elements-th-size-2xl-typography:700 0.938rem/1.25rem "Source Sans 3";--table-elements-td-size-lg-max-height:2rem;--table-elements-td-size-lg-padding-inline:0.5rem;--table-elements-td-size-lg-typography:400 0.813rem/1.25rem "Source Sans 3";--table-elements-td-size-xl-max-height:3rem;--table-elements-td-size-xl-typography:400 0.938rem/1.25rem "Source Sans 3";--table-elements-td-size-2xl-border-width:0.063rem;--table-elements-td-size-2xl-max-height:4rem;--table-elements-td-size-2xl-padding-inline:0.75rem;--table-elements-td-size-2xl-typography:400 1.125rem/1.5rem "Source Sans 3";--table-elements-actions-2xl-border-radius:0.375rem;--table-elements-actions-2xl-border-width:0.063rem;--table-elements-actions-2xl-height:3rem;--table-elements-actions-2xl-padding-inline-end:0.5rem;--tabs-elements-list-size-lg-border-bottom-width:0.063rem;--tabs-elements-list-size-lg-padding-block-end:1rem;--tabs-elements-list-gap-default:1.25rem;--tabs-elements-trigger-size-lg-border-width:0.125rem;--tabs-elements-trigger-size-lg-max-height:2rem;--tabs-elements-trigger-size-lg-padding-block-end:0rem;--tabs-elements-trigger-size-lg-typography:700 1.125rem/1.5rem "Source Sans 3";--tabs-elements-trigger-size-xl-max-height:3rem;--tabs-elements-trigger-size-xl-typography:700 1.5rem/2.25rem "Source Sans 3";--tabs-elements-content-size-lg-border-radius:0.375rem;--tabs-elements-content-size-lg-border-width:0.063rem;--tabs-elements-content-size-lg-margin-block-start:0.5rem;--tabs-elements-content-size-lg-padding:1rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "./global.css";@import "./badge";@import "./button/light.css";@import "./button/dark.css";@import "./card/light.css";@import "./card/dark.css";@import "./checkbox/light.css";@import "./checkbox/dark.css";@import "./checkbox-tile/light.css";@import "./checkbox-tile/dark.css";@import "./dialog/light.css";@import "./dialog/dark.css";@import "./field-message/light.css";@import "./field-message/dark.css";@import "./form-label/light.css";@import "./form-label/dark.css";@import "./input/light.css";@import "./input/dark.css";@import "./label/light.css";@import "./label/dark.css";@import "./link/light.css";@import "./link/dark.css";@import "./list-item/light.css";@import "./list-item/dark.css";@import "./loader/light.css";@import "./loader/dark.css";@import "./radio-group/light.css";@import "./radio-group/dark.css";@import "./radio-group-tile/light.css";@import "./radio-group-tile/dark.css";@import "./segmented-controller/light.css";@import "./segmented-controller/dark.css";@import "./select/light.css";@import "./select/dark.css";@import "./switch/light.css";@import "./switch/dark.css";@import "./table/light.css";@import "./table/dark.css";@import "./tabs/light.css";@import "./tabs/dark.css";
|