@digdir/designsystemet-react 0.53.1 → 0.54.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/dist/cjs/components/Accordion/Accordion.module.css.js +1 -1
- package/dist/cjs/components/Accordion/AccordionHeader/AccordionHeader.js +1 -1
- package/dist/cjs/components/Box/Box.module.css.js +1 -1
- package/dist/cjs/components/Button/Button.module.css.js +1 -1
- package/dist/cjs/components/Card/Card.module.css.js +1 -1
- package/dist/cjs/components/Chip/Chip.module.css.js +1 -1
- package/dist/cjs/components/Divider/Divider.module.css.js +1 -1
- package/dist/cjs/components/DropdownMenu/DropdownMenu.module.css.js +1 -1
- package/dist/cjs/components/DropdownMenu/DropdownMenuGroup/DropdownMenuGroup.module.css.js +1 -1
- package/dist/cjs/components/DropdownMenu/DropdownMenuItem/DropdownMenuItem.module.css.js +1 -1
- package/dist/cjs/components/ErrorSummary/ErrorSummary.module.css.js +1 -1
- package/dist/cjs/components/HelpText/HelpText.module.css.js +1 -1
- package/dist/cjs/components/Link/Link.module.css.js +1 -1
- package/dist/cjs/components/List/List.module.css.js +1 -1
- package/dist/cjs/components/Modal/Modal.module.css.js +1 -1
- package/dist/cjs/components/Modal/ModalContent/ModalContent.module.css.js +1 -1
- package/dist/cjs/components/Modal/ModalFooter/ModalFooter.module.css.js +1 -1
- package/dist/cjs/components/Modal/ModalHeader/ModalHeader.module.css.js +1 -1
- package/dist/cjs/components/Pagination/Pagination.js +7 -2
- package/dist/cjs/components/Pagination/Pagination.module.css.js +1 -1
- package/dist/cjs/components/Popover/Popover.module.css.js +1 -1
- package/dist/cjs/components/Skeleton/Skeleton.module.css.js +1 -1
- package/dist/cjs/components/SkipLink/SkipLink.module.css.js +1 -1
- package/dist/cjs/components/Spinner/Spinner.module.css.js +1 -1
- package/dist/cjs/components/Table/Table.module.css.js +1 -1
- package/dist/cjs/components/Tabs/Tab/Tab.module.css.js +1 -1
- package/dist/cjs/components/Tabs/TabContent/TabContent.module.css.js +1 -1
- package/dist/cjs/components/Tabs/TabList/TabList.module.css.js +1 -1
- package/dist/cjs/components/Tag/Tag.module.css.js +1 -1
- package/dist/cjs/components/ToggleGroup/ToggleGroup.module.css.js +1 -1
- package/dist/cjs/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.module.css.js +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.module.css.js +1 -1
- package/dist/cjs/components/Typography/ErrorMessage/ErrorMessage.module.css.js +1 -1
- package/dist/cjs/components/Typography/Heading/Heading.module.css.js +1 -1
- package/dist/cjs/components/Typography/Ingress/Ingress.module.css.js +1 -1
- package/dist/cjs/components/Typography/Label/Label.module.css.js +1 -1
- package/dist/cjs/components/Typography/Paragraph/Paragraph.js +2 -2
- package/dist/cjs/components/Typography/Paragraph/Paragraph.module.css.js +1 -1
- package/dist/cjs/components/form/Checkbox/Checkbox.module.css.js +1 -1
- package/dist/cjs/components/form/Combobox/Combobox.module.css.js +1 -1
- package/dist/cjs/components/form/Combobox/Custom/Custom.module.css.js +1 -1
- package/dist/cjs/components/form/Combobox/Empty/Empty.module.css.js +1 -1
- package/dist/cjs/components/form/Combobox/Option/Description/Description.module.css.js +1 -1
- package/dist/cjs/components/form/Combobox/Option/Option.module.css.js +1 -1
- package/dist/cjs/components/form/Fieldset/Fieldset.module.css.js +1 -1
- package/dist/cjs/components/form/NativeSelect/NativeSelect.module.css.js +1 -1
- package/dist/cjs/components/form/Radio/Group/Group.module.css.js +1 -1
- package/dist/cjs/components/form/Radio/Radio.module.css.js +1 -1
- package/dist/cjs/components/form/Search/Search.module.css.js +1 -1
- package/dist/cjs/components/form/Switch/Switch.module.css.js +1 -1
- package/dist/cjs/components/form/Textarea/Textarea.module.css.js +1 -1
- package/dist/cjs/components/form/Textfield/Textfield.module.css.js +1 -1
- package/dist/cjs/react-css-modules.css +713 -750
- package/dist/cjs/utilities/AnimateHeight/AnimateHeight.module.css.js +1 -1
- package/dist/cjs/utilities/utility.module.css.js +1 -1
- package/dist/esm/components/Accordion/Accordion.module.css.js +1 -1
- package/dist/esm/components/Accordion/AccordionHeader/AccordionHeader.js +1 -1
- package/dist/esm/components/Box/Box.module.css.js +1 -1
- package/dist/esm/components/Button/Button.module.css.js +1 -1
- package/dist/esm/components/Card/Card.module.css.js +1 -1
- package/dist/esm/components/Chip/Chip.module.css.js +1 -1
- package/dist/esm/components/Divider/Divider.module.css.js +1 -1
- package/dist/esm/components/DropdownMenu/DropdownMenu.module.css.js +1 -1
- package/dist/esm/components/DropdownMenu/DropdownMenuGroup/DropdownMenuGroup.module.css.js +1 -1
- package/dist/esm/components/DropdownMenu/DropdownMenuItem/DropdownMenuItem.module.css.js +1 -1
- package/dist/esm/components/ErrorSummary/ErrorSummary.module.css.js +1 -1
- package/dist/esm/components/HelpText/HelpText.module.css.js +1 -1
- package/dist/esm/components/Link/Link.module.css.js +1 -1
- package/dist/esm/components/List/List.module.css.js +1 -1
- package/dist/esm/components/Modal/Modal.module.css.js +1 -1
- package/dist/esm/components/Modal/ModalContent/ModalContent.module.css.js +1 -1
- package/dist/esm/components/Modal/ModalFooter/ModalFooter.module.css.js +1 -1
- package/dist/esm/components/Modal/ModalHeader/ModalHeader.module.css.js +1 -1
- package/dist/esm/components/Pagination/Pagination.js +7 -2
- package/dist/esm/components/Pagination/Pagination.module.css.js +1 -1
- package/dist/esm/components/Popover/Popover.module.css.js +1 -1
- package/dist/esm/components/Skeleton/Skeleton.module.css.js +1 -1
- package/dist/esm/components/SkipLink/SkipLink.module.css.js +1 -1
- package/dist/esm/components/Spinner/Spinner.module.css.js +1 -1
- package/dist/esm/components/Table/Table.module.css.js +1 -1
- package/dist/esm/components/Tabs/Tab/Tab.module.css.js +1 -1
- package/dist/esm/components/Tabs/TabContent/TabContent.module.css.js +1 -1
- package/dist/esm/components/Tabs/TabList/TabList.module.css.js +1 -1
- package/dist/esm/components/Tag/Tag.module.css.js +1 -1
- package/dist/esm/components/ToggleGroup/ToggleGroup.module.css.js +1 -1
- package/dist/esm/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.module.css.js +1 -1
- package/dist/esm/components/Tooltip/Tooltip.module.css.js +1 -1
- package/dist/esm/components/Typography/ErrorMessage/ErrorMessage.module.css.js +1 -1
- package/dist/esm/components/Typography/Heading/Heading.module.css.js +1 -1
- package/dist/esm/components/Typography/Ingress/Ingress.module.css.js +1 -1
- package/dist/esm/components/Typography/Label/Label.module.css.js +1 -1
- package/dist/esm/components/Typography/Paragraph/Paragraph.js +2 -2
- package/dist/esm/components/Typography/Paragraph/Paragraph.module.css.js +1 -1
- package/dist/esm/components/form/Checkbox/Checkbox.module.css.js +1 -1
- package/dist/esm/components/form/Combobox/Combobox.module.css.js +1 -1
- package/dist/esm/components/form/Combobox/Custom/Custom.module.css.js +1 -1
- package/dist/esm/components/form/Combobox/Empty/Empty.module.css.js +1 -1
- package/dist/esm/components/form/Combobox/Option/Description/Description.module.css.js +1 -1
- package/dist/esm/components/form/Combobox/Option/Option.module.css.js +1 -1
- package/dist/esm/components/form/Fieldset/Fieldset.module.css.js +1 -1
- package/dist/esm/components/form/NativeSelect/NativeSelect.module.css.js +1 -1
- package/dist/esm/components/form/Radio/Group/Group.module.css.js +1 -1
- package/dist/esm/components/form/Radio/Radio.module.css.js +1 -1
- package/dist/esm/components/form/Search/Search.module.css.js +1 -1
- package/dist/esm/components/form/Switch/Switch.module.css.js +1 -1
- package/dist/esm/components/form/Textarea/Textarea.module.css.js +1 -1
- package/dist/esm/components/form/Textfield/Textfield.module.css.js +1 -1
- package/dist/esm/react-css-modules.css +713 -750
- package/dist/esm/utilities/AnimateHeight/AnimateHeight.module.css.js +1 -1
- package/dist/esm/utilities/utility.module.css.js +1 -1
- package/dist/types/components/Accordion/AccordionHeader/AccordionHeader.d.ts.map +1 -1
- package/dist/types/components/DropdownMenu/DropdownMenu.d.ts +1 -1
- package/dist/types/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/types/components/Popover/Popover.d.ts +1 -1
- package/dist/types/components/Typography/Paragraph/Paragraph.d.ts +5 -1
- package/dist/types/components/Typography/Paragraph/Paragraph.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Visually hide an element, but leave it available for screen readers
|
|
3
3
|
*/
|
|
4
|
-
.fds-utility-visuallyHidden-
|
|
4
|
+
.fds-utility-visuallyHidden-1ed11112 {
|
|
5
5
|
border: 0;
|
|
6
6
|
clip: rect(0 0 0 0);
|
|
7
7
|
height: 1px;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
/**
|
|
16
16
|
* Apply a focus outline on an element when it is focused with keyboard
|
|
17
17
|
*/
|
|
18
|
-
.fds-utility-focusable-
|
|
18
|
+
.fds-utility-focusable-1ed11112:focus-visible {
|
|
19
19
|
--fds-focus-border-width: 3px;
|
|
20
20
|
|
|
21
21
|
outline: var(--fds-focus-border-width) solid var(--fds-semantic-border-focus-outline);
|
|
@@ -23,8 +23,7 @@
|
|
|
23
23
|
box-shadow: 0 0 0 var(--fds-focus-border-width) var(--fds-semantic-border-focus-boxshadow);
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.fds-button-button-
|
|
27
|
-
--fc-button-icon-size: var(--fds-sizing-4);
|
|
26
|
+
.fds-button-button-8fa00f0f {
|
|
28
27
|
--fc-button-padding: 0 var(--fds-spacing-4);
|
|
29
28
|
--fc-button-color: var(--fds-semantic-text-action-first-on_action);
|
|
30
29
|
|
|
@@ -46,11 +45,11 @@
|
|
|
46
45
|
min-height: var(--fds-sizing-10);
|
|
47
46
|
}
|
|
48
47
|
|
|
49
|
-
.fds-button-button-
|
|
48
|
+
.fds-button-button-8fa00f0f svg {
|
|
50
49
|
overflow: visible;
|
|
51
50
|
}
|
|
52
51
|
|
|
53
|
-
.fds-button-small-
|
|
52
|
+
.fds-button-small-8fa00f0f::before {
|
|
54
53
|
position: absolute;
|
|
55
54
|
top: 0;
|
|
56
55
|
left: 0;
|
|
@@ -59,7 +58,7 @@
|
|
|
59
58
|
content: '';
|
|
60
59
|
}
|
|
61
60
|
|
|
62
|
-
.fds-button-small-
|
|
61
|
+
.fds-button-small-8fa00f0f::after {
|
|
63
62
|
position: absolute;
|
|
64
63
|
top: -5px;
|
|
65
64
|
left: 0;
|
|
@@ -68,20 +67,14 @@
|
|
|
68
67
|
content: '';
|
|
69
68
|
}
|
|
70
69
|
|
|
71
|
-
.fds-button-button-
|
|
72
|
-
.fds-button-button-
|
|
70
|
+
.fds-button-button-8fa00f0f:disabled,
|
|
71
|
+
.fds-button-button-8fa00f0f[aria-disabled='true'] {
|
|
73
72
|
cursor: not-allowed;
|
|
74
73
|
opacity: var(--fds-opacity-disabled);
|
|
75
74
|
}
|
|
76
75
|
|
|
77
|
-
.fds-button-
|
|
78
|
-
height: var(--fc-button-icon-size);
|
|
79
|
-
width: var(--fc-button-icon-size);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.fds-button-small-13ece2ef {
|
|
76
|
+
.fds-button-small-8fa00f0f {
|
|
83
77
|
--fc-button-padding: 0 var(--fds-spacing-3);
|
|
84
|
-
--fc-button-icon-size: var(--fds-sizing-4);
|
|
85
78
|
|
|
86
79
|
gap: var(--fds-sizing-1);
|
|
87
80
|
font: var(--fds-typography-paragraph-short-small);
|
|
@@ -89,9 +82,8 @@
|
|
|
89
82
|
min-height: var(--fds-sizing-8);
|
|
90
83
|
}
|
|
91
84
|
|
|
92
|
-
.fds-button-medium-
|
|
85
|
+
.fds-button-medium-8fa00f0f {
|
|
93
86
|
--fc-button-padding: 0 var(--fds-spacing-4);
|
|
94
|
-
--fc-button-icon-size: var(--fds-sizing-6);
|
|
95
87
|
|
|
96
88
|
gap: var(--fds-sizing-2);
|
|
97
89
|
font: var(--fds-typography-paragraph-short-medium);
|
|
@@ -99,9 +91,8 @@
|
|
|
99
91
|
min-height: var(--fds-sizing-10);
|
|
100
92
|
}
|
|
101
93
|
|
|
102
|
-
.fds-button-large-
|
|
94
|
+
.fds-button-large-8fa00f0f {
|
|
103
95
|
--fc-button-padding: 0 var(--fds-spacing-5);
|
|
104
|
-
--fc-button-icon-size: var(--fds-sizing-8);
|
|
105
96
|
|
|
106
97
|
gap: var(--fds-sizing-2);
|
|
107
98
|
font: var(--fds-typography-paragraph-short-large);
|
|
@@ -109,100 +100,100 @@
|
|
|
109
100
|
min-height: var(--fds-sizing-12);
|
|
110
101
|
}
|
|
111
102
|
|
|
112
|
-
.fds-button-fullWidth-
|
|
103
|
+
.fds-button-fullWidth-8fa00f0f {
|
|
113
104
|
width: 100%;
|
|
114
105
|
}
|
|
115
106
|
|
|
116
|
-
.fds-button-secondary-
|
|
117
|
-
.fds-button-tertiary-
|
|
107
|
+
.fds-button-secondary-8fa00f0f,
|
|
108
|
+
.fds-button-tertiary-8fa00f0f {
|
|
118
109
|
background-color: transparent;
|
|
119
110
|
}
|
|
120
111
|
|
|
121
|
-
.fds-button-onlyIcon-
|
|
112
|
+
.fds-button-onlyIcon-8fa00f0f {
|
|
122
113
|
--fc-button-padding: 0;
|
|
123
114
|
}
|
|
124
115
|
|
|
125
116
|
/* Only use hover for non-touch devices to prevent sticky-hovering */
|
|
126
117
|
@media (hover: hover) and (pointer: fine) {
|
|
127
|
-
.fds-button-primary-
|
|
118
|
+
.fds-button-primary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
|
|
128
119
|
background-color: var(--fds-semantic-surface-action-first-hover);
|
|
129
120
|
}
|
|
130
121
|
|
|
131
|
-
.fds-button-primary-
|
|
122
|
+
.fds-button-primary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
|
|
132
123
|
background-color: var(--fds-semantic-surface-action-second-hover);
|
|
133
124
|
}
|
|
134
125
|
|
|
135
|
-
.fds-button-primary-
|
|
126
|
+
.fds-button-primary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
|
|
136
127
|
background-color: var(--fds-semantic-surface-success-hover);
|
|
137
128
|
}
|
|
138
129
|
|
|
139
|
-
.fds-button-primary-
|
|
130
|
+
.fds-button-primary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
|
|
140
131
|
background-color: var(--fds-semantic-surface-danger-hover);
|
|
141
132
|
}
|
|
142
133
|
|
|
143
|
-
.fds-button-primary-
|
|
134
|
+
.fds-button-primary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
|
|
144
135
|
--fc-button-color: var(--fds-semantic-text-neutral-default);
|
|
145
136
|
|
|
146
137
|
background-color: var(--fds-semantic-surface-on_inverted-hover);
|
|
147
138
|
}
|
|
148
139
|
|
|
149
|
-
.fds-button-secondary-
|
|
140
|
+
.fds-button-secondary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
|
|
150
141
|
--fc-button-color: var(--fds-semantic-text-action-first-hover);
|
|
151
142
|
|
|
152
143
|
border-color: var(--fds-semantic-border-action-first-hover);
|
|
153
144
|
background-color: var(--fds-semantic-surface-action-first-no_fill-hover);
|
|
154
145
|
}
|
|
155
146
|
|
|
156
|
-
.fds-button-secondary-
|
|
147
|
+
.fds-button-secondary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
|
|
157
148
|
--fc-button-color: var(--fds-semantic-text-action-second-hover);
|
|
158
149
|
|
|
159
150
|
border-color: var(--fds-semantic-border-action-second-hover);
|
|
160
151
|
background-color: var(--fds-semantic-surface-action-second-no_fill-hover);
|
|
161
152
|
}
|
|
162
153
|
|
|
163
|
-
.fds-button-secondary-
|
|
154
|
+
.fds-button-secondary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
|
|
164
155
|
--fc-button-color: var(--fds-semantic-text-success-hover);
|
|
165
156
|
|
|
166
157
|
border-color: var(--fds-semantic-border-success-hover);
|
|
167
158
|
background-color: var(--fds-semantic-surface-success-no_fill-hover);
|
|
168
159
|
}
|
|
169
160
|
|
|
170
|
-
.fds-button-secondary-
|
|
161
|
+
.fds-button-secondary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
|
|
171
162
|
--fc-button-color: var(--fds-semantic-text-danger-hover);
|
|
172
163
|
|
|
173
164
|
border-color: var(--fds-semantic-border-danger-hover);
|
|
174
165
|
background-color: var(--fds-semantic-surface-danger-no_fill-hover);
|
|
175
166
|
}
|
|
176
167
|
|
|
177
|
-
.fds-button-secondary-
|
|
168
|
+
.fds-button-secondary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
|
|
178
169
|
background-color: var(--fds-semantic-surface-on_inverted-no_fill-hover);
|
|
179
170
|
}
|
|
180
171
|
|
|
181
|
-
.fds-button-tertiary-
|
|
172
|
+
.fds-button-tertiary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
|
|
182
173
|
--fc-button-color: var(--fds-semantic-text-action-first-hover);
|
|
183
174
|
|
|
184
175
|
background-color: var(--fds-semantic-surface-action-first-no_fill-hover);
|
|
185
176
|
}
|
|
186
177
|
|
|
187
|
-
.fds-button-tertiary-
|
|
178
|
+
.fds-button-tertiary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
|
|
188
179
|
--fc-button-color: var(--fds-semantic-text-action-second-hover);
|
|
189
180
|
|
|
190
181
|
background-color: var(--fds-semantic-surface-action-second-no_fill-hover);
|
|
191
182
|
}
|
|
192
183
|
|
|
193
|
-
.fds-button-tertiary-
|
|
184
|
+
.fds-button-tertiary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
|
|
194
185
|
--fc-button-color: var(--fds-semantic-text-success-hover);
|
|
195
186
|
|
|
196
187
|
background-color: var(--fds-semantic-surface-success-no_fill-hover);
|
|
197
188
|
}
|
|
198
189
|
|
|
199
|
-
.fds-button-tertiary-
|
|
190
|
+
.fds-button-tertiary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
|
|
200
191
|
--fc-button-color: var(--fds-semantic-text-danger-hover);
|
|
201
192
|
|
|
202
193
|
background-color: var(--fds-semantic-surface-danger-no_fill-hover);
|
|
203
194
|
}
|
|
204
195
|
|
|
205
|
-
.fds-button-tertiary-
|
|
196
|
+
.fds-button-tertiary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
|
|
206
197
|
--fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
|
|
207
198
|
|
|
208
199
|
background-color: var(--fds-semantic-surface-on_inverted-no_fill-hover);
|
|
@@ -210,324 +201,340 @@
|
|
|
210
201
|
}
|
|
211
202
|
|
|
212
203
|
/* Primary button colors */
|
|
213
|
-
.fds-button-primary-
|
|
204
|
+
.fds-button-primary-8fa00f0f:where(.fds-button-first-8fa00f0f) {
|
|
214
205
|
background-color: var(--fds-semantic-surface-action-first-default);
|
|
215
206
|
}
|
|
216
207
|
|
|
217
|
-
.fds-button-primary-
|
|
208
|
+
.fds-button-primary-8fa00f0f:where(.fds-button-second-8fa00f0f) {
|
|
218
209
|
background-color: var(--fds-semantic-surface-action-second-default);
|
|
219
210
|
}
|
|
220
211
|
|
|
221
|
-
.fds-button-primary-
|
|
212
|
+
.fds-button-primary-8fa00f0f:where(.fds-button-success-8fa00f0f) {
|
|
222
213
|
background-color: var(--fds-semantic-surface-success-default);
|
|
223
214
|
}
|
|
224
215
|
|
|
225
|
-
.fds-button-primary-
|
|
216
|
+
.fds-button-primary-8fa00f0f:where(.fds-button-danger-8fa00f0f) {
|
|
226
217
|
background-color: var(--fds-semantic-surface-danger-default);
|
|
227
218
|
}
|
|
228
219
|
|
|
229
|
-
.fds-button-primary-
|
|
220
|
+
.fds-button-primary-8fa00f0f:where(.fds-button-inverted-8fa00f0f) {
|
|
230
221
|
--fc-button-color: var(--fds-semantic-text-neutral-default);
|
|
231
222
|
|
|
232
223
|
background-color: var(--fds-semantic-surface-on_inverted-default);
|
|
233
224
|
}
|
|
234
225
|
|
|
235
|
-
.fds-button-primary-
|
|
226
|
+
.fds-button-primary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):active {
|
|
236
227
|
background-color: var(--fds-semantic-surface-action-first-active);
|
|
237
228
|
}
|
|
238
229
|
|
|
239
|
-
.fds-button-primary-
|
|
230
|
+
.fds-button-primary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):active {
|
|
240
231
|
background-color: var(--fds-semantic-surface-action-second-active);
|
|
241
232
|
}
|
|
242
233
|
|
|
243
|
-
.fds-button-primary-
|
|
234
|
+
.fds-button-primary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):active {
|
|
244
235
|
background-color: var(--fds-semantic-surface-success-active);
|
|
245
236
|
}
|
|
246
237
|
|
|
247
|
-
.fds-button-primary-
|
|
238
|
+
.fds-button-primary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):active {
|
|
248
239
|
background-color: var(--fds-semantic-surface-danger-active);
|
|
249
240
|
}
|
|
250
241
|
|
|
251
|
-
.fds-button-primary-
|
|
242
|
+
.fds-button-primary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):active {
|
|
252
243
|
--fc-button-color: var(--fds-semantic-text-neutral-default);
|
|
253
244
|
|
|
254
245
|
background-color: var(--fds-semantic-surface-on_inverted-active);
|
|
255
246
|
}
|
|
256
247
|
|
|
257
248
|
/* Secondary button colors */
|
|
258
|
-
.fds-button-secondary-
|
|
249
|
+
.fds-button-secondary-8fa00f0f:where(.fds-button-first-8fa00f0f) {
|
|
259
250
|
--fc-button-color: var(--fds-semantic-text-action-first-default);
|
|
260
251
|
|
|
261
252
|
border-color: var(--fds-semantic-border-action-first-default);
|
|
262
253
|
background-color: var(--fds-semantic-surface-action-first-no_fill);
|
|
263
254
|
}
|
|
264
255
|
|
|
265
|
-
.fds-button-secondary-
|
|
256
|
+
.fds-button-secondary-8fa00f0f:where(.fds-button-second-8fa00f0f) {
|
|
266
257
|
--fc-button-color: var(--fds-semantic-text-action-second-default);
|
|
267
258
|
|
|
268
259
|
border-color: var(--fds-semantic-border-action-second-default);
|
|
269
260
|
background-color: var(--fds-semantic-surface-action-second-no_fill);
|
|
270
261
|
}
|
|
271
262
|
|
|
272
|
-
.fds-button-secondary-
|
|
263
|
+
.fds-button-secondary-8fa00f0f:where(.fds-button-success-8fa00f0f) {
|
|
273
264
|
--fc-button-color: var(--fds-semantic-text-success-default);
|
|
274
265
|
|
|
275
266
|
border-color: var(--fds-semantic-border-success-default);
|
|
276
267
|
background-color: var(--fds-semantic-surface-success-no_fill);
|
|
277
268
|
}
|
|
278
269
|
|
|
279
|
-
.fds-button-secondary-
|
|
270
|
+
.fds-button-secondary-8fa00f0f:where(.fds-button-danger-8fa00f0f) {
|
|
280
271
|
--fc-button-color: var(--fds-semantic-text-danger-default);
|
|
281
272
|
|
|
282
273
|
border-color: var(--fds-semantic-border-danger-default);
|
|
283
274
|
background-color: var(--fds-semantic-surface-danger-no_fill);
|
|
284
275
|
}
|
|
285
276
|
|
|
286
|
-
.fds-button-secondary-
|
|
277
|
+
.fds-button-secondary-8fa00f0f:where(.fds-button-inverted-8fa00f0f) {
|
|
287
278
|
--fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
|
|
288
279
|
|
|
289
280
|
border: 1px solid var(--fds-semantic-border-on_inverted-default);
|
|
290
281
|
background-color: transparent;
|
|
291
282
|
}
|
|
292
283
|
|
|
293
|
-
.fds-button-secondary-
|
|
284
|
+
.fds-button-secondary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):active {
|
|
294
285
|
--fc-button-color: var(--fds-semantic-text-action-first-active);
|
|
295
286
|
|
|
296
287
|
border-color: var(--fds-semantic-border-action-first-active);
|
|
297
288
|
background-color: var(--fds-semantic-surface-action-first-no_fill-active);
|
|
298
289
|
}
|
|
299
290
|
|
|
300
|
-
.fds-button-secondary-
|
|
291
|
+
.fds-button-secondary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):active {
|
|
301
292
|
--fc-button-color: var(--fds-semantic-text-action-second-active);
|
|
302
293
|
|
|
303
294
|
border-color: var(--fds-semantic-border-action-second-active);
|
|
304
295
|
background-color: var(--fds-semantic-surface-action-second-no_fill-active);
|
|
305
296
|
}
|
|
306
297
|
|
|
307
|
-
.fds-button-secondary-
|
|
298
|
+
.fds-button-secondary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):active {
|
|
308
299
|
--fc-button-color: var(--fds-semantic-text-success-active);
|
|
309
300
|
|
|
310
301
|
border-color: var(--fds-semantic-border-success-active);
|
|
311
302
|
background-color: var(--fds-semantic-surface-success-no_fill-active);
|
|
312
303
|
}
|
|
313
304
|
|
|
314
|
-
.fds-button-secondary-
|
|
305
|
+
.fds-button-secondary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):active {
|
|
315
306
|
--fc-button-color: var(--fds-semantic-text-danger-active);
|
|
316
307
|
|
|
317
308
|
border-color: var(--fds-semantic-border-danger-active);
|
|
318
309
|
background-color: var(--fds-semantic-surface-danger-no_fill-active);
|
|
319
310
|
}
|
|
320
311
|
|
|
321
|
-
.fds-button-secondary-
|
|
312
|
+
.fds-button-secondary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):active {
|
|
322
313
|
--fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
|
|
323
314
|
|
|
324
315
|
background-color: var(--fds-semantic-surface-on_inverted-no_fill-active);
|
|
325
316
|
}
|
|
326
317
|
|
|
327
318
|
/* Tertiary button colors */
|
|
328
|
-
.fds-button-tertiary-
|
|
319
|
+
.fds-button-tertiary-8fa00f0f:where(.fds-button-first-8fa00f0f) {
|
|
329
320
|
--fc-button-color: var(--fds-semantic-text-action-first-default);
|
|
330
321
|
}
|
|
331
322
|
|
|
332
|
-
.fds-button-tertiary-
|
|
323
|
+
.fds-button-tertiary-8fa00f0f:where(.fds-button-second-8fa00f0f) {
|
|
333
324
|
--fc-button-color: var(--fds-semantic-text-action-second-default);
|
|
334
325
|
}
|
|
335
326
|
|
|
336
|
-
.fds-button-tertiary-
|
|
327
|
+
.fds-button-tertiary-8fa00f0f:where(.fds-button-success-8fa00f0f) {
|
|
337
328
|
--fc-button-color: var(--fds-semantic-text-success-default);
|
|
338
329
|
}
|
|
339
330
|
|
|
340
|
-
.fds-button-tertiary-
|
|
331
|
+
.fds-button-tertiary-8fa00f0f:where(.fds-button-danger-8fa00f0f) {
|
|
341
332
|
--fc-button-color: var(--fds-semantic-text-danger-default);
|
|
342
333
|
}
|
|
343
334
|
|
|
344
|
-
.fds-button-tertiary-
|
|
335
|
+
.fds-button-tertiary-8fa00f0f:where(.fds-button-inverted-8fa00f0f) {
|
|
345
336
|
--fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
|
|
346
337
|
|
|
347
338
|
background-color: transparent;
|
|
348
339
|
}
|
|
349
340
|
|
|
350
|
-
.fds-button-tertiary-
|
|
341
|
+
.fds-button-tertiary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):active {
|
|
351
342
|
--fc-button-color: var(--fds-semantic-text-action-first-active);
|
|
352
343
|
|
|
353
344
|
background-color: var(--fds-semantic-surface-action-first-no_fill-active);
|
|
354
345
|
}
|
|
355
346
|
|
|
356
|
-
.fds-button-tertiary-
|
|
347
|
+
.fds-button-tertiary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):active {
|
|
357
348
|
--fc-button-color: var(--fds-semantic-text-action-second-active);
|
|
358
349
|
|
|
359
350
|
background-color: var(--fds-semantic-surface-action-second-no_fill-active);
|
|
360
351
|
}
|
|
361
352
|
|
|
362
|
-
.fds-button-tertiary-
|
|
353
|
+
.fds-button-tertiary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):active {
|
|
363
354
|
--fc-button-color: var(--fds-semantic-text-success-active);
|
|
364
355
|
|
|
365
356
|
background-color: var(--fds-semantic-surface-success-no_fill-active);
|
|
366
357
|
}
|
|
367
358
|
|
|
368
|
-
.fds-button-tertiary-
|
|
359
|
+
.fds-button-tertiary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):active {
|
|
369
360
|
--fc-button-color: var(--fds-semantic-text-danger-active);
|
|
370
361
|
|
|
371
362
|
background-color: var(--fds-semantic-surface-danger-no_fill-active);
|
|
372
363
|
}
|
|
373
364
|
|
|
374
|
-
.fds-button-tertiary-
|
|
365
|
+
.fds-button-tertiary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):active {
|
|
375
366
|
--fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
|
|
376
367
|
|
|
377
368
|
background-color: var(--fds-semantic-surface-on_inverted-no_fill-active);
|
|
378
369
|
}
|
|
379
370
|
|
|
380
|
-
.fds-paragraph-paragraph-
|
|
371
|
+
.fds-paragraph-paragraph-b69df5f3 {
|
|
381
372
|
--fdsc-bottom-spacing: var(--fds-spacing-5);
|
|
382
373
|
|
|
383
374
|
color: var(--fds-semantic-text-neutral-default);
|
|
384
375
|
margin: 0;
|
|
385
376
|
}
|
|
386
377
|
|
|
387
|
-
.fds-paragraph-spacing-
|
|
378
|
+
.fds-paragraph-spacing-b69df5f3 {
|
|
388
379
|
margin-bottom: var(--fdsc-bottom-spacing);
|
|
389
380
|
}
|
|
390
381
|
|
|
391
|
-
.fds-paragraph-large-
|
|
382
|
+
.fds-paragraph-large-b69df5f3 {
|
|
392
383
|
--fdsc-bottom-spacing: var(--fds-spacing-6);
|
|
393
384
|
|
|
394
385
|
font: var(--fds-typography-paragraph-large);
|
|
395
386
|
font-family: inherit;
|
|
396
387
|
}
|
|
397
388
|
|
|
398
|
-
.fds-paragraph-large-
|
|
389
|
+
.fds-paragraph-large-b69df5f3:where(.fds-paragraph-short-b69df5f3) {
|
|
399
390
|
font: var(--fds-typography-paragraph-short-large);
|
|
400
391
|
font-family: inherit;
|
|
401
392
|
}
|
|
402
393
|
|
|
403
|
-
.fds-paragraph-
|
|
394
|
+
.fds-paragraph-large-b69df5f3:where(.fds-paragraph-long-b69df5f3) {
|
|
395
|
+
line-height: var(--fds-typography-paragraph-long-large);
|
|
396
|
+
}
|
|
397
|
+
|
|
398
|
+
.fds-paragraph-medium-b69df5f3 {
|
|
404
399
|
--fdsc-bottom-spacing: var(--fds-spacing-5);
|
|
405
400
|
|
|
406
401
|
font: var(--fds-typography-paragraph-medium);
|
|
407
402
|
font-family: inherit;
|
|
408
403
|
}
|
|
409
404
|
|
|
410
|
-
.fds-paragraph-medium-
|
|
405
|
+
.fds-paragraph-medium-b69df5f3:where(.fds-paragraph-short-b69df5f3) {
|
|
411
406
|
--fdsc-bottom-spacing: var(--fds-spacing-5);
|
|
412
407
|
|
|
413
408
|
font: var(--fds-typography-paragraph-short-medium);
|
|
414
409
|
font-family: inherit;
|
|
415
410
|
}
|
|
416
411
|
|
|
417
|
-
.fds-paragraph-
|
|
412
|
+
.fds-paragraph-medium-b69df5f3:where(.fds-paragraph-long-b69df5f3) {
|
|
413
|
+
line-height: var(--fds-typography-paragraph-long-medium);
|
|
414
|
+
}
|
|
415
|
+
|
|
416
|
+
.fds-paragraph-small-b69df5f3 {
|
|
418
417
|
--fdsc-bottom-spacing: var(--fds-spacing-4);
|
|
419
418
|
|
|
420
419
|
font: var(--fds-typography-paragraph-small);
|
|
421
420
|
font-family: inherit;
|
|
422
421
|
}
|
|
423
422
|
|
|
424
|
-
.fds-paragraph-small-
|
|
423
|
+
.fds-paragraph-small-b69df5f3:where(.fds-paragraph-short-b69df5f3) {
|
|
425
424
|
--fdsc-bottom-spacing: var(--fds-spacing-4);
|
|
426
425
|
|
|
427
426
|
font: var(--fds-typography-paragraph-short-small);
|
|
428
427
|
font-family: inherit;
|
|
429
428
|
}
|
|
430
429
|
|
|
431
|
-
.fds-paragraph-
|
|
430
|
+
.fds-paragraph-small-b69df5f3:where(.fds-paragraph-long-b69df5f3) {
|
|
431
|
+
line-height: var(--fds-typography-paragraph-long-small);
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
.fds-paragraph-xsmall-b69df5f3 {
|
|
432
435
|
--fdsc-bottom-spacing: var(--fds-spacing-3);
|
|
433
436
|
|
|
434
437
|
font: var(--fds-typography-paragraph-xsmall);
|
|
435
438
|
font-family: inherit;
|
|
436
439
|
}
|
|
437
440
|
|
|
438
|
-
.fds-paragraph-xsmall-
|
|
441
|
+
.fds-paragraph-xsmall-b69df5f3:where(.fds-paragraph-short-b69df5f3) {
|
|
439
442
|
--fdsc-bottom-spacing: var(--fds-spacing-3);
|
|
440
443
|
|
|
441
444
|
font: var(--fds-typography-paragraph-short-xsmall);
|
|
442
445
|
font-family: inherit;
|
|
443
446
|
}
|
|
444
447
|
|
|
445
|
-
.fds-
|
|
448
|
+
.fds-paragraph-xsmall-b69df5f3:where(.fds-paragraph-long-b69df5f3) {
|
|
449
|
+
line-height: var(--fds-typography-paragraph-long-xsmall);
|
|
450
|
+
}
|
|
451
|
+
|
|
452
|
+
.fds-heading-heading-b10abc8b {
|
|
446
453
|
--fdsc-bottom-spacing: var(--fds-spacing-6);
|
|
447
454
|
|
|
448
455
|
margin: 0;
|
|
449
456
|
color: var(--fds-semantic-text-neutral-default);
|
|
450
457
|
}
|
|
451
458
|
|
|
452
|
-
.fds-heading-spacing-
|
|
459
|
+
.fds-heading-spacing-b10abc8b {
|
|
453
460
|
margin-bottom: var(--fdsc-bottom-spacing);
|
|
454
461
|
}
|
|
455
462
|
|
|
456
|
-
.fds-heading-size-3xlarge-
|
|
463
|
+
.fds-heading-size-3xlarge-b10abc8b {
|
|
457
464
|
--fdsc-bottom-spacing: var(--fds-spacing-8);
|
|
458
465
|
|
|
459
466
|
font: var(--fds-typography-heading-3xlarge);
|
|
460
467
|
font-family: inherit;
|
|
461
468
|
}
|
|
462
469
|
|
|
463
|
-
.fds-heading-size-2xlarge-
|
|
470
|
+
.fds-heading-size-2xlarge-b10abc8b {
|
|
464
471
|
--fdsc-bottom-spacing: var(--fds-spacing-7);
|
|
465
472
|
|
|
466
473
|
font: var(--fds-typography-heading-2xlarge);
|
|
467
474
|
font-family: inherit;
|
|
468
475
|
}
|
|
469
476
|
|
|
470
|
-
.fds-heading-size-xlarge-
|
|
477
|
+
.fds-heading-size-xlarge-b10abc8b {
|
|
471
478
|
--fdsc-bottom-spacing: var(--fds-spacing-6);
|
|
472
479
|
|
|
473
480
|
font: var(--fds-typography-heading-xlarge);
|
|
474
481
|
font-family: inherit;
|
|
475
482
|
}
|
|
476
483
|
|
|
477
|
-
.fds-heading-size-large-
|
|
484
|
+
.fds-heading-size-large-b10abc8b {
|
|
478
485
|
--fdsc-bottom-spacing: var(--fds-spacing-5);
|
|
479
486
|
|
|
480
487
|
font: var(--fds-typography-heading-large);
|
|
481
488
|
font-family: inherit;
|
|
482
489
|
}
|
|
483
490
|
|
|
484
|
-
.fds-heading-size-medium-
|
|
491
|
+
.fds-heading-size-medium-b10abc8b {
|
|
485
492
|
--fdsc-bottom-spacing: var(--fds-spacing-4);
|
|
486
493
|
|
|
487
494
|
font: var(--fds-typography-heading-medium);
|
|
488
495
|
font-family: inherit;
|
|
489
496
|
}
|
|
490
497
|
|
|
491
|
-
.fds-heading-size-small-
|
|
498
|
+
.fds-heading-size-small-b10abc8b {
|
|
492
499
|
--fdsc-bottom-spacing: var(--fds-spacing-3);
|
|
493
500
|
|
|
494
501
|
font: var(--fds-typography-heading-small);
|
|
495
502
|
font-family: inherit;
|
|
496
503
|
}
|
|
497
504
|
|
|
498
|
-
.fds-heading-size-xsmall-
|
|
505
|
+
.fds-heading-size-xsmall-b10abc8b {
|
|
499
506
|
--fdsc-bottom-spacing: var(--fds-spacing-2);
|
|
500
507
|
|
|
501
508
|
font: var(--fds-typography-heading-xsmall);
|
|
502
509
|
font-family: inherit;
|
|
503
510
|
}
|
|
504
511
|
|
|
505
|
-
.fds-heading-size-xxsmall-
|
|
512
|
+
.fds-heading-size-xxsmall-b10abc8b {
|
|
506
513
|
--fdsc-bottom-spacing: var(--fds-spacing-1);
|
|
507
514
|
|
|
508
515
|
font: var(--fds-typography-heading-xxsmall);
|
|
509
516
|
font-family: inherit;
|
|
510
517
|
}
|
|
511
518
|
|
|
512
|
-
.fds-ingress-ingress-
|
|
519
|
+
.fds-ingress-ingress-9b33da65 {
|
|
513
520
|
--fdsc-bottom-spacing: var(--fds-spacing-5);
|
|
514
521
|
|
|
515
522
|
margin: 0;
|
|
516
523
|
color: var(--fds-semantic-text-neutral-default);
|
|
517
524
|
}
|
|
518
525
|
|
|
519
|
-
.fds-ingress-ingress-
|
|
526
|
+
.fds-ingress-ingress-9b33da65.fds-ingress-spacing-9b33da65 {
|
|
520
527
|
margin-bottom: var(--fdsc-bottom-spacing);
|
|
521
528
|
}
|
|
522
529
|
|
|
523
|
-
.fds-ingress-ingress-
|
|
530
|
+
.fds-ingress-ingress-9b33da65.fds-ingress-medium-9b33da65 {
|
|
524
531
|
--fdsc-bottom-spacing: var(--fds-spacing-5);
|
|
525
532
|
|
|
526
533
|
font: var(--fds-typography-ingress-medium);
|
|
527
534
|
font-family: inherit;
|
|
528
535
|
}
|
|
529
536
|
|
|
530
|
-
.fds-label-label-
|
|
537
|
+
.fds-label-label-e0249167 {
|
|
531
538
|
--fdsc-bottom-spacing: var(--fds-spacing-1);
|
|
532
539
|
|
|
533
540
|
display: inline-block;
|
|
@@ -536,85 +543,85 @@
|
|
|
536
543
|
color: var(--fds-semantic-text-neutral-default);
|
|
537
544
|
}
|
|
538
545
|
|
|
539
|
-
.fds-label-label-
|
|
546
|
+
.fds-label-label-e0249167.fds-label-spacing-e0249167 {
|
|
540
547
|
margin-bottom: var(--fdsc-bottom-spacing);
|
|
541
548
|
}
|
|
542
549
|
|
|
543
|
-
.fds-label-label-
|
|
550
|
+
.fds-label-label-e0249167.fds-label-large-e0249167 {
|
|
544
551
|
font: var(--fds-typography-label-large);
|
|
545
552
|
font-family: inherit;
|
|
546
553
|
}
|
|
547
554
|
|
|
548
|
-
.fds-label-label-
|
|
555
|
+
.fds-label-label-e0249167.fds-label-medium-e0249167 {
|
|
549
556
|
font: var(--fds-typography-label-medium);
|
|
550
557
|
font-family: inherit;
|
|
551
558
|
}
|
|
552
559
|
|
|
553
|
-
.fds-label-label-
|
|
560
|
+
.fds-label-label-e0249167.fds-label-small-e0249167 {
|
|
554
561
|
font: var(--fds-typography-label-small);
|
|
555
562
|
font-family: inherit;
|
|
556
563
|
}
|
|
557
564
|
|
|
558
|
-
.fds-label-label-
|
|
565
|
+
.fds-label-label-e0249167.fds-label-xsmall-e0249167 {
|
|
559
566
|
font: var(--fds-typography-label-xsmall);
|
|
560
567
|
font-family: inherit;
|
|
561
568
|
}
|
|
562
569
|
|
|
563
|
-
.fds-label-label-
|
|
570
|
+
.fds-label-label-e0249167.fds-label-regularWeight-e0249167 {
|
|
564
571
|
font-weight: 400;
|
|
565
572
|
}
|
|
566
573
|
|
|
567
|
-
.fds-label-label-
|
|
574
|
+
.fds-label-label-e0249167.fds-label-mediumWeight-e0249167 {
|
|
568
575
|
font-weight: 500;
|
|
569
576
|
}
|
|
570
577
|
|
|
571
|
-
.fds-label-label-
|
|
578
|
+
.fds-label-label-e0249167.fds-label-semiboldWeight-e0249167 {
|
|
572
579
|
font-weight: 600;
|
|
573
580
|
}
|
|
574
581
|
|
|
575
|
-
.fds-errormessage-errorMessage-
|
|
582
|
+
.fds-errormessage-errorMessage-6fddd5b1 {
|
|
576
583
|
--fdsc-bottom-spacing: var(--fds-spacing-5);
|
|
577
584
|
|
|
578
585
|
margin: 0;
|
|
579
586
|
}
|
|
580
587
|
|
|
581
|
-
.fds-errormessage-errorMessage-
|
|
588
|
+
.fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-error-6fddd5b1 {
|
|
582
589
|
color: var(--fds-semantic-text-danger-default);
|
|
583
590
|
}
|
|
584
591
|
|
|
585
|
-
.fds-errormessage-errorMessage-
|
|
592
|
+
.fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-spacing-6fddd5b1 {
|
|
586
593
|
margin-bottom: var(--fdsc-bottom-spacing);
|
|
587
594
|
}
|
|
588
595
|
|
|
589
|
-
.fds-errormessage-errorMessage-
|
|
596
|
+
.fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-large-6fddd5b1 {
|
|
590
597
|
--fdsc-bottom-spacing: var(--fds-spacing-5);
|
|
591
598
|
|
|
592
599
|
font: var(--fds-typography-error_message-large);
|
|
593
600
|
font-family: inherit;
|
|
594
601
|
}
|
|
595
602
|
|
|
596
|
-
.fds-errormessage-errorMessage-
|
|
603
|
+
.fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-medium-6fddd5b1 {
|
|
597
604
|
--fdsc-bottom-spacing: var(--fds-spacing-5);
|
|
598
605
|
|
|
599
606
|
font: var(--fds-typography-error_message-medium);
|
|
600
607
|
font-family: inherit;
|
|
601
608
|
}
|
|
602
609
|
|
|
603
|
-
.fds-errormessage-errorMessage-
|
|
610
|
+
.fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-small-6fddd5b1 {
|
|
604
611
|
--fdsc-bottom-spacing: var(--fds-spacing-4);
|
|
605
612
|
|
|
606
613
|
font: var(--fds-typography-error_message-small);
|
|
607
614
|
font-family: inherit;
|
|
608
615
|
}
|
|
609
616
|
|
|
610
|
-
.fds-errormessage-errorMessage-
|
|
617
|
+
.fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-xsmall-6fddd5b1 {
|
|
611
618
|
--fdsc-bottom-spacing: var(--fds-spacing-3);
|
|
612
619
|
|
|
613
620
|
font: var(--fds-typography-error_message-xsmall);
|
|
614
621
|
font-family: inherit;
|
|
615
622
|
}
|
|
616
623
|
|
|
617
|
-
.fds-popover-popover-
|
|
624
|
+
.fds-popover-popover-16833383 {
|
|
618
625
|
--border: 1px solid;
|
|
619
626
|
|
|
620
627
|
z-index: 1500;
|
|
@@ -625,73 +632,73 @@
|
|
|
625
632
|
max-width: 300px;
|
|
626
633
|
}
|
|
627
634
|
|
|
628
|
-
.fds-popover-popover-
|
|
635
|
+
.fds-popover-popover-16833383.fds-popover-small-16833383 {
|
|
629
636
|
padding: var(--fds-spacing-2) var(--fds-spacing-3);
|
|
630
637
|
}
|
|
631
638
|
|
|
632
|
-
.fds-popover-popover-
|
|
639
|
+
.fds-popover-popover-16833383.fds-popover-medium-16833383 {
|
|
633
640
|
padding: var(--fds-spacing-3) var(--fds-spacing-4);
|
|
634
641
|
}
|
|
635
642
|
|
|
636
|
-
.fds-popover-popover-
|
|
643
|
+
.fds-popover-popover-16833383.fds-popover-large-16833383 {
|
|
637
644
|
padding: var(--fds-spacing-3) var(--fds-spacing-5);
|
|
638
645
|
}
|
|
639
646
|
|
|
640
|
-
.fds-popover-popover-
|
|
647
|
+
.fds-popover-popover-16833383.fds-popover-default-16833383 {
|
|
641
648
|
--background: var(--fds-semantic-surface-neutral-default);
|
|
642
649
|
|
|
643
650
|
border-color: var(--fds-semantic-border-neutral-default);
|
|
644
651
|
}
|
|
645
652
|
|
|
646
|
-
.fds-popover-popover-
|
|
653
|
+
.fds-popover-popover-16833383.fds-popover-info-16833383 {
|
|
647
654
|
--background: var(--fds-semantic-surface-info-subtle);
|
|
648
655
|
|
|
649
656
|
border-color: var(--fds-semantic-border-info-default);
|
|
650
657
|
}
|
|
651
658
|
|
|
652
|
-
.fds-popover-popover-
|
|
659
|
+
.fds-popover-popover-16833383.fds-popover-warning-16833383 {
|
|
653
660
|
--background: var(--fds-semantic-surface-warning-subtle);
|
|
654
661
|
|
|
655
662
|
border-color: var(--fds-semantic-border-warning-default);
|
|
656
663
|
}
|
|
657
664
|
|
|
658
|
-
.fds-popover-popover-
|
|
665
|
+
.fds-popover-popover-16833383.fds-popover-danger-16833383 {
|
|
659
666
|
--background: var(--fds-semantic-surface-danger-subtle);
|
|
660
667
|
|
|
661
668
|
border-color: var(--fds-semantic-border-danger-default);
|
|
662
669
|
}
|
|
663
670
|
|
|
664
|
-
.fds-popover-arrow-
|
|
671
|
+
.fds-popover-arrow-16833383 {
|
|
665
672
|
position: absolute;
|
|
666
673
|
background: var(--background);
|
|
667
674
|
transform: rotate(45deg);
|
|
668
675
|
}
|
|
669
676
|
|
|
670
|
-
.fds-popover-arrow-
|
|
677
|
+
.fds-popover-arrow-16833383.fds-popover-top-16833383 {
|
|
671
678
|
border-top: var(--border);
|
|
672
679
|
border-left: var(--border);
|
|
673
680
|
border-color: inherit;
|
|
674
681
|
}
|
|
675
682
|
|
|
676
|
-
.fds-popover-arrow-
|
|
683
|
+
.fds-popover-arrow-16833383.fds-popover-bottom-16833383 {
|
|
677
684
|
border-bottom: var(--border);
|
|
678
685
|
border-right: var(--border);
|
|
679
686
|
border-color: inherit;
|
|
680
687
|
}
|
|
681
688
|
|
|
682
|
-
.fds-popover-arrow-
|
|
689
|
+
.fds-popover-arrow-16833383.fds-popover-right-16833383 {
|
|
683
690
|
border-top: var(--border);
|
|
684
691
|
border-right: var(--border);
|
|
685
692
|
border-color: inherit;
|
|
686
693
|
}
|
|
687
694
|
|
|
688
|
-
.fds-popover-arrow-
|
|
695
|
+
.fds-popover-arrow-16833383.fds-popover-left-16833383 {
|
|
689
696
|
border-bottom: var(--border);
|
|
690
697
|
border-left: var(--border);
|
|
691
698
|
border-color: inherit;
|
|
692
699
|
}
|
|
693
700
|
|
|
694
|
-
.fds-helptext-helpTextButton-
|
|
701
|
+
.fds-helptext-helpTextButton-f137834f {
|
|
695
702
|
background-color: transparent;
|
|
696
703
|
border-radius: 50px;
|
|
697
704
|
padding: 0 !important;
|
|
@@ -703,60 +710,60 @@
|
|
|
703
710
|
}
|
|
704
711
|
|
|
705
712
|
@media print {
|
|
706
|
-
.fds-helptext-helpTextButton-
|
|
713
|
+
.fds-helptext-helpTextButton-f137834f {
|
|
707
714
|
display: none;
|
|
708
715
|
}
|
|
709
716
|
}
|
|
710
717
|
|
|
711
|
-
.fds-helptext-helpTextIconFilled-
|
|
718
|
+
.fds-helptext-helpTextIconFilled-f137834f {
|
|
712
719
|
display: none;
|
|
713
720
|
}
|
|
714
721
|
|
|
715
|
-
.fds-helptext-helpTextIcon-
|
|
722
|
+
.fds-helptext-helpTextIcon-f137834f {
|
|
716
723
|
color: var(--fds-semantic-text-action-default);
|
|
717
724
|
width: var(--help_text-icon-width);
|
|
718
725
|
height: var(--help_text-icon-height);
|
|
719
726
|
}
|
|
720
727
|
|
|
721
|
-
.fds-helptext-helpTextButton-
|
|
728
|
+
.fds-helptext-helpTextButton-f137834f:where(:hover, :focus, [data-state^='open']) > .fds-helptext-helpTextIcon-f137834f {
|
|
722
729
|
display: none;
|
|
723
730
|
}
|
|
724
731
|
|
|
725
|
-
.fds-helptext-helpTextButton-
|
|
732
|
+
.fds-helptext-helpTextButton-f137834f:where(:hover, :focus, [data-state^='open']) > .fds-helptext-helpTextIconFilled-f137834f {
|
|
726
733
|
display: inline-block;
|
|
727
734
|
}
|
|
728
735
|
|
|
729
|
-
.fds-helptext-helpTextContent-
|
|
736
|
+
.fds-helptext-helpTextContent-f137834f {
|
|
730
737
|
font: var(--fds-typography-paragraph-medium);
|
|
731
738
|
font-family: inherit;
|
|
732
739
|
width: fit-content;
|
|
733
740
|
max-width: 700px;
|
|
734
741
|
}
|
|
735
742
|
|
|
736
|
-
.fds-helptext-helpTextIcon-
|
|
743
|
+
.fds-helptext-helpTextIcon-f137834f.fds-helptext-small-f137834f {
|
|
737
744
|
--help_text-icon-width: 24px;
|
|
738
745
|
--help_text-icon-height: 24px;
|
|
739
746
|
}
|
|
740
747
|
|
|
741
|
-
.fds-helptext-helpTextIcon-
|
|
748
|
+
.fds-helptext-helpTextIcon-f137834f.fds-helptext-medium-f137834f {
|
|
742
749
|
--help_text-icon-width: var(--fds-sizing-6);
|
|
743
750
|
--help_text-icon-height: var(--fds-sizing-6);
|
|
744
751
|
}
|
|
745
752
|
|
|
746
|
-
.fds-helptext-helpTextIcon-
|
|
753
|
+
.fds-helptext-helpTextIcon-f137834f.fds-helptext-large-f137834f {
|
|
747
754
|
--help_text-icon-width: var(--fds-sizing-7);
|
|
748
755
|
--help_text-icon-height: var(--fds-sizing-7);
|
|
749
756
|
}
|
|
750
757
|
|
|
751
|
-
.fds-spinner-spinner-
|
|
752
|
-
animation: fds-spinner-rotate-animation-
|
|
758
|
+
.fds-spinner-spinner-486ddf9b {
|
|
759
|
+
animation: fds-spinner-rotate-animation-486ddf9b linear infinite;
|
|
753
760
|
animation-duration: 2s;
|
|
754
761
|
}
|
|
755
762
|
|
|
756
|
-
.fds-spinner-spinnerCircle-
|
|
763
|
+
.fds-spinner-spinnerCircle-486ddf9b {
|
|
757
764
|
stroke-dasharray: 1px, 200px;
|
|
758
765
|
transform-origin: center;
|
|
759
|
-
animation: fds-spinner-stroke-animation-
|
|
766
|
+
animation: fds-spinner-stroke-animation-486ddf9b ease-in-out infinite;
|
|
760
767
|
animation-duration: 2s;
|
|
761
768
|
}
|
|
762
769
|
|
|
@@ -764,36 +771,36 @@
|
|
|
764
771
|
but don't remove it since it is not decorative.
|
|
765
772
|
*/
|
|
766
773
|
@media (prefers-reduced-motion: reduce) {
|
|
767
|
-
.fds-spinner-spinner-
|
|
774
|
+
.fds-spinner-spinner-486ddf9b {
|
|
768
775
|
animation-duration: 6s;
|
|
769
776
|
}
|
|
770
777
|
|
|
771
|
-
.fds-spinner-spinnerCircle-
|
|
778
|
+
.fds-spinner-spinnerCircle-486ddf9b {
|
|
772
779
|
animation-duration: 6s;
|
|
773
780
|
}
|
|
774
781
|
}
|
|
775
782
|
|
|
776
|
-
.fds-spinner-default-
|
|
783
|
+
.fds-spinner-default-486ddf9b {
|
|
777
784
|
stroke: var(--fds-semantic-border-neutral-default);
|
|
778
785
|
}
|
|
779
786
|
|
|
780
|
-
.fds-spinner-interaction-
|
|
787
|
+
.fds-spinner-interaction-486ddf9b {
|
|
781
788
|
stroke: var(--fds-semantic-border-action-first-default);
|
|
782
789
|
}
|
|
783
790
|
|
|
784
|
-
.fds-spinner-inverted-
|
|
791
|
+
.fds-spinner-inverted-486ddf9b {
|
|
785
792
|
stroke: var(--fds-semantic-surface-neutral-default);
|
|
786
793
|
}
|
|
787
794
|
|
|
788
|
-
.fds-spinner-background-
|
|
795
|
+
.fds-spinner-background-486ddf9b {
|
|
789
796
|
stroke: var(--fds-semantic-border-neutral-subtle);
|
|
790
797
|
}
|
|
791
798
|
|
|
792
|
-
.fds-spinner-invertedBackground-
|
|
799
|
+
.fds-spinner-invertedBackground-486ddf9b {
|
|
793
800
|
stroke: var(--fds-semantic-surface-neutral-dark);
|
|
794
801
|
}
|
|
795
802
|
|
|
796
|
-
@keyframes fds-spinner-rotate-animation-
|
|
803
|
+
@keyframes fds-spinner-rotate-animation-486ddf9b {
|
|
797
804
|
0% {
|
|
798
805
|
transform: rotate(0deg);
|
|
799
806
|
}
|
|
@@ -803,7 +810,7 @@
|
|
|
803
810
|
}
|
|
804
811
|
}
|
|
805
812
|
|
|
806
|
-
@keyframes fds-spinner-stroke-animation-
|
|
813
|
+
@keyframes fds-spinner-stroke-animation-486ddf9b {
|
|
807
814
|
0% {
|
|
808
815
|
stroke-dasharray: 1px, 200px;
|
|
809
816
|
stroke-dashoffset: 0;
|
|
@@ -822,7 +829,7 @@
|
|
|
822
829
|
}
|
|
823
830
|
}
|
|
824
831
|
|
|
825
|
-
.fds-link-link-
|
|
832
|
+
.fds-link-link-7f2464f {
|
|
826
833
|
color: var(--fds-semantic-text-action-default);
|
|
827
834
|
cursor: pointer;
|
|
828
835
|
text-decoration: underline;
|
|
@@ -833,17 +840,17 @@
|
|
|
833
840
|
gap: var(--fds-spacing-1);
|
|
834
841
|
}
|
|
835
842
|
|
|
836
|
-
.fds-link-link-
|
|
843
|
+
.fds-link-link-7f2464f:visited {
|
|
837
844
|
color: var(--fds-semantic-text-visited-default);
|
|
838
845
|
text-decoration: none;
|
|
839
846
|
}
|
|
840
847
|
|
|
841
|
-
.fds-link-link-
|
|
848
|
+
.fds-link-link-7f2464f:hover {
|
|
842
849
|
color: var(--fds-semantic-text-action-hover);
|
|
843
850
|
text-decoration-thickness: max(2px, 0.125rem, 0.12em);
|
|
844
851
|
}
|
|
845
852
|
|
|
846
|
-
.fds-link-link-
|
|
853
|
+
.fds-link-link-7f2464f:focus-visible {
|
|
847
854
|
background: var(--fds-semantic-border-focus-outline);
|
|
848
855
|
box-shadow: 0 max(3px, 0.1875rem, 0.18em) var(--fds-semantic-border-focus-boxshadow);
|
|
849
856
|
color: var(--fds-semantic-text-action-active);
|
|
@@ -851,214 +858,182 @@
|
|
|
851
858
|
text-decoration: none;
|
|
852
859
|
}
|
|
853
860
|
|
|
854
|
-
.fds-link-link-
|
|
855
|
-
.fds-link-link-
|
|
856
|
-
.fds-link-link-
|
|
861
|
+
.fds-link-link-7f2464f.fds-link-inverted-7f2464f:not(:focus-visible, :active),
|
|
862
|
+
.fds-link-link-7f2464f.fds-link-inverted-7f2464f:not(:focus-visible, :active):hover,
|
|
863
|
+
.fds-link-link-7f2464f.fds-link-inverted-7f2464f:not(:focus-visible, :active):visited {
|
|
857
864
|
color: white;
|
|
858
865
|
}
|
|
859
866
|
|
|
860
|
-
.fds-list-small-
|
|
867
|
+
.fds-list-small-a2926fcf {
|
|
861
868
|
padding-left: var(--fds-spacing-4);
|
|
862
869
|
}
|
|
863
870
|
|
|
864
|
-
.fds-list-medium-
|
|
865
|
-
.fds-list-large-
|
|
871
|
+
.fds-list-medium-a2926fcf,
|
|
872
|
+
.fds-list-large-a2926fcf {
|
|
866
873
|
padding-left: var(--fds-spacing-6);
|
|
867
874
|
}
|
|
868
875
|
|
|
869
|
-
.fds-list-listItem-
|
|
876
|
+
.fds-list-listItem-a2926fcf {
|
|
870
877
|
margin-bottom: var(--fds-spacing-2);
|
|
871
878
|
}
|
|
872
879
|
|
|
873
|
-
.fds-list-listItem-
|
|
874
|
-
.fds-list-listItem-
|
|
875
|
-
.fds-list-listItem-
|
|
880
|
+
.fds-list-listItem-a2926fcf > :where(.fds-list-small-a2926fcf),
|
|
881
|
+
.fds-list-listItem-a2926fcf > :where(.fds-list-medium-a2926fcf),
|
|
882
|
+
.fds-list-listItem-a2926fcf > :where(.fds-list-large-a2926fcf) {
|
|
876
883
|
margin-top: var(--fds-spacing-2);
|
|
877
884
|
}
|
|
878
885
|
|
|
879
|
-
.fds-list-heading-
|
|
886
|
+
.fds-list-heading-a2926fcf {
|
|
880
887
|
margin-bottom: var(--fds-spacing-2);
|
|
881
888
|
}
|
|
882
889
|
|
|
883
|
-
.fds-accordion-accordion-
|
|
884
|
-
--
|
|
885
|
-
--
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
--fdsc-accordion-header-padding-bottom: var(--fds-spacing-4);
|
|
889
|
-
--fdsc-accordion-header-padding-left: var(--fds-spacing-5);
|
|
890
|
-
--fdsc-accordion-header-bg-neutral: var(--fds-semantic-surface-neutral-default);
|
|
891
|
-
--fdsc-accordion-header-bg-neutral-active: var(--fds-semantic-surface-action-first-no_fill-hover);
|
|
892
|
-
--fdsc-accordion-header-bg-subtle: var(--fds-semantic-surface-neutral-subtle);
|
|
893
|
-
--fdsc-accordion-header-bg-subtle-hover: var(--fds-semantic-surface-neutral-subtle-hover);
|
|
894
|
-
--fdsc-accordion-header-bg-primary: var(--fds-semantic-surface-first-light);
|
|
895
|
-
--fdsc-accordion-header-bg-primary-hover: var(--fds-semantic-surface-first-light-hover);
|
|
896
|
-
--fdsc-accordion-header-bg-secondary: var(--fds-semantic-surface-second-light);
|
|
897
|
-
--fdsc-accordion-header-bg-secondary-hover: var(--fds-semantic-surface-second-light-hover);
|
|
898
|
-
--fdsc-accordion-header-bg-tertiary: var(--fds-semantic-surface-third-light);
|
|
899
|
-
--fdsc-accordion-header-bg-tertiary-hover: var(--fds-semantic-surface-third-light-hover);
|
|
900
|
-
--fdsc-accordion-header-border: var(--fds-semantic-border-neutral-subtle);
|
|
901
|
-
--fdsc-accordion-header-border-inverted: var(--fds-semantic-border-on_inverted-default);
|
|
902
|
-
--fdsc-accordion-header-shadow-focus: 2px 2px 3px var(--fds-semantic-border-neutral-subtle);
|
|
903
|
-
--fdsc-accordion-header-color-hover: var(--fds-semantic-text-action-first-default);
|
|
904
|
-
--fdsc-accordion-content-border: var(--fds-semantic-border-neutral-subtle);
|
|
905
|
-
--fdsc-accordion-content-border-open: var(--fds-semantic-border-neutral-strong);
|
|
906
|
-
|
|
907
|
-
border-bottom: 1px solid var(--fdsc-accordion-content-border);
|
|
890
|
+
.fds-accordion-accordion-a8137c3d {
|
|
891
|
+
--fds-accordion-border-radius: var(--fds-border_radius-interactive);
|
|
892
|
+
--fds-accordion-border-color: var(--fds-semantic-border-neutral-subtle);
|
|
893
|
+
|
|
894
|
+
border-bottom: 1px solid var(--fds-semantic-border-neutral-subtle);
|
|
908
895
|
box-sizing: border-box;
|
|
909
896
|
}
|
|
910
897
|
|
|
911
|
-
.fds-accordion-border-
|
|
912
|
-
border: 1px solid var(--
|
|
913
|
-
border-radius: var(--
|
|
898
|
+
.fds-accordion-border-a8137c3d {
|
|
899
|
+
border: 1px solid var(--fds-accordion-border-color);
|
|
900
|
+
border-radius: var(--fds-accordion-border-radius);
|
|
914
901
|
}
|
|
915
902
|
|
|
916
|
-
.fds-accordion-expandIcon-
|
|
917
|
-
|
|
918
|
-
height: 1.75rem;
|
|
919
|
-
flex-shrink: 0;
|
|
903
|
+
.fds-accordion-expandIcon-a8137c3d {
|
|
904
|
+
border-radius: var(--fds-border_radius-interactive);
|
|
920
905
|
}
|
|
921
906
|
|
|
922
|
-
.fds-accordion-content-
|
|
907
|
+
.fds-accordion-content-a8137c3d {
|
|
923
908
|
padding: var(--fds-spacing-5, 1rem);
|
|
924
|
-
background-color: #ffffff50;
|
|
925
909
|
overflow: hidden;
|
|
926
910
|
text-overflow: ellipsis;
|
|
927
911
|
}
|
|
928
912
|
|
|
929
|
-
.fds-accordion-header-
|
|
913
|
+
.fds-accordion-header-a8137c3d {
|
|
930
914
|
margin: 0;
|
|
931
915
|
}
|
|
932
916
|
|
|
933
|
-
.fds-accordion-
|
|
934
|
-
border-radius: var(--fdsc-accordion-border-radius);
|
|
935
|
-
}
|
|
936
|
-
|
|
937
|
-
.fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
|
|
917
|
+
.fds-accordion-accordionButton-a8137c3d {
|
|
938
918
|
width: 100%;
|
|
939
919
|
display: flex;
|
|
940
920
|
justify-content: flex-start;
|
|
941
921
|
align-items: center;
|
|
942
|
-
|
|
943
|
-
gap: var(--fds-spacing-4);
|
|
922
|
+
gap: var(--fds-spacing-2);
|
|
944
923
|
margin: 0;
|
|
945
924
|
text-align: left;
|
|
946
925
|
cursor: pointer;
|
|
947
926
|
border: none;
|
|
948
|
-
border-top: 1px solid var(--
|
|
949
|
-
padding
|
|
950
|
-
padding-right: var(--fdsc-accordion-header-padding-right);
|
|
951
|
-
padding-bottom: var(--fdsc-accordion-header-padding-bottom);
|
|
952
|
-
padding-left: var(--fdsc-accordion-header-padding-left);
|
|
927
|
+
border-top: 1px solid var(--fds-semantic-border-neutral-subtle);
|
|
928
|
+
padding: var(--fds-spacing-4);
|
|
953
929
|
}
|
|
954
930
|
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
color: var(--fdsc-accordion-header-color-hover);
|
|
958
|
-
}
|
|
931
|
+
.fds-accordion-border-a8137c3d .fds-accordion-accordionButton-a8137c3d {
|
|
932
|
+
border-radius: var(--fds-accordion-border-radius);
|
|
959
933
|
}
|
|
960
934
|
|
|
961
|
-
.fds-accordion-item-
|
|
935
|
+
.fds-accordion-item-a8137c3d:focus-within {
|
|
962
936
|
position: relative;
|
|
963
937
|
}
|
|
964
938
|
|
|
965
|
-
.fds-accordion-accordion-
|
|
966
|
-
|
|
967
|
-
|
|
939
|
+
.fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d:hover + * .fds-accordion-content-a8137c3d {
|
|
940
|
+
border-color: var(--fds-semantic-border-neutral-strong);
|
|
941
|
+
}
|
|
942
|
+
|
|
943
|
+
.fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-expandIcon-a8137c3d {
|
|
944
|
+
transform: rotateZ(180deg);
|
|
945
|
+
}
|
|
946
|
+
|
|
947
|
+
.fds-accordion-neutral-a8137c3d,
|
|
948
|
+
.fds-accordion-neutral-a8137c3d .fds-accordion-accordionButton-a8137c3d {
|
|
949
|
+
background-color: var(--fds-semantic-surface-neutral-default);
|
|
950
|
+
}
|
|
951
|
+
|
|
952
|
+
.fds-accordion-subtle-a8137c3d,
|
|
953
|
+
.fds-accordion-subtle-a8137c3d .fds-accordion-accordionButton-a8137c3d {
|
|
954
|
+
background-color: var(--fds-semantic-surface-neutral-subtle);
|
|
968
955
|
}
|
|
969
956
|
|
|
970
|
-
.fds-accordion-
|
|
971
|
-
.fds-accordion-
|
|
972
|
-
|
|
957
|
+
.fds-accordion-first-a8137c3d,
|
|
958
|
+
.fds-accordion-first-a8137c3d .fds-accordion-accordionButton-a8137c3d {
|
|
959
|
+
--fds-accordion-border-color: var(--fds-semantic-border-first-default);
|
|
960
|
+
|
|
961
|
+
background: var(--fds-semantic-surface-first-light);
|
|
973
962
|
}
|
|
974
963
|
|
|
975
|
-
.fds-accordion-
|
|
976
|
-
.fds-accordion-
|
|
977
|
-
--
|
|
964
|
+
.fds-accordion-second-a8137c3d,
|
|
965
|
+
.fds-accordion-second-a8137c3d .fds-accordion-accordionButton-a8137c3d {
|
|
966
|
+
--fds-accordion-border-color: var(--fds-semantic-border-second-default);
|
|
978
967
|
|
|
979
|
-
background: var(--
|
|
968
|
+
background: var(--fds-semantic-surface-second-light);
|
|
980
969
|
}
|
|
981
970
|
|
|
982
|
-
.fds-accordion-
|
|
983
|
-
.fds-accordion-
|
|
984
|
-
--
|
|
971
|
+
.fds-accordion-third-a8137c3d,
|
|
972
|
+
.fds-accordion-third-a8137c3d .fds-accordion-accordionButton-a8137c3d {
|
|
973
|
+
--fds-accordion-border-color: var(--fds-semantic-border-third-default);
|
|
985
974
|
|
|
986
|
-
background: var(--
|
|
975
|
+
background: var(--fds-semantic-surface-third-light);
|
|
987
976
|
}
|
|
988
977
|
|
|
989
|
-
.fds-accordion-accordion-
|
|
990
|
-
.fds-accordion-
|
|
991
|
-
|
|
978
|
+
.fds-accordion-first-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d,
|
|
979
|
+
.fds-accordion-second-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d,
|
|
980
|
+
.fds-accordion-third-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d {
|
|
981
|
+
background-color: rgba(0 0 0 / 0.03);
|
|
982
|
+
}
|
|
992
983
|
|
|
993
|
-
|
|
984
|
+
.fds-accordion-neutral-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d,
|
|
985
|
+
.fds-accordion-subtle-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d {
|
|
986
|
+
background-color: var(--fds-semantic-surface-action-first-no_fill-hover);
|
|
994
987
|
}
|
|
995
988
|
|
|
996
|
-
.fds-accordion-
|
|
989
|
+
.fds-accordion-border-a8137c3d .fds-accordion-item-a8137c3d:first-child .fds-accordion-accordionButton-a8137c3d {
|
|
997
990
|
border-top: 0;
|
|
998
991
|
}
|
|
999
992
|
|
|
1000
|
-
.fds-accordion-
|
|
1001
|
-
.fds-accordion-
|
|
1002
|
-
.fds-accordion-
|
|
1003
|
-
border-top: 1px solid var(--
|
|
993
|
+
.fds-accordion-first-a8137c3d .fds-accordion-item-a8137c3d:not(:first-child) .fds-accordion-accordionButton-a8137c3d,
|
|
994
|
+
.fds-accordion-second-a8137c3d .fds-accordion-item-a8137c3d:not(:first-child) .fds-accordion-accordionButton-a8137c3d,
|
|
995
|
+
.fds-accordion-third-a8137c3d .fds-accordion-item-a8137c3d:not(:first-child) .fds-accordion-accordionButton-a8137c3d {
|
|
996
|
+
border-top: 1px solid var(--fds-semantic-border-on_inverted-default);
|
|
1004
997
|
}
|
|
1005
998
|
|
|
1006
999
|
@media (hover: hover) and (pointer: fine) {
|
|
1007
|
-
.fds-accordion-
|
|
1008
|
-
background:
|
|
1000
|
+
.fds-accordion-accordionButton-a8137c3d:hover .fds-accordion-expandIcon-a8137c3d {
|
|
1001
|
+
background-color: rgba(0 0 0 / 0.1);
|
|
1009
1002
|
}
|
|
1010
1003
|
|
|
1011
|
-
.fds-accordion-
|
|
1012
|
-
|
|
1004
|
+
.fds-accordion-neutral-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover,
|
|
1005
|
+
.fds-accordion-subtle-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
|
|
1006
|
+
background-color: var(--fds-semantic-surface-neutral-subtle-hover);
|
|
1013
1007
|
}
|
|
1014
1008
|
|
|
1015
|
-
.fds-accordion-
|
|
1016
|
-
background: var(--
|
|
1009
|
+
.fds-accordion-first-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
|
|
1010
|
+
background-color: var(--fds-semantic-surface-first-light-hover);
|
|
1017
1011
|
}
|
|
1018
1012
|
|
|
1019
|
-
.fds-accordion-
|
|
1020
|
-
background: var(--
|
|
1013
|
+
.fds-accordion-second-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
|
|
1014
|
+
background-color: var(--fds-semantic-surface-second-light-hover);
|
|
1021
1015
|
}
|
|
1022
|
-
}
|
|
1023
|
-
|
|
1024
|
-
.fds-accordion-accordion-cfa9e81d.fds-accordion-neutral-cfa9e81d > .fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d,
|
|
1025
|
-
.fds-accordion-accordion-cfa9e81d.fds-accordion-subtle-cfa9e81d > .fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
|
|
1026
|
-
background-color: var(--fdsc-accordion-header-bg-neutral-active);
|
|
1027
|
-
}
|
|
1028
|
-
|
|
1029
|
-
.fds-accordion-accordion-cfa9e81d.fds-accordion-first-cfa9e81d > .fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d,
|
|
1030
|
-
.fds-accordion-accordion-cfa9e81d.fds-accordion-second-cfa9e81d > .fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d,
|
|
1031
|
-
.fds-accordion-accordion-cfa9e81d.fds-accordion-third-cfa9e81d > .fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
|
|
1032
|
-
background-color: rgba(0 0 0 / 0.03);
|
|
1033
|
-
}
|
|
1034
|
-
|
|
1035
|
-
.fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d:hover + * .fds-accordion-content-cfa9e81d {
|
|
1036
|
-
border-color: var(--fdsc-accordion-content-border-open);
|
|
1037
|
-
}
|
|
1038
|
-
|
|
1039
|
-
.fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d .fds-accordion-expandIcon-cfa9e81d {
|
|
1040
|
-
transform: rotateZ(180deg);
|
|
1041
|
-
}
|
|
1042
1016
|
|
|
1043
|
-
.fds-accordion-
|
|
1044
|
-
|
|
1017
|
+
.fds-accordion-third-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
|
|
1018
|
+
background-color: var(--fds-semantic-surface-third-light-hover);
|
|
1019
|
+
}
|
|
1045
1020
|
}
|
|
1046
1021
|
|
|
1047
|
-
.fds-animateheight-root-
|
|
1048
|
-
.fds-animateheight-root-
|
|
1022
|
+
.fds-animateheight-root-a203211d.fds-animateheight-openingOrClosing-a203211d,
|
|
1023
|
+
.fds-animateheight-root-a203211d.fds-animateheight-closed-a203211d {
|
|
1049
1024
|
overflow: hidden;
|
|
1050
1025
|
}
|
|
1051
1026
|
|
|
1052
|
-
.fds-animateheight-root-
|
|
1027
|
+
.fds-animateheight-root-a203211d.fds-animateheight-open-a203211d .fds-animateheight-content-a203211d {
|
|
1053
1028
|
height: auto;
|
|
1054
1029
|
}
|
|
1055
1030
|
|
|
1056
|
-
.fds-animateheight-root-
|
|
1031
|
+
.fds-animateheight-root-a203211d.fds-animateheight-closed-a203211d .fds-animateheight-content-a203211d {
|
|
1057
1032
|
height: 0;
|
|
1058
1033
|
display: none;
|
|
1059
1034
|
}
|
|
1060
1035
|
|
|
1061
|
-
.fds-nativeselect-select-
|
|
1036
|
+
.fds-nativeselect-select-2e95d79c {
|
|
1062
1037
|
position: relative;
|
|
1063
1038
|
font: inherit;
|
|
1064
1039
|
font-family: inherit;
|
|
@@ -1076,67 +1051,67 @@
|
|
|
1076
1051
|
}
|
|
1077
1052
|
|
|
1078
1053
|
@media (hover: hover) and (pointer: fine) {
|
|
1079
|
-
.fds-nativeselect-select-
|
|
1054
|
+
.fds-nativeselect-select-2e95d79c:not(:focus-visible, :disabled, [aria-disabled]):hover {
|
|
1080
1055
|
border-color: var(--fds-semantic-border-input-hover);
|
|
1081
1056
|
box-shadow: inset 0 0 0 1px var(--fds-semantic-border-input-hover);
|
|
1082
1057
|
}
|
|
1083
1058
|
}
|
|
1084
1059
|
|
|
1085
|
-
.fds-nativeselect-select-
|
|
1060
|
+
.fds-nativeselect-select-2e95d79c.fds-nativeselect-multiple-2e95d79c {
|
|
1086
1061
|
background-image: none;
|
|
1087
1062
|
}
|
|
1088
1063
|
|
|
1089
|
-
.fds-nativeselect-select-
|
|
1064
|
+
.fds-nativeselect-select-2e95d79c.fds-nativeselect-small-2e95d79c {
|
|
1090
1065
|
padding: 0 var(--fds-spacing-2);
|
|
1091
1066
|
padding-right: var(--fds-spacing-8);
|
|
1092
1067
|
height: var(--fds-sizing-8);
|
|
1093
1068
|
}
|
|
1094
1069
|
|
|
1095
|
-
.fds-nativeselect-select-
|
|
1070
|
+
.fds-nativeselect-select-2e95d79c.fds-nativeselect-medium-2e95d79c {
|
|
1096
1071
|
padding: 0 var(--fds-spacing-3);
|
|
1097
1072
|
padding-right: var(--fds-spacing-10);
|
|
1098
1073
|
height: var(--fds-sizing-10);
|
|
1099
1074
|
}
|
|
1100
1075
|
|
|
1101
|
-
.fds-nativeselect-select-
|
|
1076
|
+
.fds-nativeselect-select-2e95d79c.fds-nativeselect-large-2e95d79c {
|
|
1102
1077
|
padding: 0 var(--fds-spacing-4);
|
|
1103
1078
|
padding-right: var(--fds-spacing-12);
|
|
1104
1079
|
height: var(--fds-sizing-12);
|
|
1105
1080
|
}
|
|
1106
1081
|
|
|
1107
|
-
.fds-nativeselect-formField-
|
|
1082
|
+
.fds-nativeselect-formField-2e95d79c {
|
|
1108
1083
|
display: grid;
|
|
1109
1084
|
gap: var(--fds-spacing-2);
|
|
1110
1085
|
}
|
|
1111
1086
|
|
|
1112
|
-
.fds-nativeselect-disabled-
|
|
1087
|
+
.fds-nativeselect-disabled-2e95d79c {
|
|
1113
1088
|
opacity: var(--fds-opacity-disabled);
|
|
1114
1089
|
}
|
|
1115
1090
|
|
|
1116
|
-
.fds-nativeselect-disabled-
|
|
1091
|
+
.fds-nativeselect-disabled-2e95d79c .fds-nativeselect-select-2e95d79c {
|
|
1117
1092
|
cursor: not-allowed;
|
|
1118
1093
|
}
|
|
1119
1094
|
|
|
1120
|
-
.fds-nativeselect-readOnly-
|
|
1095
|
+
.fds-nativeselect-readOnly-2e95d79c .fds-nativeselect-select-2e95d79c {
|
|
1121
1096
|
background: var(--fds-semantic-surface-neutral-subtle);
|
|
1122
1097
|
border-color: var(--fds-semantic-border-neutral-default);
|
|
1123
1098
|
}
|
|
1124
1099
|
|
|
1125
|
-
.fds-nativeselect-error-
|
|
1100
|
+
.fds-nativeselect-error-2e95d79c > .fds-nativeselect-select-2e95d79c:not(:focus-visible) {
|
|
1126
1101
|
border-color: var(--fds-semantic-border-danger-default);
|
|
1127
1102
|
box-shadow: inset 0 0 0 1px var(--fds-semantic-border-danger-default);
|
|
1128
1103
|
}
|
|
1129
1104
|
|
|
1130
|
-
.fds-nativeselect-padlock-
|
|
1105
|
+
.fds-nativeselect-padlock-2e95d79c {
|
|
1131
1106
|
height: 1.2em;
|
|
1132
1107
|
width: 1.2em;
|
|
1133
1108
|
}
|
|
1134
1109
|
|
|
1135
|
-
.fds-nativeselect-errorMessage-
|
|
1110
|
+
.fds-nativeselect-errorMessage-2e95d79c:empty {
|
|
1136
1111
|
display: none;
|
|
1137
1112
|
}
|
|
1138
1113
|
|
|
1139
|
-
.fds-nativeselect-label-
|
|
1114
|
+
.fds-nativeselect-label-2e95d79c {
|
|
1140
1115
|
min-width: min-content;
|
|
1141
1116
|
display: inline-flex;
|
|
1142
1117
|
flex-direction: row;
|
|
@@ -1144,47 +1119,47 @@
|
|
|
1144
1119
|
align-items: center;
|
|
1145
1120
|
}
|
|
1146
1121
|
|
|
1147
|
-
.fds-fieldset-fieldset-
|
|
1122
|
+
.fds-fieldset-fieldset-2b3c05fc {
|
|
1148
1123
|
margin: 0;
|
|
1149
1124
|
padding: 0;
|
|
1150
1125
|
border: 0;
|
|
1151
1126
|
min-width: 0;
|
|
1152
1127
|
}
|
|
1153
1128
|
|
|
1154
|
-
.fds-fieldset-withSpacing-
|
|
1129
|
+
.fds-fieldset-withSpacing-2b3c05fc {
|
|
1155
1130
|
display: flex;
|
|
1156
1131
|
flex-direction: column;
|
|
1157
1132
|
gap: var(--fds-spacing-2);
|
|
1158
1133
|
}
|
|
1159
1134
|
|
|
1160
|
-
.fds-fieldset-description-
|
|
1135
|
+
.fds-fieldset-description-2b3c05fc {
|
|
1161
1136
|
color: var(--fds-semantic-text-neutral-subtle);
|
|
1162
1137
|
font-weight: 400;
|
|
1163
1138
|
}
|
|
1164
1139
|
|
|
1165
|
-
.fds-fieldset-legend-
|
|
1140
|
+
.fds-fieldset-legend-2b3c05fc {
|
|
1166
1141
|
display: contents;
|
|
1167
1142
|
}
|
|
1168
1143
|
|
|
1169
|
-
.fds-fieldset-readonly-
|
|
1144
|
+
.fds-fieldset-readonly-2b3c05fc .fds-fieldset-legendContent-2b3c05fc {
|
|
1170
1145
|
display: inline-flex;
|
|
1171
1146
|
}
|
|
1172
1147
|
|
|
1173
|
-
.fds-fieldset-readonly-
|
|
1148
|
+
.fds-fieldset-readonly-2b3c05fc .fds-fieldset-padlock-2b3c05fc {
|
|
1174
1149
|
height: 1.2em;
|
|
1175
1150
|
width: 1.2em;
|
|
1176
1151
|
}
|
|
1177
1152
|
|
|
1178
|
-
.fds-fieldset-disabled-
|
|
1179
|
-
.fds-fieldset-disabled-
|
|
1153
|
+
.fds-fieldset-disabled-2b3c05fc .fds-fieldset-legend-2b3c05fc,
|
|
1154
|
+
.fds-fieldset-disabled-2b3c05fc .fds-fieldset-description-2b3c05fc {
|
|
1180
1155
|
color: var(--fds-semantic-border-neutral-subtle);
|
|
1181
1156
|
}
|
|
1182
1157
|
|
|
1183
|
-
.fds-fieldset-errorWrapper-
|
|
1158
|
+
.fds-fieldset-errorWrapper-2b3c05fc {
|
|
1184
1159
|
display: contents;
|
|
1185
1160
|
}
|
|
1186
1161
|
|
|
1187
|
-
.fds-tag-tag-
|
|
1162
|
+
.fds-tag-tag-40d841d9 {
|
|
1188
1163
|
--fdsc-tag-background: var(--fds-semantic-surface-neutral-subtle);
|
|
1189
1164
|
--fdsc-tag-text: var(--fds-semantic-text-neutral-default);
|
|
1190
1165
|
--fdsc-tag-padding: var(--fds-spacing-2);
|
|
@@ -1203,66 +1178,66 @@
|
|
|
1203
1178
|
width: max-content;
|
|
1204
1179
|
}
|
|
1205
1180
|
|
|
1206
|
-
.fds-tag-small-
|
|
1181
|
+
.fds-tag-small-40d841d9 {
|
|
1207
1182
|
--fdsc-tag-padding: var(--fds-spacing-1);
|
|
1208
1183
|
--fdsc-tag-min-height: var(--fds-sizing-5);
|
|
1209
1184
|
}
|
|
1210
1185
|
|
|
1211
|
-
.fds-tag-medium-
|
|
1186
|
+
.fds-tag-medium-40d841d9 {
|
|
1212
1187
|
--fdsc-tag-padding: var(--fds-spacing-1);
|
|
1213
1188
|
--fdsc-tag-min-height: var(--fds-sizing-6);
|
|
1214
1189
|
}
|
|
1215
1190
|
|
|
1216
|
-
.fds-tag-large-
|
|
1191
|
+
.fds-tag-large-40d841d9 {
|
|
1217
1192
|
--fdsc-tag-padding: var(--fds-spacing-2);
|
|
1218
1193
|
--fdsc-tag-min-height: var(--fds-sizing-7);
|
|
1219
1194
|
}
|
|
1220
1195
|
|
|
1221
|
-
.fds-tag-neutral-
|
|
1196
|
+
.fds-tag-neutral-40d841d9 {
|
|
1222
1197
|
--fdsc-tag-background: var(--fds-semantic-surface-neutral-subtle);
|
|
1223
1198
|
--fdsc-tag-text: var(--fds-semantic-text-neutral-default);
|
|
1224
1199
|
}
|
|
1225
1200
|
|
|
1226
|
-
.fds-tag-info-
|
|
1201
|
+
.fds-tag-info-40d841d9 {
|
|
1227
1202
|
--fdsc-tag-background: var(--fds-semantic-surface-info-subtle);
|
|
1228
1203
|
--fdsc-tag-text: var(--fds-semantic-text-neutral-default);
|
|
1229
1204
|
}
|
|
1230
1205
|
|
|
1231
|
-
.fds-tag-success-
|
|
1206
|
+
.fds-tag-success-40d841d9 {
|
|
1232
1207
|
--fdsc-tag-background: var(--fds-semantic-surface-success-subtle);
|
|
1233
1208
|
--fdsc-tag-text: var(--fds-semantic-text-success-on_success_subtle);
|
|
1234
1209
|
}
|
|
1235
1210
|
|
|
1236
|
-
.fds-tag-warning-
|
|
1211
|
+
.fds-tag-warning-40d841d9 {
|
|
1237
1212
|
--fdsc-tag-background: var(--fds-semantic-surface-warning-default);
|
|
1238
1213
|
--fdsc-tag-text: var(--fds-semantic-text-neutral-default);
|
|
1239
1214
|
}
|
|
1240
1215
|
|
|
1241
|
-
.fds-tag-danger-
|
|
1216
|
+
.fds-tag-danger-40d841d9 {
|
|
1242
1217
|
--fdsc-tag-background: var(--fds-semantic-surface-danger-subtle);
|
|
1243
1218
|
--fdsc-tag-text: var(--fds-semantic-text-danger-on_danger_subtle);
|
|
1244
1219
|
}
|
|
1245
1220
|
|
|
1246
|
-
.fds-tag-first-
|
|
1221
|
+
.fds-tag-first-40d841d9 {
|
|
1247
1222
|
--fdsc-tag-background: var(--fds-semantic-surface-first-light);
|
|
1248
1223
|
--fdsc-tag-text: var(--fds-semantic-text-neutral-default);
|
|
1249
1224
|
}
|
|
1250
1225
|
|
|
1251
|
-
.fds-tag-second-
|
|
1226
|
+
.fds-tag-second-40d841d9 {
|
|
1252
1227
|
--fdsc-tag-background: var(--fds-semantic-surface-second-light);
|
|
1253
1228
|
--fdsc-tag-text: var(--fds-semantic-text-neutral-default);
|
|
1254
1229
|
}
|
|
1255
1230
|
|
|
1256
|
-
.fds-tag-third-
|
|
1231
|
+
.fds-tag-third-40d841d9 {
|
|
1257
1232
|
--fdsc-tag-background: var(--fds-semantic-surface-third-light);
|
|
1258
1233
|
--fdsc-tag-text: var(--fds-semantic-text-neutral-default);
|
|
1259
1234
|
}
|
|
1260
1235
|
|
|
1261
|
-
.fds-chip-chip-
|
|
1236
|
+
.fds-chip-chip-4563db0f {
|
|
1262
1237
|
display: flex;
|
|
1263
1238
|
}
|
|
1264
1239
|
|
|
1265
|
-
.fds-chip-chipButton-
|
|
1240
|
+
.fds-chip-chipButton-4563db0f {
|
|
1266
1241
|
--fdsc-chip-height: var(--fds-sizing-7);
|
|
1267
1242
|
--fdsc-chip-padding: var(--fds-spacing-3);
|
|
1268
1243
|
--fdsc-chip-background: var(--fds-semantic-surface-action-first-subtle);
|
|
@@ -1282,20 +1257,20 @@
|
|
|
1282
1257
|
align-items: center;
|
|
1283
1258
|
}
|
|
1284
1259
|
|
|
1285
|
-
.fds-chip-chipButton-
|
|
1286
|
-
.fds-chip-chipButton-
|
|
1260
|
+
.fds-chip-chipButton-4563db0f:disabled,
|
|
1261
|
+
.fds-chip-chipButton-4563db0f[aria-disabled='true'] {
|
|
1287
1262
|
cursor: not-allowed;
|
|
1288
1263
|
opacity: var(--fds-opacity-disabled);
|
|
1289
1264
|
}
|
|
1290
1265
|
|
|
1291
|
-
.fds-chip-chipButton-
|
|
1292
|
-
.fds-chip-chipButton-
|
|
1266
|
+
.fds-chip-chipButton-4563db0f:is([aria-pressed='true']),
|
|
1267
|
+
.fds-chip-chipButton-4563db0f:not(:disabled, [aria-disabled='true']):active {
|
|
1293
1268
|
--fdsc-chip-background: var(--fds-semantic-surface-action-first-active);
|
|
1294
1269
|
--fdsc-chip-text-color: var(--fds-semantic-text-neutral-on_inverted);
|
|
1295
1270
|
--fdsc-chip-border: var(--fds-semantic-surface-action-first-active);
|
|
1296
1271
|
}
|
|
1297
1272
|
|
|
1298
|
-
.fds-chip-chipButton-
|
|
1273
|
+
.fds-chip-chipButton-4563db0f .fds-chip-label-4563db0f {
|
|
1299
1274
|
color: inherit;
|
|
1300
1275
|
line-height: normal;
|
|
1301
1276
|
display: flex;
|
|
@@ -1304,7 +1279,7 @@
|
|
|
1304
1279
|
gap: var(--fds-spacing-2);
|
|
1305
1280
|
}
|
|
1306
1281
|
|
|
1307
|
-
.fds-chip-removable-
|
|
1282
|
+
.fds-chip-removable-4563db0f {
|
|
1308
1283
|
--fdsc-removable-background: var(--fds-semantic-surface-action-first-active);
|
|
1309
1284
|
--fdsc-removable-text-color: var(--fds-semantic-text-neutral-on_inverted);
|
|
1310
1285
|
--fdsc-removable-chip-size: var(--fds-sizing-7);
|
|
@@ -1320,50 +1295,50 @@
|
|
|
1320
1295
|
min-height: var(--fdsc-removable-chip-size);
|
|
1321
1296
|
}
|
|
1322
1297
|
|
|
1323
|
-
.fds-chip-xMark-
|
|
1298
|
+
.fds-chip-xMark-4563db0f {
|
|
1324
1299
|
color: var(--fdsc-removable-chip-xmark-color);
|
|
1325
1300
|
height: var(--fdsc-removable-chip-xmark-size);
|
|
1326
1301
|
width: var(--fdsc-removable-chip-xmark-size);
|
|
1327
1302
|
padding-right: var(--fdsc-removable-chip-xmark-padding_right);
|
|
1328
1303
|
}
|
|
1329
1304
|
|
|
1330
|
-
.fds-chip-removable-
|
|
1305
|
+
.fds-chip-removable-4563db0f.fds-chip-small-4563db0f {
|
|
1331
1306
|
--fdsc-removable-chip-size: var(--fds-sizing-6);
|
|
1332
1307
|
}
|
|
1333
1308
|
|
|
1334
|
-
.fds-chip-removable-
|
|
1309
|
+
.fds-chip-removable-4563db0f.fds-chip-medium-4563db0f {
|
|
1335
1310
|
--fdsc-removable-chip-size: var(--fds-sizing-7);
|
|
1336
1311
|
}
|
|
1337
1312
|
|
|
1338
|
-
.fds-chip-removable-
|
|
1313
|
+
.fds-chip-removable-4563db0f.fds-chip-large-4563db0f {
|
|
1339
1314
|
--fdsc-removable-chip-size: var(--fds-sizing-8);
|
|
1340
1315
|
}
|
|
1341
1316
|
|
|
1342
|
-
.fds-chip-xMark-
|
|
1317
|
+
.fds-chip-xMark-4563db0f .fds-chip-icon-4563db0f {
|
|
1343
1318
|
height: var(--fdsc-removable-chip-xmark-size);
|
|
1344
1319
|
width: var(--fdsc-removable-chip-xmark-size);
|
|
1345
1320
|
}
|
|
1346
1321
|
|
|
1347
|
-
.fds-chip-spacing-
|
|
1322
|
+
.fds-chip-spacing-4563db0f {
|
|
1348
1323
|
padding-left: var(--fds-spacing-1) !important;
|
|
1349
1324
|
}
|
|
1350
1325
|
|
|
1351
|
-
.fds-chip-small-
|
|
1326
|
+
.fds-chip-small-4563db0f .fds-chip-checkmarkIcon-4563db0f {
|
|
1352
1327
|
height: var(--fds-sizing-5);
|
|
1353
1328
|
width: auto;
|
|
1354
1329
|
}
|
|
1355
1330
|
|
|
1356
|
-
.fds-chip-medium-
|
|
1331
|
+
.fds-chip-medium-4563db0f .fds-chip-checkmarkIcon-4563db0f {
|
|
1357
1332
|
height: 24px;
|
|
1358
1333
|
width: auto;
|
|
1359
1334
|
}
|
|
1360
1335
|
|
|
1361
|
-
.fds-chip-large-
|
|
1336
|
+
.fds-chip-large-4563db0f .fds-chip-checkmarkIcon-4563db0f {
|
|
1362
1337
|
height: 26px;
|
|
1363
1338
|
width: auto;
|
|
1364
1339
|
}
|
|
1365
1340
|
|
|
1366
|
-
.fds-chip-groupContainer-
|
|
1341
|
+
.fds-chip-groupContainer-4563db0f {
|
|
1367
1342
|
--fdsc-gap: var(--fds-spacing-2);
|
|
1368
1343
|
|
|
1369
1344
|
display: flex;
|
|
@@ -1373,21 +1348,21 @@
|
|
|
1373
1348
|
margin: 0;
|
|
1374
1349
|
}
|
|
1375
1350
|
|
|
1376
|
-
.fds-chip-groupContainer-
|
|
1351
|
+
.fds-chip-groupContainer-4563db0f.fds-chip-small-4563db0f {
|
|
1377
1352
|
--fdsc-gap: var(--fds-spacing-2);
|
|
1378
1353
|
}
|
|
1379
1354
|
|
|
1380
|
-
.fds-chip-groupContainer-
|
|
1355
|
+
.fds-chip-groupContainer-4563db0f.fds-chip-medium-4563db0f {
|
|
1381
1356
|
--fdsc-gap: var(--fds-spacing-2);
|
|
1382
1357
|
}
|
|
1383
1358
|
|
|
1384
|
-
.fds-chip-groupContainer-
|
|
1359
|
+
.fds-chip-groupContainer-4563db0f.fds-chip-large-4563db0f {
|
|
1385
1360
|
--fdsc-gap: var(--fds-spacing-2);
|
|
1386
1361
|
}
|
|
1387
1362
|
|
|
1388
1363
|
/* Only use hover for non-touch devices to prevent sticky-hovering */
|
|
1389
1364
|
@media (hover: hover) and (pointer: fine) {
|
|
1390
|
-
.fds-chip-chipButton-
|
|
1365
|
+
.fds-chip-chipButton-4563db0f:not(:disabled, [aria-disabled='true']):hover {
|
|
1391
1366
|
--fdsc-chip-background: var(--fds-semantic-surface-action-first-subtle-hover);
|
|
1392
1367
|
--fdsc-chip-text-color: var(--fds-semantic-text-neutral-default);
|
|
1393
1368
|
--fdsc-chip-border: var(--fds-semantic-border-action-first-subtle-hover);
|
|
@@ -1395,13 +1370,13 @@
|
|
|
1395
1370
|
cursor: pointer;
|
|
1396
1371
|
}
|
|
1397
1372
|
|
|
1398
|
-
.fds-chip-chipButton-
|
|
1373
|
+
.fds-chip-chipButton-4563db0f:not(:disabled, [aria-disabled='true']):is([aria-pressed='true']):hover {
|
|
1399
1374
|
--fdsc-chip-background: var(--fds-semantic-surface-action-first-no_fill-active);
|
|
1400
1375
|
--fdsc-chip-text-color: var(--fds-semantic-text-neutral-default);
|
|
1401
1376
|
}
|
|
1402
1377
|
|
|
1403
|
-
.fds-chip-removable-
|
|
1404
|
-
.fds-chip-removable-
|
|
1378
|
+
.fds-chip-removable-4563db0f:not(:disabled, [aria-disabled='true']):hover,
|
|
1379
|
+
.fds-chip-removable-4563db0f:not(:disabled, [aria-disabled='true']):focus {
|
|
1405
1380
|
--fdsc-removable-background: linear-gradient(
|
|
1406
1381
|
to left,
|
|
1407
1382
|
var(--fds-semantic-surface-danger-default) var(--fdsc-removable-chip-xmark-wrapper-width),
|
|
@@ -1411,25 +1386,25 @@
|
|
|
1411
1386
|
}
|
|
1412
1387
|
}
|
|
1413
1388
|
|
|
1414
|
-
.fds-chip-small-
|
|
1389
|
+
.fds-chip-small-4563db0f {
|
|
1415
1390
|
--fdsc-chip-height: var(--fds-sizing-6);
|
|
1416
1391
|
--fdsc-chip-padding: var(--fds-spacing-2);
|
|
1417
1392
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-5);
|
|
1418
1393
|
}
|
|
1419
1394
|
|
|
1420
|
-
.fds-chip-medium-
|
|
1395
|
+
.fds-chip-medium-4563db0f {
|
|
1421
1396
|
--fdsc-chip-height: var(--fds-sizing-7);
|
|
1422
1397
|
--fdsc-chip-padding: var(--fds-spacing-3);
|
|
1423
1398
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-6);
|
|
1424
1399
|
}
|
|
1425
1400
|
|
|
1426
|
-
.fds-chip-large-
|
|
1401
|
+
.fds-chip-large-4563db0f {
|
|
1427
1402
|
--fdsc-chip-height: var(--fds-sizing-8);
|
|
1428
1403
|
--fdsc-chip-padding: var(--fds-spacing-3);
|
|
1429
1404
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-7);
|
|
1430
1405
|
}
|
|
1431
1406
|
|
|
1432
|
-
.fds-pagination-pagination-
|
|
1407
|
+
.fds-pagination-pagination-ddc0278f {
|
|
1433
1408
|
list-style-type: none;
|
|
1434
1409
|
display: flex;
|
|
1435
1410
|
padding: 0;
|
|
@@ -1438,61 +1413,61 @@
|
|
|
1438
1413
|
width: fit-content;
|
|
1439
1414
|
}
|
|
1440
1415
|
|
|
1441
|
-
.fds-pagination-hidden-
|
|
1416
|
+
.fds-pagination-hidden-ddc0278f {
|
|
1442
1417
|
visibility: hidden;
|
|
1443
1418
|
}
|
|
1444
1419
|
|
|
1445
|
-
.fds-pagination-pagination-
|
|
1420
|
+
.fds-pagination-pagination-ddc0278f:where(.fds-pagination-small-ddc0278f) {
|
|
1446
1421
|
--fdsc-pagination-chevron-margin: var(--fds-spacing-2);
|
|
1447
1422
|
}
|
|
1448
1423
|
|
|
1449
|
-
.fds-pagination-pagination-
|
|
1424
|
+
.fds-pagination-pagination-ddc0278f:where(.fds-pagination-medium-ddc0278f) {
|
|
1450
1425
|
--fdsc-pagination-chevron-margin: var(--fds-spacing-2);
|
|
1451
1426
|
}
|
|
1452
1427
|
|
|
1453
|
-
.fds-pagination-pagination-
|
|
1428
|
+
.fds-pagination-pagination-ddc0278f:where(.fds-pagination-large-ddc0278f) {
|
|
1454
1429
|
--fdsc-pagination-chevron-margin: var(--fds-spacing-2);
|
|
1455
1430
|
}
|
|
1456
1431
|
|
|
1457
|
-
.fds-pagination-pagination-
|
|
1432
|
+
.fds-pagination-pagination-ddc0278f li:first-child {
|
|
1458
1433
|
margin-right: var(--fdsc-pagination-chevron-margin);
|
|
1459
1434
|
}
|
|
1460
1435
|
|
|
1461
|
-
.fds-pagination-pagination-
|
|
1436
|
+
.fds-pagination-pagination-ddc0278f li:last-child {
|
|
1462
1437
|
margin-left: var(--fdsc-pagination-chevron-margin);
|
|
1463
1438
|
}
|
|
1464
1439
|
|
|
1465
|
-
.fds-pagination-listitem-
|
|
1440
|
+
.fds-pagination-listitem-ddc0278f {
|
|
1466
1441
|
flex: 1;
|
|
1467
1442
|
margin-right: var(--fsdc-pagination-listitem-margin);
|
|
1468
1443
|
}
|
|
1469
1444
|
|
|
1470
|
-
.fds-pagination-listitem-
|
|
1445
|
+
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-small-ddc0278f) {
|
|
1471
1446
|
--fsdc-pagination-listitem-margin: var(--fds-spacing-2);
|
|
1472
1447
|
--fdsc-pagination-ellipsis-width: var(--fds-sizing-8);
|
|
1473
1448
|
}
|
|
1474
1449
|
|
|
1475
|
-
.fds-pagination-listitem-
|
|
1450
|
+
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-medium-ddc0278f) {
|
|
1476
1451
|
--fsdc-pagination-listitem-margin: var(--fds-spacing-4);
|
|
1477
1452
|
--fdsc-pagination-ellipsis-width: var(--fds-sizing-10);
|
|
1478
1453
|
}
|
|
1479
1454
|
|
|
1480
|
-
.fds-pagination-listitem-
|
|
1455
|
+
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-large-ddc0278f) {
|
|
1481
1456
|
--fsdc-pagination-listitem-margin: var(--fds-spacing-6);
|
|
1482
1457
|
--fdsc-pagination-ellipsis-width: var(--fds-sizing-12);
|
|
1483
1458
|
}
|
|
1484
1459
|
|
|
1485
|
-
.fds-pagination-listitem-
|
|
1460
|
+
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-compact-ddc0278f) {
|
|
1486
1461
|
--fsdc-pagination-listitem-margin: var(--fds-spacing-1);
|
|
1487
1462
|
}
|
|
1488
1463
|
|
|
1489
|
-
.fds-pagination-pagination-
|
|
1464
|
+
.fds-pagination-pagination-ddc0278f .fds-pagination-ellipsis-ddc0278f {
|
|
1490
1465
|
margin-top: 0.5em;
|
|
1491
1466
|
text-align: center;
|
|
1492
1467
|
width: var(--fdsc-pagination-ellipsis-width);
|
|
1493
1468
|
}
|
|
1494
1469
|
|
|
1495
|
-
.fds-skiplink-skiplink-
|
|
1470
|
+
.fds-skiplink-skiplink-d4abeaef:focus {
|
|
1496
1471
|
display: block;
|
|
1497
1472
|
outline: 0;
|
|
1498
1473
|
position: static;
|
|
@@ -1511,7 +1486,7 @@
|
|
|
1511
1486
|
background: var(--fds-semantic-border-focus-outline);
|
|
1512
1487
|
}
|
|
1513
1488
|
|
|
1514
|
-
.fds-tooltip-wrapper-
|
|
1489
|
+
.fds-tooltip-wrapper-a3778147 {
|
|
1515
1490
|
background: var(--fds-semantic-surface-neutral-inverted);
|
|
1516
1491
|
padding: var(--fds-spacing-1) var(--fds-spacing-2);
|
|
1517
1492
|
color: var(--fds-semantic-text-neutral-on_inverted);
|
|
@@ -1520,20 +1495,20 @@
|
|
|
1520
1495
|
font-family: inherit;
|
|
1521
1496
|
}
|
|
1522
1497
|
|
|
1523
|
-
.fds-tooltip-wrapper-
|
|
1498
|
+
.fds-tooltip-wrapper-a3778147.fds-tooltip-inverted-a3778147 {
|
|
1524
1499
|
background: var(--fds-semantic-surface-neutral-subtle);
|
|
1525
1500
|
color: var(--fds-semantic-text-neutral-default);
|
|
1526
1501
|
}
|
|
1527
1502
|
|
|
1528
|
-
.fds-tooltip-wrapper-
|
|
1503
|
+
.fds-tooltip-wrapper-a3778147 .fds-tooltip-arrow-a3778147 {
|
|
1529
1504
|
fill: var(--fds-semantic-surface-neutral-inverted);
|
|
1530
1505
|
}
|
|
1531
1506
|
|
|
1532
|
-
.fds-tooltip-wrapper-
|
|
1507
|
+
.fds-tooltip-wrapper-a3778147.fds-tooltip-inverted-a3778147 .fds-tooltip-arrow-a3778147 {
|
|
1533
1508
|
fill: var(--fds-semantic-surface-neutral-subtle);
|
|
1534
1509
|
}
|
|
1535
1510
|
|
|
1536
|
-
.fds-checkbox-container-
|
|
1511
|
+
.fds-checkbox-container-ad9a8b9c {
|
|
1537
1512
|
--fds-checkbox-size: 1.75rem;
|
|
1538
1513
|
--fds-checkbox-focus-border-width: 3px;
|
|
1539
1514
|
--fds-checkbox-background: var(--fds-semantic-background-default);
|
|
@@ -1543,7 +1518,7 @@
|
|
|
1543
1518
|
position: relative;
|
|
1544
1519
|
}
|
|
1545
1520
|
|
|
1546
|
-
.fds-checkbox-label-
|
|
1521
|
+
.fds-checkbox-label-ad9a8b9c {
|
|
1547
1522
|
min-height: var(--fds-sizing-10);
|
|
1548
1523
|
min-width: min-content;
|
|
1549
1524
|
display: inline-flex;
|
|
@@ -1554,7 +1529,7 @@
|
|
|
1554
1529
|
}
|
|
1555
1530
|
|
|
1556
1531
|
/* Checkbox */
|
|
1557
|
-
.fds-checkbox-label-
|
|
1532
|
+
.fds-checkbox-label-ad9a8b9c::before {
|
|
1558
1533
|
content: '';
|
|
1559
1534
|
width: var(--fds-checkbox-size);
|
|
1560
1535
|
height: var(--fds-checkbox-size);
|
|
@@ -1566,13 +1541,13 @@
|
|
|
1566
1541
|
border-radius: var(--fds-border_radius-medium);
|
|
1567
1542
|
}
|
|
1568
1543
|
|
|
1569
|
-
.fds-checkbox-description-
|
|
1544
|
+
.fds-checkbox-description-ad9a8b9c {
|
|
1570
1545
|
padding-left: calc(var(--fds-checkbox-size) + 12px + var(--fds-spacing-1));
|
|
1571
1546
|
margin-top: calc(var(--fds-spacing-2) * -1);
|
|
1572
1547
|
color: var(--fds-semantic-text-neutral-subtle);
|
|
1573
1548
|
}
|
|
1574
1549
|
|
|
1575
|
-
.fds-checkbox-input-
|
|
1550
|
+
.fds-checkbox-input-ad9a8b9c {
|
|
1576
1551
|
position: absolute;
|
|
1577
1552
|
width: 2.75rem;
|
|
1578
1553
|
height: 2.75rem;
|
|
@@ -1582,31 +1557,31 @@
|
|
|
1582
1557
|
margin: 0;
|
|
1583
1558
|
}
|
|
1584
1559
|
|
|
1585
|
-
.fds-checkbox-disabled-
|
|
1586
|
-
.fds-checkbox-disabled-
|
|
1587
|
-
.fds-checkbox-disabled-
|
|
1560
|
+
.fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-input-ad9a8b9c,
|
|
1561
|
+
.fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-label-ad9a8b9c,
|
|
1562
|
+
.fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-label-ad9a8b9c::before {
|
|
1588
1563
|
cursor: not-allowed;
|
|
1589
1564
|
}
|
|
1590
1565
|
|
|
1591
|
-
.fds-checkbox-disabled-
|
|
1592
|
-
.fds-checkbox-disabled-
|
|
1593
|
-
.fds-checkbox-disabled-
|
|
1566
|
+
.fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-label-ad9a8b9c,
|
|
1567
|
+
.fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-label-ad9a8b9c::before,
|
|
1568
|
+
.fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-description-ad9a8b9c {
|
|
1594
1569
|
opacity: var(--fds-opacity-disabled);
|
|
1595
1570
|
}
|
|
1596
1571
|
|
|
1597
|
-
.fds-checkbox-input-
|
|
1572
|
+
.fds-checkbox-input-ad9a8b9c:focus-visible + .fds-checkbox-label-ad9a8b9c::before {
|
|
1598
1573
|
outline: var(--fds-checkbox-focus-border-width) solid var(--fds-semantic-border-focus-outline);
|
|
1599
1574
|
box-shadow: inset 0 0 0 var(--fds-checkbox-focus-border-width) var(--fds-semantic-border-focus-boxshadow);
|
|
1600
1575
|
}
|
|
1601
1576
|
|
|
1602
|
-
.fds-checkbox-input-
|
|
1577
|
+
.fds-checkbox-input-ad9a8b9c:checked + .fds-checkbox-label-ad9a8b9c::before {
|
|
1603
1578
|
--fds-checkbox-border-color: var(--fds-semantic-border-input-hover);
|
|
1604
1579
|
|
|
1605
1580
|
background: var(--fds-checkbox-border-color);
|
|
1606
1581
|
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5509 6.32414C18.9414 6.71467 18.9414 7.34783 18.5509 7.73836L10.5821 15.7071C10.1916 16.0976 9.55842 16.0976 9.16789 15.7071L4.94914 11.4884C4.55862 11.0978 4.55862 10.4647 4.94914 10.0741C5.33967 9.68362 5.97283 9.68362 6.36336 10.0741L9.875 13.5858L17.1366 6.32414C17.5272 5.93362 18.1603 5.93362 18.5509 6.32414Z' fill='white'/%3E%3C/svg%3E%0A");
|
|
1607
1582
|
}
|
|
1608
1583
|
|
|
1609
|
-
.fds-checkbox-input-
|
|
1584
|
+
.fds-checkbox-input-ad9a8b9c:indeterminate + .fds-checkbox-label-ad9a8b9c::before {
|
|
1610
1585
|
--fds-checkbox-border-color: var(--fds-semantic-border-input-hover);
|
|
1611
1586
|
|
|
1612
1587
|
background-color: var(--fds-checkbox-border-color);
|
|
@@ -1614,111 +1589,111 @@
|
|
|
1614
1589
|
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.25 11.25C4.25 10.4216 4.92157 9.75 5.75 9.75H16.75C17.5784 9.75 18.25 10.4216 18.25 11.25C18.25 12.0784 17.5784 12.75 16.75 12.75H5.75C4.92157 12.75 4.25 12.0784 4.25 11.25Z' fill='white' /%3E%3C/svg%3E%0A");
|
|
1615
1590
|
}
|
|
1616
1591
|
|
|
1617
|
-
.fds-checkbox-readonly-
|
|
1592
|
+
.fds-checkbox-readonly-ad9a8b9c > .fds-checkbox-input-ad9a8b9c + .fds-checkbox-label-ad9a8b9c::before {
|
|
1618
1593
|
--fds-checkbox-border-color: var(--fds-semantic-border-neutral-subtle);
|
|
1619
1594
|
--fds-checkbox-background: var(--fds-semantic-surface-neutral-subtle);
|
|
1620
1595
|
}
|
|
1621
1596
|
|
|
1622
|
-
.fds-checkbox-input-
|
|
1597
|
+
.fds-checkbox-input-ad9a8b9c:checked:not(:focus-visible) + .fds-checkbox-label-ad9a8b9c::before {
|
|
1623
1598
|
box-shadow: inset 0 0 0 2px var(--fds-checkbox-border-color);
|
|
1624
1599
|
}
|
|
1625
1600
|
|
|
1626
|
-
.fds-checkbox-readonly-
|
|
1627
|
-
.fds-checkbox-readonly-
|
|
1601
|
+
.fds-checkbox-readonly-ad9a8b9c > .fds-checkbox-input-ad9a8b9c,
|
|
1602
|
+
.fds-checkbox-readonly-ad9a8b9c > .fds-checkbox-label-ad9a8b9c {
|
|
1628
1603
|
cursor: default;
|
|
1629
1604
|
}
|
|
1630
1605
|
|
|
1631
|
-
.fds-checkbox-readonly-
|
|
1606
|
+
.fds-checkbox-readonly-ad9a8b9c > .fds-checkbox-input-ad9a8b9c:checked + .fds-checkbox-label-ad9a8b9c::before {
|
|
1632
1607
|
background: var(--fds-checkbox-background);
|
|
1633
1608
|
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5509 6.32414C18.9414 6.71467 18.9414 7.34783 18.5509 7.73836L10.5821 15.7071C10.1916 16.0976 9.55842 16.0976 9.16789 15.7071L4.94914 11.4884C4.55862 11.0978 4.55862 10.4647 4.94914 10.0741C5.33967 9.68362 5.97283 9.68362 6.36336 10.0741L9.875 13.5858L17.1366 6.32414C17.5272 5.93362 18.1603 5.93362 18.5509 6.32414Z' fill='%2368707c'/%3E%3C/svg%3E%0A");
|
|
1634
1609
|
}
|
|
1635
1610
|
|
|
1636
|
-
.fds-checkbox-readonly-
|
|
1611
|
+
.fds-checkbox-readonly-ad9a8b9c > .fds-checkbox-input-ad9a8b9c:indeterminate + .fds-checkbox-label-ad9a8b9c::before {
|
|
1637
1612
|
background: var(--fds-checkbox-background);
|
|
1638
1613
|
background-repeat: no-repeat;
|
|
1639
1614
|
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.25 11.25C4.25 10.4216 4.92157 9.75 5.75 9.75H16.75C17.5784 9.75 18.25 10.4216 18.25 11.25C18.25 12.0784 17.5784 12.75 16.75 12.75H5.75C4.92157 12.75 4.25 12.0784 4.25 11.25Z' fill='%2368707c' /%3E%3C/svg%3E%0A");
|
|
1640
1615
|
}
|
|
1641
1616
|
|
|
1642
|
-
.fds-checkbox-error-
|
|
1617
|
+
.fds-checkbox-error-ad9a8b9c > .fds-checkbox-input-ad9a8b9c:not(:disabled, :focus-visible) + .fds-checkbox-label-ad9a8b9c::before {
|
|
1643
1618
|
--fds-checkbox-border-color: var(--fds-semantic-border-danger-default);
|
|
1644
1619
|
}
|
|
1645
1620
|
|
|
1646
1621
|
/* Only use hover for non-touch devices to prevent sticky-hovering
|
|
1647
1622
|
"input:not(:read-only)" does not work so using ".container:not(.readonly) >" instead */
|
|
1648
1623
|
@media (hover: hover) and (pointer: fine) {
|
|
1649
|
-
.fds-checkbox-container-
|
|
1650
|
-
.fds-checkbox-container-
|
|
1624
|
+
.fds-checkbox-container-ad9a8b9c:not(.fds-checkbox-readonly-ad9a8b9c, .fds-checkbox-disabled-ad9a8b9c) > .fds-checkbox-label-ad9a8b9c:hover,
|
|
1625
|
+
.fds-checkbox-container-ad9a8b9c:not(.fds-checkbox-readonly-ad9a8b9c, .fds-checkbox-disabled-ad9a8b9c) > .fds-checkbox-input-ad9a8b9c:hover + .fds-checkbox-label-ad9a8b9c {
|
|
1651
1626
|
color: var(--fds-semantic-text-action-hover);
|
|
1652
1627
|
}
|
|
1653
1628
|
|
|
1654
|
-
.fds-checkbox-container-
|
|
1629
|
+
.fds-checkbox-container-ad9a8b9c:not(.fds-checkbox-readonly-ad9a8b9c, .fds-checkbox-disabled-ad9a8b9c) > .fds-checkbox-input-ad9a8b9c:hover:not(:checked) + .fds-checkbox-label-ad9a8b9c::before {
|
|
1655
1630
|
--fds-checkbox-border-color: var(--fds-semantic-border-input-hover);
|
|
1656
1631
|
|
|
1657
1632
|
box-shadow: var(--fds-checkbox-border__hover), inset 0 0 0 2px var(--fds-checkbox-border-color);
|
|
1658
1633
|
}
|
|
1659
1634
|
|
|
1660
|
-
.fds-checkbox-container-
|
|
1635
|
+
.fds-checkbox-container-ad9a8b9c:not(.fds-checkbox-readonly-ad9a8b9c, .fds-checkbox-disabled-ad9a8b9c) > .fds-checkbox-input-ad9a8b9c:hover:checked + .fds-checkbox-label-ad9a8b9c::before {
|
|
1661
1636
|
--fds-checkbox-border-color: var(--fds-semantic-border-input-hover);
|
|
1662
1637
|
|
|
1663
1638
|
box-shadow: var(--fds-checkbox-border__hover), inset 0 0 0 2px var(--fds-checkbox-border-color);
|
|
1664
1639
|
}
|
|
1665
1640
|
|
|
1666
|
-
.fds-checkbox-container-
|
|
1641
|
+
.fds-checkbox-container-ad9a8b9c:not(.fds-checkbox-readonly-ad9a8b9c, .fds-checkbox-disabled-ad9a8b9c) > .fds-checkbox-input-ad9a8b9c:hover:checked:focus-visible + .fds-checkbox-label-ad9a8b9c::before {
|
|
1667
1642
|
box-shadow: var(--fds-checkbox-border__hover), inset 0 0 0 var(--fds-checkbox-focus-border-width) var(--fds-semantic-border-focus-boxshadow);
|
|
1668
1643
|
}
|
|
1669
1644
|
}
|
|
1670
1645
|
|
|
1671
1646
|
/** Sizing */
|
|
1672
1647
|
|
|
1673
|
-
.fds-checkbox-small-
|
|
1674
|
-
.fds-checkbox-small-
|
|
1648
|
+
.fds-checkbox-small-ad9a8b9c,
|
|
1649
|
+
.fds-checkbox-small-ad9a8b9c .fds-checkbox-label-ad9a8b9c {
|
|
1675
1650
|
min-height: var(--fds-sizing-8);
|
|
1676
1651
|
}
|
|
1677
1652
|
|
|
1678
|
-
.fds-checkbox-medium-
|
|
1679
|
-
.fds-checkbox-medium-
|
|
1653
|
+
.fds-checkbox-medium-ad9a8b9c,
|
|
1654
|
+
.fds-checkbox-medium-ad9a8b9c .fds-checkbox-label-ad9a8b9c {
|
|
1680
1655
|
min-height: var(--fds-sizing-10);
|
|
1681
1656
|
}
|
|
1682
1657
|
|
|
1683
|
-
.fds-checkbox-large-
|
|
1684
|
-
.fds-checkbox-large-
|
|
1658
|
+
.fds-checkbox-large-ad9a8b9c,
|
|
1659
|
+
.fds-checkbox-large-ad9a8b9c .fds-checkbox-label-ad9a8b9c {
|
|
1685
1660
|
min-height: var(--fds-sizing-12);
|
|
1686
1661
|
}
|
|
1687
1662
|
|
|
1688
|
-
.fds-checkbox-small-
|
|
1663
|
+
.fds-checkbox-small-ad9a8b9c {
|
|
1689
1664
|
--fds-checkbox-size: 1.5rem;
|
|
1690
1665
|
|
|
1691
1666
|
min-width: var(--fds-sizing-8);
|
|
1692
1667
|
}
|
|
1693
1668
|
|
|
1694
|
-
.fds-checkbox-small-
|
|
1669
|
+
.fds-checkbox-small-ad9a8b9c .fds-checkbox-input-ad9a8b9c {
|
|
1695
1670
|
left: -0.25rem;
|
|
1696
1671
|
top: -0.25rem;
|
|
1697
1672
|
}
|
|
1698
1673
|
|
|
1699
|
-
.fds-checkbox-medium-
|
|
1674
|
+
.fds-checkbox-medium-ad9a8b9c {
|
|
1700
1675
|
--fds-checkbox-size: 1.75rem;
|
|
1701
1676
|
|
|
1702
1677
|
min-width: var(--fds-sizing-10);
|
|
1703
1678
|
}
|
|
1704
1679
|
|
|
1705
|
-
.fds-checkbox-medium-
|
|
1680
|
+
.fds-checkbox-medium-ad9a8b9c .fds-checkbox-input-ad9a8b9c {
|
|
1706
1681
|
left: 0;
|
|
1707
1682
|
top: 0;
|
|
1708
1683
|
}
|
|
1709
1684
|
|
|
1710
|
-
.fds-checkbox-large-
|
|
1685
|
+
.fds-checkbox-large-ad9a8b9c {
|
|
1711
1686
|
--fds-checkbox-size: 2rem;
|
|
1712
1687
|
|
|
1713
1688
|
min-width: var(--fds-sizing-12);
|
|
1714
1689
|
}
|
|
1715
1690
|
|
|
1716
|
-
.fds-checkbox-large-
|
|
1691
|
+
.fds-checkbox-large-ad9a8b9c .fds-checkbox-input-ad9a8b9c {
|
|
1717
1692
|
left: 0;
|
|
1718
1693
|
top: 0.25rem;
|
|
1719
1694
|
}
|
|
1720
1695
|
|
|
1721
|
-
.fds-radio-container-
|
|
1696
|
+
.fds-radio-container-7a9bd584 {
|
|
1722
1697
|
--fds-radio-size: 1.75rem;
|
|
1723
1698
|
--fds-radio-focus-border-width: 3px;
|
|
1724
1699
|
--fds-radio-background: var(--fds-semantic-background-default);
|
|
@@ -1728,7 +1703,7 @@
|
|
|
1728
1703
|
position: relative;
|
|
1729
1704
|
}
|
|
1730
1705
|
|
|
1731
|
-
.fds-radio-label-
|
|
1706
|
+
.fds-radio-label-7a9bd584 {
|
|
1732
1707
|
min-height: var(--fds-sizing-10);
|
|
1733
1708
|
min-width: min-content;
|
|
1734
1709
|
display: inline-flex;
|
|
@@ -1739,7 +1714,7 @@
|
|
|
1739
1714
|
}
|
|
1740
1715
|
|
|
1741
1716
|
/* Radio */
|
|
1742
|
-
.fds-radio-label-
|
|
1717
|
+
.fds-radio-label-7a9bd584::before {
|
|
1743
1718
|
content: '';
|
|
1744
1719
|
width: var(--fds-radio-size);
|
|
1745
1720
|
height: var(--fds-radio-size);
|
|
@@ -1751,13 +1726,13 @@
|
|
|
1751
1726
|
margin-block: 6px;
|
|
1752
1727
|
}
|
|
1753
1728
|
|
|
1754
|
-
.fds-radio-description-
|
|
1729
|
+
.fds-radio-description-7a9bd584 {
|
|
1755
1730
|
padding-left: calc(var(--fds-radio-size) + 12px + var(--fds-spacing-1));
|
|
1756
1731
|
margin-top: calc(var(--fds-spacing-2) * -1);
|
|
1757
1732
|
color: var(--fds-semantic-text-neutral-subtle);
|
|
1758
1733
|
}
|
|
1759
1734
|
|
|
1760
|
-
.fds-radio-input-
|
|
1735
|
+
.fds-radio-input-7a9bd584 {
|
|
1761
1736
|
position: absolute;
|
|
1762
1737
|
width: 2.75rem;
|
|
1763
1738
|
height: 2.75rem;
|
|
@@ -1767,72 +1742,72 @@
|
|
|
1767
1742
|
margin: 0;
|
|
1768
1743
|
}
|
|
1769
1744
|
|
|
1770
|
-
.fds-radio-disabled-
|
|
1771
|
-
.fds-radio-disabled-
|
|
1772
|
-
.fds-radio-disabled-
|
|
1745
|
+
.fds-radio-disabled-7a9bd584 > .fds-radio-input-7a9bd584,
|
|
1746
|
+
.fds-radio-disabled-7a9bd584 > .fds-radio-label-7a9bd584,
|
|
1747
|
+
.fds-radio-disabled-7a9bd584 > .fds-radio-label-7a9bd584::before {
|
|
1773
1748
|
cursor: not-allowed;
|
|
1774
1749
|
}
|
|
1775
1750
|
|
|
1776
|
-
.fds-radio-disabled-
|
|
1777
|
-
.fds-radio-disabled-
|
|
1778
|
-
.fds-radio-disabled-
|
|
1751
|
+
.fds-radio-disabled-7a9bd584 > .fds-radio-label-7a9bd584,
|
|
1752
|
+
.fds-radio-disabled-7a9bd584 > .fds-radio-label-7a9bd584::before,
|
|
1753
|
+
.fds-radio-disabled-7a9bd584 > .fds-radio-description-7a9bd584 {
|
|
1779
1754
|
opacity: var(--fds-opacity-disabled);
|
|
1780
1755
|
}
|
|
1781
1756
|
|
|
1782
|
-
.fds-radio-input-
|
|
1757
|
+
.fds-radio-input-7a9bd584:focus-visible + .fds-radio-label-7a9bd584::before {
|
|
1783
1758
|
outline: var(--fds-radio-focus-border-width) solid var(--fds-semantic-border-focus-outline);
|
|
1784
1759
|
box-shadow: inset 0 0 0 var(--fds-radio-focus-border-width) var(--fds-semantic-border-focus-boxshadow), inset 0 0 0 6px var(--fds-radio-background);
|
|
1785
1760
|
}
|
|
1786
1761
|
|
|
1787
|
-
.fds-radio-input-
|
|
1762
|
+
.fds-radio-input-7a9bd584:checked + .fds-radio-label-7a9bd584::before {
|
|
1788
1763
|
--fds-radio-border-color: var(--fds-semantic-border-input-hover);
|
|
1789
1764
|
|
|
1790
1765
|
background: var(--fds-radio-border-color);
|
|
1791
1766
|
}
|
|
1792
1767
|
|
|
1793
|
-
.fds-radio-readonly-
|
|
1768
|
+
.fds-radio-readonly-7a9bd584 > .fds-radio-input-7a9bd584 + .fds-radio-label-7a9bd584::before {
|
|
1794
1769
|
--fds-radio-border-color: var(--fds-semantic-border-neutral-subtle);
|
|
1795
1770
|
--fds-radio-background: var(--fds-semantic-surface-neutral-subtle);
|
|
1796
1771
|
}
|
|
1797
1772
|
|
|
1798
|
-
.fds-radio-input-
|
|
1773
|
+
.fds-radio-input-7a9bd584:checked:not(:focus-visible) + .fds-radio-label-7a9bd584::before {
|
|
1799
1774
|
box-shadow: inset 0 0 0 2px var(--fds-radio-border-color), inset 0 0 0 6px var(--fds-radio-background);
|
|
1800
1775
|
}
|
|
1801
1776
|
|
|
1802
|
-
.fds-radio-readonly-
|
|
1803
|
-
.fds-radio-readonly-
|
|
1777
|
+
.fds-radio-readonly-7a9bd584 > .fds-radio-input-7a9bd584,
|
|
1778
|
+
.fds-radio-readonly-7a9bd584 > .fds-radio-label-7a9bd584 {
|
|
1804
1779
|
cursor: default;
|
|
1805
1780
|
}
|
|
1806
1781
|
|
|
1807
|
-
.fds-radio-readonly-
|
|
1782
|
+
.fds-radio-readonly-7a9bd584 > .fds-radio-input-7a9bd584:checked + .fds-radio-label-7a9bd584::before {
|
|
1808
1783
|
background: var(--fds-semantic-border-neutral-default);
|
|
1809
1784
|
}
|
|
1810
1785
|
|
|
1811
|
-
.fds-radio-error-
|
|
1786
|
+
.fds-radio-error-7a9bd584 > .fds-radio-input-7a9bd584:not(:disabled, :focus-visible) + .fds-radio-label-7a9bd584::before {
|
|
1812
1787
|
--fds-radio-border-color: var(--fds-semantic-border-danger-default);
|
|
1813
1788
|
}
|
|
1814
1789
|
|
|
1815
1790
|
/* Only use hover for non-touch devices to prevent sticky-hovering
|
|
1816
1791
|
"input:not(:read-only)" does not work so using ".container:not(.readonly) >" instead */
|
|
1817
1792
|
@media (hover: hover) and (pointer: fine) {
|
|
1818
|
-
.fds-radio-container-
|
|
1819
|
-
.fds-radio-container-
|
|
1793
|
+
.fds-radio-container-7a9bd584:not(.fds-radio-readonly-7a9bd584, .fds-radio-disabled-7a9bd584) > .fds-radio-label-7a9bd584:hover,
|
|
1794
|
+
.fds-radio-container-7a9bd584:not(.fds-radio-readonly-7a9bd584, .fds-radio-disabled-7a9bd584) > .fds-radio-input-7a9bd584:hover + .fds-radio-label-7a9bd584 {
|
|
1820
1795
|
color: var(--fds-semantic-text-action-hover);
|
|
1821
1796
|
}
|
|
1822
1797
|
|
|
1823
|
-
.fds-radio-container-
|
|
1798
|
+
.fds-radio-container-7a9bd584:not(.fds-radio-readonly-7a9bd584, .fds-radio-disabled-7a9bd584) > .fds-radio-input-7a9bd584:hover:not(:checked) + .fds-radio-label-7a9bd584::before {
|
|
1824
1799
|
--fds-radio-border-color: var(--fds-semantic-border-input-hover);
|
|
1825
1800
|
|
|
1826
1801
|
box-shadow: var(--fds-radio-border__hover), inset 0 0 0 2px var(--fds-radio-border-color);
|
|
1827
1802
|
}
|
|
1828
1803
|
|
|
1829
|
-
.fds-radio-container-
|
|
1804
|
+
.fds-radio-container-7a9bd584:not(.fds-radio-readonly-7a9bd584, .fds-radio-disabled-7a9bd584) > .fds-radio-input-7a9bd584:hover:checked + .fds-radio-label-7a9bd584::before {
|
|
1830
1805
|
--fds-radio-border-color: var(--fds-semantic-border-input-hover);
|
|
1831
1806
|
|
|
1832
1807
|
box-shadow: var(--fds-radio-border__hover), inset 0 0 0 2px var(--fds-radio-border-color), inset 0 0 0 6px var(--fds-radio-background);
|
|
1833
1808
|
}
|
|
1834
1809
|
|
|
1835
|
-
.fds-radio-container-
|
|
1810
|
+
.fds-radio-container-7a9bd584:not(.fds-radio-readonly-7a9bd584, .fds-radio-disabled-7a9bd584) > .fds-radio-input-7a9bd584:hover:checked:focus-visible + .fds-radio-label-7a9bd584::before {
|
|
1836
1811
|
box-shadow: var(--fds-radio-border__hover), inset 0 0 0 var(--fds-radio-focus-border-width) var(--fds-semantic-border-focus-boxshadow),
|
|
1837
1812
|
inset 0 0 0 6px var(--fds-radio-background);
|
|
1838
1813
|
}
|
|
@@ -1840,61 +1815,61 @@
|
|
|
1840
1815
|
|
|
1841
1816
|
/** Sizing */
|
|
1842
1817
|
|
|
1843
|
-
.fds-radio-small-
|
|
1844
|
-
.fds-radio-small-
|
|
1818
|
+
.fds-radio-small-7a9bd584,
|
|
1819
|
+
.fds-radio-small-7a9bd584 .fds-radio-label-7a9bd584 {
|
|
1845
1820
|
min-height: var(--fds-sizing-8);
|
|
1846
1821
|
}
|
|
1847
1822
|
|
|
1848
|
-
.fds-radio-medium-
|
|
1849
|
-
.fds-radio-medium-
|
|
1823
|
+
.fds-radio-medium-7a9bd584,
|
|
1824
|
+
.fds-radio-medium-7a9bd584 .fds-radio-label-7a9bd584 {
|
|
1850
1825
|
min-height: var(--fds-sizing-10);
|
|
1851
1826
|
}
|
|
1852
1827
|
|
|
1853
|
-
.fds-radio-large-
|
|
1854
|
-
.fds-radio-large-
|
|
1828
|
+
.fds-radio-large-7a9bd584,
|
|
1829
|
+
.fds-radio-large-7a9bd584 .fds-radio-label-7a9bd584 {
|
|
1855
1830
|
min-height: var(--fds-sizing-12);
|
|
1856
1831
|
}
|
|
1857
1832
|
|
|
1858
|
-
.fds-radio-small-
|
|
1833
|
+
.fds-radio-small-7a9bd584 {
|
|
1859
1834
|
--fds-radio-size: 1.5rem;
|
|
1860
1835
|
|
|
1861
1836
|
min-width: var(--fds-sizing-8);
|
|
1862
1837
|
}
|
|
1863
1838
|
|
|
1864
|
-
.fds-radio-small-
|
|
1839
|
+
.fds-radio-small-7a9bd584 .fds-radio-input-7a9bd584 {
|
|
1865
1840
|
left: -0.25rem;
|
|
1866
1841
|
top: -0.25rem;
|
|
1867
1842
|
}
|
|
1868
1843
|
|
|
1869
|
-
.fds-radio-medium-
|
|
1844
|
+
.fds-radio-medium-7a9bd584 {
|
|
1870
1845
|
--fds-radio-size: 1.75rem;
|
|
1871
1846
|
|
|
1872
1847
|
min-width: var(--fds-sizing-10);
|
|
1873
1848
|
}
|
|
1874
1849
|
|
|
1875
|
-
.fds-radio-medium-
|
|
1850
|
+
.fds-radio-medium-7a9bd584 .fds-radio-input-7a9bd584 {
|
|
1876
1851
|
left: 0;
|
|
1877
1852
|
top: 0;
|
|
1878
1853
|
}
|
|
1879
1854
|
|
|
1880
|
-
.fds-radio-large-
|
|
1855
|
+
.fds-radio-large-7a9bd584 {
|
|
1881
1856
|
--fds-radio-size: 2rem;
|
|
1882
1857
|
|
|
1883
1858
|
min-width: var(--fds-sizing-12);
|
|
1884
1859
|
}
|
|
1885
1860
|
|
|
1886
|
-
.fds-radio-large-
|
|
1861
|
+
.fds-radio-large-7a9bd584 .fds-radio-input-7a9bd584 {
|
|
1887
1862
|
left: 0;
|
|
1888
1863
|
top: 0.25rem;
|
|
1889
1864
|
}
|
|
1890
1865
|
|
|
1891
|
-
.fds-group-inline-
|
|
1866
|
+
.fds-group-inline-f6df9230 {
|
|
1892
1867
|
display: flex;
|
|
1893
1868
|
flex-direction: row;
|
|
1894
1869
|
gap: var(--fds-spacing-2);
|
|
1895
1870
|
}
|
|
1896
1871
|
|
|
1897
|
-
.fds-switch-switch-
|
|
1872
|
+
.fds-switch-switch-9a6b03bc {
|
|
1898
1873
|
--fds-transition: 200ms;
|
|
1899
1874
|
--fds-switch-height: 1.75rem;
|
|
1900
1875
|
--fds-switch-focus-border-width: 3px;
|
|
@@ -1903,12 +1878,12 @@
|
|
|
1903
1878
|
}
|
|
1904
1879
|
|
|
1905
1880
|
@media (prefers-reduced-motion) {
|
|
1906
|
-
.fds-switch-switch-
|
|
1881
|
+
.fds-switch-switch-9a6b03bc {
|
|
1907
1882
|
--fds-transition: 0;
|
|
1908
1883
|
}
|
|
1909
1884
|
}
|
|
1910
1885
|
|
|
1911
|
-
.fds-switch-label-
|
|
1886
|
+
.fds-switch-label-9a6b03bc {
|
|
1912
1887
|
min-height: var(--fds-sizing-10);
|
|
1913
1888
|
min-width: min-content;
|
|
1914
1889
|
display: grid;
|
|
@@ -1918,7 +1893,7 @@
|
|
|
1918
1893
|
cursor: pointer;
|
|
1919
1894
|
}
|
|
1920
1895
|
|
|
1921
|
-
.fds-switch-track-
|
|
1896
|
+
.fds-switch-track-9a6b03bc {
|
|
1922
1897
|
position: relative;
|
|
1923
1898
|
display: inline-block;
|
|
1924
1899
|
pointer-events: none;
|
|
@@ -1932,32 +1907,32 @@
|
|
|
1932
1907
|
margin-right: var(--fds-spacing-1);
|
|
1933
1908
|
}
|
|
1934
1909
|
|
|
1935
|
-
.fds-switch-description-
|
|
1910
|
+
.fds-switch-description-9a6b03bc {
|
|
1936
1911
|
padding-left: calc(var(--fds-switch-width) + var(--fds-spacing-2));
|
|
1937
1912
|
margin-top: calc(var(--fds-spacing-2) * -1);
|
|
1938
1913
|
color: var(--fds-semantic-text-neutral-subtle);
|
|
1939
1914
|
}
|
|
1940
1915
|
|
|
1941
|
-
.fds-switch-padlock-
|
|
1916
|
+
.fds-switch-padlock-9a6b03bc {
|
|
1942
1917
|
height: 1.2em;
|
|
1943
1918
|
width: 1.2em;
|
|
1944
1919
|
}
|
|
1945
1920
|
|
|
1946
|
-
.fds-switch-right-
|
|
1921
|
+
.fds-switch-right-9a6b03bc {
|
|
1947
1922
|
grid-template-columns: 1fr auto;
|
|
1948
1923
|
grid-auto-flow: dense;
|
|
1949
1924
|
}
|
|
1950
1925
|
|
|
1951
|
-
.fds-switch-right-
|
|
1926
|
+
.fds-switch-right-9a6b03bc .fds-switch-track-9a6b03bc {
|
|
1952
1927
|
order: 1;
|
|
1953
1928
|
margin-right: 0;
|
|
1954
1929
|
}
|
|
1955
1930
|
|
|
1956
|
-
.fds-switch-right-
|
|
1931
|
+
.fds-switch-right-9a6b03bc + .fds-switch-description-9a6b03bc {
|
|
1957
1932
|
padding-left: 0;
|
|
1958
1933
|
}
|
|
1959
1934
|
|
|
1960
|
-
.fds-switch-input-
|
|
1935
|
+
.fds-switch-input-9a6b03bc {
|
|
1961
1936
|
position: absolute;
|
|
1962
1937
|
width: 2.75rem;
|
|
1963
1938
|
height: 2.75rem;
|
|
@@ -1967,98 +1942,98 @@
|
|
|
1967
1942
|
margin: 0;
|
|
1968
1943
|
}
|
|
1969
1944
|
|
|
1970
|
-
.fds-switch-readonly-
|
|
1945
|
+
.fds-switch-readonly-9a6b03bc > .fds-switch-label-9a6b03bc {
|
|
1971
1946
|
grid-template-columns: auto min-content 1fr;
|
|
1972
1947
|
}
|
|
1973
1948
|
|
|
1974
|
-
.fds-switch-readonly-
|
|
1949
|
+
.fds-switch-readonly-9a6b03bc > .fds-switch-label-9a6b03bc:where(.fds-switch-right-9a6b03bc) {
|
|
1975
1950
|
grid-template-columns: min-content 1fr auto;
|
|
1976
1951
|
}
|
|
1977
1952
|
|
|
1978
|
-
.fds-switch-readonly-
|
|
1979
|
-
.fds-switch-readonly-
|
|
1953
|
+
.fds-switch-readonly-9a6b03bc > .fds-switch-input-9a6b03bc,
|
|
1954
|
+
.fds-switch-readonly-9a6b03bc > .fds-switch-label-9a6b03bc {
|
|
1980
1955
|
cursor: default;
|
|
1981
1956
|
}
|
|
1982
1957
|
|
|
1983
|
-
.fds-switch-disabled-
|
|
1984
|
-
.fds-switch-disabled-
|
|
1985
|
-
.fds-switch-disabled-
|
|
1958
|
+
.fds-switch-disabled-9a6b03bc > .fds-switch-input-9a6b03bc,
|
|
1959
|
+
.fds-switch-disabled-9a6b03bc > .fds-switch-label-9a6b03bc,
|
|
1960
|
+
.fds-switch-disabled-9a6b03bc > .fds-switch-track-9a6b03bc {
|
|
1986
1961
|
cursor: not-allowed;
|
|
1987
1962
|
}
|
|
1988
1963
|
|
|
1989
|
-
.fds-switch-disabled-
|
|
1990
|
-
.fds-switch-disabled-
|
|
1991
|
-
.fds-switch-disabled-
|
|
1964
|
+
.fds-switch-disabled-9a6b03bc > .fds-switch-label-9a6b03bc,
|
|
1965
|
+
.fds-switch-disabled-9a6b03bc > .fds-switch-track-9a6b03bc,
|
|
1966
|
+
.fds-switch-disabled-9a6b03bc > .fds-switch-description-9a6b03bc {
|
|
1992
1967
|
opacity: var(--fds-opacity-disabled);
|
|
1993
1968
|
}
|
|
1994
1969
|
|
|
1995
|
-
.fds-switch-readonly-
|
|
1970
|
+
.fds-switch-readonly-9a6b03bc > .fds-switch-description-9a6b03bc {
|
|
1996
1971
|
margin-left: var(--fds-spacing-1);
|
|
1997
1972
|
}
|
|
1998
1973
|
|
|
1999
|
-
.fds-switch-small-
|
|
2000
|
-
.fds-switch-small-
|
|
1974
|
+
.fds-switch-small-9a6b03bc,
|
|
1975
|
+
.fds-switch-small-9a6b03bc .fds-switch-label-9a6b03bc {
|
|
2001
1976
|
min-height: var(--fds-sizing-8);
|
|
2002
1977
|
}
|
|
2003
1978
|
|
|
2004
|
-
.fds-switch-medium-
|
|
2005
|
-
.fds-switch-medium-
|
|
1979
|
+
.fds-switch-medium-9a6b03bc,
|
|
1980
|
+
.fds-switch-medium-9a6b03bc .fds-switch-label-9a6b03bc {
|
|
2006
1981
|
min-height: var(--fds-sizing-10);
|
|
2007
1982
|
}
|
|
2008
1983
|
|
|
2009
|
-
.fds-switch-large-
|
|
2010
|
-
.fds-switch-large-
|
|
1984
|
+
.fds-switch-large-9a6b03bc,
|
|
1985
|
+
.fds-switch-large-9a6b03bc .fds-switch-label-9a6b03bc {
|
|
2011
1986
|
min-height: var(--fds-sizing-12);
|
|
2012
1987
|
}
|
|
2013
1988
|
|
|
2014
|
-
.fds-switch-small-
|
|
1989
|
+
.fds-switch-small-9a6b03bc {
|
|
2015
1990
|
--fds-switch-height: 1.5rem;
|
|
2016
1991
|
--fds-switch-width: 2.5rem;
|
|
2017
1992
|
}
|
|
2018
1993
|
|
|
2019
|
-
.fds-switch-small-
|
|
1994
|
+
.fds-switch-small-9a6b03bc .fds-switch-input-9a6b03bc {
|
|
2020
1995
|
left: -0.25rem;
|
|
2021
1996
|
top: -0.25rem;
|
|
2022
1997
|
}
|
|
2023
1998
|
|
|
2024
|
-
.fds-switch-medium-
|
|
1999
|
+
.fds-switch-medium-9a6b03bc {
|
|
2025
2000
|
--fds-switch-height: 1.75rem;
|
|
2026
2001
|
--fds-switch-width: 3rem;
|
|
2027
2002
|
}
|
|
2028
2003
|
|
|
2029
|
-
.fds-switch-medium-
|
|
2004
|
+
.fds-switch-medium-9a6b03bc .fds-switch-input-9a6b03bc {
|
|
2030
2005
|
left: 0;
|
|
2031
2006
|
top: 0;
|
|
2032
2007
|
}
|
|
2033
2008
|
|
|
2034
|
-
.fds-switch-large-
|
|
2009
|
+
.fds-switch-large-9a6b03bc {
|
|
2035
2010
|
--fds-switch-height: 2rem;
|
|
2036
2011
|
--fds-switch-width: 3.5rem;
|
|
2037
2012
|
}
|
|
2038
2013
|
|
|
2039
|
-
.fds-switch-large-
|
|
2014
|
+
.fds-switch-large-9a6b03bc .fds-switch-input-9a6b03bc {
|
|
2040
2015
|
left: 0;
|
|
2041
2016
|
top: 0.25rem;
|
|
2042
2017
|
}
|
|
2043
2018
|
|
|
2044
|
-
.fds-switch-label-
|
|
2019
|
+
.fds-switch-label-9a6b03bc:has(.fds-switch-track-9a6b03bc:only-child) {
|
|
2045
2020
|
grid-template-columns: auto;
|
|
2046
2021
|
}
|
|
2047
2022
|
|
|
2048
|
-
.fds-switch-label-
|
|
2023
|
+
.fds-switch-label-9a6b03bc:has(.fds-switch-track-9a6b03bc:only-child) .fds-switch-track-9a6b03bc {
|
|
2049
2024
|
margin-right: 0;
|
|
2050
2025
|
}
|
|
2051
2026
|
|
|
2052
|
-
.fds-switch-input-
|
|
2027
|
+
.fds-switch-input-9a6b03bc:focus-visible + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc {
|
|
2053
2028
|
outline: var(--fds-switch-focus-border-width) solid var(--fds-semantic-border-focus-outline);
|
|
2054
2029
|
box-shadow: inset 0 0 0 var(--fds-switch-focus-border-width) var(--fds-semantic-border-focus-boxshadow);
|
|
2055
2030
|
}
|
|
2056
2031
|
|
|
2057
|
-
.fds-switch-input-
|
|
2032
|
+
.fds-switch-input-9a6b03bc:not([readonly]):checked + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc {
|
|
2058
2033
|
background-color: var(--fds-semantic-surface-success-default);
|
|
2059
2034
|
}
|
|
2060
2035
|
|
|
2061
|
-
.fds-switch-thumb-
|
|
2036
|
+
.fds-switch-thumb-9a6b03bc {
|
|
2062
2037
|
scale: 0.8;
|
|
2063
2038
|
position: absolute;
|
|
2064
2039
|
height: var(--fds-switch-height);
|
|
@@ -2068,53 +2043,53 @@
|
|
|
2068
2043
|
transition: transform var(--fds-transition) ease;
|
|
2069
2044
|
}
|
|
2070
2045
|
|
|
2071
|
-
.fds-switch-input-
|
|
2046
|
+
.fds-switch-input-9a6b03bc:checked + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc .fds-switch-thumb-9a6b03bc {
|
|
2072
2047
|
transform: translateX(calc((var(--fds-switch-width) - var(--fds-switch-height)) * 1.2));
|
|
2073
2048
|
background-image: url("data:image/svg+xml,%3Csvg viewBox='-3 -3 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1339 2.86612C10.622 3.35427 10.622 4.14573 10.1339 4.63388L5.88388 8.88388C5.39573 9.37204 4.60427 9.37204 4.11612 8.88388L1.86612 6.63388C1.37796 6.14573 1.37796 5.35427 1.86612 4.86612C2.35427 4.37796 3.14573 4.37796 3.63388 4.86612L5 6.23223L8.36612 2.86612C8.85427 2.37796 9.64573 2.37796 10.1339 2.86612Z' fill='%23118849' /%3E%3C/svg%3E");
|
|
2074
2049
|
}
|
|
2075
2050
|
|
|
2076
|
-
.fds-switch-readonly-
|
|
2051
|
+
.fds-switch-readonly-9a6b03bc .fds-switch-input-9a6b03bc[readonly] + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc {
|
|
2077
2052
|
box-shadow: inset 0 0 0 2px var(--fds-semantic-border-neutral-subtle);
|
|
2078
2053
|
background-color: var(--fds-semantic-background-subtle);
|
|
2079
2054
|
}
|
|
2080
2055
|
|
|
2081
|
-
.fds-switch-readonly-
|
|
2056
|
+
.fds-switch-readonly-9a6b03bc .fds-switch-input-9a6b03bc[readonly] + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc > .fds-switch-thumb-9a6b03bc {
|
|
2082
2057
|
background-color: var(--fds-semantic-border-neutral-default);
|
|
2083
2058
|
}
|
|
2084
2059
|
|
|
2085
|
-
.fds-switch-readonly-
|
|
2060
|
+
.fds-switch-readonly-9a6b03bc .fds-switch-input-9a6b03bc[readonly]:checked + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc .fds-switch-thumb-9a6b03bc {
|
|
2086
2061
|
background-image: url("data:image/svg+xml,%3Csvg viewBox='-3 -3 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1339 2.86612C10.622 3.35427 10.622 4.14573 10.1339 4.63388L5.88388 8.88388C5.39573 9.37204 4.60427 9.37204 4.11612 8.88388L1.86612 6.63388C1.37796 6.14573 1.37796 5.35427 1.86612 4.86612C2.35427 4.37796 3.14573 4.37796 3.63388 4.86612L5 6.23223L8.36612 2.86612C8.85427 2.37796 9.64573 2.37796 10.1339 2.86612Z' fill='%23f4f5f6' /%3E%3C/svg%3E");
|
|
2087
2062
|
}
|
|
2088
2063
|
|
|
2089
2064
|
@media (hover: hover) and (pointer: fine) {
|
|
2090
|
-
.fds-switch-input-
|
|
2065
|
+
.fds-switch-input-9a6b03bc:not([readonly], :disabled):hover + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc > .fds-switch-thumb-9a6b03bc {
|
|
2091
2066
|
transform: translateX(calc((var(--fds-switch-width) - var(--fds-switch-height)) * 0.2));
|
|
2092
2067
|
}
|
|
2093
2068
|
|
|
2094
|
-
.fds-switch-input-
|
|
2069
|
+
.fds-switch-input-9a6b03bc:not([readonly], :disabled):hover + .fds-switch-label-9a6b03bc {
|
|
2095
2070
|
color: var(--fds-semantic-border-input-hover);
|
|
2096
2071
|
}
|
|
2097
2072
|
|
|
2098
|
-
.fds-switch-input-
|
|
2073
|
+
.fds-switch-input-9a6b03bc:not(:disabled, [readonly]):checked:hover + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc > .fds-switch-thumb-9a6b03bc {
|
|
2099
2074
|
transform: translateX(calc((var(--fds-switch-width) - var(--fds-switch-height)) * 0.8));
|
|
2100
2075
|
background-image: url("data:image/svg+xml,%3Csvg viewBox='-3 -3 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1339 2.86612C10.622 3.35427 10.622 4.14573 10.1339 4.63388L5.88388 8.88388C5.39573 9.37204 4.60427 9.37204 4.11612 8.88388L1.86612 6.63388C1.37796 6.14573 1.37796 5.35427 1.86612 4.86612C2.35427 4.37796 3.14573 4.37796 3.63388 4.86612L5 6.23223L8.36612 2.86612C8.85427 2.37796 9.64573 2.37796 10.1339 2.86612Z' fill='%230c6536' /%3E%3C/svg%3E");
|
|
2101
2076
|
}
|
|
2102
2077
|
|
|
2103
|
-
.fds-switch-input-
|
|
2078
|
+
.fds-switch-input-9a6b03bc:not(:checked, :disabled, [readonly]):hover + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc {
|
|
2104
2079
|
background-color: var(--fds-semantic-surface-neutral-dark-hover);
|
|
2105
2080
|
}
|
|
2106
2081
|
|
|
2107
|
-
.fds-switch-input-
|
|
2082
|
+
.fds-switch-input-9a6b03bc:not(:disabled, [readonly]):checked:hover + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc {
|
|
2108
2083
|
background-color: var(--fds-semantic-surface-success-hover);
|
|
2109
2084
|
}
|
|
2110
2085
|
}
|
|
2111
2086
|
|
|
2112
|
-
.fds-textfield-formField-
|
|
2087
|
+
.fds-textfield-formField-d98267a0 {
|
|
2113
2088
|
display: grid;
|
|
2114
2089
|
gap: var(--fds-spacing-2);
|
|
2115
2090
|
}
|
|
2116
2091
|
|
|
2117
|
-
.fds-textfield-adornment-
|
|
2092
|
+
.fds-textfield-adornment-d98267a0 {
|
|
2118
2093
|
color: var(--fds-semantic-border-neutral-default);
|
|
2119
2094
|
background: var(--fds-semantic-surface-neutral-subtle);
|
|
2120
2095
|
padding: 9px var(--fds-spacing-4);
|
|
@@ -2124,7 +2099,7 @@
|
|
|
2124
2099
|
display: inline-block;
|
|
2125
2100
|
}
|
|
2126
2101
|
|
|
2127
|
-
.fds-textfield-input-
|
|
2102
|
+
.fds-textfield-input-d98267a0 {
|
|
2128
2103
|
font: inherit;
|
|
2129
2104
|
font-family: inherit;
|
|
2130
2105
|
position: relative;
|
|
@@ -2137,56 +2112,56 @@
|
|
|
2137
2112
|
border-radius: var(--fds-border_radius-medium);
|
|
2138
2113
|
}
|
|
2139
2114
|
|
|
2140
|
-
.fds-textfield-disabled-
|
|
2115
|
+
.fds-textfield-disabled-d98267a0 .fds-textfield-input-d98267a0 {
|
|
2141
2116
|
cursor: not-allowed;
|
|
2142
2117
|
}
|
|
2143
2118
|
|
|
2144
|
-
.fds-textfield-readonly-
|
|
2119
|
+
.fds-textfield-readonly-d98267a0 .fds-textfield-input-d98267a0 {
|
|
2145
2120
|
background: var(--fds-semantic-surface-neutral-subtle);
|
|
2146
2121
|
border-color: var(--fds-semantic-border-neutral-default);
|
|
2147
2122
|
}
|
|
2148
2123
|
|
|
2149
|
-
.fds-textfield-field-
|
|
2124
|
+
.fds-textfield-field-d98267a0 {
|
|
2150
2125
|
display: flex;
|
|
2151
2126
|
align-items: stretch;
|
|
2152
2127
|
border-radius: var(--fds-border_radius-medium);
|
|
2153
2128
|
}
|
|
2154
2129
|
|
|
2155
|
-
.fds-textfield-field-
|
|
2130
|
+
.fds-textfield-field-d98267a0 > *:first-child {
|
|
2156
2131
|
border-top-left-radius: var(--fds-border_radius-medium);
|
|
2157
2132
|
border-bottom-left-radius: var(--fds-border_radius-medium);
|
|
2158
2133
|
}
|
|
2159
2134
|
|
|
2160
|
-
.fds-textfield-field-
|
|
2135
|
+
.fds-textfield-field-d98267a0 > *:last-child {
|
|
2161
2136
|
border-top-right-radius: var(--fds-border_radius-medium);
|
|
2162
2137
|
border-bottom-right-radius: var(--fds-border_radius-medium);
|
|
2163
2138
|
}
|
|
2164
2139
|
|
|
2165
|
-
.fds-textfield-formField-
|
|
2140
|
+
.fds-textfield-formField-d98267a0.fds-textfield-small-d98267a0 .fds-textfield-adornment-d98267a0 {
|
|
2166
2141
|
padding: 6.5px var(--fds-spacing-3);
|
|
2167
2142
|
}
|
|
2168
2143
|
|
|
2169
|
-
.fds-textfield-formField-
|
|
2144
|
+
.fds-textfield-formField-d98267a0.fds-textfield-medium-d98267a0 .fds-textfield-adornment-d98267a0 {
|
|
2170
2145
|
padding: 9px var(--fds-spacing-4);
|
|
2171
2146
|
}
|
|
2172
2147
|
|
|
2173
|
-
.fds-textfield-formField-
|
|
2148
|
+
.fds-textfield-formField-d98267a0.fds-textfield-large-d98267a0 .fds-textfield-adornment-d98267a0 {
|
|
2174
2149
|
padding: 11px var(--fds-spacing-5);
|
|
2175
2150
|
}
|
|
2176
2151
|
|
|
2177
|
-
.fds-textfield-formField-
|
|
2152
|
+
.fds-textfield-formField-d98267a0.fds-textfield-small-d98267a0 .fds-textfield-field-d98267a0 {
|
|
2178
2153
|
height: var(--fds-sizing-8);
|
|
2179
2154
|
}
|
|
2180
2155
|
|
|
2181
|
-
.fds-textfield-formField-
|
|
2156
|
+
.fds-textfield-formField-d98267a0.fds-textfield-medium-d98267a0 .fds-textfield-field-d98267a0 {
|
|
2182
2157
|
height: var(--fds-sizing-10);
|
|
2183
2158
|
}
|
|
2184
2159
|
|
|
2185
|
-
.fds-textfield-formField-
|
|
2160
|
+
.fds-textfield-formField-d98267a0.fds-textfield-large-d98267a0 .fds-textfield-field-d98267a0 {
|
|
2186
2161
|
height: var(--fds-sizing-12);
|
|
2187
2162
|
}
|
|
2188
2163
|
|
|
2189
|
-
.fds-textfield-label-
|
|
2164
|
+
.fds-textfield-label-d98267a0 {
|
|
2190
2165
|
min-width: min-content;
|
|
2191
2166
|
display: inline-flex;
|
|
2192
2167
|
flex-direction: row;
|
|
@@ -2194,85 +2169,85 @@
|
|
|
2194
2169
|
align-items: center;
|
|
2195
2170
|
}
|
|
2196
2171
|
|
|
2197
|
-
.fds-textfield-description-
|
|
2172
|
+
.fds-textfield-description-d98267a0 {
|
|
2198
2173
|
color: var(--fds-semantic-text-neutral-subtle);
|
|
2199
2174
|
margin-top: calc(var(--fds-spacing-2) * -1);
|
|
2200
2175
|
}
|
|
2201
2176
|
|
|
2202
|
-
.fds-textfield-input-
|
|
2177
|
+
.fds-textfield-input-d98267a0.fds-textfield-small-d98267a0 {
|
|
2203
2178
|
padding: 0 var(--fds-spacing-2);
|
|
2204
2179
|
}
|
|
2205
2180
|
|
|
2206
|
-
.fds-textfield-input-
|
|
2181
|
+
.fds-textfield-input-d98267a0.fds-textfield-medium-d98267a0 {
|
|
2207
2182
|
padding: 0 var(--fds-spacing-3);
|
|
2208
2183
|
}
|
|
2209
2184
|
|
|
2210
|
-
.fds-textfield-input-
|
|
2185
|
+
.fds-textfield-input-d98267a0.fds-textfield-large-d98267a0 {
|
|
2211
2186
|
padding: 0 var(--fds-spacing-4);
|
|
2212
2187
|
}
|
|
2213
2188
|
|
|
2214
|
-
.fds-textfield-disabled-
|
|
2189
|
+
.fds-textfield-disabled-d98267a0 {
|
|
2215
2190
|
opacity: var(--fds-opacity-disabled);
|
|
2216
2191
|
}
|
|
2217
2192
|
|
|
2218
|
-
.fds-textfield-error-
|
|
2193
|
+
.fds-textfield-error-d98267a0 > .fds-textfield-input-d98267a0:not(:focus-visible) {
|
|
2219
2194
|
border-color: var(--fds-semantic-border-danger-default);
|
|
2220
2195
|
box-shadow: inset 0 0 0 1px var(--fds-semantic-border-danger-default);
|
|
2221
2196
|
}
|
|
2222
2197
|
|
|
2223
2198
|
@media (hover: hover) and (pointer: fine) {
|
|
2224
|
-
.fds-textfield-input-
|
|
2199
|
+
.fds-textfield-input-d98267a0:not(:focus-visible, :disabled, [aria-disabled]):hover {
|
|
2225
2200
|
border-color: var(--fds-semantic-border-input-hover);
|
|
2226
2201
|
box-shadow: inset 0 0 0 1px var(--fds-semantic-border-input-hover);
|
|
2227
2202
|
}
|
|
2228
2203
|
}
|
|
2229
2204
|
|
|
2230
|
-
.fds-textfield-inputPrefix-
|
|
2205
|
+
.fds-textfield-inputPrefix-d98267a0 {
|
|
2231
2206
|
border-top-left-radius: 0;
|
|
2232
2207
|
border-bottom-left-radius: 0;
|
|
2233
2208
|
}
|
|
2234
2209
|
|
|
2235
|
-
.fds-textfield-inputSuffix-
|
|
2210
|
+
.fds-textfield-inputSuffix-d98267a0 {
|
|
2236
2211
|
border-top-right-radius: 0;
|
|
2237
2212
|
border-bottom-right-radius: 0;
|
|
2238
2213
|
}
|
|
2239
2214
|
|
|
2240
|
-
.fds-textfield-prefix-
|
|
2215
|
+
.fds-textfield-prefix-d98267a0 {
|
|
2241
2216
|
border-right: 0;
|
|
2242
2217
|
border-top-right-radius: 0;
|
|
2243
2218
|
border-bottom-right-radius: 0;
|
|
2244
2219
|
}
|
|
2245
2220
|
|
|
2246
|
-
.fds-textfield-suffix-
|
|
2221
|
+
.fds-textfield-suffix-d98267a0 {
|
|
2247
2222
|
border-left: 0;
|
|
2248
2223
|
border-top-left-radius: 0;
|
|
2249
2224
|
border-bottom-left-radius: 0;
|
|
2250
2225
|
}
|
|
2251
2226
|
|
|
2252
|
-
.fds-textfield-padlock-
|
|
2227
|
+
.fds-textfield-padlock-d98267a0 {
|
|
2253
2228
|
height: 1.2em;
|
|
2254
2229
|
width: 1.2em;
|
|
2255
2230
|
}
|
|
2256
2231
|
|
|
2257
|
-
.fds-textfield-errorMessage-
|
|
2232
|
+
.fds-textfield-errorMessage-d98267a0:empty {
|
|
2258
2233
|
display: none;
|
|
2259
2234
|
}
|
|
2260
2235
|
|
|
2261
|
-
.fds-textarea-formField-
|
|
2236
|
+
.fds-textarea-formField-3d0e29bc {
|
|
2262
2237
|
display: grid;
|
|
2263
2238
|
gap: var(--fds-spacing-2);
|
|
2264
2239
|
}
|
|
2265
2240
|
|
|
2266
|
-
.fds-textarea-padlock-
|
|
2241
|
+
.fds-textarea-padlock-3d0e29bc {
|
|
2267
2242
|
height: 1.2em;
|
|
2268
2243
|
width: 1.2em;
|
|
2269
2244
|
}
|
|
2270
2245
|
|
|
2271
|
-
.fds-textarea-errorMessage-
|
|
2246
|
+
.fds-textarea-errorMessage-3d0e29bc:empty {
|
|
2272
2247
|
display: none;
|
|
2273
2248
|
}
|
|
2274
2249
|
|
|
2275
|
-
.fds-textarea-label-
|
|
2250
|
+
.fds-textarea-label-3d0e29bc {
|
|
2276
2251
|
min-width: min-content;
|
|
2277
2252
|
display: inline-flex;
|
|
2278
2253
|
flex-direction: row;
|
|
@@ -2280,12 +2255,12 @@
|
|
|
2280
2255
|
align-items: center;
|
|
2281
2256
|
}
|
|
2282
2257
|
|
|
2283
|
-
.fds-textarea-description-
|
|
2258
|
+
.fds-textarea-description-3d0e29bc {
|
|
2284
2259
|
color: var(--fds-semantic-text-neutral-subtle);
|
|
2285
2260
|
margin-top: calc(var(--fds-spacing-2) * -1);
|
|
2286
2261
|
}
|
|
2287
2262
|
|
|
2288
|
-
.fds-textarea-textarea-
|
|
2263
|
+
.fds-textarea-textarea-3d0e29bc {
|
|
2289
2264
|
font: inherit;
|
|
2290
2265
|
font-family: inherit;
|
|
2291
2266
|
position: relative;
|
|
@@ -2300,45 +2275,44 @@
|
|
|
2300
2275
|
resize: vertical;
|
|
2301
2276
|
}
|
|
2302
2277
|
|
|
2303
|
-
.fds-textarea-textarea-
|
|
2278
|
+
.fds-textarea-textarea-3d0e29bc.fds-textarea-small-3d0e29bc {
|
|
2304
2279
|
padding: var(--fds-spacing-2);
|
|
2305
2280
|
}
|
|
2306
2281
|
|
|
2307
|
-
.fds-textarea-textarea-
|
|
2282
|
+
.fds-textarea-textarea-3d0e29bc.fds-textarea-medium-3d0e29bc {
|
|
2308
2283
|
padding: var(--fds-spacing-3);
|
|
2309
2284
|
}
|
|
2310
2285
|
|
|
2311
|
-
.fds-textarea-textarea-
|
|
2286
|
+
.fds-textarea-textarea-3d0e29bc.fds-textarea-large-3d0e29bc {
|
|
2312
2287
|
padding: var(--fds-spacing-4);
|
|
2313
2288
|
}
|
|
2314
2289
|
|
|
2315
|
-
.fds-textarea-disabled-
|
|
2290
|
+
.fds-textarea-disabled-3d0e29bc {
|
|
2316
2291
|
opacity: var(--fds-opacity-disabled);
|
|
2317
2292
|
}
|
|
2318
2293
|
|
|
2319
|
-
.fds-textarea-disabled-
|
|
2294
|
+
.fds-textarea-disabled-3d0e29bc .fds-textarea-textarea-3d0e29bc {
|
|
2320
2295
|
cursor: not-allowed;
|
|
2321
2296
|
}
|
|
2322
2297
|
|
|
2323
|
-
.fds-textarea-readonly-
|
|
2298
|
+
.fds-textarea-readonly-3d0e29bc .fds-textarea-textarea-3d0e29bc {
|
|
2324
2299
|
background: var(--fds-semantic-surface-neutral-subtle);
|
|
2325
2300
|
border-color: var(--fds-semantic-border-neutral-default);
|
|
2326
2301
|
}
|
|
2327
2302
|
|
|
2328
|
-
.fds-textarea-error-
|
|
2303
|
+
.fds-textarea-error-3d0e29bc > .fds-textarea-textarea-3d0e29bc:not(:focus-visible) {
|
|
2329
2304
|
border-color: var(--fds-semantic-border-danger-default);
|
|
2330
2305
|
box-shadow: inset 0 0 0 1px var(--fds-semantic-border-danger-default);
|
|
2331
2306
|
}
|
|
2332
2307
|
|
|
2333
2308
|
@media (hover: hover) and (pointer: fine) {
|
|
2334
|
-
.fds-textarea-textarea-
|
|
2309
|
+
.fds-textarea-textarea-3d0e29bc:not(:focus-visible, :disabled, [aria-disabled]):hover {
|
|
2335
2310
|
border-color: var(--fds-semantic-border-input-hover);
|
|
2336
2311
|
box-shadow: inset 0 0 0 1px var(--fds-semantic-border-input-hover);
|
|
2337
2312
|
}
|
|
2338
2313
|
}
|
|
2339
2314
|
|
|
2340
|
-
.fds-tab-tabItem-
|
|
2341
|
-
--fdsc-icon-size: var(--fds-sizing-4);
|
|
2315
|
+
.fds-tab-tabItem-747ae0b6 {
|
|
2342
2316
|
--fdsc-bottom-border-color: transparent;
|
|
2343
2317
|
|
|
2344
2318
|
display: flex;
|
|
@@ -2357,51 +2331,39 @@
|
|
|
2357
2331
|
position: relative;
|
|
2358
2332
|
}
|
|
2359
2333
|
|
|
2360
|
-
.fds-tab-tabItem-
|
|
2361
|
-
display: flex;
|
|
2362
|
-
height: 1.75em;
|
|
2363
|
-
width: auto;
|
|
2364
|
-
}
|
|
2365
|
-
|
|
2366
|
-
.fds-tab-tabItem-cb5410d6.fds-tab-small-cb5410d6 {
|
|
2367
|
-
--fdsc-icon-size: var(--fds-sizing-5);
|
|
2368
|
-
|
|
2334
|
+
.fds-tab-tabItem-747ae0b6.fds-tab-small-747ae0b6 {
|
|
2369
2335
|
font: var(--fds-typography-interactive-small);
|
|
2370
2336
|
font-family: inherit;
|
|
2371
2337
|
padding: var(--fds-spacing-2) var(--fds-spacing-4);
|
|
2372
2338
|
}
|
|
2373
2339
|
|
|
2374
|
-
.fds-tab-tabItem-
|
|
2375
|
-
--fdsc-icon-size: var(--fds-sizing-6);
|
|
2376
|
-
|
|
2340
|
+
.fds-tab-tabItem-747ae0b6.fds-tab-medium-747ae0b6 {
|
|
2377
2341
|
font: var(--fds-typography-interactive-medium);
|
|
2378
2342
|
font-family: inherit;
|
|
2379
2343
|
padding: var(--fds-spacing-3) var(--fds-spacing-5);
|
|
2380
2344
|
}
|
|
2381
2345
|
|
|
2382
|
-
.fds-tab-tabItem-
|
|
2383
|
-
--fdsc-icon-size: var(--fds-sizing-7);
|
|
2384
|
-
|
|
2346
|
+
.fds-tab-tabItem-747ae0b6.fds-tab-large-747ae0b6 {
|
|
2385
2347
|
font: var(--fds-typography-interactive-large);
|
|
2386
2348
|
font-family: inherit;
|
|
2387
2349
|
padding: var(--fds-spacing-4) var(--fds-spacing-6);
|
|
2388
2350
|
}
|
|
2389
2351
|
|
|
2390
2352
|
@media (hover: hover) and (pointer: fine) {
|
|
2391
|
-
.fds-tab-tabItem-
|
|
2353
|
+
.fds-tab-tabItem-747ae0b6:hover {
|
|
2392
2354
|
--fdsc-bottom-border-color: var(--fds-semantic-border-neutral-subtle);
|
|
2393
2355
|
|
|
2394
2356
|
color: var(--fds-semantic-text-neutral-default);
|
|
2395
2357
|
}
|
|
2396
2358
|
}
|
|
2397
2359
|
|
|
2398
|
-
.fds-tab-tabItem-
|
|
2360
|
+
.fds-tab-tabItem-747ae0b6.fds-tab-isActive-747ae0b6 {
|
|
2399
2361
|
--fdsc-bottom-border-color: var(--fds-semantic-border-action-default);
|
|
2400
2362
|
|
|
2401
2363
|
color: var(--fds-semantic-text-action-default);
|
|
2402
2364
|
}
|
|
2403
2365
|
|
|
2404
|
-
.fds-tab-tabItem-
|
|
2366
|
+
.fds-tab-tabItem-747ae0b6:focus-visible {
|
|
2405
2367
|
--fdsc-bottom-border-color: var(--fds-semantic-text-neutral-default);
|
|
2406
2368
|
|
|
2407
2369
|
background: var(--fds-semantic-border-focus-outline);
|
|
@@ -2409,7 +2371,7 @@
|
|
|
2409
2371
|
outline: none;
|
|
2410
2372
|
}
|
|
2411
2373
|
|
|
2412
|
-
.fds-tab-tabItem-
|
|
2374
|
+
.fds-tab-tabItem-747ae0b6::after {
|
|
2413
2375
|
content: '';
|
|
2414
2376
|
display: block;
|
|
2415
2377
|
height: 3px;
|
|
@@ -2421,51 +2383,51 @@
|
|
|
2421
2383
|
left: 0;
|
|
2422
2384
|
}
|
|
2423
2385
|
|
|
2424
|
-
.fds-tablist-tabItemList-
|
|
2386
|
+
.fds-tablist-tabItemList-6cf4b5ba {
|
|
2425
2387
|
display: flex;
|
|
2426
2388
|
flex-direction: row;
|
|
2427
2389
|
border-bottom: var(--fds-border_width-default) solid var(--fds-semantic-border-neutral-subtle);
|
|
2428
2390
|
}
|
|
2429
2391
|
|
|
2430
|
-
.fds-tabcontent-tabContent-
|
|
2392
|
+
.fds-tabcontent-tabContent-1c049ba2 {
|
|
2431
2393
|
font-family: inherit;
|
|
2432
2394
|
}
|
|
2433
2395
|
|
|
2434
|
-
.fds-tabcontent-tabContent-
|
|
2396
|
+
.fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-small-1c049ba2 {
|
|
2435
2397
|
padding: var(--fds-spacing-4);
|
|
2436
2398
|
}
|
|
2437
2399
|
|
|
2438
|
-
.fds-tabcontent-tabContent-
|
|
2400
|
+
.fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-medium-1c049ba2 {
|
|
2439
2401
|
padding: var(--fds-spacing-5);
|
|
2440
2402
|
}
|
|
2441
2403
|
|
|
2442
|
-
.fds-tabcontent-tabContent-
|
|
2404
|
+
.fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-large-1c049ba2 {
|
|
2443
2405
|
padding: var(--fds-spacing-6);
|
|
2444
2406
|
}
|
|
2445
2407
|
|
|
2446
|
-
.fds-tabcontent-tabContent-
|
|
2408
|
+
.fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-onlyText-1c049ba2.fds-tabcontent-small-1c049ba2 {
|
|
2447
2409
|
font: var(--fds-typography-interactive-small);
|
|
2448
2410
|
font-family: inherit;
|
|
2449
2411
|
}
|
|
2450
2412
|
|
|
2451
|
-
.fds-tabcontent-tabContent-
|
|
2413
|
+
.fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-onlyText-1c049ba2.fds-tabcontent-medium-1c049ba2 {
|
|
2452
2414
|
font: var(--fds-typography-interactive-medium);
|
|
2453
2415
|
font-family: inherit;
|
|
2454
2416
|
}
|
|
2455
2417
|
|
|
2456
|
-
.fds-tabcontent-tabContent-
|
|
2418
|
+
.fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-onlyText-1c049ba2.fds-tabcontent-large-1c049ba2 {
|
|
2457
2419
|
font: var(--fds-typography-interactive-large);
|
|
2458
2420
|
font-family: inherit;
|
|
2459
2421
|
}
|
|
2460
2422
|
|
|
2461
|
-
.fds-togglegroup-toggleGroupContainer-
|
|
2423
|
+
.fds-togglegroup-toggleGroupContainer-500caf37 {
|
|
2462
2424
|
background-color: var(--fds-semantic-background-default);
|
|
2463
2425
|
border: var(--fds-semantic-border-neutral-default) solid var(--fds-border_width-default);
|
|
2464
2426
|
border-radius: var(--fds-border_radius-large);
|
|
2465
2427
|
width: fit-content;
|
|
2466
2428
|
}
|
|
2467
2429
|
|
|
2468
|
-
.fds-togglegroup-groupContent-
|
|
2430
|
+
.fds-togglegroup-groupContent-500caf37 {
|
|
2469
2431
|
display: inline-grid;
|
|
2470
2432
|
gap: var(--fds-spacing-1);
|
|
2471
2433
|
grid-auto-columns: 1fr;
|
|
@@ -2473,34 +2435,34 @@
|
|
|
2473
2435
|
padding: var(--fds-spacing-1);
|
|
2474
2436
|
}
|
|
2475
2437
|
|
|
2476
|
-
.fds-togglegroupitem-toggleGroupItem-
|
|
2438
|
+
.fds-togglegroupitem-toggleGroupItem-e4b3afb5:focus-visible {
|
|
2477
2439
|
z-index: 1;
|
|
2478
2440
|
}
|
|
2479
2441
|
|
|
2480
|
-
.fds-divider-divider-
|
|
2442
|
+
.fds-divider-divider-ce86dd9b {
|
|
2481
2443
|
border: none;
|
|
2482
2444
|
border-top: 1px solid;
|
|
2483
2445
|
}
|
|
2484
2446
|
|
|
2485
|
-
.fds-divider-default-
|
|
2447
|
+
.fds-divider-default-ce86dd9b {
|
|
2486
2448
|
border-color: var(--fds-semantic-border-divider-default);
|
|
2487
2449
|
}
|
|
2488
2450
|
|
|
2489
|
-
.fds-divider-strong-
|
|
2451
|
+
.fds-divider-strong-ce86dd9b {
|
|
2490
2452
|
border-color: var(--fds-semantic-border-divider-strong);
|
|
2491
2453
|
}
|
|
2492
2454
|
|
|
2493
|
-
.fds-divider-subtle-
|
|
2455
|
+
.fds-divider-subtle-ce86dd9b {
|
|
2494
2456
|
border-color: var(--fds-semantic-border-divider-subtle);
|
|
2495
2457
|
}
|
|
2496
2458
|
|
|
2497
|
-
.fds-modalcontent-modalContent-
|
|
2459
|
+
.fds-modalcontent-modalContent-4af8b711 {
|
|
2498
2460
|
padding: var(--fds-spacing-2) var(--fds-spacing-6);
|
|
2499
2461
|
max-height: 80vh;
|
|
2500
2462
|
overflow-y: auto;
|
|
2501
2463
|
}
|
|
2502
2464
|
|
|
2503
|
-
.fds-modal-modal-
|
|
2465
|
+
.fds-modal-modal-a6ba173 {
|
|
2504
2466
|
padding: 0;
|
|
2505
2467
|
width: 100%;
|
|
2506
2468
|
max-width: 650px;
|
|
@@ -2509,22 +2471,22 @@
|
|
|
2509
2471
|
box-shadow: var(--fds-shadow-xlarge);
|
|
2510
2472
|
}
|
|
2511
2473
|
|
|
2512
|
-
.fds-modal-modal-
|
|
2474
|
+
.fds-modal-modal-a6ba173::backdrop {
|
|
2513
2475
|
background-color: rgb(0 0 0 / 0.5);
|
|
2514
|
-
animation: fds-modal-fade-in-
|
|
2476
|
+
animation: fds-modal-fade-in-a6ba173 300ms ease-in-out;
|
|
2515
2477
|
}
|
|
2516
2478
|
|
|
2517
|
-
.fds-modal-modal-
|
|
2518
|
-
animation: fds-modal-slide-in-
|
|
2479
|
+
.fds-modal-modal-a6ba173[open] {
|
|
2480
|
+
animation: fds-modal-slide-in-a6ba173 300ms ease-in-out, fds-modal-fade-in-a6ba173 300ms ease-in-out;
|
|
2519
2481
|
}
|
|
2520
2482
|
|
|
2521
|
-
.fds-modal-modal-
|
|
2483
|
+
.fds-modal-modal-a6ba173 > hr {
|
|
2522
2484
|
margin: var(--fds-spacing-3) 0 !important;
|
|
2523
2485
|
border-color: var(--fds-semantic-border-divider-subtle);
|
|
2524
2486
|
}
|
|
2525
2487
|
|
|
2526
2488
|
@media (max-width: 650px) {
|
|
2527
|
-
.fds-modal-modal-
|
|
2489
|
+
.fds-modal-modal-a6ba173 {
|
|
2528
2490
|
min-width: 100%;
|
|
2529
2491
|
max-width: 100%;
|
|
2530
2492
|
border-radius: 0;
|
|
@@ -2532,20 +2494,20 @@
|
|
|
2532
2494
|
}
|
|
2533
2495
|
|
|
2534
2496
|
@media (prefers-reduced-motion: reduce) {
|
|
2535
|
-
.fds-modal-modal-
|
|
2497
|
+
.fds-modal-modal-a6ba173[open] {
|
|
2536
2498
|
animation: none;
|
|
2537
2499
|
}
|
|
2538
2500
|
|
|
2539
|
-
.fds-modal-modal-
|
|
2501
|
+
.fds-modal-modal-a6ba173::backdrop {
|
|
2540
2502
|
animation: none;
|
|
2541
2503
|
}
|
|
2542
2504
|
}
|
|
2543
2505
|
|
|
2544
|
-
.fds-modal-lockScroll-
|
|
2506
|
+
.fds-modal-lockScroll-a6ba173 {
|
|
2545
2507
|
overflow: hidden;
|
|
2546
2508
|
}
|
|
2547
2509
|
|
|
2548
|
-
@keyframes fds-modal-slide-in-
|
|
2510
|
+
@keyframes fds-modal-slide-in-a6ba173 {
|
|
2549
2511
|
0% {
|
|
2550
2512
|
transform: translateY(50px);
|
|
2551
2513
|
}
|
|
@@ -2555,7 +2517,7 @@
|
|
|
2555
2517
|
}
|
|
2556
2518
|
}
|
|
2557
2519
|
|
|
2558
|
-
@keyframes fds-modal-fade-in-
|
|
2520
|
+
@keyframes fds-modal-fade-in-a6ba173 {
|
|
2559
2521
|
0% {
|
|
2560
2522
|
opacity: 0;
|
|
2561
2523
|
}
|
|
@@ -2565,7 +2527,7 @@
|
|
|
2565
2527
|
}
|
|
2566
2528
|
}
|
|
2567
2529
|
|
|
2568
|
-
.fds-modalfooter-modalFooter-
|
|
2530
|
+
.fds-modalfooter-modalFooter-d3aee3bf {
|
|
2569
2531
|
display: flex;
|
|
2570
2532
|
align-items: center;
|
|
2571
2533
|
gap: var(--fds-spacing-4);
|
|
@@ -2575,7 +2537,7 @@
|
|
|
2575
2537
|
padding-right: var(--fds-spacing-6);
|
|
2576
2538
|
}
|
|
2577
2539
|
|
|
2578
|
-
.fds-modalheader-modalHeader-
|
|
2540
|
+
.fds-modalheader-modalHeader-47e4ee5b {
|
|
2579
2541
|
display: flex;
|
|
2580
2542
|
justify-content: space-between;
|
|
2581
2543
|
flex-direction: column;
|
|
@@ -2587,32 +2549,32 @@
|
|
|
2587
2549
|
color: var(--fds-semantic-text-neutral-default);
|
|
2588
2550
|
}
|
|
2589
2551
|
|
|
2590
|
-
.fds-modalheader-modalHeader-
|
|
2552
|
+
.fds-modalheader-modalHeader-47e4ee5b button {
|
|
2591
2553
|
position: absolute;
|
|
2592
2554
|
top: var(--fds-spacing-3);
|
|
2593
2555
|
right: var(--fds-spacing-3);
|
|
2594
2556
|
}
|
|
2595
2557
|
|
|
2596
|
-
.fds-modalheader-modalHeader-
|
|
2558
|
+
.fds-modalheader-modalHeader-47e4ee5b.fds-modalheader-noCloseButton-47e4ee5b {
|
|
2597
2559
|
padding-right: var(--fds-spacing-6);
|
|
2598
2560
|
}
|
|
2599
2561
|
|
|
2600
|
-
.fds-dropdownmenugroup-section-
|
|
2562
|
+
.fds-dropdownmenugroup-section-79852df0 {
|
|
2601
2563
|
margin: 0;
|
|
2602
2564
|
padding: 0;
|
|
2603
2565
|
list-style: none;
|
|
2604
2566
|
}
|
|
2605
2567
|
|
|
2606
|
-
.fds-dropdownmenugroup-heading-
|
|
2568
|
+
.fds-dropdownmenugroup-heading-79852df0 {
|
|
2607
2569
|
padding: var(--fds-spacing-2) var(--fds-spacing-4);
|
|
2608
2570
|
}
|
|
2609
2571
|
|
|
2610
|
-
.fds-dropdownmenuitem-item-
|
|
2572
|
+
.fds-dropdownmenuitem-item-e01249b0 {
|
|
2611
2573
|
justify-content: start;
|
|
2612
2574
|
padding: 0 var(--fds-spacing-4);
|
|
2613
2575
|
}
|
|
2614
2576
|
|
|
2615
|
-
.fds-dropdownmenu-dropdown-
|
|
2577
|
+
.fds-dropdownmenu-dropdown-cc18018f {
|
|
2616
2578
|
position: relative;
|
|
2617
2579
|
padding: var(--fds-spacing-2);
|
|
2618
2580
|
z-index: 1500;
|
|
@@ -2623,48 +2585,48 @@
|
|
|
2623
2585
|
background-color: var(--fds-semantic-background-default);
|
|
2624
2586
|
}
|
|
2625
2587
|
|
|
2626
|
-
.fds-dropdownmenu-dropdown-
|
|
2588
|
+
.fds-dropdownmenu-dropdown-cc18018f.fds-dropdownmenu-small-cc18018f {
|
|
2627
2589
|
min-width: 240px;
|
|
2628
2590
|
padding: var(--fds-spacing-2);
|
|
2629
2591
|
}
|
|
2630
2592
|
|
|
2631
|
-
.fds-dropdownmenu-dropdown-
|
|
2593
|
+
.fds-dropdownmenu-dropdown-cc18018f.fds-dropdownmenu-medium-cc18018f {
|
|
2632
2594
|
min-width: 260px;
|
|
2633
2595
|
padding: var(--fds-spacing-3) var(--fds-spacing-2);
|
|
2634
2596
|
}
|
|
2635
2597
|
|
|
2636
|
-
.fds-dropdownmenu-dropdown-
|
|
2598
|
+
.fds-dropdownmenu-dropdown-cc18018f.fds-dropdownmenu-large-cc18018f {
|
|
2637
2599
|
min-width: 280px;
|
|
2638
2600
|
padding: var(--fds-spacing-4) var(--fds-spacing-2);
|
|
2639
2601
|
}
|
|
2640
2602
|
|
|
2641
|
-
.fds-dropdownmenu-dropdown-
|
|
2603
|
+
.fds-dropdownmenu-dropdown-cc18018f > hr {
|
|
2642
2604
|
border-color: var(--fds-semantic-border-divider-subtle) !important;
|
|
2643
2605
|
}
|
|
2644
2606
|
|
|
2645
|
-
.fds-search-formField-
|
|
2607
|
+
.fds-search-formField-a6b5fe3c {
|
|
2646
2608
|
display: inline-grid;
|
|
2647
2609
|
width: 100%;
|
|
2648
2610
|
gap: var(--fds-spacing-2);
|
|
2649
2611
|
}
|
|
2650
2612
|
|
|
2651
|
-
.fds-search-formField-
|
|
2613
|
+
.fds-search-formField-a6b5fe3c.fds-search-small-a6b5fe3c {
|
|
2652
2614
|
--f-search-button-clear-size: var(--fds-sizing-5);
|
|
2653
2615
|
}
|
|
2654
2616
|
|
|
2655
|
-
.fds-search-formField-
|
|
2617
|
+
.fds-search-formField-a6b5fe3c.fds-search-medium-a6b5fe3c {
|
|
2656
2618
|
--f-search-button-clear-size: var(--fds-sizing-6);
|
|
2657
2619
|
}
|
|
2658
2620
|
|
|
2659
|
-
.fds-search-formField-
|
|
2621
|
+
.fds-search-formField-a6b5fe3c.fds-search-large-a6b5fe3c {
|
|
2660
2622
|
--f-search-button-clear-size: var(--fds-sizing-8);
|
|
2661
2623
|
}
|
|
2662
2624
|
|
|
2663
|
-
.fds-search-errorMessage-
|
|
2625
|
+
.fds-search-errorMessage-a6b5fe3c:empty {
|
|
2664
2626
|
display: none;
|
|
2665
2627
|
}
|
|
2666
2628
|
|
|
2667
|
-
.fds-search-label-
|
|
2629
|
+
.fds-search-label-a6b5fe3c {
|
|
2668
2630
|
min-width: min-content;
|
|
2669
2631
|
display: inline-flex;
|
|
2670
2632
|
flex-direction: row;
|
|
@@ -2672,7 +2634,7 @@
|
|
|
2672
2634
|
align-items: center;
|
|
2673
2635
|
}
|
|
2674
2636
|
|
|
2675
|
-
.fds-search-field-
|
|
2637
|
+
.fds-search-field-a6b5fe3c {
|
|
2676
2638
|
display: flex;
|
|
2677
2639
|
width: 100%;
|
|
2678
2640
|
align-items: stretch;
|
|
@@ -2680,7 +2642,7 @@
|
|
|
2680
2642
|
position: relative;
|
|
2681
2643
|
}
|
|
2682
2644
|
|
|
2683
|
-
.fds-search-icon-
|
|
2645
|
+
.fds-search-icon-a6b5fe3c {
|
|
2684
2646
|
position: absolute;
|
|
2685
2647
|
height: 100%;
|
|
2686
2648
|
z-index: 2;
|
|
@@ -2693,7 +2655,7 @@
|
|
|
2693
2655
|
appearance: none;
|
|
2694
2656
|
}
|
|
2695
2657
|
|
|
2696
|
-
.fds-search-input-
|
|
2658
|
+
.fds-search-input-a6b5fe3c {
|
|
2697
2659
|
font: inherit;
|
|
2698
2660
|
font-family: inherit;
|
|
2699
2661
|
position: relative;
|
|
@@ -2707,34 +2669,34 @@
|
|
|
2707
2669
|
border-radius: var(--fds-border_radius-medium);
|
|
2708
2670
|
}
|
|
2709
2671
|
|
|
2710
|
-
.fds-search-input-
|
|
2672
|
+
.fds-search-input-a6b5fe3c.fds-search-withSearchButton-a6b5fe3c {
|
|
2711
2673
|
border-top-right-radius: 0;
|
|
2712
2674
|
border-bottom-right-radius: 0;
|
|
2713
2675
|
}
|
|
2714
2676
|
|
|
2715
|
-
.fds-search-input-
|
|
2677
|
+
.fds-search-input-a6b5fe3c:disabled {
|
|
2716
2678
|
cursor: not-allowed;
|
|
2717
2679
|
}
|
|
2718
2680
|
|
|
2719
|
-
.fds-search-input-
|
|
2681
|
+
.fds-search-input-a6b5fe3c[type='search']:focus-visible {
|
|
2720
2682
|
z-index: 1;
|
|
2721
2683
|
}
|
|
2722
2684
|
|
|
2723
|
-
.fds-search-disabled-
|
|
2685
|
+
.fds-search-disabled-a6b5fe3c {
|
|
2724
2686
|
opacity: var(--fds-opacity-disabled);
|
|
2725
2687
|
}
|
|
2726
2688
|
|
|
2727
|
-
.fds-search-searchButton-
|
|
2689
|
+
.fds-search-searchButton-a6b5fe3c {
|
|
2728
2690
|
border-left: 0;
|
|
2729
2691
|
border-top-left-radius: 0;
|
|
2730
2692
|
border-bottom-left-radius: 0;
|
|
2731
2693
|
}
|
|
2732
2694
|
|
|
2733
|
-
.fds-search-searchButton-
|
|
2695
|
+
.fds-search-searchButton-a6b5fe3c:focus-visible {
|
|
2734
2696
|
z-index: 1;
|
|
2735
2697
|
}
|
|
2736
2698
|
|
|
2737
|
-
.fds-search-clearButton-
|
|
2699
|
+
.fds-search-clearButton-a6b5fe3c {
|
|
2738
2700
|
color: var(--fds-semantic-text-neutral-default);
|
|
2739
2701
|
display: inline-flex;
|
|
2740
2702
|
align-items: center;
|
|
@@ -2754,7 +2716,7 @@
|
|
|
2754
2716
|
z-index: 2;
|
|
2755
2717
|
}
|
|
2756
2718
|
|
|
2757
|
-
.fds-search-input-
|
|
2719
|
+
.fds-search-input-a6b5fe3c.fds-search-small-a6b5fe3c {
|
|
2758
2720
|
--f-search-button-clear-size: var(--fds-sizing-4);
|
|
2759
2721
|
|
|
2760
2722
|
height: var(--fds-sizing-8);
|
|
@@ -2762,7 +2724,7 @@
|
|
|
2762
2724
|
padding-right: 2.5em;
|
|
2763
2725
|
}
|
|
2764
2726
|
|
|
2765
|
-
.fds-search-input-
|
|
2727
|
+
.fds-search-input-a6b5fe3c.fds-search-medium-a6b5fe3c {
|
|
2766
2728
|
--f-search-button-clear-size: var(--fds-sizing-6);
|
|
2767
2729
|
|
|
2768
2730
|
height: var(--fds-sizing-10);
|
|
@@ -2770,7 +2732,7 @@
|
|
|
2770
2732
|
padding-right: 2.2em;
|
|
2771
2733
|
}
|
|
2772
2734
|
|
|
2773
|
-
.fds-search-input-
|
|
2735
|
+
.fds-search-input-a6b5fe3c.fds-search-large-a6b5fe3c {
|
|
2774
2736
|
--f-search-button-clear-size: var(--fds-sizing-12);
|
|
2775
2737
|
|
|
2776
2738
|
height: var(--fds-sizing-12);
|
|
@@ -2778,47 +2740,47 @@
|
|
|
2778
2740
|
padding-right: 2em;
|
|
2779
2741
|
}
|
|
2780
2742
|
|
|
2781
|
-
.fds-search-input-
|
|
2743
|
+
.fds-search-input-a6b5fe3c.fds-search-simple-a6b5fe3c {
|
|
2782
2744
|
padding-left: 2.4em;
|
|
2783
2745
|
}
|
|
2784
2746
|
|
|
2785
|
-
.fds-search-error-
|
|
2747
|
+
.fds-search-error-a6b5fe3c > .fds-search-input-a6b5fe3c:not(:focus-visible) {
|
|
2786
2748
|
border-color: var(--fds-semantic-border-danger-default);
|
|
2787
2749
|
box-shadow: inset 0 0 0 1px var(--fds-semantic-border-danger-default);
|
|
2788
2750
|
}
|
|
2789
2751
|
|
|
2790
2752
|
@media (hover: hover) and (pointer: fine) {
|
|
2791
|
-
.fds-search-input-
|
|
2753
|
+
.fds-search-input-a6b5fe3c:not(:focus-visible, :disabled, [aria-disabled]):hover {
|
|
2792
2754
|
border-color: var(--fds-semantic-border-input-hover);
|
|
2793
2755
|
box-shadow: inset 0 0 0 1px var(--fds-semantic-border-input-hover);
|
|
2794
2756
|
}
|
|
2795
2757
|
|
|
2796
|
-
.fds-search-clearButton-
|
|
2758
|
+
.fds-search-clearButton-a6b5fe3c:not(:focus-visible, :disabled, [aria-disabled]):hover {
|
|
2797
2759
|
background: var(--fds-semantic-surface-action-subtle-hover);
|
|
2798
2760
|
}
|
|
2799
2761
|
}
|
|
2800
2762
|
|
|
2801
|
-
.fds-skeleton-skeleton-
|
|
2763
|
+
.fds-skeleton-skeleton-ecbca06f {
|
|
2802
2764
|
--animation-duration: 0.8s;
|
|
2803
2765
|
|
|
2804
2766
|
height: 1.3em;
|
|
2805
2767
|
pointer-events: none;
|
|
2806
2768
|
user-select: none;
|
|
2807
2769
|
background-color: var(--fds-semantic-surface-neutral-subtle-hover) !important;
|
|
2808
|
-
animation: fds-skeleton-opacity-fade-
|
|
2770
|
+
animation: fds-skeleton-opacity-fade-ecbca06f var(--animation-duration) linear infinite alternate;
|
|
2809
2771
|
}
|
|
2810
2772
|
|
|
2811
|
-
.fds-skeleton-circle-
|
|
2773
|
+
.fds-skeleton-circle-ecbca06f {
|
|
2812
2774
|
width: 1.3em;
|
|
2813
2775
|
border-radius: 50%;
|
|
2814
2776
|
}
|
|
2815
2777
|
|
|
2816
|
-
.fds-skeleton-rectangle-
|
|
2778
|
+
.fds-skeleton-rectangle-ecbca06f {
|
|
2817
2779
|
width: 100%;
|
|
2818
2780
|
border-radius: 0.2em;
|
|
2819
2781
|
}
|
|
2820
2782
|
|
|
2821
|
-
.fds-skeleton-text-
|
|
2783
|
+
.fds-skeleton-text-ecbca06f {
|
|
2822
2784
|
width: 100%;
|
|
2823
2785
|
height: auto;
|
|
2824
2786
|
transform-origin: 0 55%;
|
|
@@ -2826,27 +2788,27 @@
|
|
|
2826
2788
|
border-radius: 0.55em;
|
|
2827
2789
|
}
|
|
2828
2790
|
|
|
2829
|
-
.fds-skeleton-text-
|
|
2791
|
+
.fds-skeleton-text-ecbca06f:empty::before {
|
|
2830
2792
|
content: '\00a0';
|
|
2831
2793
|
}
|
|
2832
2794
|
|
|
2833
|
-
.fds-skeleton-hasChildren-
|
|
2795
|
+
.fds-skeleton-hasChildren-ecbca06f {
|
|
2834
2796
|
width: fit-content;
|
|
2835
2797
|
height: fit-content;
|
|
2836
2798
|
color: transparent !important;
|
|
2837
2799
|
}
|
|
2838
2800
|
|
|
2839
|
-
.fds-skeleton-hasChildren-
|
|
2801
|
+
.fds-skeleton-hasChildren-ecbca06f > * {
|
|
2840
2802
|
visibility: hidden;
|
|
2841
2803
|
}
|
|
2842
2804
|
|
|
2843
2805
|
@media (prefers-reduced-motion: reduce) {
|
|
2844
|
-
.fds-skeleton-skeleton-
|
|
2806
|
+
.fds-skeleton-skeleton-ecbca06f {
|
|
2845
2807
|
--animation-duration: 1.6s;
|
|
2846
2808
|
}
|
|
2847
2809
|
}
|
|
2848
2810
|
|
|
2849
|
-
@keyframes fds-skeleton-opacity-fade-
|
|
2811
|
+
@keyframes fds-skeleton-opacity-fade-ecbca06f {
|
|
2850
2812
|
0% {
|
|
2851
2813
|
opacity: 1;
|
|
2852
2814
|
}
|
|
@@ -2856,91 +2818,91 @@
|
|
|
2856
2818
|
}
|
|
2857
2819
|
}
|
|
2858
2820
|
|
|
2859
|
-
.fds-box-xsmallShadow-
|
|
2821
|
+
.fds-box-xsmallShadow-7eee64b7 {
|
|
2860
2822
|
box-shadow: var(--fds-shadow-xsmall);
|
|
2861
2823
|
}
|
|
2862
2824
|
|
|
2863
|
-
.fds-box-smallShadow-
|
|
2825
|
+
.fds-box-smallShadow-7eee64b7 {
|
|
2864
2826
|
box-shadow: var(--fds-shadow-small);
|
|
2865
2827
|
}
|
|
2866
2828
|
|
|
2867
|
-
.fds-box-mediumShadow-
|
|
2829
|
+
.fds-box-mediumShadow-7eee64b7 {
|
|
2868
2830
|
box-shadow: var(--fds-shadow-medium);
|
|
2869
2831
|
}
|
|
2870
2832
|
|
|
2871
|
-
.fds-box-largeShadow-
|
|
2833
|
+
.fds-box-largeShadow-7eee64b7 {
|
|
2872
2834
|
box-shadow: var(--fds-shadow-large);
|
|
2873
2835
|
}
|
|
2874
2836
|
|
|
2875
|
-
.fds-box-xlargeShadow-
|
|
2837
|
+
.fds-box-xlargeShadow-7eee64b7 {
|
|
2876
2838
|
box-shadow: var(--fds-shadow-xlarge);
|
|
2877
2839
|
}
|
|
2878
2840
|
|
|
2879
|
-
.fds-box-defaultBorderColor-
|
|
2841
|
+
.fds-box-defaultBorderColor-7eee64b7 {
|
|
2880
2842
|
border: 1px solid var(--fds-semantic-border-neutral-default);
|
|
2881
2843
|
}
|
|
2882
2844
|
|
|
2883
|
-
.fds-box-subtleBorderColor-
|
|
2845
|
+
.fds-box-subtleBorderColor-7eee64b7 {
|
|
2884
2846
|
border: 1px solid var(--fds-semantic-border-neutral-subtle);
|
|
2885
2847
|
}
|
|
2886
2848
|
|
|
2887
|
-
.fds-box-strongBorderColor-
|
|
2849
|
+
.fds-box-strongBorderColor-7eee64b7 {
|
|
2888
2850
|
border: 1px solid var(--fds-semantic-border-neutral-strong);
|
|
2889
2851
|
}
|
|
2890
2852
|
|
|
2891
|
-
.fds-box-smallBorderRadius-
|
|
2853
|
+
.fds-box-smallBorderRadius-7eee64b7 {
|
|
2892
2854
|
border-radius: var(--fds-border_radius-small);
|
|
2893
2855
|
}
|
|
2894
2856
|
|
|
2895
|
-
.fds-box-mediumBorderRadius-
|
|
2857
|
+
.fds-box-mediumBorderRadius-7eee64b7 {
|
|
2896
2858
|
border-radius: var(--fds-border_radius-medium);
|
|
2897
2859
|
}
|
|
2898
2860
|
|
|
2899
|
-
.fds-box-largeBorderRadius-
|
|
2861
|
+
.fds-box-largeBorderRadius-7eee64b7 {
|
|
2900
2862
|
border-radius: var(--fds-border_radius-large);
|
|
2901
2863
|
}
|
|
2902
2864
|
|
|
2903
|
-
.fds-box-xlargeBorderRadius-
|
|
2865
|
+
.fds-box-xlargeBorderRadius-7eee64b7 {
|
|
2904
2866
|
border-radius: var(--fds-border_radius-xlarge);
|
|
2905
2867
|
}
|
|
2906
2868
|
|
|
2907
|
-
.fds-box-xxlargeBorderRadius-
|
|
2869
|
+
.fds-box-xxlargeBorderRadius-7eee64b7 {
|
|
2908
2870
|
border-radius: var(--fds-border_radius-xxlarge);
|
|
2909
2871
|
}
|
|
2910
2872
|
|
|
2911
|
-
.fds-box-xxxlargeBorderRadius-
|
|
2873
|
+
.fds-box-xxxlargeBorderRadius-7eee64b7 {
|
|
2912
2874
|
border-radius: var(--fds-border_radius-xxxlarge);
|
|
2913
2875
|
}
|
|
2914
2876
|
|
|
2915
|
-
.fds-box-xxxxlargeBorderRadius-
|
|
2877
|
+
.fds-box-xxxxlargeBorderRadius-7eee64b7 {
|
|
2916
2878
|
border-radius: var(--fds-border_radius-xxxxlarge);
|
|
2917
2879
|
}
|
|
2918
2880
|
|
|
2919
|
-
.fds-box-fullBorderRadius-
|
|
2881
|
+
.fds-box-fullBorderRadius-7eee64b7 {
|
|
2920
2882
|
border-radius: var(--fds-border_radius-full);
|
|
2921
2883
|
}
|
|
2922
2884
|
|
|
2923
|
-
.fds-box-defaultBackground-
|
|
2885
|
+
.fds-box-defaultBackground-7eee64b7 {
|
|
2924
2886
|
background-color: var(--fds-semantic-background-default);
|
|
2925
2887
|
}
|
|
2926
2888
|
|
|
2927
|
-
.fds-box-subtleBackground-
|
|
2889
|
+
.fds-box-subtleBackground-7eee64b7 {
|
|
2928
2890
|
background-color: var(--fds-semantic-background-subtle);
|
|
2929
2891
|
}
|
|
2930
2892
|
|
|
2931
|
-
.fds-card-media-
|
|
2893
|
+
.fds-card-media-a01cb08f {
|
|
2932
2894
|
width: auto;
|
|
2933
2895
|
}
|
|
2934
2896
|
|
|
2935
|
-
.fds-card-media-
|
|
2897
|
+
.fds-card-media-a01cb08f > * {
|
|
2936
2898
|
display: flex;
|
|
2937
2899
|
flex-direction: column;
|
|
2938
2900
|
width: 100%;
|
|
2939
2901
|
border: 0;
|
|
2940
2902
|
}
|
|
2941
2903
|
|
|
2942
|
-
.fds-card-footer-
|
|
2943
|
-
.fds-card-content-
|
|
2904
|
+
.fds-card-footer-a01cb08f,
|
|
2905
|
+
.fds-card-content-a01cb08f {
|
|
2944
2906
|
display: flex;
|
|
2945
2907
|
justify-content: flex-start;
|
|
2946
2908
|
gap: var(--fds-spacing-4);
|
|
@@ -2951,11 +2913,11 @@
|
|
|
2951
2913
|
padding: var(--fds-spacing-2) 0;
|
|
2952
2914
|
}
|
|
2953
2915
|
|
|
2954
|
-
.fds-card-content-
|
|
2916
|
+
.fds-card-content-a01cb08f {
|
|
2955
2917
|
flex-direction: column;
|
|
2956
2918
|
}
|
|
2957
2919
|
|
|
2958
|
-
.fds-card-header-
|
|
2920
|
+
.fds-card-header-a01cb08f {
|
|
2959
2921
|
display: flex;
|
|
2960
2922
|
flex-direction: column;
|
|
2961
2923
|
flex-wrap: wrap;
|
|
@@ -2965,7 +2927,7 @@
|
|
|
2965
2927
|
padding: var(--fds-spacing-2) 0;
|
|
2966
2928
|
}
|
|
2967
2929
|
|
|
2968
|
-
.fds-card-card-
|
|
2930
|
+
.fds-card-card-a01cb08f {
|
|
2969
2931
|
display: flex;
|
|
2970
2932
|
flex-direction: column;
|
|
2971
2933
|
width: 100%;
|
|
@@ -2976,112 +2938,112 @@
|
|
|
2976
2938
|
border-radius: var(--fds-border_radius-medium);
|
|
2977
2939
|
}
|
|
2978
2940
|
|
|
2979
|
-
.fds-card-card-
|
|
2980
|
-
.fds-card-card-
|
|
2941
|
+
.fds-card-card-a01cb08f a,
|
|
2942
|
+
.fds-card-card-a01cb08f a:visited {
|
|
2981
2943
|
color: var(--fds-semantic-text-neutral-default);
|
|
2982
2944
|
}
|
|
2983
2945
|
|
|
2984
|
-
.fds-card-card-
|
|
2946
|
+
.fds-card-card-a01cb08f > hr {
|
|
2985
2947
|
width: 100%;
|
|
2986
2948
|
margin: var(--fds-spacing-3) 0;
|
|
2987
2949
|
}
|
|
2988
2950
|
|
|
2989
|
-
.fds-card-card-
|
|
2951
|
+
.fds-card-card-a01cb08f > *:not(.fds-card-media-a01cb08f, hr) {
|
|
2990
2952
|
padding-left: var(--fds-spacing-6);
|
|
2991
2953
|
padding-right: var(--fds-spacing-6);
|
|
2992
2954
|
}
|
|
2993
2955
|
|
|
2994
|
-
.fds-card-card-
|
|
2956
|
+
.fds-card-card-a01cb08f > *:not(.fds-card-media-a01cb08f):first-child {
|
|
2995
2957
|
padding-top: var(--fds-spacing-6);
|
|
2996
2958
|
}
|
|
2997
2959
|
|
|
2998
|
-
.fds-card-card-
|
|
2960
|
+
.fds-card-card-a01cb08f > *:not(.fds-card-media-a01cb08f):last-child {
|
|
2999
2961
|
padding-bottom: var(--fds-spacing-6);
|
|
3000
2962
|
}
|
|
3001
2963
|
|
|
3002
|
-
.fds-card-media-
|
|
2964
|
+
.fds-card-media-a01cb08f:first-child {
|
|
3003
2965
|
padding-bottom: var(--fds-spacing-4);
|
|
3004
2966
|
}
|
|
3005
2967
|
|
|
3006
|
-
.fds-card-media-
|
|
2968
|
+
.fds-card-media-a01cb08f:last-child {
|
|
3007
2969
|
padding-top: var(--fds-spacing-6);
|
|
3008
2970
|
}
|
|
3009
2971
|
|
|
3010
|
-
.fds-card-linkCard-
|
|
2972
|
+
.fds-card-linkCard-a01cb08f {
|
|
3011
2973
|
text-decoration: none;
|
|
3012
2974
|
}
|
|
3013
2975
|
|
|
3014
|
-
.fds-card-linkCard-
|
|
3015
|
-
.fds-card-linkCard-
|
|
3016
|
-
.fds-card-linkCard-
|
|
3017
|
-
.fds-card-linkCard-
|
|
3018
|
-
.fds-card-linkCard-
|
|
3019
|
-
.fds-card-linkCard-
|
|
2976
|
+
.fds-card-linkCard-a01cb08f h1,
|
|
2977
|
+
.fds-card-linkCard-a01cb08f h2,
|
|
2978
|
+
.fds-card-linkCard-a01cb08f h3,
|
|
2979
|
+
.fds-card-linkCard-a01cb08f h4,
|
|
2980
|
+
.fds-card-linkCard-a01cb08f h5,
|
|
2981
|
+
.fds-card-linkCard-a01cb08f h6 {
|
|
3020
2982
|
text-decoration: underline;
|
|
3021
2983
|
text-decoration-thickness: max(1px, 0.0625rem, 0.1025em);
|
|
3022
2984
|
text-underline-offset: max(4px, 0.25rem, 0.22em);
|
|
3023
2985
|
}
|
|
3024
2986
|
|
|
3025
|
-
.fds-card-neutral-
|
|
2987
|
+
.fds-card-neutral-a01cb08f {
|
|
3026
2988
|
background-color: var(--fds-semantic-surface-neutral-default);
|
|
3027
2989
|
border: 1px solid var(--fds-semantic-border-neutral-subtle);
|
|
3028
2990
|
}
|
|
3029
2991
|
|
|
3030
|
-
.fds-card-subtle-
|
|
2992
|
+
.fds-card-subtle-a01cb08f {
|
|
3031
2993
|
background-color: var(--fds-semantic-surface-neutral-subtle);
|
|
3032
2994
|
border: 1px solid var(--fds-semantic-border-neutral-subtle);
|
|
3033
2995
|
}
|
|
3034
2996
|
|
|
3035
|
-
.fds-card-neutral-
|
|
3036
|
-
.fds-card-subtle-
|
|
2997
|
+
.fds-card-neutral-a01cb08f.fds-card-linkCard-a01cb08f:hover,
|
|
2998
|
+
.fds-card-subtle-a01cb08f.fds-card-linkCard-a01cb08f:hover {
|
|
3037
2999
|
background-color: var(--fds-semantic-surface-neutral-subtle-hover);
|
|
3038
3000
|
}
|
|
3039
3001
|
|
|
3040
|
-
.fds-card-neutral-
|
|
3041
|
-
.fds-card-subtle-
|
|
3002
|
+
.fds-card-neutral-a01cb08f.fds-card-linkCard-a01cb08f:active,
|
|
3003
|
+
.fds-card-subtle-a01cb08f.fds-card-linkCard-a01cb08f:active {
|
|
3042
3004
|
background-color: var(--fds-semantic-surface-neutral-subtle-active);
|
|
3043
3005
|
}
|
|
3044
3006
|
|
|
3045
|
-
.fds-card-first-
|
|
3007
|
+
.fds-card-first-a01cb08f {
|
|
3046
3008
|
background-color: var(--fds-semantic-surface-first-light);
|
|
3047
3009
|
border: 1px solid var(--fds-semantic-border-neutral-subtle);
|
|
3048
3010
|
}
|
|
3049
3011
|
|
|
3050
|
-
.fds-card-first-
|
|
3012
|
+
.fds-card-first-a01cb08f.fds-card-linkCard-a01cb08f:hover {
|
|
3051
3013
|
background-color: var(--fds-semantic-surface-first-light-hover);
|
|
3052
3014
|
}
|
|
3053
3015
|
|
|
3054
|
-
.fds-card-first-
|
|
3016
|
+
.fds-card-first-a01cb08f.fds-card-linkCard-a01cb08f:active {
|
|
3055
3017
|
background-color: var(--fds-semantic-surface-first-light-active);
|
|
3056
3018
|
}
|
|
3057
3019
|
|
|
3058
|
-
.fds-card-second-
|
|
3020
|
+
.fds-card-second-a01cb08f {
|
|
3059
3021
|
background-color: var(--fds-semantic-surface-second-light);
|
|
3060
3022
|
border: 1px solid var(--fds-semantic-border-neutral-subtle);
|
|
3061
3023
|
}
|
|
3062
3024
|
|
|
3063
|
-
.fds-card-second-
|
|
3025
|
+
.fds-card-second-a01cb08f.fds-card-linkCard-a01cb08f:hover {
|
|
3064
3026
|
background-color: var(--fds-semantic-surface-second-light-hover);
|
|
3065
3027
|
}
|
|
3066
3028
|
|
|
3067
|
-
.fds-card-second-
|
|
3029
|
+
.fds-card-second-a01cb08f.fds-card-linkCard-a01cb08f:active {
|
|
3068
3030
|
background-color: var(--fds-semantic-surface-second-light-active);
|
|
3069
3031
|
}
|
|
3070
3032
|
|
|
3071
|
-
.fds-card-third-
|
|
3033
|
+
.fds-card-third-a01cb08f {
|
|
3072
3034
|
background-color: var(--fds-semantic-surface-third-light);
|
|
3073
3035
|
border: 1px solid var(--fds-semantic-border-neutral-subtle);
|
|
3074
3036
|
}
|
|
3075
3037
|
|
|
3076
|
-
.fds-card-third-
|
|
3038
|
+
.fds-card-third-a01cb08f.fds-card-linkCard-a01cb08f:hover {
|
|
3077
3039
|
background-color: var(--fds-semantic-surface-third-light-hover);
|
|
3078
3040
|
}
|
|
3079
3041
|
|
|
3080
|
-
.fds-card-third-
|
|
3042
|
+
.fds-card-third-a01cb08f.fds-card-linkCard-a01cb08f:active {
|
|
3081
3043
|
background-color: var(--fds-semantic-surface-third-light-active);
|
|
3082
3044
|
}
|
|
3083
3045
|
|
|
3084
|
-
.fds-option-option-
|
|
3046
|
+
.fds-option-option-e45d3bd6 {
|
|
3085
3047
|
width: 100%;
|
|
3086
3048
|
display: grid;
|
|
3087
3049
|
grid-template-columns: 1.2em 1fr;
|
|
@@ -3099,21 +3061,21 @@
|
|
|
3099
3061
|
font-family: inherit;
|
|
3100
3062
|
}
|
|
3101
3063
|
|
|
3102
|
-
.fds-option-option-
|
|
3064
|
+
.fds-option-option-e45d3bd6.fds-option-active-e45d3bd6 {
|
|
3103
3065
|
background: var(--fds-semantic-surface-action-first-no_fill-hover);
|
|
3104
3066
|
border-left: 5px solid var(--fds-semantic-border-input-hover);
|
|
3105
3067
|
}
|
|
3106
3068
|
|
|
3107
|
-
.fds-option-option-
|
|
3069
|
+
.fds-option-option-e45d3bd6 > div {
|
|
3108
3070
|
align-self: flex-start;
|
|
3109
3071
|
}
|
|
3110
3072
|
|
|
3111
|
-
.fds-option-option-
|
|
3073
|
+
.fds-option-option-e45d3bd6.fds-option-multiple-e45d3bd6 {
|
|
3112
3074
|
grid-template-columns: auto 1fr;
|
|
3113
3075
|
gap: var(--fds-spacing-2);
|
|
3114
3076
|
}
|
|
3115
3077
|
|
|
3116
|
-
.fds-option-optionText-
|
|
3078
|
+
.fds-option-optionText-e45d3bd6 {
|
|
3117
3079
|
margin: auto 0;
|
|
3118
3080
|
display: flex;
|
|
3119
3081
|
flex-direction: column;
|
|
@@ -3123,23 +3085,23 @@
|
|
|
3123
3085
|
color: var(--fds-semantic-text-neutral-default);
|
|
3124
3086
|
}
|
|
3125
3087
|
|
|
3126
|
-
.fds-option-active-
|
|
3088
|
+
.fds-option-active-e45d3bd6 .fds-option-optionText-e45d3bd6 {
|
|
3127
3089
|
color: var(--fds-semantic-text-action-hover);
|
|
3128
3090
|
}
|
|
3129
3091
|
|
|
3130
|
-
.fds-option-checkbox-
|
|
3092
|
+
.fds-option-checkbox-e45d3bd6 {
|
|
3131
3093
|
min-width: unset;
|
|
3132
3094
|
min-height: unset;
|
|
3133
3095
|
aspect-ratio: 1 / 1;
|
|
3134
3096
|
line-height: 0 !important;
|
|
3135
3097
|
}
|
|
3136
3098
|
|
|
3137
|
-
.fds-option-checkbox-
|
|
3099
|
+
.fds-option-checkbox-e45d3bd6 input {
|
|
3138
3100
|
min-width: unset;
|
|
3139
3101
|
min-height: unset;
|
|
3140
3102
|
}
|
|
3141
3103
|
|
|
3142
|
-
.fds-option-checkbox-
|
|
3104
|
+
.fds-option-checkbox-e45d3bd6 > span {
|
|
3143
3105
|
position: relative;
|
|
3144
3106
|
min-width: unset;
|
|
3145
3107
|
min-height: unset;
|
|
@@ -3147,7 +3109,7 @@
|
|
|
3147
3109
|
width: unset;
|
|
3148
3110
|
}
|
|
3149
3111
|
|
|
3150
|
-
.fds-option-selectIconWrapper-
|
|
3112
|
+
.fds-option-selectIconWrapper-e45d3bd6 {
|
|
3151
3113
|
width: var(--fds-spacing-6);
|
|
3152
3114
|
aspect-ratio: 1 / 1;
|
|
3153
3115
|
border: 2px solid var(--fds-semantic-border-input-default);
|
|
@@ -3157,24 +3119,24 @@
|
|
|
3157
3119
|
place-items: center;
|
|
3158
3120
|
}
|
|
3159
3121
|
|
|
3160
|
-
.fds-option-small-
|
|
3122
|
+
.fds-option-small-e45d3bd6 .fds-option-selectIconWrapper-e45d3bd6 {
|
|
3161
3123
|
width: var(--fds-spacing-5);
|
|
3162
3124
|
}
|
|
3163
3125
|
|
|
3164
|
-
.fds-option-medium-
|
|
3126
|
+
.fds-option-medium-e45d3bd6 .fds-option-selectIconWrapper-e45d3bd6 {
|
|
3165
3127
|
width: var(--fds-spacing-6);
|
|
3166
3128
|
}
|
|
3167
3129
|
|
|
3168
|
-
.fds-option-large-
|
|
3130
|
+
.fds-option-large-e45d3bd6 .fds-option-selectIconWrapper-e45d3bd6 {
|
|
3169
3131
|
width: var(--fds-spacing-7);
|
|
3170
3132
|
}
|
|
3171
3133
|
|
|
3172
|
-
.fds-option-selectIconWrapper-
|
|
3134
|
+
.fds-option-selectIconWrapper-e45d3bd6.fds-option-selected-e45d3bd6 {
|
|
3173
3135
|
border-color: var(--fds-semantic-border-input-hover);
|
|
3174
3136
|
background-color: var(--fds-semantic-border-input-hover);
|
|
3175
3137
|
}
|
|
3176
3138
|
|
|
3177
|
-
.fds-option-selectIcon-
|
|
3139
|
+
.fds-option-selectIcon-e45d3bd6 {
|
|
3178
3140
|
box-sizing: border-box;
|
|
3179
3141
|
padding-top: 0.2em;
|
|
3180
3142
|
transform: scale(1.4);
|
|
@@ -3182,25 +3144,25 @@
|
|
|
3182
3144
|
color: var(--fds-semantic-text-neutral-default);
|
|
3183
3145
|
}
|
|
3184
3146
|
|
|
3185
|
-
.fds-option-selectIconWrapper-
|
|
3147
|
+
.fds-option-selectIconWrapper-e45d3bd6 .fds-option-selectIcon-e45d3bd6 {
|
|
3186
3148
|
padding-top: 0;
|
|
3187
3149
|
}
|
|
3188
3150
|
|
|
3189
|
-
.fds-option-active-
|
|
3151
|
+
.fds-option-active-e45d3bd6 .fds-option-selectIcon-e45d3bd6 {
|
|
3190
3152
|
stroke: var(--fds-semantic-text-action-hover);
|
|
3191
3153
|
color: var(--fds-semantic-text-action-hover);
|
|
3192
3154
|
}
|
|
3193
3155
|
|
|
3194
|
-
.fds-option-active-
|
|
3156
|
+
.fds-option-active-e45d3bd6 .fds-option-selectIconWrapper-e45d3bd6 {
|
|
3195
3157
|
border-color: var(--fds-semantic-border-input-hover);
|
|
3196
3158
|
}
|
|
3197
3159
|
|
|
3198
|
-
.fds-option-selectIconWrapper-
|
|
3160
|
+
.fds-option-selectIconWrapper-e45d3bd6.fds-option-selected-e45d3bd6 .fds-option-selectIcon-e45d3bd6 {
|
|
3199
3161
|
color: white;
|
|
3200
3162
|
stroke: white;
|
|
3201
3163
|
}
|
|
3202
3164
|
|
|
3203
|
-
.fds-description-description-
|
|
3165
|
+
.fds-description-description-2f709a8a {
|
|
3204
3166
|
display: flex;
|
|
3205
3167
|
flex-direction: column;
|
|
3206
3168
|
flex-wrap: wrap;
|
|
@@ -3210,46 +3172,46 @@
|
|
|
3210
3172
|
font-family: inherit;
|
|
3211
3173
|
}
|
|
3212
3174
|
|
|
3213
|
-
.fds-custom-custom-
|
|
3175
|
+
.fds-custom-custom-b0827f56 {
|
|
3214
3176
|
padding: var(--fds-spacing-2) var(--fds-spacing-3);
|
|
3215
3177
|
}
|
|
3216
3178
|
|
|
3217
|
-
.fds-custom-large-
|
|
3179
|
+
.fds-custom-large-b0827f56 {
|
|
3218
3180
|
font: var(--fds-typography-label-large);
|
|
3219
3181
|
font-family: inherit;
|
|
3220
3182
|
font-weight: 400;
|
|
3221
3183
|
}
|
|
3222
3184
|
|
|
3223
|
-
.fds-custom-medium-
|
|
3185
|
+
.fds-custom-medium-b0827f56 {
|
|
3224
3186
|
font: var(--fds-typography-label-medium);
|
|
3225
3187
|
font-family: inherit;
|
|
3226
3188
|
font-weight: 400;
|
|
3227
3189
|
}
|
|
3228
3190
|
|
|
3229
|
-
.fds-custom-small-
|
|
3191
|
+
.fds-custom-small-b0827f56 {
|
|
3230
3192
|
font: var(--fds-typography-label-small);
|
|
3231
3193
|
font-family: inherit;
|
|
3232
3194
|
font-weight: 400;
|
|
3233
3195
|
}
|
|
3234
3196
|
|
|
3235
|
-
.fds-combobox-combobox-
|
|
3197
|
+
.fds-combobox-combobox-249a725c {
|
|
3236
3198
|
display: grid;
|
|
3237
3199
|
background-color: transparent;
|
|
3238
3200
|
gap: var(--fds-spacing-2);
|
|
3239
3201
|
}
|
|
3240
3202
|
|
|
3241
|
-
.fds-combobox-optionsWrapper-
|
|
3203
|
+
.fds-combobox-optionsWrapper-249a725c {
|
|
3242
3204
|
padding: var(--fds-spacing-2);
|
|
3243
3205
|
background: var(--fds-semantic-background-default);
|
|
3244
3206
|
overflow-y: auto;
|
|
3245
3207
|
z-index: 1600;
|
|
3246
3208
|
}
|
|
3247
3209
|
|
|
3248
|
-
.fds-combobox-readOnly-
|
|
3210
|
+
.fds-combobox-readOnly-249a725c input {
|
|
3249
3211
|
pointer-events: none;
|
|
3250
3212
|
}
|
|
3251
3213
|
|
|
3252
|
-
.fds-combobox-inputWrapper-
|
|
3214
|
+
.fds-combobox-inputWrapper-249a725c {
|
|
3253
3215
|
display: flex;
|
|
3254
3216
|
align-items: center;
|
|
3255
3217
|
position: relative;
|
|
@@ -3263,7 +3225,7 @@
|
|
|
3263
3225
|
font-family: inherit;
|
|
3264
3226
|
}
|
|
3265
3227
|
|
|
3266
|
-
.fds-combobox-inputWrapper-
|
|
3228
|
+
.fds-combobox-inputWrapper-249a725c input {
|
|
3267
3229
|
height: 100%;
|
|
3268
3230
|
min-width: 50px;
|
|
3269
3231
|
flex-grow: 1;
|
|
@@ -3272,49 +3234,49 @@
|
|
|
3272
3234
|
background-color: transparent;
|
|
3273
3235
|
}
|
|
3274
3236
|
|
|
3275
|
-
.fds-combobox-inputWrapper-
|
|
3237
|
+
.fds-combobox-inputWrapper-249a725c.fds-combobox-small-249a725c {
|
|
3276
3238
|
font: var(--fds-typography-paragraph-small);
|
|
3277
3239
|
font-family: inherit;
|
|
3278
3240
|
padding: 5px var(--fds-spacing-2);
|
|
3279
3241
|
}
|
|
3280
3242
|
|
|
3281
|
-
.fds-combobox-inputWrapper-
|
|
3243
|
+
.fds-combobox-inputWrapper-249a725c.fds-combobox-small-249a725c input {
|
|
3282
3244
|
font: var(--fds-typography-paragraph-small);
|
|
3283
3245
|
font-family: inherit;
|
|
3284
3246
|
}
|
|
3285
3247
|
|
|
3286
|
-
.fds-combobox-inputWrapper-
|
|
3248
|
+
.fds-combobox-inputWrapper-249a725c.fds-combobox-medium-249a725c {
|
|
3287
3249
|
font: var(--fds-typography-paragraph-medium);
|
|
3288
3250
|
font-family: inherit;
|
|
3289
3251
|
padding: 7px var(--fds-spacing-3);
|
|
3290
3252
|
}
|
|
3291
3253
|
|
|
3292
|
-
.fds-combobox-inputWrapper-
|
|
3254
|
+
.fds-combobox-inputWrapper-249a725c.fds-combobox-medium-249a725c input {
|
|
3293
3255
|
font: var(--fds-typography-paragraph-medium);
|
|
3294
3256
|
font-family: inherit;
|
|
3295
3257
|
}
|
|
3296
3258
|
|
|
3297
|
-
.fds-combobox-inputWrapper-
|
|
3259
|
+
.fds-combobox-inputWrapper-249a725c.fds-combobox-large-249a725c {
|
|
3298
3260
|
font: var(--fds-typography-paragraph-large);
|
|
3299
3261
|
font-family: inherit;
|
|
3300
3262
|
padding: 7px var(--fds-spacing-4);
|
|
3301
3263
|
}
|
|
3302
3264
|
|
|
3303
|
-
.fds-combobox-inputWrapper-
|
|
3265
|
+
.fds-combobox-inputWrapper-249a725c.fds-combobox-large-249a725c input {
|
|
3304
3266
|
font: var(--fds-typography-paragraph-large);
|
|
3305
3267
|
font-family: inherit;
|
|
3306
3268
|
}
|
|
3307
3269
|
|
|
3308
|
-
.fds-combobox-inputWrapper-
|
|
3270
|
+
.fds-combobox-inputWrapper-249a725c input:focus {
|
|
3309
3271
|
outline: none;
|
|
3310
3272
|
}
|
|
3311
3273
|
|
|
3312
|
-
.fds-combobox-inputWrapper-
|
|
3274
|
+
.fds-combobox-inputWrapper-249a725c.fds-combobox-error-249a725c {
|
|
3313
3275
|
border-color: var(--fds-semantic-border-danger-default);
|
|
3314
3276
|
border-width: 2px;
|
|
3315
3277
|
}
|
|
3316
3278
|
|
|
3317
|
-
.fds-combobox-chipAndInput-
|
|
3279
|
+
.fds-combobox-chipAndInput-249a725c {
|
|
3318
3280
|
display: flex;
|
|
3319
3281
|
flex-wrap: wrap;
|
|
3320
3282
|
width: 100%;
|
|
@@ -3323,7 +3285,7 @@
|
|
|
3323
3285
|
background-color: transparent;
|
|
3324
3286
|
}
|
|
3325
3287
|
|
|
3326
|
-
.fds-combobox-chips-
|
|
3288
|
+
.fds-combobox-chips-249a725c {
|
|
3327
3289
|
display: flex;
|
|
3328
3290
|
flex-wrap: wrap;
|
|
3329
3291
|
gap: var(--fds-spacing-1);
|
|
@@ -3331,18 +3293,18 @@
|
|
|
3331
3293
|
background-color: transparent;
|
|
3332
3294
|
}
|
|
3333
3295
|
|
|
3334
|
-
.fds-combobox-arrow-
|
|
3296
|
+
.fds-combobox-arrow-249a725c {
|
|
3335
3297
|
display: grid;
|
|
3336
3298
|
place-items: center;
|
|
3337
3299
|
cursor: pointer;
|
|
3338
3300
|
}
|
|
3339
3301
|
|
|
3340
|
-
.fds-combobox-inputWrapper-
|
|
3302
|
+
.fds-combobox-inputWrapper-249a725c.fds-combobox-readonly-249a725c {
|
|
3341
3303
|
background: var(--fds-semantic-surface-neutral-subtle);
|
|
3342
3304
|
border-color: var(--fds-semantic-border-neutral-default);
|
|
3343
3305
|
}
|
|
3344
3306
|
|
|
3345
|
-
.fds-combobox-label-
|
|
3307
|
+
.fds-combobox-label-249a725c {
|
|
3346
3308
|
min-width: min-content;
|
|
3347
3309
|
display: inline-flex;
|
|
3348
3310
|
flex-direction: row;
|
|
@@ -3350,12 +3312,12 @@
|
|
|
3350
3312
|
align-items: center;
|
|
3351
3313
|
}
|
|
3352
3314
|
|
|
3353
|
-
.fds-combobox-description-
|
|
3315
|
+
.fds-combobox-description-249a725c {
|
|
3354
3316
|
color: var(--fds-semantic-text-neutral-subtle);
|
|
3355
3317
|
margin-top: calc(var(--fds-spacing-2) * -1);
|
|
3356
3318
|
}
|
|
3357
3319
|
|
|
3358
|
-
.fds-combobox-clearButton-
|
|
3320
|
+
.fds-combobox-clearButton-249a725c {
|
|
3359
3321
|
display: grid;
|
|
3360
3322
|
place-items: center;
|
|
3361
3323
|
cursor: pointer;
|
|
@@ -3369,47 +3331,47 @@
|
|
|
3369
3331
|
aspect-ratio: 1;
|
|
3370
3332
|
}
|
|
3371
3333
|
|
|
3372
|
-
.fds-combobox-clearButton-
|
|
3334
|
+
.fds-combobox-clearButton-249a725c.fds-combobox-small-249a725c {
|
|
3373
3335
|
height: 25px;
|
|
3374
3336
|
width: 25px;
|
|
3375
3337
|
}
|
|
3376
3338
|
|
|
3377
|
-
.fds-combobox-clearButton-
|
|
3339
|
+
.fds-combobox-clearButton-249a725c.fds-combobox-medium-249a725c {
|
|
3378
3340
|
height: 29px;
|
|
3379
3341
|
width: 29px;
|
|
3380
3342
|
}
|
|
3381
3343
|
|
|
3382
|
-
.fds-combobox-clearButton-
|
|
3344
|
+
.fds-combobox-clearButton-249a725c.fds-combobox-large-249a725c {
|
|
3383
3345
|
height: 31px;
|
|
3384
3346
|
width: 31px;
|
|
3385
3347
|
}
|
|
3386
3348
|
|
|
3387
|
-
.fds-combobox-clearButton-
|
|
3349
|
+
.fds-combobox-clearButton-249a725c:not(.fds-combobox-disabled-249a725c):hover {
|
|
3388
3350
|
background-color: var(--fds-semantic-surface-info-subtle-hover);
|
|
3389
3351
|
}
|
|
3390
3352
|
|
|
3391
|
-
.fds-combobox-disabled-
|
|
3353
|
+
.fds-combobox-disabled-249a725c {
|
|
3392
3354
|
opacity: var(--fds-opacity-disabled);
|
|
3393
3355
|
}
|
|
3394
3356
|
|
|
3395
|
-
.fds-combobox-disabled-
|
|
3357
|
+
.fds-combobox-disabled-249a725c * {
|
|
3396
3358
|
cursor: not-allowed;
|
|
3397
3359
|
}
|
|
3398
3360
|
|
|
3399
|
-
.fds-combobox-padlock-
|
|
3361
|
+
.fds-combobox-padlock-249a725c {
|
|
3400
3362
|
height: 1.2em;
|
|
3401
3363
|
width: 1.2em;
|
|
3402
3364
|
}
|
|
3403
3365
|
|
|
3404
|
-
.fds-combobox-errorMessage-
|
|
3366
|
+
.fds-combobox-errorMessage-249a725c {
|
|
3405
3367
|
margin-top: var(--fds-spacing-2);
|
|
3406
3368
|
}
|
|
3407
3369
|
|
|
3408
|
-
.fds-combobox-errorMessage-
|
|
3370
|
+
.fds-combobox-errorMessage-249a725c:empty {
|
|
3409
3371
|
display: none;
|
|
3410
3372
|
}
|
|
3411
3373
|
|
|
3412
|
-
.fds-combobox-loading-
|
|
3374
|
+
.fds-combobox-loading-249a725c {
|
|
3413
3375
|
display: flex;
|
|
3414
3376
|
gap: var(--fds-spacing-2);
|
|
3415
3377
|
align-content: center;
|
|
@@ -3418,7 +3380,7 @@
|
|
|
3418
3380
|
/**
|
|
3419
3381
|
* Apply a focus outline on an element when it is focused with keyboard
|
|
3420
3382
|
*/
|
|
3421
|
-
.fds-combobox-inFocus-
|
|
3383
|
+
.fds-combobox-inFocus-249a725c {
|
|
3422
3384
|
--fds-focus-border-width: 3px;
|
|
3423
3385
|
|
|
3424
3386
|
outline: var(--fds-focus-border-width) solid var(--fds-semantic-border-focus-outline);
|
|
@@ -3426,38 +3388,38 @@
|
|
|
3426
3388
|
box-shadow: 0 0 0 var(--fds-focus-border-width) var(--fds-semantic-border-focus-boxshadow) !important;
|
|
3427
3389
|
}
|
|
3428
3390
|
|
|
3429
|
-
.fds-combobox-showChecked-
|
|
3391
|
+
.fds-combobox-showChecked-249a725c path {
|
|
3430
3392
|
display: inline !important;
|
|
3431
3393
|
}
|
|
3432
3394
|
|
|
3433
|
-
.fds-combobox-showChecked-
|
|
3395
|
+
.fds-combobox-showChecked-249a725c rect {
|
|
3434
3396
|
stroke: var(--fds-semantic-border-input-hover) !important;
|
|
3435
3397
|
fill: var(--fds-semantic-border-input-hover) !important;
|
|
3436
3398
|
}
|
|
3437
3399
|
|
|
3438
|
-
.fds-empty-empty-
|
|
3400
|
+
.fds-empty-empty-81c5195a {
|
|
3439
3401
|
padding: var(--fds-spacing-2) var(--fds-spacing-3);
|
|
3440
3402
|
}
|
|
3441
3403
|
|
|
3442
|
-
.fds-empty-large-
|
|
3404
|
+
.fds-empty-large-81c5195a {
|
|
3443
3405
|
font: var(--fds-typography-label-large);
|
|
3444
3406
|
font-family: inherit;
|
|
3445
3407
|
font-weight: 400;
|
|
3446
3408
|
}
|
|
3447
3409
|
|
|
3448
|
-
.fds-empty-medium-
|
|
3410
|
+
.fds-empty-medium-81c5195a {
|
|
3449
3411
|
font: var(--fds-typography-label-medium);
|
|
3450
3412
|
font-family: inherit;
|
|
3451
3413
|
font-weight: 400;
|
|
3452
3414
|
}
|
|
3453
3415
|
|
|
3454
|
-
.fds-empty-small-
|
|
3416
|
+
.fds-empty-small-81c5195a {
|
|
3455
3417
|
font: var(--fds-typography-label-small);
|
|
3456
3418
|
font-family: inherit;
|
|
3457
3419
|
font-weight: 400;
|
|
3458
3420
|
}
|
|
3459
3421
|
|
|
3460
|
-
.fds-table-table-
|
|
3422
|
+
.fds-table-table-35cf16b1 {
|
|
3461
3423
|
position: relative;
|
|
3462
3424
|
border-collapse: separate;
|
|
3463
3425
|
border-spacing: 0;
|
|
@@ -3467,27 +3429,27 @@
|
|
|
3467
3429
|
--border-radius: var(--fds-border_radius-medium);
|
|
3468
3430
|
}
|
|
3469
3431
|
|
|
3470
|
-
.fds-table-table-
|
|
3432
|
+
.fds-table-table-35cf16b1.fds-table-stickyHeader-35cf16b1 {
|
|
3471
3433
|
overflow: auto;
|
|
3472
3434
|
}
|
|
3473
3435
|
|
|
3474
|
-
.fds-table-table-
|
|
3436
|
+
.fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-row-35cf16b1:last-of-type td {
|
|
3475
3437
|
border-bottom: 0;
|
|
3476
3438
|
}
|
|
3477
3439
|
|
|
3478
|
-
.fds-table-small-
|
|
3440
|
+
.fds-table-small-35cf16b1 {
|
|
3479
3441
|
--table-padding: var(--fds-spacing-1) var(--fds-spacing-3);
|
|
3480
3442
|
}
|
|
3481
3443
|
|
|
3482
|
-
.fds-table-medium-
|
|
3444
|
+
.fds-table-medium-35cf16b1 {
|
|
3483
3445
|
--table-padding: var(--fds-spacing-2) var(--fds-spacing-3);
|
|
3484
3446
|
}
|
|
3485
3447
|
|
|
3486
|
-
.fds-table-large-
|
|
3448
|
+
.fds-table-large-35cf16b1 {
|
|
3487
3449
|
--table-padding: var(--fds-spacing-3) var(--fds-spacing-3);
|
|
3488
3450
|
}
|
|
3489
3451
|
|
|
3490
|
-
.fds-table-head-
|
|
3452
|
+
.fds-table-head-35cf16b1 {
|
|
3491
3453
|
z-index: 0;
|
|
3492
3454
|
box-sizing: border-box;
|
|
3493
3455
|
font: inherit;
|
|
@@ -3497,7 +3459,7 @@
|
|
|
3497
3459
|
border-bottom: 2px solid var(--fds-semantic-border-divider-default);
|
|
3498
3460
|
}
|
|
3499
3461
|
|
|
3500
|
-
.fds-table-headerCell-
|
|
3462
|
+
.fds-table-headerCell-35cf16b1 {
|
|
3501
3463
|
padding: var(--table-padding);
|
|
3502
3464
|
font: inherit;
|
|
3503
3465
|
font-family: inherit;
|
|
@@ -3506,17 +3468,17 @@
|
|
|
3506
3468
|
border-bottom: 2px solid var(--fds-semantic-border-divider-default);
|
|
3507
3469
|
}
|
|
3508
3470
|
|
|
3509
|
-
.fds-table-stickyHeader-
|
|
3471
|
+
.fds-table-stickyHeader-35cf16b1 .fds-table-head-35cf16b1 .fds-table-headerCell-35cf16b1 {
|
|
3510
3472
|
position: sticky;
|
|
3511
3473
|
top: 0;
|
|
3512
3474
|
z-index: 1;
|
|
3513
3475
|
}
|
|
3514
3476
|
|
|
3515
|
-
.fds-table-headerCell-
|
|
3477
|
+
.fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 {
|
|
3516
3478
|
padding: 0;
|
|
3517
3479
|
}
|
|
3518
3480
|
|
|
3519
|
-
.fds-table-headerCell-
|
|
3481
|
+
.fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 button {
|
|
3520
3482
|
position: relative;
|
|
3521
3483
|
width: 100%;
|
|
3522
3484
|
border: none;
|
|
@@ -3531,74 +3493,75 @@
|
|
|
3531
3493
|
z-index: 2;
|
|
3532
3494
|
}
|
|
3533
3495
|
|
|
3534
|
-
.fds-table-headerCell-
|
|
3496
|
+
.fds-table-headerCell-35cf16b1.fds-table-sorted-35cf16b1 button {
|
|
3535
3497
|
background-color: var(--fds-semantic-surface-neutral-subtle);
|
|
3536
3498
|
}
|
|
3537
3499
|
|
|
3538
|
-
.fds-table-headerCell-
|
|
3500
|
+
.fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 button:focus {
|
|
3539
3501
|
z-index: 3;
|
|
3540
3502
|
}
|
|
3541
3503
|
|
|
3542
|
-
.fds-table-headerCell-
|
|
3504
|
+
.fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 button:hover {
|
|
3543
3505
|
background-color: var(--fds-semantic-surface-neutral-subtle-hover);
|
|
3544
3506
|
}
|
|
3545
3507
|
|
|
3546
|
-
.fds-table-headerCell-
|
|
3508
|
+
.fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 button svg {
|
|
3547
3509
|
font-size: 1.2em;
|
|
3548
3510
|
}
|
|
3549
3511
|
|
|
3550
|
-
.fds-table-cell-
|
|
3512
|
+
.fds-table-cell-35cf16b1 {
|
|
3551
3513
|
padding: var(--table-padding);
|
|
3552
3514
|
border-bottom: 1px solid var(--fds-semantic-border-divider-default);
|
|
3515
|
+
background-color: var(--fds-semantic-surface-neutral-default);
|
|
3553
3516
|
}
|
|
3554
3517
|
|
|
3555
|
-
.fds-table-row-
|
|
3518
|
+
.fds-table-row-35cf16b1:hover .fds-table-cell-35cf16b1 {
|
|
3556
3519
|
background-color: var(--fds-semantic-surface-neutral-subtle-hover);
|
|
3557
3520
|
}
|
|
3558
3521
|
|
|
3559
|
-
.fds-table-zebra-
|
|
3522
|
+
.fds-table-zebra-35cf16b1 .fds-table-row-35cf16b1 {
|
|
3560
3523
|
border-bottom: 0;
|
|
3561
3524
|
}
|
|
3562
3525
|
|
|
3563
|
-
.fds-table-zebra-
|
|
3526
|
+
.fds-table-zebra-35cf16b1 tr:nth-child(even):not(:hover) .fds-table-cell-35cf16b1 {
|
|
3564
3527
|
background-color: var(--fds-semantic-background-subtle);
|
|
3565
3528
|
}
|
|
3566
3529
|
|
|
3567
|
-
.fds-table-table-
|
|
3530
|
+
.fds-table-table-35cf16b1.fds-table-border-35cf16b1 {
|
|
3568
3531
|
border-radius: var(--border-radius);
|
|
3569
3532
|
border: 1px solid var(--fds-semantic-border-neutral-default);
|
|
3570
3533
|
}
|
|
3571
3534
|
|
|
3572
|
-
.fds-table-table-
|
|
3535
|
+
.fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-head-35cf16b1 .fds-table-headerCell-35cf16b1:first-of-type {
|
|
3573
3536
|
border-top-left-radius: var(--border-radius);
|
|
3574
3537
|
overflow: hidden;
|
|
3575
3538
|
}
|
|
3576
3539
|
|
|
3577
|
-
.fds-table-table-
|
|
3540
|
+
.fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-head-35cf16b1 .fds-table-headerCell-35cf16b1:last-of-type {
|
|
3578
3541
|
border-top-right-radius: var(--border-radius);
|
|
3579
3542
|
overflow: hidden;
|
|
3580
3543
|
}
|
|
3581
3544
|
|
|
3582
|
-
.fds-table-table-
|
|
3545
|
+
.fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-row-35cf16b1:last-of-type .fds-table-cell-35cf16b1:first-of-type {
|
|
3583
3546
|
border-bottom-left-radius: var(--border-radius);
|
|
3584
3547
|
overflow: hidden;
|
|
3585
3548
|
}
|
|
3586
3549
|
|
|
3587
|
-
.fds-table-table-
|
|
3550
|
+
.fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-row-35cf16b1:last-of-type .fds-table-cell-35cf16b1:last-of-type {
|
|
3588
3551
|
border-bottom-right-radius: var(--border-radius);
|
|
3589
3552
|
overflow: hidden;
|
|
3590
3553
|
}
|
|
3591
3554
|
|
|
3592
|
-
.fds-errorsummary-errorSummary-
|
|
3555
|
+
.fds-errorsummary-errorSummary-1700c6cf {
|
|
3593
3556
|
padding: var(--fds-spacing-6) var(--fds-spacing-8);
|
|
3594
3557
|
border-radius: var(--fds-border_radius-large);
|
|
3595
3558
|
background-color: var(--fds-semantic-surface-danger-subtle);
|
|
3596
3559
|
}
|
|
3597
3560
|
|
|
3598
|
-
.fds-errorsummary-errorSummary-
|
|
3561
|
+
.fds-errorsummary-errorSummary-1700c6cf a {
|
|
3599
3562
|
color: var(--fds-semantic-text-neutral-default);
|
|
3600
3563
|
}
|
|
3601
3564
|
|
|
3602
|
-
.fds-errorsummary-errorSummary-
|
|
3565
|
+
.fds-errorsummary-errorSummary-1700c6cf li:last-of-type {
|
|
3603
3566
|
margin-bottom: 0;
|
|
3604
3567
|
}
|