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