@digdir/designsystemet-react 0.53.1 → 0.55.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.js +12 -13
- 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/Combobox/internal/ComboboxClearButton.js +2 -2
- package/dist/cjs/components/form/Combobox/internal/ComboboxInput.js +3 -2
- package/dist/cjs/components/form/Combobox/useCombobox.js +24 -33
- 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 +714 -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.js +12 -13
- 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/Combobox/internal/ComboboxClearButton.js +2 -2
- package/dist/esm/components/form/Combobox/internal/ComboboxInput.js +3 -2
- package/dist/esm/components/form/Combobox/useCombobox.js +26 -17
- 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 +714 -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/dist/types/components/form/Combobox/Combobox.d.ts +32 -1
- package/dist/types/components/form/Combobox/Combobox.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/internal/ComboboxInput.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/useCombobox.d.ts +13 -9
- package/dist/types/components/form/Combobox/useCombobox.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
|
-
background: var(--fdsc-accordion-header-bg-neutral);
|
|
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);
|
|
968
941
|
}
|
|
969
942
|
|
|
970
|
-
.fds-accordion-accordion-
|
|
971
|
-
|
|
972
|
-
|
|
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);
|
|
973
955
|
}
|
|
974
956
|
|
|
975
|
-
.fds-accordion-
|
|
976
|
-
.fds-accordion-
|
|
977
|
-
--
|
|
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);
|
|
978
960
|
|
|
979
|
-
background: var(--
|
|
961
|
+
background: var(--fds-semantic-surface-first-light);
|
|
980
962
|
}
|
|
981
963
|
|
|
982
|
-
.fds-accordion-
|
|
983
|
-
.fds-accordion-
|
|
984
|
-
--
|
|
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);
|
|
985
967
|
|
|
986
|
-
background: var(--
|
|
968
|
+
background: var(--fds-semantic-surface-second-light);
|
|
987
969
|
}
|
|
988
970
|
|
|
989
|
-
.fds-accordion-
|
|
990
|
-
.fds-accordion-
|
|
991
|
-
--
|
|
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);
|
|
992
974
|
|
|
993
|
-
background: var(--
|
|
975
|
+
background: var(--fds-semantic-surface-third-light);
|
|
994
976
|
}
|
|
995
977
|
|
|
996
|
-
.fds-accordion-
|
|
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
|
+
}
|
|
983
|
+
|
|
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);
|
|
987
|
+
}
|
|
988
|
+
|
|
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
1016
|
|
|
1039
|
-
.fds-accordion-
|
|
1040
|
-
|
|
1041
|
-
}
|
|
1042
|
-
|
|
1043
|
-
.fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d:hover > .fds-accordion-accordion-cfa9e81d.fds-accordion-expandIcon-cfa9e81d.fds-accordion-filled-cfa9e81d {
|
|
1044
|
-
display: inherit;
|
|
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,12 +2642,13 @@
|
|
|
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;
|
|
2687
2649
|
left: var(--fds-spacing-3);
|
|
2688
2650
|
transform: scale(1.5);
|
|
2651
|
+
pointer-events: none;
|
|
2689
2652
|
}
|
|
2690
2653
|
|
|
2691
2654
|
[type='search']::-webkit-search-decoration,
|
|
@@ -2693,7 +2656,7 @@
|
|
|
2693
2656
|
appearance: none;
|
|
2694
2657
|
}
|
|
2695
2658
|
|
|
2696
|
-
.fds-search-input-
|
|
2659
|
+
.fds-search-input-a6b5fe3c {
|
|
2697
2660
|
font: inherit;
|
|
2698
2661
|
font-family: inherit;
|
|
2699
2662
|
position: relative;
|
|
@@ -2707,34 +2670,34 @@
|
|
|
2707
2670
|
border-radius: var(--fds-border_radius-medium);
|
|
2708
2671
|
}
|
|
2709
2672
|
|
|
2710
|
-
.fds-search-input-
|
|
2673
|
+
.fds-search-input-a6b5fe3c.fds-search-withSearchButton-a6b5fe3c {
|
|
2711
2674
|
border-top-right-radius: 0;
|
|
2712
2675
|
border-bottom-right-radius: 0;
|
|
2713
2676
|
}
|
|
2714
2677
|
|
|
2715
|
-
.fds-search-input-
|
|
2678
|
+
.fds-search-input-a6b5fe3c:disabled {
|
|
2716
2679
|
cursor: not-allowed;
|
|
2717
2680
|
}
|
|
2718
2681
|
|
|
2719
|
-
.fds-search-input-
|
|
2682
|
+
.fds-search-input-a6b5fe3c[type='search']:focus-visible {
|
|
2720
2683
|
z-index: 1;
|
|
2721
2684
|
}
|
|
2722
2685
|
|
|
2723
|
-
.fds-search-disabled-
|
|
2686
|
+
.fds-search-disabled-a6b5fe3c {
|
|
2724
2687
|
opacity: var(--fds-opacity-disabled);
|
|
2725
2688
|
}
|
|
2726
2689
|
|
|
2727
|
-
.fds-search-searchButton-
|
|
2690
|
+
.fds-search-searchButton-a6b5fe3c {
|
|
2728
2691
|
border-left: 0;
|
|
2729
2692
|
border-top-left-radius: 0;
|
|
2730
2693
|
border-bottom-left-radius: 0;
|
|
2731
2694
|
}
|
|
2732
2695
|
|
|
2733
|
-
.fds-search-searchButton-
|
|
2696
|
+
.fds-search-searchButton-a6b5fe3c:focus-visible {
|
|
2734
2697
|
z-index: 1;
|
|
2735
2698
|
}
|
|
2736
2699
|
|
|
2737
|
-
.fds-search-clearButton-
|
|
2700
|
+
.fds-search-clearButton-a6b5fe3c {
|
|
2738
2701
|
color: var(--fds-semantic-text-neutral-default);
|
|
2739
2702
|
display: inline-flex;
|
|
2740
2703
|
align-items: center;
|
|
@@ -2754,7 +2717,7 @@
|
|
|
2754
2717
|
z-index: 2;
|
|
2755
2718
|
}
|
|
2756
2719
|
|
|
2757
|
-
.fds-search-input-
|
|
2720
|
+
.fds-search-input-a6b5fe3c.fds-search-small-a6b5fe3c {
|
|
2758
2721
|
--f-search-button-clear-size: var(--fds-sizing-4);
|
|
2759
2722
|
|
|
2760
2723
|
height: var(--fds-sizing-8);
|
|
@@ -2762,7 +2725,7 @@
|
|
|
2762
2725
|
padding-right: 2.5em;
|
|
2763
2726
|
}
|
|
2764
2727
|
|
|
2765
|
-
.fds-search-input-
|
|
2728
|
+
.fds-search-input-a6b5fe3c.fds-search-medium-a6b5fe3c {
|
|
2766
2729
|
--f-search-button-clear-size: var(--fds-sizing-6);
|
|
2767
2730
|
|
|
2768
2731
|
height: var(--fds-sizing-10);
|
|
@@ -2770,7 +2733,7 @@
|
|
|
2770
2733
|
padding-right: 2.2em;
|
|
2771
2734
|
}
|
|
2772
2735
|
|
|
2773
|
-
.fds-search-input-
|
|
2736
|
+
.fds-search-input-a6b5fe3c.fds-search-large-a6b5fe3c {
|
|
2774
2737
|
--f-search-button-clear-size: var(--fds-sizing-12);
|
|
2775
2738
|
|
|
2776
2739
|
height: var(--fds-sizing-12);
|
|
@@ -2778,47 +2741,47 @@
|
|
|
2778
2741
|
padding-right: 2em;
|
|
2779
2742
|
}
|
|
2780
2743
|
|
|
2781
|
-
.fds-search-input-
|
|
2744
|
+
.fds-search-input-a6b5fe3c.fds-search-simple-a6b5fe3c {
|
|
2782
2745
|
padding-left: 2.4em;
|
|
2783
2746
|
}
|
|
2784
2747
|
|
|
2785
|
-
.fds-search-error-
|
|
2748
|
+
.fds-search-error-a6b5fe3c > .fds-search-input-a6b5fe3c:not(:focus-visible) {
|
|
2786
2749
|
border-color: var(--fds-semantic-border-danger-default);
|
|
2787
2750
|
box-shadow: inset 0 0 0 1px var(--fds-semantic-border-danger-default);
|
|
2788
2751
|
}
|
|
2789
2752
|
|
|
2790
2753
|
@media (hover: hover) and (pointer: fine) {
|
|
2791
|
-
.fds-search-input-
|
|
2754
|
+
.fds-search-input-a6b5fe3c:not(:focus-visible, :disabled, [aria-disabled]):hover {
|
|
2792
2755
|
border-color: var(--fds-semantic-border-input-hover);
|
|
2793
2756
|
box-shadow: inset 0 0 0 1px var(--fds-semantic-border-input-hover);
|
|
2794
2757
|
}
|
|
2795
2758
|
|
|
2796
|
-
.fds-search-clearButton-
|
|
2759
|
+
.fds-search-clearButton-a6b5fe3c:not(:focus-visible, :disabled, [aria-disabled]):hover {
|
|
2797
2760
|
background: var(--fds-semantic-surface-action-subtle-hover);
|
|
2798
2761
|
}
|
|
2799
2762
|
}
|
|
2800
2763
|
|
|
2801
|
-
.fds-skeleton-skeleton-
|
|
2764
|
+
.fds-skeleton-skeleton-ecbca06f {
|
|
2802
2765
|
--animation-duration: 0.8s;
|
|
2803
2766
|
|
|
2804
2767
|
height: 1.3em;
|
|
2805
2768
|
pointer-events: none;
|
|
2806
2769
|
user-select: none;
|
|
2807
2770
|
background-color: var(--fds-semantic-surface-neutral-subtle-hover) !important;
|
|
2808
|
-
animation: fds-skeleton-opacity-fade-
|
|
2771
|
+
animation: fds-skeleton-opacity-fade-ecbca06f var(--animation-duration) linear infinite alternate;
|
|
2809
2772
|
}
|
|
2810
2773
|
|
|
2811
|
-
.fds-skeleton-circle-
|
|
2774
|
+
.fds-skeleton-circle-ecbca06f {
|
|
2812
2775
|
width: 1.3em;
|
|
2813
2776
|
border-radius: 50%;
|
|
2814
2777
|
}
|
|
2815
2778
|
|
|
2816
|
-
.fds-skeleton-rectangle-
|
|
2779
|
+
.fds-skeleton-rectangle-ecbca06f {
|
|
2817
2780
|
width: 100%;
|
|
2818
2781
|
border-radius: 0.2em;
|
|
2819
2782
|
}
|
|
2820
2783
|
|
|
2821
|
-
.fds-skeleton-text-
|
|
2784
|
+
.fds-skeleton-text-ecbca06f {
|
|
2822
2785
|
width: 100%;
|
|
2823
2786
|
height: auto;
|
|
2824
2787
|
transform-origin: 0 55%;
|
|
@@ -2826,27 +2789,27 @@
|
|
|
2826
2789
|
border-radius: 0.55em;
|
|
2827
2790
|
}
|
|
2828
2791
|
|
|
2829
|
-
.fds-skeleton-text-
|
|
2792
|
+
.fds-skeleton-text-ecbca06f:empty::before {
|
|
2830
2793
|
content: '\00a0';
|
|
2831
2794
|
}
|
|
2832
2795
|
|
|
2833
|
-
.fds-skeleton-hasChildren-
|
|
2796
|
+
.fds-skeleton-hasChildren-ecbca06f {
|
|
2834
2797
|
width: fit-content;
|
|
2835
2798
|
height: fit-content;
|
|
2836
2799
|
color: transparent !important;
|
|
2837
2800
|
}
|
|
2838
2801
|
|
|
2839
|
-
.fds-skeleton-hasChildren-
|
|
2802
|
+
.fds-skeleton-hasChildren-ecbca06f > * {
|
|
2840
2803
|
visibility: hidden;
|
|
2841
2804
|
}
|
|
2842
2805
|
|
|
2843
2806
|
@media (prefers-reduced-motion: reduce) {
|
|
2844
|
-
.fds-skeleton-skeleton-
|
|
2807
|
+
.fds-skeleton-skeleton-ecbca06f {
|
|
2845
2808
|
--animation-duration: 1.6s;
|
|
2846
2809
|
}
|
|
2847
2810
|
}
|
|
2848
2811
|
|
|
2849
|
-
@keyframes fds-skeleton-opacity-fade-
|
|
2812
|
+
@keyframes fds-skeleton-opacity-fade-ecbca06f {
|
|
2850
2813
|
0% {
|
|
2851
2814
|
opacity: 1;
|
|
2852
2815
|
}
|
|
@@ -2856,91 +2819,91 @@
|
|
|
2856
2819
|
}
|
|
2857
2820
|
}
|
|
2858
2821
|
|
|
2859
|
-
.fds-box-xsmallShadow-
|
|
2822
|
+
.fds-box-xsmallShadow-7eee64b7 {
|
|
2860
2823
|
box-shadow: var(--fds-shadow-xsmall);
|
|
2861
2824
|
}
|
|
2862
2825
|
|
|
2863
|
-
.fds-box-smallShadow-
|
|
2826
|
+
.fds-box-smallShadow-7eee64b7 {
|
|
2864
2827
|
box-shadow: var(--fds-shadow-small);
|
|
2865
2828
|
}
|
|
2866
2829
|
|
|
2867
|
-
.fds-box-mediumShadow-
|
|
2830
|
+
.fds-box-mediumShadow-7eee64b7 {
|
|
2868
2831
|
box-shadow: var(--fds-shadow-medium);
|
|
2869
2832
|
}
|
|
2870
2833
|
|
|
2871
|
-
.fds-box-largeShadow-
|
|
2834
|
+
.fds-box-largeShadow-7eee64b7 {
|
|
2872
2835
|
box-shadow: var(--fds-shadow-large);
|
|
2873
2836
|
}
|
|
2874
2837
|
|
|
2875
|
-
.fds-box-xlargeShadow-
|
|
2838
|
+
.fds-box-xlargeShadow-7eee64b7 {
|
|
2876
2839
|
box-shadow: var(--fds-shadow-xlarge);
|
|
2877
2840
|
}
|
|
2878
2841
|
|
|
2879
|
-
.fds-box-defaultBorderColor-
|
|
2842
|
+
.fds-box-defaultBorderColor-7eee64b7 {
|
|
2880
2843
|
border: 1px solid var(--fds-semantic-border-neutral-default);
|
|
2881
2844
|
}
|
|
2882
2845
|
|
|
2883
|
-
.fds-box-subtleBorderColor-
|
|
2846
|
+
.fds-box-subtleBorderColor-7eee64b7 {
|
|
2884
2847
|
border: 1px solid var(--fds-semantic-border-neutral-subtle);
|
|
2885
2848
|
}
|
|
2886
2849
|
|
|
2887
|
-
.fds-box-strongBorderColor-
|
|
2850
|
+
.fds-box-strongBorderColor-7eee64b7 {
|
|
2888
2851
|
border: 1px solid var(--fds-semantic-border-neutral-strong);
|
|
2889
2852
|
}
|
|
2890
2853
|
|
|
2891
|
-
.fds-box-smallBorderRadius-
|
|
2854
|
+
.fds-box-smallBorderRadius-7eee64b7 {
|
|
2892
2855
|
border-radius: var(--fds-border_radius-small);
|
|
2893
2856
|
}
|
|
2894
2857
|
|
|
2895
|
-
.fds-box-mediumBorderRadius-
|
|
2858
|
+
.fds-box-mediumBorderRadius-7eee64b7 {
|
|
2896
2859
|
border-radius: var(--fds-border_radius-medium);
|
|
2897
2860
|
}
|
|
2898
2861
|
|
|
2899
|
-
.fds-box-largeBorderRadius-
|
|
2862
|
+
.fds-box-largeBorderRadius-7eee64b7 {
|
|
2900
2863
|
border-radius: var(--fds-border_radius-large);
|
|
2901
2864
|
}
|
|
2902
2865
|
|
|
2903
|
-
.fds-box-xlargeBorderRadius-
|
|
2866
|
+
.fds-box-xlargeBorderRadius-7eee64b7 {
|
|
2904
2867
|
border-radius: var(--fds-border_radius-xlarge);
|
|
2905
2868
|
}
|
|
2906
2869
|
|
|
2907
|
-
.fds-box-xxlargeBorderRadius-
|
|
2870
|
+
.fds-box-xxlargeBorderRadius-7eee64b7 {
|
|
2908
2871
|
border-radius: var(--fds-border_radius-xxlarge);
|
|
2909
2872
|
}
|
|
2910
2873
|
|
|
2911
|
-
.fds-box-xxxlargeBorderRadius-
|
|
2874
|
+
.fds-box-xxxlargeBorderRadius-7eee64b7 {
|
|
2912
2875
|
border-radius: var(--fds-border_radius-xxxlarge);
|
|
2913
2876
|
}
|
|
2914
2877
|
|
|
2915
|
-
.fds-box-xxxxlargeBorderRadius-
|
|
2878
|
+
.fds-box-xxxxlargeBorderRadius-7eee64b7 {
|
|
2916
2879
|
border-radius: var(--fds-border_radius-xxxxlarge);
|
|
2917
2880
|
}
|
|
2918
2881
|
|
|
2919
|
-
.fds-box-fullBorderRadius-
|
|
2882
|
+
.fds-box-fullBorderRadius-7eee64b7 {
|
|
2920
2883
|
border-radius: var(--fds-border_radius-full);
|
|
2921
2884
|
}
|
|
2922
2885
|
|
|
2923
|
-
.fds-box-defaultBackground-
|
|
2886
|
+
.fds-box-defaultBackground-7eee64b7 {
|
|
2924
2887
|
background-color: var(--fds-semantic-background-default);
|
|
2925
2888
|
}
|
|
2926
2889
|
|
|
2927
|
-
.fds-box-subtleBackground-
|
|
2890
|
+
.fds-box-subtleBackground-7eee64b7 {
|
|
2928
2891
|
background-color: var(--fds-semantic-background-subtle);
|
|
2929
2892
|
}
|
|
2930
2893
|
|
|
2931
|
-
.fds-card-media-
|
|
2894
|
+
.fds-card-media-a01cb08f {
|
|
2932
2895
|
width: auto;
|
|
2933
2896
|
}
|
|
2934
2897
|
|
|
2935
|
-
.fds-card-media-
|
|
2898
|
+
.fds-card-media-a01cb08f > * {
|
|
2936
2899
|
display: flex;
|
|
2937
2900
|
flex-direction: column;
|
|
2938
2901
|
width: 100%;
|
|
2939
2902
|
border: 0;
|
|
2940
2903
|
}
|
|
2941
2904
|
|
|
2942
|
-
.fds-card-footer-
|
|
2943
|
-
.fds-card-content-
|
|
2905
|
+
.fds-card-footer-a01cb08f,
|
|
2906
|
+
.fds-card-content-a01cb08f {
|
|
2944
2907
|
display: flex;
|
|
2945
2908
|
justify-content: flex-start;
|
|
2946
2909
|
gap: var(--fds-spacing-4);
|
|
@@ -2951,11 +2914,11 @@
|
|
|
2951
2914
|
padding: var(--fds-spacing-2) 0;
|
|
2952
2915
|
}
|
|
2953
2916
|
|
|
2954
|
-
.fds-card-content-
|
|
2917
|
+
.fds-card-content-a01cb08f {
|
|
2955
2918
|
flex-direction: column;
|
|
2956
2919
|
}
|
|
2957
2920
|
|
|
2958
|
-
.fds-card-header-
|
|
2921
|
+
.fds-card-header-a01cb08f {
|
|
2959
2922
|
display: flex;
|
|
2960
2923
|
flex-direction: column;
|
|
2961
2924
|
flex-wrap: wrap;
|
|
@@ -2965,7 +2928,7 @@
|
|
|
2965
2928
|
padding: var(--fds-spacing-2) 0;
|
|
2966
2929
|
}
|
|
2967
2930
|
|
|
2968
|
-
.fds-card-card-
|
|
2931
|
+
.fds-card-card-a01cb08f {
|
|
2969
2932
|
display: flex;
|
|
2970
2933
|
flex-direction: column;
|
|
2971
2934
|
width: 100%;
|
|
@@ -2976,112 +2939,112 @@
|
|
|
2976
2939
|
border-radius: var(--fds-border_radius-medium);
|
|
2977
2940
|
}
|
|
2978
2941
|
|
|
2979
|
-
.fds-card-card-
|
|
2980
|
-
.fds-card-card-
|
|
2942
|
+
.fds-card-card-a01cb08f a,
|
|
2943
|
+
.fds-card-card-a01cb08f a:visited {
|
|
2981
2944
|
color: var(--fds-semantic-text-neutral-default);
|
|
2982
2945
|
}
|
|
2983
2946
|
|
|
2984
|
-
.fds-card-card-
|
|
2947
|
+
.fds-card-card-a01cb08f > hr {
|
|
2985
2948
|
width: 100%;
|
|
2986
2949
|
margin: var(--fds-spacing-3) 0;
|
|
2987
2950
|
}
|
|
2988
2951
|
|
|
2989
|
-
.fds-card-card-
|
|
2952
|
+
.fds-card-card-a01cb08f > *:not(.fds-card-media-a01cb08f, hr) {
|
|
2990
2953
|
padding-left: var(--fds-spacing-6);
|
|
2991
2954
|
padding-right: var(--fds-spacing-6);
|
|
2992
2955
|
}
|
|
2993
2956
|
|
|
2994
|
-
.fds-card-card-
|
|
2957
|
+
.fds-card-card-a01cb08f > *:not(.fds-card-media-a01cb08f):first-child {
|
|
2995
2958
|
padding-top: var(--fds-spacing-6);
|
|
2996
2959
|
}
|
|
2997
2960
|
|
|
2998
|
-
.fds-card-card-
|
|
2961
|
+
.fds-card-card-a01cb08f > *:not(.fds-card-media-a01cb08f):last-child {
|
|
2999
2962
|
padding-bottom: var(--fds-spacing-6);
|
|
3000
2963
|
}
|
|
3001
2964
|
|
|
3002
|
-
.fds-card-media-
|
|
2965
|
+
.fds-card-media-a01cb08f:first-child {
|
|
3003
2966
|
padding-bottom: var(--fds-spacing-4);
|
|
3004
2967
|
}
|
|
3005
2968
|
|
|
3006
|
-
.fds-card-media-
|
|
2969
|
+
.fds-card-media-a01cb08f:last-child {
|
|
3007
2970
|
padding-top: var(--fds-spacing-6);
|
|
3008
2971
|
}
|
|
3009
2972
|
|
|
3010
|
-
.fds-card-linkCard-
|
|
2973
|
+
.fds-card-linkCard-a01cb08f {
|
|
3011
2974
|
text-decoration: none;
|
|
3012
2975
|
}
|
|
3013
2976
|
|
|
3014
|
-
.fds-card-linkCard-
|
|
3015
|
-
.fds-card-linkCard-
|
|
3016
|
-
.fds-card-linkCard-
|
|
3017
|
-
.fds-card-linkCard-
|
|
3018
|
-
.fds-card-linkCard-
|
|
3019
|
-
.fds-card-linkCard-
|
|
2977
|
+
.fds-card-linkCard-a01cb08f h1,
|
|
2978
|
+
.fds-card-linkCard-a01cb08f h2,
|
|
2979
|
+
.fds-card-linkCard-a01cb08f h3,
|
|
2980
|
+
.fds-card-linkCard-a01cb08f h4,
|
|
2981
|
+
.fds-card-linkCard-a01cb08f h5,
|
|
2982
|
+
.fds-card-linkCard-a01cb08f h6 {
|
|
3020
2983
|
text-decoration: underline;
|
|
3021
2984
|
text-decoration-thickness: max(1px, 0.0625rem, 0.1025em);
|
|
3022
2985
|
text-underline-offset: max(4px, 0.25rem, 0.22em);
|
|
3023
2986
|
}
|
|
3024
2987
|
|
|
3025
|
-
.fds-card-neutral-
|
|
2988
|
+
.fds-card-neutral-a01cb08f {
|
|
3026
2989
|
background-color: var(--fds-semantic-surface-neutral-default);
|
|
3027
2990
|
border: 1px solid var(--fds-semantic-border-neutral-subtle);
|
|
3028
2991
|
}
|
|
3029
2992
|
|
|
3030
|
-
.fds-card-subtle-
|
|
2993
|
+
.fds-card-subtle-a01cb08f {
|
|
3031
2994
|
background-color: var(--fds-semantic-surface-neutral-subtle);
|
|
3032
2995
|
border: 1px solid var(--fds-semantic-border-neutral-subtle);
|
|
3033
2996
|
}
|
|
3034
2997
|
|
|
3035
|
-
.fds-card-neutral-
|
|
3036
|
-
.fds-card-subtle-
|
|
2998
|
+
.fds-card-neutral-a01cb08f.fds-card-linkCard-a01cb08f:hover,
|
|
2999
|
+
.fds-card-subtle-a01cb08f.fds-card-linkCard-a01cb08f:hover {
|
|
3037
3000
|
background-color: var(--fds-semantic-surface-neutral-subtle-hover);
|
|
3038
3001
|
}
|
|
3039
3002
|
|
|
3040
|
-
.fds-card-neutral-
|
|
3041
|
-
.fds-card-subtle-
|
|
3003
|
+
.fds-card-neutral-a01cb08f.fds-card-linkCard-a01cb08f:active,
|
|
3004
|
+
.fds-card-subtle-a01cb08f.fds-card-linkCard-a01cb08f:active {
|
|
3042
3005
|
background-color: var(--fds-semantic-surface-neutral-subtle-active);
|
|
3043
3006
|
}
|
|
3044
3007
|
|
|
3045
|
-
.fds-card-first-
|
|
3008
|
+
.fds-card-first-a01cb08f {
|
|
3046
3009
|
background-color: var(--fds-semantic-surface-first-light);
|
|
3047
3010
|
border: 1px solid var(--fds-semantic-border-neutral-subtle);
|
|
3048
3011
|
}
|
|
3049
3012
|
|
|
3050
|
-
.fds-card-first-
|
|
3013
|
+
.fds-card-first-a01cb08f.fds-card-linkCard-a01cb08f:hover {
|
|
3051
3014
|
background-color: var(--fds-semantic-surface-first-light-hover);
|
|
3052
3015
|
}
|
|
3053
3016
|
|
|
3054
|
-
.fds-card-first-
|
|
3017
|
+
.fds-card-first-a01cb08f.fds-card-linkCard-a01cb08f:active {
|
|
3055
3018
|
background-color: var(--fds-semantic-surface-first-light-active);
|
|
3056
3019
|
}
|
|
3057
3020
|
|
|
3058
|
-
.fds-card-second-
|
|
3021
|
+
.fds-card-second-a01cb08f {
|
|
3059
3022
|
background-color: var(--fds-semantic-surface-second-light);
|
|
3060
3023
|
border: 1px solid var(--fds-semantic-border-neutral-subtle);
|
|
3061
3024
|
}
|
|
3062
3025
|
|
|
3063
|
-
.fds-card-second-
|
|
3026
|
+
.fds-card-second-a01cb08f.fds-card-linkCard-a01cb08f:hover {
|
|
3064
3027
|
background-color: var(--fds-semantic-surface-second-light-hover);
|
|
3065
3028
|
}
|
|
3066
3029
|
|
|
3067
|
-
.fds-card-second-
|
|
3030
|
+
.fds-card-second-a01cb08f.fds-card-linkCard-a01cb08f:active {
|
|
3068
3031
|
background-color: var(--fds-semantic-surface-second-light-active);
|
|
3069
3032
|
}
|
|
3070
3033
|
|
|
3071
|
-
.fds-card-third-
|
|
3034
|
+
.fds-card-third-a01cb08f {
|
|
3072
3035
|
background-color: var(--fds-semantic-surface-third-light);
|
|
3073
3036
|
border: 1px solid var(--fds-semantic-border-neutral-subtle);
|
|
3074
3037
|
}
|
|
3075
3038
|
|
|
3076
|
-
.fds-card-third-
|
|
3039
|
+
.fds-card-third-a01cb08f.fds-card-linkCard-a01cb08f:hover {
|
|
3077
3040
|
background-color: var(--fds-semantic-surface-third-light-hover);
|
|
3078
3041
|
}
|
|
3079
3042
|
|
|
3080
|
-
.fds-card-third-
|
|
3043
|
+
.fds-card-third-a01cb08f.fds-card-linkCard-a01cb08f:active {
|
|
3081
3044
|
background-color: var(--fds-semantic-surface-third-light-active);
|
|
3082
3045
|
}
|
|
3083
3046
|
|
|
3084
|
-
.fds-option-option-
|
|
3047
|
+
.fds-option-option-e45d3bd6 {
|
|
3085
3048
|
width: 100%;
|
|
3086
3049
|
display: grid;
|
|
3087
3050
|
grid-template-columns: 1.2em 1fr;
|
|
@@ -3099,21 +3062,21 @@
|
|
|
3099
3062
|
font-family: inherit;
|
|
3100
3063
|
}
|
|
3101
3064
|
|
|
3102
|
-
.fds-option-option-
|
|
3065
|
+
.fds-option-option-e45d3bd6.fds-option-active-e45d3bd6 {
|
|
3103
3066
|
background: var(--fds-semantic-surface-action-first-no_fill-hover);
|
|
3104
3067
|
border-left: 5px solid var(--fds-semantic-border-input-hover);
|
|
3105
3068
|
}
|
|
3106
3069
|
|
|
3107
|
-
.fds-option-option-
|
|
3070
|
+
.fds-option-option-e45d3bd6 > div {
|
|
3108
3071
|
align-self: flex-start;
|
|
3109
3072
|
}
|
|
3110
3073
|
|
|
3111
|
-
.fds-option-option-
|
|
3074
|
+
.fds-option-option-e45d3bd6.fds-option-multiple-e45d3bd6 {
|
|
3112
3075
|
grid-template-columns: auto 1fr;
|
|
3113
3076
|
gap: var(--fds-spacing-2);
|
|
3114
3077
|
}
|
|
3115
3078
|
|
|
3116
|
-
.fds-option-optionText-
|
|
3079
|
+
.fds-option-optionText-e45d3bd6 {
|
|
3117
3080
|
margin: auto 0;
|
|
3118
3081
|
display: flex;
|
|
3119
3082
|
flex-direction: column;
|
|
@@ -3123,23 +3086,23 @@
|
|
|
3123
3086
|
color: var(--fds-semantic-text-neutral-default);
|
|
3124
3087
|
}
|
|
3125
3088
|
|
|
3126
|
-
.fds-option-active-
|
|
3089
|
+
.fds-option-active-e45d3bd6 .fds-option-optionText-e45d3bd6 {
|
|
3127
3090
|
color: var(--fds-semantic-text-action-hover);
|
|
3128
3091
|
}
|
|
3129
3092
|
|
|
3130
|
-
.fds-option-checkbox-
|
|
3093
|
+
.fds-option-checkbox-e45d3bd6 {
|
|
3131
3094
|
min-width: unset;
|
|
3132
3095
|
min-height: unset;
|
|
3133
3096
|
aspect-ratio: 1 / 1;
|
|
3134
3097
|
line-height: 0 !important;
|
|
3135
3098
|
}
|
|
3136
3099
|
|
|
3137
|
-
.fds-option-checkbox-
|
|
3100
|
+
.fds-option-checkbox-e45d3bd6 input {
|
|
3138
3101
|
min-width: unset;
|
|
3139
3102
|
min-height: unset;
|
|
3140
3103
|
}
|
|
3141
3104
|
|
|
3142
|
-
.fds-option-checkbox-
|
|
3105
|
+
.fds-option-checkbox-e45d3bd6 > span {
|
|
3143
3106
|
position: relative;
|
|
3144
3107
|
min-width: unset;
|
|
3145
3108
|
min-height: unset;
|
|
@@ -3147,7 +3110,7 @@
|
|
|
3147
3110
|
width: unset;
|
|
3148
3111
|
}
|
|
3149
3112
|
|
|
3150
|
-
.fds-option-selectIconWrapper-
|
|
3113
|
+
.fds-option-selectIconWrapper-e45d3bd6 {
|
|
3151
3114
|
width: var(--fds-spacing-6);
|
|
3152
3115
|
aspect-ratio: 1 / 1;
|
|
3153
3116
|
border: 2px solid var(--fds-semantic-border-input-default);
|
|
@@ -3157,24 +3120,24 @@
|
|
|
3157
3120
|
place-items: center;
|
|
3158
3121
|
}
|
|
3159
3122
|
|
|
3160
|
-
.fds-option-small-
|
|
3123
|
+
.fds-option-small-e45d3bd6 .fds-option-selectIconWrapper-e45d3bd6 {
|
|
3161
3124
|
width: var(--fds-spacing-5);
|
|
3162
3125
|
}
|
|
3163
3126
|
|
|
3164
|
-
.fds-option-medium-
|
|
3127
|
+
.fds-option-medium-e45d3bd6 .fds-option-selectIconWrapper-e45d3bd6 {
|
|
3165
3128
|
width: var(--fds-spacing-6);
|
|
3166
3129
|
}
|
|
3167
3130
|
|
|
3168
|
-
.fds-option-large-
|
|
3131
|
+
.fds-option-large-e45d3bd6 .fds-option-selectIconWrapper-e45d3bd6 {
|
|
3169
3132
|
width: var(--fds-spacing-7);
|
|
3170
3133
|
}
|
|
3171
3134
|
|
|
3172
|
-
.fds-option-selectIconWrapper-
|
|
3135
|
+
.fds-option-selectIconWrapper-e45d3bd6.fds-option-selected-e45d3bd6 {
|
|
3173
3136
|
border-color: var(--fds-semantic-border-input-hover);
|
|
3174
3137
|
background-color: var(--fds-semantic-border-input-hover);
|
|
3175
3138
|
}
|
|
3176
3139
|
|
|
3177
|
-
.fds-option-selectIcon-
|
|
3140
|
+
.fds-option-selectIcon-e45d3bd6 {
|
|
3178
3141
|
box-sizing: border-box;
|
|
3179
3142
|
padding-top: 0.2em;
|
|
3180
3143
|
transform: scale(1.4);
|
|
@@ -3182,25 +3145,25 @@
|
|
|
3182
3145
|
color: var(--fds-semantic-text-neutral-default);
|
|
3183
3146
|
}
|
|
3184
3147
|
|
|
3185
|
-
.fds-option-selectIconWrapper-
|
|
3148
|
+
.fds-option-selectIconWrapper-e45d3bd6 .fds-option-selectIcon-e45d3bd6 {
|
|
3186
3149
|
padding-top: 0;
|
|
3187
3150
|
}
|
|
3188
3151
|
|
|
3189
|
-
.fds-option-active-
|
|
3152
|
+
.fds-option-active-e45d3bd6 .fds-option-selectIcon-e45d3bd6 {
|
|
3190
3153
|
stroke: var(--fds-semantic-text-action-hover);
|
|
3191
3154
|
color: var(--fds-semantic-text-action-hover);
|
|
3192
3155
|
}
|
|
3193
3156
|
|
|
3194
|
-
.fds-option-active-
|
|
3157
|
+
.fds-option-active-e45d3bd6 .fds-option-selectIconWrapper-e45d3bd6 {
|
|
3195
3158
|
border-color: var(--fds-semantic-border-input-hover);
|
|
3196
3159
|
}
|
|
3197
3160
|
|
|
3198
|
-
.fds-option-selectIconWrapper-
|
|
3161
|
+
.fds-option-selectIconWrapper-e45d3bd6.fds-option-selected-e45d3bd6 .fds-option-selectIcon-e45d3bd6 {
|
|
3199
3162
|
color: white;
|
|
3200
3163
|
stroke: white;
|
|
3201
3164
|
}
|
|
3202
3165
|
|
|
3203
|
-
.fds-description-description-
|
|
3166
|
+
.fds-description-description-2f709a8a {
|
|
3204
3167
|
display: flex;
|
|
3205
3168
|
flex-direction: column;
|
|
3206
3169
|
flex-wrap: wrap;
|
|
@@ -3210,46 +3173,46 @@
|
|
|
3210
3173
|
font-family: inherit;
|
|
3211
3174
|
}
|
|
3212
3175
|
|
|
3213
|
-
.fds-custom-custom-
|
|
3176
|
+
.fds-custom-custom-b0827f56 {
|
|
3214
3177
|
padding: var(--fds-spacing-2) var(--fds-spacing-3);
|
|
3215
3178
|
}
|
|
3216
3179
|
|
|
3217
|
-
.fds-custom-large-
|
|
3180
|
+
.fds-custom-large-b0827f56 {
|
|
3218
3181
|
font: var(--fds-typography-label-large);
|
|
3219
3182
|
font-family: inherit;
|
|
3220
3183
|
font-weight: 400;
|
|
3221
3184
|
}
|
|
3222
3185
|
|
|
3223
|
-
.fds-custom-medium-
|
|
3186
|
+
.fds-custom-medium-b0827f56 {
|
|
3224
3187
|
font: var(--fds-typography-label-medium);
|
|
3225
3188
|
font-family: inherit;
|
|
3226
3189
|
font-weight: 400;
|
|
3227
3190
|
}
|
|
3228
3191
|
|
|
3229
|
-
.fds-custom-small-
|
|
3192
|
+
.fds-custom-small-b0827f56 {
|
|
3230
3193
|
font: var(--fds-typography-label-small);
|
|
3231
3194
|
font-family: inherit;
|
|
3232
3195
|
font-weight: 400;
|
|
3233
3196
|
}
|
|
3234
3197
|
|
|
3235
|
-
.fds-combobox-combobox-
|
|
3198
|
+
.fds-combobox-combobox-249a725c {
|
|
3236
3199
|
display: grid;
|
|
3237
3200
|
background-color: transparent;
|
|
3238
3201
|
gap: var(--fds-spacing-2);
|
|
3239
3202
|
}
|
|
3240
3203
|
|
|
3241
|
-
.fds-combobox-optionsWrapper-
|
|
3204
|
+
.fds-combobox-optionsWrapper-249a725c {
|
|
3242
3205
|
padding: var(--fds-spacing-2);
|
|
3243
3206
|
background: var(--fds-semantic-background-default);
|
|
3244
3207
|
overflow-y: auto;
|
|
3245
3208
|
z-index: 1600;
|
|
3246
3209
|
}
|
|
3247
3210
|
|
|
3248
|
-
.fds-combobox-readOnly-
|
|
3211
|
+
.fds-combobox-readOnly-249a725c input {
|
|
3249
3212
|
pointer-events: none;
|
|
3250
3213
|
}
|
|
3251
3214
|
|
|
3252
|
-
.fds-combobox-inputWrapper-
|
|
3215
|
+
.fds-combobox-inputWrapper-249a725c {
|
|
3253
3216
|
display: flex;
|
|
3254
3217
|
align-items: center;
|
|
3255
3218
|
position: relative;
|
|
@@ -3263,7 +3226,7 @@
|
|
|
3263
3226
|
font-family: inherit;
|
|
3264
3227
|
}
|
|
3265
3228
|
|
|
3266
|
-
.fds-combobox-inputWrapper-
|
|
3229
|
+
.fds-combobox-inputWrapper-249a725c input {
|
|
3267
3230
|
height: 100%;
|
|
3268
3231
|
min-width: 50px;
|
|
3269
3232
|
flex-grow: 1;
|
|
@@ -3272,49 +3235,49 @@
|
|
|
3272
3235
|
background-color: transparent;
|
|
3273
3236
|
}
|
|
3274
3237
|
|
|
3275
|
-
.fds-combobox-inputWrapper-
|
|
3238
|
+
.fds-combobox-inputWrapper-249a725c.fds-combobox-small-249a725c {
|
|
3276
3239
|
font: var(--fds-typography-paragraph-small);
|
|
3277
3240
|
font-family: inherit;
|
|
3278
3241
|
padding: 5px var(--fds-spacing-2);
|
|
3279
3242
|
}
|
|
3280
3243
|
|
|
3281
|
-
.fds-combobox-inputWrapper-
|
|
3244
|
+
.fds-combobox-inputWrapper-249a725c.fds-combobox-small-249a725c input {
|
|
3282
3245
|
font: var(--fds-typography-paragraph-small);
|
|
3283
3246
|
font-family: inherit;
|
|
3284
3247
|
}
|
|
3285
3248
|
|
|
3286
|
-
.fds-combobox-inputWrapper-
|
|
3249
|
+
.fds-combobox-inputWrapper-249a725c.fds-combobox-medium-249a725c {
|
|
3287
3250
|
font: var(--fds-typography-paragraph-medium);
|
|
3288
3251
|
font-family: inherit;
|
|
3289
3252
|
padding: 7px var(--fds-spacing-3);
|
|
3290
3253
|
}
|
|
3291
3254
|
|
|
3292
|
-
.fds-combobox-inputWrapper-
|
|
3255
|
+
.fds-combobox-inputWrapper-249a725c.fds-combobox-medium-249a725c input {
|
|
3293
3256
|
font: var(--fds-typography-paragraph-medium);
|
|
3294
3257
|
font-family: inherit;
|
|
3295
3258
|
}
|
|
3296
3259
|
|
|
3297
|
-
.fds-combobox-inputWrapper-
|
|
3260
|
+
.fds-combobox-inputWrapper-249a725c.fds-combobox-large-249a725c {
|
|
3298
3261
|
font: var(--fds-typography-paragraph-large);
|
|
3299
3262
|
font-family: inherit;
|
|
3300
3263
|
padding: 7px var(--fds-spacing-4);
|
|
3301
3264
|
}
|
|
3302
3265
|
|
|
3303
|
-
.fds-combobox-inputWrapper-
|
|
3266
|
+
.fds-combobox-inputWrapper-249a725c.fds-combobox-large-249a725c input {
|
|
3304
3267
|
font: var(--fds-typography-paragraph-large);
|
|
3305
3268
|
font-family: inherit;
|
|
3306
3269
|
}
|
|
3307
3270
|
|
|
3308
|
-
.fds-combobox-inputWrapper-
|
|
3271
|
+
.fds-combobox-inputWrapper-249a725c input:focus {
|
|
3309
3272
|
outline: none;
|
|
3310
3273
|
}
|
|
3311
3274
|
|
|
3312
|
-
.fds-combobox-inputWrapper-
|
|
3275
|
+
.fds-combobox-inputWrapper-249a725c.fds-combobox-error-249a725c {
|
|
3313
3276
|
border-color: var(--fds-semantic-border-danger-default);
|
|
3314
3277
|
border-width: 2px;
|
|
3315
3278
|
}
|
|
3316
3279
|
|
|
3317
|
-
.fds-combobox-chipAndInput-
|
|
3280
|
+
.fds-combobox-chipAndInput-249a725c {
|
|
3318
3281
|
display: flex;
|
|
3319
3282
|
flex-wrap: wrap;
|
|
3320
3283
|
width: 100%;
|
|
@@ -3323,7 +3286,7 @@
|
|
|
3323
3286
|
background-color: transparent;
|
|
3324
3287
|
}
|
|
3325
3288
|
|
|
3326
|
-
.fds-combobox-chips-
|
|
3289
|
+
.fds-combobox-chips-249a725c {
|
|
3327
3290
|
display: flex;
|
|
3328
3291
|
flex-wrap: wrap;
|
|
3329
3292
|
gap: var(--fds-spacing-1);
|
|
@@ -3331,18 +3294,18 @@
|
|
|
3331
3294
|
background-color: transparent;
|
|
3332
3295
|
}
|
|
3333
3296
|
|
|
3334
|
-
.fds-combobox-arrow-
|
|
3297
|
+
.fds-combobox-arrow-249a725c {
|
|
3335
3298
|
display: grid;
|
|
3336
3299
|
place-items: center;
|
|
3337
3300
|
cursor: pointer;
|
|
3338
3301
|
}
|
|
3339
3302
|
|
|
3340
|
-
.fds-combobox-inputWrapper-
|
|
3303
|
+
.fds-combobox-inputWrapper-249a725c.fds-combobox-readonly-249a725c {
|
|
3341
3304
|
background: var(--fds-semantic-surface-neutral-subtle);
|
|
3342
3305
|
border-color: var(--fds-semantic-border-neutral-default);
|
|
3343
3306
|
}
|
|
3344
3307
|
|
|
3345
|
-
.fds-combobox-label-
|
|
3308
|
+
.fds-combobox-label-249a725c {
|
|
3346
3309
|
min-width: min-content;
|
|
3347
3310
|
display: inline-flex;
|
|
3348
3311
|
flex-direction: row;
|
|
@@ -3350,12 +3313,12 @@
|
|
|
3350
3313
|
align-items: center;
|
|
3351
3314
|
}
|
|
3352
3315
|
|
|
3353
|
-
.fds-combobox-description-
|
|
3316
|
+
.fds-combobox-description-249a725c {
|
|
3354
3317
|
color: var(--fds-semantic-text-neutral-subtle);
|
|
3355
3318
|
margin-top: calc(var(--fds-spacing-2) * -1);
|
|
3356
3319
|
}
|
|
3357
3320
|
|
|
3358
|
-
.fds-combobox-clearButton-
|
|
3321
|
+
.fds-combobox-clearButton-249a725c {
|
|
3359
3322
|
display: grid;
|
|
3360
3323
|
place-items: center;
|
|
3361
3324
|
cursor: pointer;
|
|
@@ -3369,47 +3332,47 @@
|
|
|
3369
3332
|
aspect-ratio: 1;
|
|
3370
3333
|
}
|
|
3371
3334
|
|
|
3372
|
-
.fds-combobox-clearButton-
|
|
3335
|
+
.fds-combobox-clearButton-249a725c.fds-combobox-small-249a725c {
|
|
3373
3336
|
height: 25px;
|
|
3374
3337
|
width: 25px;
|
|
3375
3338
|
}
|
|
3376
3339
|
|
|
3377
|
-
.fds-combobox-clearButton-
|
|
3340
|
+
.fds-combobox-clearButton-249a725c.fds-combobox-medium-249a725c {
|
|
3378
3341
|
height: 29px;
|
|
3379
3342
|
width: 29px;
|
|
3380
3343
|
}
|
|
3381
3344
|
|
|
3382
|
-
.fds-combobox-clearButton-
|
|
3345
|
+
.fds-combobox-clearButton-249a725c.fds-combobox-large-249a725c {
|
|
3383
3346
|
height: 31px;
|
|
3384
3347
|
width: 31px;
|
|
3385
3348
|
}
|
|
3386
3349
|
|
|
3387
|
-
.fds-combobox-clearButton-
|
|
3350
|
+
.fds-combobox-clearButton-249a725c:not(.fds-combobox-disabled-249a725c):hover {
|
|
3388
3351
|
background-color: var(--fds-semantic-surface-info-subtle-hover);
|
|
3389
3352
|
}
|
|
3390
3353
|
|
|
3391
|
-
.fds-combobox-disabled-
|
|
3354
|
+
.fds-combobox-disabled-249a725c {
|
|
3392
3355
|
opacity: var(--fds-opacity-disabled);
|
|
3393
3356
|
}
|
|
3394
3357
|
|
|
3395
|
-
.fds-combobox-disabled-
|
|
3358
|
+
.fds-combobox-disabled-249a725c * {
|
|
3396
3359
|
cursor: not-allowed;
|
|
3397
3360
|
}
|
|
3398
3361
|
|
|
3399
|
-
.fds-combobox-padlock-
|
|
3362
|
+
.fds-combobox-padlock-249a725c {
|
|
3400
3363
|
height: 1.2em;
|
|
3401
3364
|
width: 1.2em;
|
|
3402
3365
|
}
|
|
3403
3366
|
|
|
3404
|
-
.fds-combobox-errorMessage-
|
|
3367
|
+
.fds-combobox-errorMessage-249a725c {
|
|
3405
3368
|
margin-top: var(--fds-spacing-2);
|
|
3406
3369
|
}
|
|
3407
3370
|
|
|
3408
|
-
.fds-combobox-errorMessage-
|
|
3371
|
+
.fds-combobox-errorMessage-249a725c:empty {
|
|
3409
3372
|
display: none;
|
|
3410
3373
|
}
|
|
3411
3374
|
|
|
3412
|
-
.fds-combobox-loading-
|
|
3375
|
+
.fds-combobox-loading-249a725c {
|
|
3413
3376
|
display: flex;
|
|
3414
3377
|
gap: var(--fds-spacing-2);
|
|
3415
3378
|
align-content: center;
|
|
@@ -3418,7 +3381,7 @@
|
|
|
3418
3381
|
/**
|
|
3419
3382
|
* Apply a focus outline on an element when it is focused with keyboard
|
|
3420
3383
|
*/
|
|
3421
|
-
.fds-combobox-inFocus-
|
|
3384
|
+
.fds-combobox-inFocus-249a725c {
|
|
3422
3385
|
--fds-focus-border-width: 3px;
|
|
3423
3386
|
|
|
3424
3387
|
outline: var(--fds-focus-border-width) solid var(--fds-semantic-border-focus-outline);
|
|
@@ -3426,38 +3389,38 @@
|
|
|
3426
3389
|
box-shadow: 0 0 0 var(--fds-focus-border-width) var(--fds-semantic-border-focus-boxshadow) !important;
|
|
3427
3390
|
}
|
|
3428
3391
|
|
|
3429
|
-
.fds-combobox-showChecked-
|
|
3392
|
+
.fds-combobox-showChecked-249a725c path {
|
|
3430
3393
|
display: inline !important;
|
|
3431
3394
|
}
|
|
3432
3395
|
|
|
3433
|
-
.fds-combobox-showChecked-
|
|
3396
|
+
.fds-combobox-showChecked-249a725c rect {
|
|
3434
3397
|
stroke: var(--fds-semantic-border-input-hover) !important;
|
|
3435
3398
|
fill: var(--fds-semantic-border-input-hover) !important;
|
|
3436
3399
|
}
|
|
3437
3400
|
|
|
3438
|
-
.fds-empty-empty-
|
|
3401
|
+
.fds-empty-empty-81c5195a {
|
|
3439
3402
|
padding: var(--fds-spacing-2) var(--fds-spacing-3);
|
|
3440
3403
|
}
|
|
3441
3404
|
|
|
3442
|
-
.fds-empty-large-
|
|
3405
|
+
.fds-empty-large-81c5195a {
|
|
3443
3406
|
font: var(--fds-typography-label-large);
|
|
3444
3407
|
font-family: inherit;
|
|
3445
3408
|
font-weight: 400;
|
|
3446
3409
|
}
|
|
3447
3410
|
|
|
3448
|
-
.fds-empty-medium-
|
|
3411
|
+
.fds-empty-medium-81c5195a {
|
|
3449
3412
|
font: var(--fds-typography-label-medium);
|
|
3450
3413
|
font-family: inherit;
|
|
3451
3414
|
font-weight: 400;
|
|
3452
3415
|
}
|
|
3453
3416
|
|
|
3454
|
-
.fds-empty-small-
|
|
3417
|
+
.fds-empty-small-81c5195a {
|
|
3455
3418
|
font: var(--fds-typography-label-small);
|
|
3456
3419
|
font-family: inherit;
|
|
3457
3420
|
font-weight: 400;
|
|
3458
3421
|
}
|
|
3459
3422
|
|
|
3460
|
-
.fds-table-table-
|
|
3423
|
+
.fds-table-table-35cf16b1 {
|
|
3461
3424
|
position: relative;
|
|
3462
3425
|
border-collapse: separate;
|
|
3463
3426
|
border-spacing: 0;
|
|
@@ -3467,27 +3430,27 @@
|
|
|
3467
3430
|
--border-radius: var(--fds-border_radius-medium);
|
|
3468
3431
|
}
|
|
3469
3432
|
|
|
3470
|
-
.fds-table-table-
|
|
3433
|
+
.fds-table-table-35cf16b1.fds-table-stickyHeader-35cf16b1 {
|
|
3471
3434
|
overflow: auto;
|
|
3472
3435
|
}
|
|
3473
3436
|
|
|
3474
|
-
.fds-table-table-
|
|
3437
|
+
.fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-row-35cf16b1:last-of-type td {
|
|
3475
3438
|
border-bottom: 0;
|
|
3476
3439
|
}
|
|
3477
3440
|
|
|
3478
|
-
.fds-table-small-
|
|
3441
|
+
.fds-table-small-35cf16b1 {
|
|
3479
3442
|
--table-padding: var(--fds-spacing-1) var(--fds-spacing-3);
|
|
3480
3443
|
}
|
|
3481
3444
|
|
|
3482
|
-
.fds-table-medium-
|
|
3445
|
+
.fds-table-medium-35cf16b1 {
|
|
3483
3446
|
--table-padding: var(--fds-spacing-2) var(--fds-spacing-3);
|
|
3484
3447
|
}
|
|
3485
3448
|
|
|
3486
|
-
.fds-table-large-
|
|
3449
|
+
.fds-table-large-35cf16b1 {
|
|
3487
3450
|
--table-padding: var(--fds-spacing-3) var(--fds-spacing-3);
|
|
3488
3451
|
}
|
|
3489
3452
|
|
|
3490
|
-
.fds-table-head-
|
|
3453
|
+
.fds-table-head-35cf16b1 {
|
|
3491
3454
|
z-index: 0;
|
|
3492
3455
|
box-sizing: border-box;
|
|
3493
3456
|
font: inherit;
|
|
@@ -3497,7 +3460,7 @@
|
|
|
3497
3460
|
border-bottom: 2px solid var(--fds-semantic-border-divider-default);
|
|
3498
3461
|
}
|
|
3499
3462
|
|
|
3500
|
-
.fds-table-headerCell-
|
|
3463
|
+
.fds-table-headerCell-35cf16b1 {
|
|
3501
3464
|
padding: var(--table-padding);
|
|
3502
3465
|
font: inherit;
|
|
3503
3466
|
font-family: inherit;
|
|
@@ -3506,17 +3469,17 @@
|
|
|
3506
3469
|
border-bottom: 2px solid var(--fds-semantic-border-divider-default);
|
|
3507
3470
|
}
|
|
3508
3471
|
|
|
3509
|
-
.fds-table-stickyHeader-
|
|
3472
|
+
.fds-table-stickyHeader-35cf16b1 .fds-table-head-35cf16b1 .fds-table-headerCell-35cf16b1 {
|
|
3510
3473
|
position: sticky;
|
|
3511
3474
|
top: 0;
|
|
3512
3475
|
z-index: 1;
|
|
3513
3476
|
}
|
|
3514
3477
|
|
|
3515
|
-
.fds-table-headerCell-
|
|
3478
|
+
.fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 {
|
|
3516
3479
|
padding: 0;
|
|
3517
3480
|
}
|
|
3518
3481
|
|
|
3519
|
-
.fds-table-headerCell-
|
|
3482
|
+
.fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 button {
|
|
3520
3483
|
position: relative;
|
|
3521
3484
|
width: 100%;
|
|
3522
3485
|
border: none;
|
|
@@ -3531,74 +3494,75 @@
|
|
|
3531
3494
|
z-index: 2;
|
|
3532
3495
|
}
|
|
3533
3496
|
|
|
3534
|
-
.fds-table-headerCell-
|
|
3497
|
+
.fds-table-headerCell-35cf16b1.fds-table-sorted-35cf16b1 button {
|
|
3535
3498
|
background-color: var(--fds-semantic-surface-neutral-subtle);
|
|
3536
3499
|
}
|
|
3537
3500
|
|
|
3538
|
-
.fds-table-headerCell-
|
|
3501
|
+
.fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 button:focus {
|
|
3539
3502
|
z-index: 3;
|
|
3540
3503
|
}
|
|
3541
3504
|
|
|
3542
|
-
.fds-table-headerCell-
|
|
3505
|
+
.fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 button:hover {
|
|
3543
3506
|
background-color: var(--fds-semantic-surface-neutral-subtle-hover);
|
|
3544
3507
|
}
|
|
3545
3508
|
|
|
3546
|
-
.fds-table-headerCell-
|
|
3509
|
+
.fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 button svg {
|
|
3547
3510
|
font-size: 1.2em;
|
|
3548
3511
|
}
|
|
3549
3512
|
|
|
3550
|
-
.fds-table-cell-
|
|
3513
|
+
.fds-table-cell-35cf16b1 {
|
|
3551
3514
|
padding: var(--table-padding);
|
|
3552
3515
|
border-bottom: 1px solid var(--fds-semantic-border-divider-default);
|
|
3516
|
+
background-color: var(--fds-semantic-surface-neutral-default);
|
|
3553
3517
|
}
|
|
3554
3518
|
|
|
3555
|
-
.fds-table-row-
|
|
3519
|
+
.fds-table-row-35cf16b1:hover .fds-table-cell-35cf16b1 {
|
|
3556
3520
|
background-color: var(--fds-semantic-surface-neutral-subtle-hover);
|
|
3557
3521
|
}
|
|
3558
3522
|
|
|
3559
|
-
.fds-table-zebra-
|
|
3523
|
+
.fds-table-zebra-35cf16b1 .fds-table-row-35cf16b1 {
|
|
3560
3524
|
border-bottom: 0;
|
|
3561
3525
|
}
|
|
3562
3526
|
|
|
3563
|
-
.fds-table-zebra-
|
|
3527
|
+
.fds-table-zebra-35cf16b1 tr:nth-child(even):not(:hover) .fds-table-cell-35cf16b1 {
|
|
3564
3528
|
background-color: var(--fds-semantic-background-subtle);
|
|
3565
3529
|
}
|
|
3566
3530
|
|
|
3567
|
-
.fds-table-table-
|
|
3531
|
+
.fds-table-table-35cf16b1.fds-table-border-35cf16b1 {
|
|
3568
3532
|
border-radius: var(--border-radius);
|
|
3569
3533
|
border: 1px solid var(--fds-semantic-border-neutral-default);
|
|
3570
3534
|
}
|
|
3571
3535
|
|
|
3572
|
-
.fds-table-table-
|
|
3536
|
+
.fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-head-35cf16b1 .fds-table-headerCell-35cf16b1:first-of-type {
|
|
3573
3537
|
border-top-left-radius: var(--border-radius);
|
|
3574
3538
|
overflow: hidden;
|
|
3575
3539
|
}
|
|
3576
3540
|
|
|
3577
|
-
.fds-table-table-
|
|
3541
|
+
.fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-head-35cf16b1 .fds-table-headerCell-35cf16b1:last-of-type {
|
|
3578
3542
|
border-top-right-radius: var(--border-radius);
|
|
3579
3543
|
overflow: hidden;
|
|
3580
3544
|
}
|
|
3581
3545
|
|
|
3582
|
-
.fds-table-table-
|
|
3546
|
+
.fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-row-35cf16b1:last-of-type .fds-table-cell-35cf16b1:first-of-type {
|
|
3583
3547
|
border-bottom-left-radius: var(--border-radius);
|
|
3584
3548
|
overflow: hidden;
|
|
3585
3549
|
}
|
|
3586
3550
|
|
|
3587
|
-
.fds-table-table-
|
|
3551
|
+
.fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-row-35cf16b1:last-of-type .fds-table-cell-35cf16b1:last-of-type {
|
|
3588
3552
|
border-bottom-right-radius: var(--border-radius);
|
|
3589
3553
|
overflow: hidden;
|
|
3590
3554
|
}
|
|
3591
3555
|
|
|
3592
|
-
.fds-errorsummary-errorSummary-
|
|
3556
|
+
.fds-errorsummary-errorSummary-1700c6cf {
|
|
3593
3557
|
padding: var(--fds-spacing-6) var(--fds-spacing-8);
|
|
3594
3558
|
border-radius: var(--fds-border_radius-large);
|
|
3595
3559
|
background-color: var(--fds-semantic-surface-danger-subtle);
|
|
3596
3560
|
}
|
|
3597
3561
|
|
|
3598
|
-
.fds-errorsummary-errorSummary-
|
|
3562
|
+
.fds-errorsummary-errorSummary-1700c6cf a {
|
|
3599
3563
|
color: var(--fds-semantic-text-neutral-default);
|
|
3600
3564
|
}
|
|
3601
3565
|
|
|
3602
|
-
.fds-errorsummary-errorSummary-
|
|
3566
|
+
.fds-errorsummary-errorSummary-1700c6cf li:last-of-type {
|
|
3603
3567
|
margin-bottom: 0;
|
|
3604
3568
|
}
|