@digdir/designsystemet-css 0.8.0 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert.css +3 -3
- package/box.css +12 -12
- package/checkbox.css +3 -3
- package/chip.css +11 -11
- package/combobox.css +18 -19
- package/dist/alert.css +1 -1
- package/dist/box.css +1 -1
- package/dist/checkbox.css +1 -1
- package/dist/chip.css +1 -1
- package/dist/combobox.css +1 -1
- package/dist/dropdownmenu.css +1 -1
- package/dist/error-message.css +1 -1
- package/dist/heading.css +1 -1
- package/dist/helptext.css +1 -1
- package/dist/index.css +1 -1
- package/dist/ingress.css +1 -1
- package/dist/label.css +1 -1
- package/dist/list.css +1 -1
- package/dist/native-select.css +1 -1
- package/dist/pagination.css +1 -1
- package/dist/paragraph.css +1 -1
- package/dist/popover.css +1 -1
- package/dist/radio.css +1 -1
- package/dist/search.css +1 -1
- package/dist/switch.css +1 -1
- package/dist/table.css +1 -1
- package/dist/tabs.css +1 -1
- package/dist/tag.css +1 -1
- package/dist/textarea.css +1 -1
- package/dist/textfield.css +1 -1
- package/dropdownmenu.css +3 -3
- package/error-message.css +4 -4
- package/heading.css +8 -8
- package/helptext.css +3 -3
- package/index.css +1 -1
- package/ingress.css +4 -4
- package/label.css +4 -4
- package/list.css +3 -3
- package/native-select.css +3 -3
- package/package.json +2 -2
- package/pagination.css +6 -6
- package/paragraph.css +12 -12
- package/popover.css +3 -3
- package/radio.css +4 -4
- package/search.css +9 -9
- package/switch.css +12 -12
- package/table.css +3 -3
- package/tabs.css +14 -14
- package/tag.css +3 -3
- package/textarea.css +3 -3
- package/textfield.css +9 -9
package/alert.css
CHANGED
|
@@ -51,17 +51,17 @@
|
|
|
51
51
|
--fds-alert-background: var(--fds-semantic-surface-danger-subtle);
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
.fds-alert--
|
|
54
|
+
.fds-alert--sm {
|
|
55
55
|
--fds-alert-padding: var(--fds-spacing-5);
|
|
56
56
|
--fds-alert-icon-size: var(--fds-sizing-6);
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
.fds-alert--
|
|
59
|
+
.fds-alert--md {
|
|
60
60
|
--fds-alert-padding: var(--fds-spacing-6);
|
|
61
61
|
--fds-alert-icon-size: var(--fds-sizing-7);
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
-
.fds-alert--
|
|
64
|
+
.fds-alert--lg {
|
|
65
65
|
--fds-alert-padding: var(--fds-spacing-7);
|
|
66
66
|
--fds-alert-icon-size: var(--fds-sizing-8);
|
|
67
67
|
}
|
package/box.css
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
@layer fds.box {
|
|
2
|
-
.fds-box--
|
|
2
|
+
.fds-box--xs-shadow {
|
|
3
3
|
box-shadow: var(--fds-shadow-xsmall);
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.fds-box--
|
|
6
|
+
.fds-box--sm-shadow {
|
|
7
7
|
box-shadow: var(--fds-shadow-small);
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.fds-box--
|
|
10
|
+
.fds-box--md-shadow {
|
|
11
11
|
box-shadow: var(--fds-shadow-medium);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.fds-box--
|
|
14
|
+
.fds-box--lg-shadow {
|
|
15
15
|
box-shadow: var(--fds-shadow-large);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.fds-box--
|
|
18
|
+
.fds-box--xl-shadow {
|
|
19
19
|
box-shadow: var(--fds-shadow-xlarge);
|
|
20
20
|
}
|
|
21
21
|
|
|
@@ -31,31 +31,31 @@
|
|
|
31
31
|
border: 1px solid var(--fds-semantic-border-neutral-strong);
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.fds-box--
|
|
34
|
+
.fds-box--sm-border-radius {
|
|
35
35
|
border-radius: var(--fds-border_radius-small);
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
.fds-box--
|
|
38
|
+
.fds-box--md-border-radius {
|
|
39
39
|
border-radius: var(--fds-border_radius-medium);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
.fds-box--
|
|
42
|
+
.fds-box--lg-border-radius {
|
|
43
43
|
border-radius: var(--fds-border_radius-large);
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
.fds-box--
|
|
46
|
+
.fds-box--xl-border-radius {
|
|
47
47
|
border-radius: var(--fds-border_radius-xlarge);
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
.fds-box--
|
|
50
|
+
.fds-box--2xl-border-radius {
|
|
51
51
|
border-radius: var(--fds-border_radius-xxlarge);
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
.fds-box--
|
|
54
|
+
.fds-box--3xl-border-radius {
|
|
55
55
|
border-radius: var(--fds-border_radius-xxxlarge);
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
.fds-box--
|
|
58
|
+
.fds-box--4xl-border-radius {
|
|
59
59
|
border-radius: var(--fds-border_radius-xxxxlarge);
|
|
60
60
|
}
|
|
61
61
|
|
package/checkbox.css
CHANGED
|
@@ -155,19 +155,19 @@
|
|
|
155
155
|
|
|
156
156
|
/** Sizing */
|
|
157
157
|
|
|
158
|
-
.fds-checkbox--
|
|
158
|
+
.fds-checkbox--sm {
|
|
159
159
|
--fds-checkbox-size: var(--fds-sizing-5);
|
|
160
160
|
|
|
161
161
|
min-height: var(--fds-sizing-10);
|
|
162
162
|
}
|
|
163
163
|
|
|
164
|
-
.fds-checkbox--
|
|
164
|
+
.fds-checkbox--md {
|
|
165
165
|
--fds-checkbox-size: var(--fds-sizing-6);
|
|
166
166
|
|
|
167
167
|
min-height: var(--fds-sizing-11);
|
|
168
168
|
}
|
|
169
169
|
|
|
170
|
-
.fds-checkbox--
|
|
170
|
+
.fds-checkbox--lg {
|
|
171
171
|
--fds-checkbox-size: var(--fds-sizing-7);
|
|
172
172
|
|
|
173
173
|
min-height: var(--fds-sizing-12);
|
package/chip.css
CHANGED
|
@@ -57,11 +57,11 @@
|
|
|
57
57
|
min-height: var(--fdsc-chip-height);
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
.fds-chip--removable.fds-chip--
|
|
60
|
+
.fds-chip--removable.fds-chip--sm {
|
|
61
61
|
padding-right: var(--fds-spacing-1);
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
-
.fds-chip--removable.fds-chip--
|
|
64
|
+
.fds-chip--removable.fds-chip--lg {
|
|
65
65
|
padding-right: var(--fds-spacing-2);
|
|
66
66
|
}
|
|
67
67
|
|
|
@@ -80,17 +80,17 @@
|
|
|
80
80
|
padding-left: var(--fds-spacing-2) !important;
|
|
81
81
|
}
|
|
82
82
|
|
|
83
|
-
.fds-chip--
|
|
83
|
+
.fds-chip--sm .fds-chip__checkmark-icon {
|
|
84
84
|
height: var(--fds-sizing-5);
|
|
85
85
|
width: auto;
|
|
86
86
|
}
|
|
87
87
|
|
|
88
|
-
.fds-chip--
|
|
88
|
+
.fds-chip--md .fds-chip__checkmark-icon {
|
|
89
89
|
height: 24px;
|
|
90
90
|
width: auto;
|
|
91
91
|
}
|
|
92
92
|
|
|
93
|
-
.fds-chip--
|
|
93
|
+
.fds-chip--lg .fds-chip__checkmark-icon {
|
|
94
94
|
height: 26px;
|
|
95
95
|
width: auto;
|
|
96
96
|
}
|
|
@@ -105,15 +105,15 @@
|
|
|
105
105
|
margin: 0;
|
|
106
106
|
}
|
|
107
107
|
|
|
108
|
-
.fds-chip--group-container.fds-chip--
|
|
108
|
+
.fds-chip--group-container.fds-chip--sm {
|
|
109
109
|
--fdsc-gap: var(--fds-spacing-2);
|
|
110
110
|
}
|
|
111
111
|
|
|
112
|
-
.fds-chip--group-container.fds-chip--
|
|
112
|
+
.fds-chip--group-container.fds-chip--md {
|
|
113
113
|
--fdsc-gap: var(--fds-spacing-2);
|
|
114
114
|
}
|
|
115
115
|
|
|
116
|
-
.fds-chip--group-container.fds-chip--
|
|
116
|
+
.fds-chip--group-container.fds-chip--lg {
|
|
117
117
|
--fdsc-gap: var(--fds-spacing-2);
|
|
118
118
|
}
|
|
119
119
|
|
|
@@ -150,21 +150,21 @@
|
|
|
150
150
|
--fdsc-removable-text-color: var(--fds-semantic-text-neutral-on_inverted);
|
|
151
151
|
}
|
|
152
152
|
|
|
153
|
-
.fds-chip--
|
|
153
|
+
.fds-chip--sm {
|
|
154
154
|
--fdsc-chip-height: var(--fds-sizing-7);
|
|
155
155
|
--fdsc-chip-padding: var(--fds-spacing-3);
|
|
156
156
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-5);
|
|
157
157
|
--fdsc-removable-chip-xmark-padding_right: var(--fds-spacing-1);
|
|
158
158
|
}
|
|
159
159
|
|
|
160
|
-
.fds-chip--
|
|
160
|
+
.fds-chip--md {
|
|
161
161
|
--fdsc-chip-height: var(--fds-sizing-8);
|
|
162
162
|
--fdsc-chip-padding: var(--fds-spacing-3);
|
|
163
163
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-6);
|
|
164
164
|
--fdsc-removable-chip-xmark-padding_right: var(--fds-spacing-2);
|
|
165
165
|
}
|
|
166
166
|
|
|
167
|
-
.fds-chip--
|
|
167
|
+
.fds-chip--lg {
|
|
168
168
|
--fdsc-chip-height: var(--fds-sizing-9);
|
|
169
169
|
--fdsc-chip-padding: var(--fds-spacing-4);
|
|
170
170
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-7);
|
package/combobox.css
CHANGED
|
@@ -39,38 +39,38 @@
|
|
|
39
39
|
background-color: transparent;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
.fds-combobox--
|
|
42
|
+
.fds-combobox--sm .fds-combobox__input__wrapper {
|
|
43
43
|
min-height: var(--fds-sizing-10);
|
|
44
44
|
font: var(--fds-typography-paragraph-small);
|
|
45
45
|
font-family: inherit;
|
|
46
46
|
padding: 5px var(--fds-spacing-2);
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
.fds-combobox--
|
|
49
|
+
.fds-combobox--sm .fds-combobox__input__wrapper .fds-combobox__input {
|
|
50
50
|
font: var(--fds-typography-paragraph-small);
|
|
51
51
|
font-family: inherit;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
.fds-combobox--
|
|
54
|
+
.fds-combobox--md .fds-combobox__input__wrapper {
|
|
55
55
|
min-height: var(--fds-sizing-12);
|
|
56
56
|
font: var(--fds-typography-paragraph-medium);
|
|
57
57
|
font-family: inherit;
|
|
58
58
|
padding: 7px var(--fds-spacing-3);
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
.fds-combobox--
|
|
61
|
+
.fds-combobox--md .fds-combobox__input__wrapper .fds-combobox__input {
|
|
62
62
|
font: var(--fds-typography-paragraph-medium);
|
|
63
63
|
font-family: inherit;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
.fds-combobox--
|
|
66
|
+
.fds-combobox--lg .fds-combobox__input__wrapper {
|
|
67
67
|
min-height: var(--fds-sizing-14);
|
|
68
68
|
font: var(--fds-typography-paragraph-large);
|
|
69
69
|
font-family: inherit;
|
|
70
70
|
padding: 7px var(--fds-spacing-4);
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
.fds-combobox--
|
|
73
|
+
.fds-combobox--lg .fds-combobox__input__wrapper .fds-combobox__input {
|
|
74
74
|
font: var(--fds-typography-paragraph-large);
|
|
75
75
|
font-family: inherit;
|
|
76
76
|
}
|
|
@@ -89,7 +89,6 @@
|
|
|
89
89
|
flex-wrap: wrap;
|
|
90
90
|
width: 100%;
|
|
91
91
|
gap: var(--fds-spacing-2);
|
|
92
|
-
padding: var(--fds-spacing-2) 0;
|
|
93
92
|
align-items: center;
|
|
94
93
|
background-color: transparent;
|
|
95
94
|
}
|
|
@@ -132,17 +131,17 @@
|
|
|
132
131
|
aspect-ratio: 1;
|
|
133
132
|
}
|
|
134
133
|
|
|
135
|
-
.fds-combobox--
|
|
134
|
+
.fds-combobox--sm .fds-combobox__clear-button {
|
|
136
135
|
height: 25px;
|
|
137
136
|
width: 25px;
|
|
138
137
|
}
|
|
139
138
|
|
|
140
|
-
.fds-combobox--
|
|
139
|
+
.fds-combobox--md .fds-combobox__clear-button {
|
|
141
140
|
height: 29px;
|
|
142
141
|
width: 29px;
|
|
143
142
|
}
|
|
144
143
|
|
|
145
|
-
.fds-combobox--
|
|
144
|
+
.fds-combobox--lg .fds-combobox__clear-button {
|
|
146
145
|
height: 31px;
|
|
147
146
|
width: 31px;
|
|
148
147
|
}
|
|
@@ -193,19 +192,19 @@
|
|
|
193
192
|
padding: var(--fds-spacing-2) var(--fds-spacing-3);
|
|
194
193
|
}
|
|
195
194
|
|
|
196
|
-
.fds-combobox--
|
|
195
|
+
.fds-combobox--lg .fds-combobox__empty {
|
|
197
196
|
font: var(--fds-typography-label-large);
|
|
198
197
|
font-family: inherit;
|
|
199
198
|
font-weight: 400;
|
|
200
199
|
}
|
|
201
200
|
|
|
202
|
-
.fds-combobox--
|
|
201
|
+
.fds-combobox--md .fds-combobox__empty {
|
|
203
202
|
font: var(--fds-typography-label-medium);
|
|
204
203
|
font-family: inherit;
|
|
205
204
|
font-weight: 400;
|
|
206
205
|
}
|
|
207
206
|
|
|
208
|
-
.fds-combobox--
|
|
207
|
+
.fds-combobox--sm .fds-combobox__empty {
|
|
209
208
|
font: var(--fds-typography-label-small);
|
|
210
209
|
font-family: inherit;
|
|
211
210
|
font-weight: 400;
|
|
@@ -215,19 +214,19 @@
|
|
|
215
214
|
padding: var(--fds-spacing-2) var(--fds-spacing-3);
|
|
216
215
|
}
|
|
217
216
|
|
|
218
|
-
.fds-combobox--
|
|
217
|
+
.fds-combobox--lg .fds-combobox__custom {
|
|
219
218
|
font: var(--fds-typography-label-large);
|
|
220
219
|
font-family: inherit;
|
|
221
220
|
font-weight: 400;
|
|
222
221
|
}
|
|
223
222
|
|
|
224
|
-
.fds-combobox--
|
|
223
|
+
.fds-combobox--md .fds-combobox__custom {
|
|
225
224
|
font: var(--fds-typography-label-medium);
|
|
226
225
|
font-family: inherit;
|
|
227
226
|
font-weight: 400;
|
|
228
227
|
}
|
|
229
228
|
|
|
230
|
-
.fds-combobox--
|
|
229
|
+
.fds-combobox--sm .fds-combobox__custom {
|
|
231
230
|
font: var(--fds-typography-label-small);
|
|
232
231
|
font-family: inherit;
|
|
233
232
|
font-weight: 400;
|
|
@@ -293,15 +292,15 @@
|
|
|
293
292
|
border-color: var(--fds-semantic-border-input-hover);
|
|
294
293
|
}
|
|
295
294
|
|
|
296
|
-
.fds-combobox--
|
|
295
|
+
.fds-combobox--sm .fds-combobox__option .fds-combobox__option__icon-wrapper {
|
|
297
296
|
width: var(--fds-spacing-5);
|
|
298
297
|
}
|
|
299
298
|
|
|
300
|
-
.fds-combobox--
|
|
299
|
+
.fds-combobox--md .fds-combobox__option .fds-combobox__option__icon-wrapper {
|
|
301
300
|
width: var(--fds-spacing-6);
|
|
302
301
|
}
|
|
303
302
|
|
|
304
|
-
.fds-combobox--
|
|
303
|
+
.fds-combobox--lg .fds-combobox__option .fds-combobox__option__icon-wrapper {
|
|
305
304
|
width: var(--fds-spacing-7);
|
|
306
305
|
}
|
|
307
306
|
|
package/dist/alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer fds.alert{.fds-alert{--fds-alert-border-color:var(--fds-semantic-border-info-default);--fds-alert-border-radius:var(--fds-border_radius-medium);--fds-alert-color:var(--fds-semantic-text-neutral-default);--fds-alert-icon-color:var(--fds-alert-border-color);--fds-alert-icon-size:var(--fds-sizing-7);--fds-alert-background:var(--fds-semantic-surface-info-subtle);--fds-alert-padding:var(--fds-spacing-6);background:var(--fds-alert-background);border:1px solid var(--fds-alert-border-color);border-radius:var(--fds-alert-border-radius);color:var(--fds-alert-color);display:grid;font:var(--fds-typography-paragraph-medium);gap:var(--fds-spacing-2);grid-auto-columns:-webkit-min-content auto;grid-auto-columns:min-content auto;grid-auto-flow:column;padding:var(--fds-alert-padding)}.fds-alert__icon{color:var(--fds-alert-icon-color);height:var(--fds-alert-icon-size);width:var(--fds-alert-icon-size)}.fds-alert__content{display:flex;flex-direction:column}.fds-alert--info{--fds-alert-border-color:var(--fds-semantic-border-info-default);--fds-alert-background:var(--fds-semantic-surface-info-subtle)}.fds-alert--warning{--fds-alert-border-color:var(--fds-semantic-border-warning-default);--fds-alert-background:var(--fds-semantic-surface-warning-subtle)}.fds-alert--success{--fds-alert-border-color:var(--fds-semantic-border-success-default);--fds-alert-background:var(--fds-semantic-surface-success-subtle)}.fds-alert--danger{--fds-alert-border-color:var(--fds-semantic-border-danger-default);--fds-alert-background:var(--fds-semantic-surface-danger-subtle)}.fds-alert--
|
|
1
|
+
@layer fds.alert{.fds-alert{--fds-alert-border-color:var(--fds-semantic-border-info-default);--fds-alert-border-radius:var(--fds-border_radius-medium);--fds-alert-color:var(--fds-semantic-text-neutral-default);--fds-alert-icon-color:var(--fds-alert-border-color);--fds-alert-icon-size:var(--fds-sizing-7);--fds-alert-background:var(--fds-semantic-surface-info-subtle);--fds-alert-padding:var(--fds-spacing-6);background:var(--fds-alert-background);border:1px solid var(--fds-alert-border-color);border-radius:var(--fds-alert-border-radius);color:var(--fds-alert-color);display:grid;font:var(--fds-typography-paragraph-medium);gap:var(--fds-spacing-2);grid-auto-columns:-webkit-min-content auto;grid-auto-columns:min-content auto;grid-auto-flow:column;padding:var(--fds-alert-padding)}.fds-alert__icon{color:var(--fds-alert-icon-color);height:var(--fds-alert-icon-size);width:var(--fds-alert-icon-size)}.fds-alert__content{display:flex;flex-direction:column}.fds-alert--info{--fds-alert-border-color:var(--fds-semantic-border-info-default);--fds-alert-background:var(--fds-semantic-surface-info-subtle)}.fds-alert--warning{--fds-alert-border-color:var(--fds-semantic-border-warning-default);--fds-alert-background:var(--fds-semantic-surface-warning-subtle)}.fds-alert--success{--fds-alert-border-color:var(--fds-semantic-border-success-default);--fds-alert-background:var(--fds-semantic-surface-success-subtle)}.fds-alert--danger{--fds-alert-border-color:var(--fds-semantic-border-danger-default);--fds-alert-background:var(--fds-semantic-surface-danger-subtle)}.fds-alert--sm{--fds-alert-padding:var(--fds-spacing-5);--fds-alert-icon-size:var(--fds-sizing-6)}.fds-alert--md{--fds-alert-padding:var(--fds-spacing-6);--fds-alert-icon-size:var(--fds-sizing-7)}.fds-alert--lg{--fds-alert-padding:var(--fds-spacing-7);--fds-alert-icon-size:var(--fds-sizing-8)}.fds-alert--elevated{box-shadow:var(--fds-shadow-small)}}
|
package/dist/box.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer fds.box{.fds-box--
|
|
1
|
+
@layer fds.box{.fds-box--xs-shadow{box-shadow:var(--fds-shadow-xsmall)}.fds-box--sm-shadow{box-shadow:var(--fds-shadow-small)}.fds-box--md-shadow{box-shadow:var(--fds-shadow-medium)}.fds-box--lg-shadow{box-shadow:var(--fds-shadow-large)}.fds-box--xl-shadow{box-shadow:var(--fds-shadow-xlarge)}.fds-box--default-border-color{border:1px solid var(--fds-semantic-border-neutral-default)}.fds-box--subtle-border-color{border:1px solid var(--fds-semantic-border-neutral-subtle)}.fds-box--strong-border-color{border:1px solid var(--fds-semantic-border-neutral-strong)}.fds-box--sm-border-radius{border-radius:var(--fds-border_radius-small)}.fds-box--md-border-radius{border-radius:var(--fds-border_radius-medium)}.fds-box--lg-border-radius{border-radius:var(--fds-border_radius-large)}.fds-box--xl-border-radius{border-radius:var(--fds-border_radius-xlarge)}.fds-box--2xl-border-radius{border-radius:var(--fds-border_radius-xxlarge)}.fds-box--3xl-border-radius{border-radius:var(--fds-border_radius-xxxlarge)}.fds-box--4xl-border-radius{border-radius:var(--fds-border_radius-xxxxlarge)}.fds-box--full-border-radius{border-radius:var(--fds-border_radius-full)}.fds-box--default-background{background-color:var(--fds-semantic-background-default)}.fds-box--subtle-background{background-color:var(--fds-semantic-background-subtle)}}
|
package/dist/checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer fds.checkbox{.fds-checkbox{--fds-checkbox-size:1.75rem;--fds-checkbox-focus-border-width:3px;--fds-checkbox-background:var(--fds-semantic-background-default);--fds-checkbox-border-color:var(--fds-semantic-border-input-default);--fds-checkbox-border__hover:0 0 0 var(--fds-spacing-2) var(--fds-semantic-surface-info-subtle-hover);display:grid}.fds-checkbox:has(.fds-checkbox__label){gap:var(--fds-spacing-2);grid-template-columns:var(--fds-checkbox-size) auto}.fds-checkbox__input{align-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--fds-checkbox-background);box-shadow:inset 0 0 0 2px var(--fds-checkbox-border-color);height:var(--fds-checkbox-size);margin:0;outline:none;position:relative;width:var(--fds-checkbox-size);z-index:1}.fds-checkbox__input,.fds-checkbox__input:before{border-radius:var(--fds-border_radius-medium);cursor:pointer}.fds-checkbox__input:before{content:"";display:block;height:2.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.75rem}.fds-checkbox__label{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;gap:var(--fds-spacing-1);min-height:var(--fds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-checkbox__description{color:var(--fds-semantic-text-neutral-subtle);grid-column:2;margin-top:calc(var(--fds-spacing-3)*-1)}.fds-checkbox--disabled>.fds-checkbox__input,.fds-checkbox--disabled>.fds-checkbox__input:before,.fds-checkbox--disabled>.fds-checkbox__label{cursor:not-allowed}.fds-checkbox--disabled>.fds-checkbox__description,.fds-checkbox--disabled>.fds-checkbox__input,.fds-checkbox--disabled>.fds-checkbox__label{opacity:var(--fds-opacity-disabled)}.fds-checkbox--readonly>.fds-checkbox__input,.fds-checkbox--readonly>.fds-checkbox__input:before,.fds-checkbox--readonly>.fds-checkbox__label{cursor:default}.fds-checkbox__input:focus-visible{box-shadow:inset 0 0 0 var(--fds-checkbox-focus-border-width) var(--fds-semantic-border-focus-boxshadow);outline:var(--fds-checkbox-focus-border-width) solid var(--fds-semantic-border-focus-outline);outline-offset:0}.fds-checkbox__input:checked{--fds-checkbox-border-color:var(--fds-semantic-border-input-hover);background:var(--fds-checkbox-border-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.55 6.324a1 1 0 0 1 0 1.414l-7.968 7.97a1 1 0 0 1-1.414 0l-4.219-4.22a1 1 0 0 1 1.414-1.414l3.512 3.512 7.262-7.262a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E")}.fds-checkbox__input:indeterminate{--fds-checkbox-border-color:var(--fds-semantic-border-input-hover);background-color:var(--fds-checkbox-border-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%23fff' d='M4.25 11.25a1.5 1.5 0 0 1 1.5-1.5h11a1.5 1.5 0 0 1 0 3h-11a1.5 1.5 0 0 1-1.5-1.5'/%3E%3C/svg%3E");background-repeat:no-repeat}.fds-checkbox--readonly>.fds-checkbox__input{--fds-checkbox-border-color:var(--fds-semantic-border-neutral-subtle);--fds-checkbox-background:var(--fds-semantic-surface-neutral-subtle)}.fds-checkbox__input:checked:not(:focus-visible){box-shadow:inset 0 0 0 2px var(--fds-checkbox-border-color)}.fds-checkbox--readonly>.fds-checkbox__input:checked{background:var(--fds-checkbox-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%2368707c' fill-rule='evenodd' d='M18.55 6.324a1 1 0 0 1 0 1.414l-7.968 7.97a1 1 0 0 1-1.414 0l-4.219-4.22a1 1 0 0 1 1.414-1.414l3.512 3.512 7.262-7.262a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E")}.fds-checkbox--readonly>.fds-checkbox__input:indeterminate{background:var(--fds-checkbox-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%2368707c' d='M4.25 11.25a1.5 1.5 0 0 1 1.5-1.5h11a1.5 1.5 0 0 1 0 3h-11a1.5 1.5 0 0 1-1.5-1.5'/%3E%3C/svg%3E");background-repeat:no-repeat}.fds-checkbox--error>.fds-checkbox__input:not(:disabled,:focus-visible){--fds-checkbox-border-color:var(--fds-semantic-border-danger-default)}@media (hover:hover) and (pointer:fine){.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover+.fds-checkbox__label,.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__label:hover{color:var(--fds-semantic-text-action-hover)}.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover:checked,.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover:not(:checked){--fds-checkbox-border-color:var(--fds-semantic-border-input-hover);box-shadow:var(--fds-checkbox-border__hover),inset 0 0 0 2px var(--fds-checkbox-border-color)}.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover:checked:focus-visible{box-shadow:var(--fds-checkbox-border__hover),inset 0 0 0 var(--fds-checkbox-focus-border-width) var(--fds-semantic-border-focus-boxshadow)}}.fds-checkbox--
|
|
1
|
+
@layer fds.checkbox{.fds-checkbox{--fds-checkbox-size:1.75rem;--fds-checkbox-focus-border-width:3px;--fds-checkbox-background:var(--fds-semantic-background-default);--fds-checkbox-border-color:var(--fds-semantic-border-input-default);--fds-checkbox-border__hover:0 0 0 var(--fds-spacing-2) var(--fds-semantic-surface-info-subtle-hover);display:grid}.fds-checkbox:has(.fds-checkbox__label){gap:var(--fds-spacing-2);grid-template-columns:var(--fds-checkbox-size) auto}.fds-checkbox__input{align-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--fds-checkbox-background);box-shadow:inset 0 0 0 2px var(--fds-checkbox-border-color);height:var(--fds-checkbox-size);margin:0;outline:none;position:relative;width:var(--fds-checkbox-size);z-index:1}.fds-checkbox__input,.fds-checkbox__input:before{border-radius:var(--fds-border_radius-medium);cursor:pointer}.fds-checkbox__input:before{content:"";display:block;height:2.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.75rem}.fds-checkbox__label{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;gap:var(--fds-spacing-1);min-height:var(--fds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-checkbox__description{color:var(--fds-semantic-text-neutral-subtle);grid-column:2;margin-top:calc(var(--fds-spacing-3)*-1)}.fds-checkbox--disabled>.fds-checkbox__input,.fds-checkbox--disabled>.fds-checkbox__input:before,.fds-checkbox--disabled>.fds-checkbox__label{cursor:not-allowed}.fds-checkbox--disabled>.fds-checkbox__description,.fds-checkbox--disabled>.fds-checkbox__input,.fds-checkbox--disabled>.fds-checkbox__label{opacity:var(--fds-opacity-disabled)}.fds-checkbox--readonly>.fds-checkbox__input,.fds-checkbox--readonly>.fds-checkbox__input:before,.fds-checkbox--readonly>.fds-checkbox__label{cursor:default}.fds-checkbox__input:focus-visible{box-shadow:inset 0 0 0 var(--fds-checkbox-focus-border-width) var(--fds-semantic-border-focus-boxshadow);outline:var(--fds-checkbox-focus-border-width) solid var(--fds-semantic-border-focus-outline);outline-offset:0}.fds-checkbox__input:checked{--fds-checkbox-border-color:var(--fds-semantic-border-input-hover);background:var(--fds-checkbox-border-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.55 6.324a1 1 0 0 1 0 1.414l-7.968 7.97a1 1 0 0 1-1.414 0l-4.219-4.22a1 1 0 0 1 1.414-1.414l3.512 3.512 7.262-7.262a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E")}.fds-checkbox__input:indeterminate{--fds-checkbox-border-color:var(--fds-semantic-border-input-hover);background-color:var(--fds-checkbox-border-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%23fff' d='M4.25 11.25a1.5 1.5 0 0 1 1.5-1.5h11a1.5 1.5 0 0 1 0 3h-11a1.5 1.5 0 0 1-1.5-1.5'/%3E%3C/svg%3E");background-repeat:no-repeat}.fds-checkbox--readonly>.fds-checkbox__input{--fds-checkbox-border-color:var(--fds-semantic-border-neutral-subtle);--fds-checkbox-background:var(--fds-semantic-surface-neutral-subtle)}.fds-checkbox__input:checked:not(:focus-visible){box-shadow:inset 0 0 0 2px var(--fds-checkbox-border-color)}.fds-checkbox--readonly>.fds-checkbox__input:checked{background:var(--fds-checkbox-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%2368707c' fill-rule='evenodd' d='M18.55 6.324a1 1 0 0 1 0 1.414l-7.968 7.97a1 1 0 0 1-1.414 0l-4.219-4.22a1 1 0 0 1 1.414-1.414l3.512 3.512 7.262-7.262a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E")}.fds-checkbox--readonly>.fds-checkbox__input:indeterminate{background:var(--fds-checkbox-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%2368707c' d='M4.25 11.25a1.5 1.5 0 0 1 1.5-1.5h11a1.5 1.5 0 0 1 0 3h-11a1.5 1.5 0 0 1-1.5-1.5'/%3E%3C/svg%3E");background-repeat:no-repeat}.fds-checkbox--error>.fds-checkbox__input:not(:disabled,:focus-visible){--fds-checkbox-border-color:var(--fds-semantic-border-danger-default)}@media (hover:hover) and (pointer:fine){.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover+.fds-checkbox__label,.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__label:hover{color:var(--fds-semantic-text-action-hover)}.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover:checked,.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover:not(:checked){--fds-checkbox-border-color:var(--fds-semantic-border-input-hover);box-shadow:var(--fds-checkbox-border__hover),inset 0 0 0 2px var(--fds-checkbox-border-color)}.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover:checked:focus-visible{box-shadow:var(--fds-checkbox-border__hover),inset 0 0 0 var(--fds-checkbox-focus-border-width) var(--fds-semantic-border-focus-boxshadow)}}.fds-checkbox--sm{--fds-checkbox-size:var(--fds-sizing-5);min-height:var(--fds-sizing-10)}.fds-checkbox--md{--fds-checkbox-size:var(--fds-sizing-6);min-height:var(--fds-sizing-11)}.fds-checkbox--lg{--fds-checkbox-size:var(--fds-sizing-7);min-height:var(--fds-sizing-12)}}
|
package/dist/chip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer fds.chip{.fds-chip--button{--fdsc-chip-height:var(--fds-sizing-7);--fdsc-chip-padding:var(--fds-spacing-3);--fdsc-chip-background:var(--fds-semantic-surface-action-first-subtle);--fdsc-chip-text-color:var(--fds-semantic-text-neutral-default);--fdsc-chip-border:var(--fds-semantic-border-action-first-subtle);--fdsc-chip-border-radius:var(--fds-border_radius-full);align-items:center;background:var(--fdsc-chip-background);border:1px solid var(--fdsc-chip-border);border-radius:var(--fdsc-chip-border-radius);color:var(--fdsc-chip-text-color);display:inline-flex;font-family:inherit;min-height:var(--fdsc-chip-height);padding:0 var(--fdsc-chip-padding);text-decoration:none}.fds-chip--button:disabled,.fds-chip--button[aria-disabled=true]{cursor:not-allowed;opacity:var(--fds-opacity-disabled)}.fds-chip--button .fds-chip__label{align-items:center;color:inherit;display:flex;flex-direction:row;gap:var(--fds-spacing-2);line-height:normal}.fds-chip--removable{--fdsc-removable-background:var(--fds-semantic-surface-action-default);--fdsc-removable-text-color:var(--fds-semantic-text-neutral-on_inverted);--fdsc-removable-chip-size:var(--fds-sizing-7);--fdsc-removable-chip-xmark-color:var(--fds-semantic-text-neutral-on_inverted);--fdsc-removable-chip-xmark-padding_right:var(--fds-spacing-1);--fdsc-removable-chip-xmark-size:var(--fds-sizing-6);--fdsc-removable-chip-xmark-wrapper-width:calc(var(--fdsc-removable-chip-xmark-size) + var(--fdsc-removable-chip-xmark-padding_right));background:var(--fdsc-removable-background);border:0;color:var(--fdsc-removable-text-color);min-height:var(--fdsc-chip-height);padding-right:var(--fds-spacing-2)}.fds-chip--removable.fds-chip--
|
|
1
|
+
@layer fds.chip{.fds-chip--button{--fdsc-chip-height:var(--fds-sizing-7);--fdsc-chip-padding:var(--fds-spacing-3);--fdsc-chip-background:var(--fds-semantic-surface-action-first-subtle);--fdsc-chip-text-color:var(--fds-semantic-text-neutral-default);--fdsc-chip-border:var(--fds-semantic-border-action-first-subtle);--fdsc-chip-border-radius:var(--fds-border_radius-full);align-items:center;background:var(--fdsc-chip-background);border:1px solid var(--fdsc-chip-border);border-radius:var(--fdsc-chip-border-radius);color:var(--fdsc-chip-text-color);display:inline-flex;font-family:inherit;min-height:var(--fdsc-chip-height);padding:0 var(--fdsc-chip-padding);text-decoration:none}.fds-chip--button:disabled,.fds-chip--button[aria-disabled=true]{cursor:not-allowed;opacity:var(--fds-opacity-disabled)}.fds-chip--button .fds-chip__label{align-items:center;color:inherit;display:flex;flex-direction:row;gap:var(--fds-spacing-2);line-height:normal}.fds-chip--removable{--fdsc-removable-background:var(--fds-semantic-surface-action-default);--fdsc-removable-text-color:var(--fds-semantic-text-neutral-on_inverted);--fdsc-removable-chip-size:var(--fds-sizing-7);--fdsc-removable-chip-xmark-color:var(--fds-semantic-text-neutral-on_inverted);--fdsc-removable-chip-xmark-padding_right:var(--fds-spacing-1);--fdsc-removable-chip-xmark-size:var(--fds-sizing-6);--fdsc-removable-chip-xmark-wrapper-width:calc(var(--fdsc-removable-chip-xmark-size) + var(--fdsc-removable-chip-xmark-padding_right));background:var(--fdsc-removable-background);border:0;color:var(--fdsc-removable-text-color);min-height:var(--fdsc-chip-height);padding-right:var(--fds-spacing-2)}.fds-chip--removable.fds-chip--sm{padding-right:var(--fds-spacing-1)}.fds-chip--removable.fds-chip--lg{padding-right:var(--fds-spacing-2)}.fds-chip__x-mark{color:var(--fdsc-removable-chip-xmark-color)}.fds-chip__x-mark,.fds-chip__x-mark .fds-chip__icon{height:var(--fdsc-removable-chip-xmark-size);width:var(--fdsc-removable-chip-xmark-size)}.fds-chip--spacing{padding-left:var(--fds-spacing-2)!important}.fds-chip--sm .fds-chip__checkmark-icon{height:var(--fds-sizing-5);width:auto}.fds-chip--md .fds-chip__checkmark-icon{height:24px;width:auto}.fds-chip--lg .fds-chip__checkmark-icon{height:26px;width:auto}.fds-chip--group-container{display:flex;gap:var(--fdsc-gap);list-style-type:none;margin:0;padding:0}.fds-chip--group-container,.fds-chip--group-container.fds-chip--lg,.fds-chip--group-container.fds-chip--md,.fds-chip--group-container.fds-chip--sm{--fdsc-gap:var(--fds-spacing-2)}@media (hover:hover) and (pointer:fine){.fds-chip--button:not(:disabled,[aria-disabled=true]):hover{--fdsc-chip-background:var(--fds-semantic-surface-action-first-subtle-hover);--fdsc-chip-text-color:var(--fds-semantic-text-neutral-default);--fdsc-chip-border:var(--fds-semantic-border-action-first-subtle-hover);cursor:pointer}.fds-chip--button:not(:disabled,[aria-disabled=true]):is([aria-pressed=true]):hover{--fdsc-chip-background:var(--fds-semantic-surface-action-first-no_fill-active);--fdsc-chip-text-color:var(--fds-semantic-text-neutral-default)}.fds-chip--removable:not(:disabled,[aria-disabled=true]):focus,.fds-chip--removable:not(:disabled,[aria-disabled=true]):hover{--fdsc-removable-background:var(--fds-semantic-surface-action-hover);--fdsc-removable-chip-xmark-color:var(--fds-semantic-text-neutral-on_inverted)}}.fds-chip--button:is([aria-pressed=true]),.fds-chip--button:not(:disabled,[aria-disabled=true]):active,.fds-chip--removable:is([aria-pressed=true]),.fds-chip--removable:not(:disabled,[aria-disabled=true]):active{--fdsc-chip-background:var(--fds-semantic-surface-action-first-active);--fdsc-chip-text-color:var(--fds-semantic-text-neutral-on_inverted);--fdsc-chip-border:var(--fds-semantic-surface-action-first-active);--fdsc-removable-background:var(--fds-semantic-surface-action-first-active);--fdsc-removable-text-color:var(--fds-semantic-text-neutral-on_inverted)}.fds-chip--sm{--fdsc-chip-height:var(--fds-sizing-7);--fdsc-chip-padding:var(--fds-spacing-3);--fdsc-removable-chip-xmark-size:var(--fds-sizing-5);--fdsc-removable-chip-xmark-padding_right:var(--fds-spacing-1)}.fds-chip--md{--fdsc-chip-height:var(--fds-sizing-8);--fdsc-chip-padding:var(--fds-spacing-3);--fdsc-removable-chip-xmark-size:var(--fds-sizing-6);--fdsc-removable-chip-xmark-padding_right:var(--fds-spacing-2)}.fds-chip--lg{--fdsc-chip-height:var(--fds-sizing-9);--fdsc-chip-padding:var(--fds-spacing-4);--fdsc-removable-chip-xmark-size:var(--fds-sizing-7);--fdsc-removable-chip-xmark-padding_right:var(--fds-spacing-3)}}
|
package/dist/combobox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer fds.combobox{.fds-combobox{background-color:initial;display:grid;gap:var(--fds-spacing-2)}.fds-combobox__options-wrapper{background:var(--fds-semantic-background-default);overflow-y:auto;padding:var(--fds-spacing-2);z-index:1600}.fds-combobox--readonly .fds-combobox__input{pointer-events:none}.fds-combobox__input__wrapper{align-items:center;cursor:text;display:flex;font:var(--fds-typography-paragraph-medium);font-family:inherit;gap:var(--fds-spacing-1);height:auto;justify-content:space-between;padding:var(--fds-spacing-2);position:relative;width:100%}.fds-combobox__input__wrapper .fds-combobox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:none;flex-grow:1;height:100%;min-width:50px}.fds-combobox--
|
|
1
|
+
@layer fds.combobox{.fds-combobox{background-color:initial;display:grid;gap:var(--fds-spacing-2)}.fds-combobox__options-wrapper{background:var(--fds-semantic-background-default);overflow-y:auto;padding:var(--fds-spacing-2);z-index:1600}.fds-combobox--readonly .fds-combobox__input{pointer-events:none}.fds-combobox__input__wrapper{align-items:center;cursor:text;display:flex;font:var(--fds-typography-paragraph-medium);font-family:inherit;gap:var(--fds-spacing-1);height:auto;justify-content:space-between;padding:var(--fds-spacing-2);position:relative;width:100%}.fds-combobox__input__wrapper .fds-combobox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:none;flex-grow:1;height:100%;min-width:50px}.fds-combobox--sm .fds-combobox__input__wrapper{min-height:var(--fds-sizing-10);padding:5px var(--fds-spacing-2)}.fds-combobox--sm .fds-combobox__input__wrapper,.fds-combobox--sm .fds-combobox__input__wrapper .fds-combobox__input{font:var(--fds-typography-paragraph-small);font-family:inherit}.fds-combobox--md .fds-combobox__input__wrapper{min-height:var(--fds-sizing-12);padding:7px var(--fds-spacing-3)}.fds-combobox--md .fds-combobox__input__wrapper,.fds-combobox--md .fds-combobox__input__wrapper .fds-combobox__input{font:var(--fds-typography-paragraph-medium);font-family:inherit}.fds-combobox--lg .fds-combobox__input__wrapper{min-height:var(--fds-sizing-14);padding:7px var(--fds-spacing-4)}.fds-combobox--lg .fds-combobox__input__wrapper,.fds-combobox--lg .fds-combobox__input__wrapper .fds-combobox__input{font:var(--fds-typography-paragraph-large);font-family:inherit}.fds-combobox__input__wrapper .fds-combobox__input:focus{outline:none}.fds-combobox__input__wrapper.fds-combobox--error{border-color:var(--fds-semantic-border-danger-default);border-width:2px}.fds-combobox__chip-and-input{align-items:center;background-color:initial;display:flex;flex-wrap:wrap;gap:var(--fds-spacing-2);width:100%}.fds-combobox__arrow{cursor:pointer;display:grid;place-items:center}.fds-combobox__input__wrapper.fds-combobox--readonly{background:var(--fds-semantic-surface-neutral-subtle);border-color:var(--fds-semantic-border-neutral-default)}.fds-combobox__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--fds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-combobox__description{color:var(--fds-semantic-text-neutral-subtle);margin-top:calc(var(--fds-spacing-2)*-1)}.fds-combobox__clear-button{aspect-ratio:1;background-color:initial;border:none;border-radius:var(--fds-spacing-1);color:var(--fds-semantic-text-neutral-default);cursor:pointer;display:grid;height:29px;padding:0;place-items:center;width:29px}.fds-combobox--sm .fds-combobox__clear-button{height:25px;width:25px}.fds-combobox--md .fds-combobox__clear-button{height:29px;width:29px}.fds-combobox--lg .fds-combobox__clear-button{height:31px;width:31px}.fds-combobox__clear-button:not(:disabled):hover{background-color:var(--fds-semantic-surface-info-subtle-hover)}.fds-combobox__disabled{opacity:var(--fds-opacity-disabled)}.fds-combobox__disabled *{cursor:not-allowed}.fds-combobox__readonly__icon{height:1.2em;width:1.2em}.fds-combobox__error-message{margin-top:var(--fds-spacing-2)}.fds-combobox__error-message:empty{display:none}.fds-combobox__loading{align-content:center;display:flex;gap:var(--fds-spacing-2)}.fds-combobox__input__wrapper:has(input:focus){--fds-focus-border-width:3px;box-shadow:0 0 0 var(--fds-focus-border-width) var(--fds-semantic-border-focus-boxshadow)!important;outline:var(--fds-focus-border-width) solid var(--fds-semantic-border-focus-outline);outline-offset:var(--fds-focus-border-width)}.fds-combobox__empty{padding:var(--fds-spacing-2) var(--fds-spacing-3)}.fds-combobox--lg .fds-combobox__empty{font:var(--fds-typography-label-large);font-family:inherit;font-weight:400}.fds-combobox--md .fds-combobox__empty{font:var(--fds-typography-label-medium);font-family:inherit;font-weight:400}.fds-combobox--sm .fds-combobox__empty{font:var(--fds-typography-label-small);font-family:inherit;font-weight:400}.fds-combobox__custom{padding:var(--fds-spacing-2) var(--fds-spacing-3)}.fds-combobox--lg .fds-combobox__custom{font:var(--fds-typography-label-large);font-family:inherit;font-weight:400}.fds-combobox--md .fds-combobox__custom{font:var(--fds-typography-label-medium);font-family:inherit;font-weight:400}.fds-combobox--sm .fds-combobox__custom{font:var(--fds-typography-label-small);font-family:inherit;font-weight:400}.fds-combobox__option{background:none;border:none;border-left:5px solid transparent;border-radius:var(--fds-border_radius-interactive);cursor:pointer;display:grid;font:var(--fds-typography-label-medium);font-family:inherit;grid-template-columns:1.2em 1fr;height:auto;justify-content:start;padding:var(--fds-spacing-2) var(--fds-spacing-3);padding-left:var(--fds-spacing-1);text-align:left;width:100%}.fds-combobox__option.fds-combobox__option--active{background:var(--fds-semantic-surface-action-first-no_fill-hover);border-left:5px solid var(--fds-semantic-border-input-hover)}.fds-combobox__option>div{align-self:flex-start}.fds-combobox__option.fds-combobox__option--multiple{gap:var(--fds-spacing-2);grid-template-columns:auto 1fr}.fds-combobox__option__label{color:var(--fds-semantic-text-neutral-default);cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--fds-spacing-1);margin:auto 0}.fds-combobox__option--active .fds-combobox__option__label{color:var(--fds-semantic-text-action-hover)}.fds-combobox__option__icon-wrapper{aspect-ratio:1/1;background-color:#fff;border:2px solid var(--fds-semantic-border-input-default);border-radius:var(--fds-border_radius-interactive);display:grid;place-items:center;width:var(--fds-spacing-6)}.fds-combobox__option--active .fds-combobox__option__icon-wrapper{border-color:var(--fds-semantic-border-input-hover)}.fds-combobox--sm .fds-combobox__option .fds-combobox__option__icon-wrapper{width:var(--fds-spacing-5)}.fds-combobox--md .fds-combobox__option .fds-combobox__option__icon-wrapper{width:var(--fds-spacing-6)}.fds-combobox--lg .fds-combobox__option .fds-combobox__option__icon-wrapper{width:var(--fds-spacing-7)}.fds-combobox__option__icon-wrapper.fds-combobox__option__icon-wrapper--selected{background-color:var(--fds-semantic-border-input-hover);border-color:var(--fds-semantic-border-input-hover)}.fds-combobox__option__icon-wrapper__icon{box-sizing:border-box;padding-top:.2em;transform:scale(1.4);stroke:var(--fds-semantic-text-neutral-default);color:var(--fds-semantic-text-neutral-default)}.fds-combobox__option__icon-wrapper .fds-combobox__option__icon-wrapper__icon{padding-top:0}.fds-combobox__option--active .fds-combobox__option__icon-wrapper__icon{stroke:var(--fds-semantic-text-action-hover);color:var(--fds-semantic-text-action-hover)}.fds-combobox__option__icon-wrapper.fds-combobox__option__icon-wrapper--selected .fds-combobox__option__icon-wrapper__icon{color:#fff;stroke:#fff}.fds-combobox__option__description{color:var(--fds-semantic-text-neutral-subtle);display:flex;flex-direction:column;flex-wrap:wrap;font:inherit;font-family:inherit;gap:var(--fds-spacing-1)}}
|
package/dist/dropdownmenu.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer fds.dropdownmenu{.fds-dropdownmenu{background-color:var(--fds-semantic-background-default);border-radius:var(--fds-border_radius-medium);box-shadow:var(--fds-shadow-medium);list-style:none;margin:0;padding:var(--fds-spacing-2);position:relative;z-index:1500}.fds-dropdownmenu--
|
|
1
|
+
@layer fds.dropdownmenu{.fds-dropdownmenu{background-color:var(--fds-semantic-background-default);border-radius:var(--fds-border_radius-medium);box-shadow:var(--fds-shadow-medium);list-style:none;margin:0;padding:var(--fds-spacing-2);position:relative;z-index:1500}.fds-dropdownmenu--sm{min-width:240px;padding:var(--fds-spacing-2)}.fds-dropdownmenu--md{min-width:260px;padding:var(--fds-spacing-3) var(--fds-spacing-2)}.fds-dropdownmenu--lg{min-width:280px;padding:var(--fds-spacing-4) var(--fds-spacing-2)}.fds-dropdownmenu>hr{border-color:var(--fds-semantic-border-divider-subtle)!important}.fds-dropdownmenu__item{justify-content:start;padding:0 var(--fds-spacing-4)}.fds-dropdownmenu__section{list-style:none;margin:0;padding:0}.fds-dropdownmenu__heading{padding:var(--fds-spacing-2) var(--fds-spacing-4)}}
|
package/dist/error-message.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer fds.typography.error-message{.fds-error-message{--fdsc-bottom-spacing:var(--fds-spacing-5);margin:0}.fds-error-message--error{color:var(--fds-semantic-text-danger-default)}.fds-error-message--spacing{margin-bottom:var(--fdsc-bottom-spacing)}.fds-error-message--
|
|
1
|
+
@layer fds.typography.error-message{.fds-error-message{--fdsc-bottom-spacing:var(--fds-spacing-5);margin:0}.fds-error-message--error{color:var(--fds-semantic-text-danger-default)}.fds-error-message--spacing{margin-bottom:var(--fdsc-bottom-spacing)}.fds-error-message--lg{--fdsc-bottom-spacing:var(--fds-spacing-5);font:var(--fds-typography-error_message-large);font-family:inherit}.fds-error-message--md{--fdsc-bottom-spacing:var(--fds-spacing-5);font:var(--fds-typography-error_message-medium);font-family:inherit}.fds-error-message--sm{--fdsc-bottom-spacing:var(--fds-spacing-4);font:var(--fds-typography-error_message-small);font-family:inherit}.fds-error-message--xs{--fdsc-bottom-spacing:var(--fds-spacing-3);font:var(--fds-typography-error_message-xsmall);font-family:inherit}}
|
package/dist/heading.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer fds.typography.heading{.fds-heading{--fdsc-bottom-spacing:var(--fds-spacing-6);color:var(--fds-semantic-text-neutral-default);margin:0}.fds-heading--spacing{margin-bottom:var(--fdsc-bottom-spacing)}.fds-heading--
|
|
1
|
+
@layer fds.typography.heading{.fds-heading{--fdsc-bottom-spacing:var(--fds-spacing-6);color:var(--fds-semantic-text-neutral-default);margin:0}.fds-heading--spacing{margin-bottom:var(--fdsc-bottom-spacing)}.fds-heading--3xl{--fdsc-bottom-spacing:var(--fds-spacing-8);font:var(--fds-typography-heading-3xlarge);font-family:inherit}.fds-heading--2xl{--fdsc-bottom-spacing:var(--fds-spacing-7);font:var(--fds-typography-heading-2xlarge);font-family:inherit}.fds-heading--xl{--fdsc-bottom-spacing:var(--fds-spacing-6);font:var(--fds-typography-heading-xlarge);font-family:inherit}.fds-heading--lg{--fdsc-bottom-spacing:var(--fds-spacing-5);font:var(--fds-typography-heading-large);font-family:inherit}.fds-heading--md{--fdsc-bottom-spacing:var(--fds-spacing-4);font:var(--fds-typography-heading-medium);font-family:inherit}.fds-heading--sm{--fdsc-bottom-spacing:var(--fds-spacing-3);font:var(--fds-typography-heading-small);font-family:inherit}.fds-heading--xs{--fdsc-bottom-spacing:var(--fds-spacing-2);font:var(--fds-typography-heading-xsmall);font-family:inherit}.fds-heading--2xs{--fdsc-bottom-spacing:var(--fds-spacing-1);font:var(--fds-typography-heading-xxsmall);font-family:inherit}}
|
package/dist/helptext.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer fds.helptext{.fds-helptext__button{background-color:initial;border:none;border-radius:50px;cursor:pointer;display:flex;min-height:0;min-width:0;padding:0!important}@media print{.fds-helptext__button{display:none}}.fds-helptext__icon--filled{display:none}.fds-helptext__icon{color:var(--fds-semantic-text-action-default);height:var(--fds-sizing-7);width:var(--fds-sizing-7)}.fds-helptext__button:where(:hover,:focus,[data-state^=open])>.fds-helptext__icon{display:none}.fds-helptext__button:where(:hover,:focus,[data-state^=open])>.fds-helptext__icon--filled{display:inline-block}.fds-helptext__content{font:var(--fds-typography-paragraph-medium);font-family:inherit;max-width:700px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-helptext--
|
|
1
|
+
@layer fds.helptext{.fds-helptext__button{background-color:initial;border:none;border-radius:50px;cursor:pointer;display:flex;min-height:0;min-width:0;padding:0!important}@media print{.fds-helptext__button{display:none}}.fds-helptext__icon--filled{display:none}.fds-helptext__icon{color:var(--fds-semantic-text-action-default);height:var(--fds-sizing-7);width:var(--fds-sizing-7)}.fds-helptext__button:where(:hover,:focus,[data-state^=open])>.fds-helptext__icon{display:none}.fds-helptext__button:where(:hover,:focus,[data-state^=open])>.fds-helptext__icon--filled{display:inline-block}.fds-helptext__content{font:var(--fds-typography-paragraph-medium);font-family:inherit;max-width:700px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-helptext--sm .fds-helptext__icon{height:var(--fds-sizing-6);width:var(--fds-sizing-6)}.fds-helptext--md .fds-helptext__icon{height:var(--fds-sizing-7);width:var(--fds-sizing-7)}.fds-helptext--lg .fds-helptext__icon{height:var(--fds-sizing-8);width:var(--fds-sizing-8)}}
|