@digdir/designsystemet-react 1.0.0-rc.4 → 1.0.0-rc.6

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 (222) hide show
  1. package/dist/cjs/components/Accordion/Accordion.js +1 -1
  2. package/dist/cjs/components/Accordion/{AccordionContent/AccordionContent.js → AccordionContent.js} +5 -5
  3. package/dist/cjs/components/Accordion/AccordionHeader.js +26 -0
  4. package/dist/cjs/components/Accordion/{AccordionItem/AccordionItem.js → AccordionItem.js} +2 -2
  5. package/dist/cjs/components/Accordion/index.js +5 -5
  6. package/dist/cjs/components/Alert/Alert.js +1 -1
  7. package/dist/cjs/components/Box/Box.js +1 -1
  8. package/dist/cjs/components/Button/Button.js +1 -1
  9. package/dist/cjs/components/Card/Card.js +1 -1
  10. package/dist/cjs/components/Card/CardContent.js +1 -1
  11. package/dist/cjs/components/Card/CardFooter.js +1 -1
  12. package/dist/cjs/components/Card/CardHeader.js +1 -1
  13. package/dist/cjs/components/Card/CardMedia.js +1 -1
  14. package/dist/cjs/components/Chip/Group/Group.js +1 -1
  15. package/dist/cjs/components/Chip/Removable/Removable.js +1 -1
  16. package/dist/cjs/components/Chip/Toggle/Toggle.js +1 -1
  17. package/dist/cjs/components/Divider/Divider.js +1 -1
  18. package/dist/cjs/components/DropdownMenu/DropdownMenuContent.js +1 -1
  19. package/dist/cjs/components/DropdownMenu/DropdownMenuGroup.js +1 -1
  20. package/dist/cjs/components/DropdownMenu/DropdownMenuItem.js +1 -1
  21. package/dist/cjs/components/ErrorSummary/ErrorSummaryHeading.js +1 -1
  22. package/dist/cjs/components/ErrorSummary/ErrorSummaryRoot.js +1 -1
  23. package/dist/cjs/components/HelpText/HelpText.js +1 -1
  24. package/dist/cjs/components/Link/Link.js +2 -2
  25. package/dist/cjs/components/List/ListItem.js +1 -1
  26. package/dist/cjs/components/List/Lists.js +2 -2
  27. package/dist/cjs/components/Modal/ModaContent.js +1 -1
  28. package/dist/cjs/components/Modal/ModalDialog.js +2 -2
  29. package/dist/cjs/components/Modal/ModalFooter.js +1 -1
  30. package/dist/cjs/components/Modal/ModalHeader.js +1 -1
  31. package/dist/cjs/components/Pagination/Pagination.js +2 -2
  32. package/dist/cjs/components/Pagination/PaginationContent.js +1 -1
  33. package/dist/cjs/components/Pagination/PaginationEllipsis.js +1 -1
  34. package/dist/cjs/components/Pagination/PaginationItem.js +1 -1
  35. package/dist/cjs/components/Popover/PopoverContent.js +2 -2
  36. package/dist/cjs/components/Skeleton/Circle/Circle.js +2 -2
  37. package/dist/cjs/components/Skeleton/Rectangle/Rectangle.js +2 -2
  38. package/dist/cjs/components/Skeleton/Text/Text.js +2 -2
  39. package/dist/cjs/components/SkipLink/SkipLink.js +1 -1
  40. package/dist/cjs/components/Spinner/Spinner.js +3 -3
  41. package/dist/cjs/components/Table/Table.js +1 -1
  42. package/dist/cjs/components/Table/TableCell.js +1 -1
  43. package/dist/cjs/components/Table/TableHead.js +1 -1
  44. package/dist/cjs/components/Table/TableHeaderCell.js +1 -1
  45. package/dist/cjs/components/Table/TableRow.js +1 -1
  46. package/dist/cjs/components/Tabs/{Tab/Tab.js → Tab.js} +3 -3
  47. package/dist/cjs/components/Tabs/{TabContent/TabContent.js → TabContent.js} +4 -3
  48. package/dist/cjs/components/Tabs/{TabList/TabList.js → TabList.js} +3 -3
  49. package/dist/cjs/components/Tabs/Tabs.js +1 -1
  50. package/dist/cjs/components/Tabs/index.js +3 -3
  51. package/dist/cjs/components/Tabs/{Tab/useTab.js → useTab.js} +1 -1
  52. package/dist/cjs/components/Tag/Tag.js +1 -1
  53. package/dist/cjs/components/ToggleGroup/ToggleGroup.js +2 -2
  54. package/dist/cjs/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js +1 -1
  55. package/dist/cjs/components/Tooltip/Tooltip.js +2 -2
  56. package/dist/cjs/components/Typography/ErrorMessage/ErrorMessage.js +1 -1
  57. package/dist/cjs/components/Typography/Heading/Heading.js +1 -1
  58. package/dist/cjs/components/Typography/Ingress/Ingress.js +1 -1
  59. package/dist/cjs/components/Typography/Label/Label.js +1 -1
  60. package/dist/cjs/components/Typography/Paragraph/Paragraph.js +1 -1
  61. package/dist/cjs/components/form/CharacterCounter.js +1 -1
  62. package/dist/cjs/components/form/Checkbox/Checkbox.js +1 -1
  63. package/dist/cjs/components/form/Checkbox/Group/Group.js +1 -1
  64. package/dist/cjs/components/form/Combobox/Combobox.js +15 -15
  65. package/dist/cjs/components/form/Combobox/Custom.js +1 -1
  66. package/dist/cjs/components/form/Combobox/Empty.js +1 -1
  67. package/dist/cjs/components/form/Combobox/Option/Description.js +1 -1
  68. package/dist/cjs/components/form/Combobox/Option/Option.js +1 -1
  69. package/dist/cjs/components/form/Combobox/Option/SelectedIcon.js +1 -1
  70. package/dist/cjs/components/form/Combobox/Option/useComboboxOption.js +3 -2
  71. package/dist/cjs/components/form/Combobox/internal/ComboboxClearButton.js +1 -1
  72. package/dist/cjs/components/form/Combobox/internal/ComboboxError.js +1 -1
  73. package/dist/cjs/components/form/Combobox/internal/ComboboxInput.js +5 -4
  74. package/dist/cjs/components/form/Combobox/internal/ComboboxLabel.js +1 -1
  75. package/dist/cjs/components/form/Combobox/internal/ComboboxNative.js +3 -3
  76. package/dist/cjs/components/form/Combobox/useCombobox.js +22 -6
  77. package/dist/cjs/components/form/Fieldset/Fieldset.js +1 -1
  78. package/dist/cjs/components/form/NativeSelect/NativeSelect.js +1 -1
  79. package/dist/cjs/components/form/Radio/Group/Group.js +1 -1
  80. package/dist/cjs/components/form/Radio/Radio.js +1 -1
  81. package/dist/cjs/components/form/Search/Search.js +3 -3
  82. package/dist/cjs/components/form/Switch/Switch.js +1 -1
  83. package/dist/cjs/components/form/Switch/useSwitch.js +1 -0
  84. package/dist/cjs/components/form/Textarea/Textarea.js +2 -2
  85. package/dist/cjs/components/form/Textfield/Textfield.js +2 -2
  86. package/dist/cjs/index.js +6 -6
  87. package/dist/cjs/utilities/AnimateHeight/AnimateHeight.js +1 -1
  88. package/dist/esm/components/Accordion/Accordion.js +1 -1
  89. package/dist/esm/components/Accordion/{AccordionContent/AccordionContent.js → AccordionContent.js} +5 -5
  90. package/dist/esm/components/Accordion/AccordionHeader.js +24 -0
  91. package/dist/esm/components/Accordion/{AccordionItem/AccordionItem.js → AccordionItem.js} +2 -2
  92. package/dist/esm/components/Accordion/index.js +3 -3
  93. package/dist/esm/components/Alert/Alert.js +1 -1
  94. package/dist/esm/components/Box/Box.js +1 -1
  95. package/dist/esm/components/Button/Button.js +1 -1
  96. package/dist/esm/components/Card/Card.js +1 -1
  97. package/dist/esm/components/Card/CardContent.js +1 -1
  98. package/dist/esm/components/Card/CardFooter.js +1 -1
  99. package/dist/esm/components/Card/CardHeader.js +1 -1
  100. package/dist/esm/components/Card/CardMedia.js +1 -1
  101. package/dist/esm/components/Chip/Group/Group.js +1 -1
  102. package/dist/esm/components/Chip/Removable/Removable.js +1 -1
  103. package/dist/esm/components/Chip/Toggle/Toggle.js +1 -1
  104. package/dist/esm/components/Divider/Divider.js +1 -1
  105. package/dist/esm/components/DropdownMenu/DropdownMenuContent.js +1 -1
  106. package/dist/esm/components/DropdownMenu/DropdownMenuGroup.js +1 -1
  107. package/dist/esm/components/DropdownMenu/DropdownMenuItem.js +1 -1
  108. package/dist/esm/components/ErrorSummary/ErrorSummaryHeading.js +1 -1
  109. package/dist/esm/components/ErrorSummary/ErrorSummaryRoot.js +1 -1
  110. package/dist/esm/components/HelpText/HelpText.js +1 -1
  111. package/dist/esm/components/Link/Link.js +2 -2
  112. package/dist/esm/components/List/ListItem.js +1 -1
  113. package/dist/esm/components/List/Lists.js +2 -2
  114. package/dist/esm/components/Modal/ModaContent.js +1 -1
  115. package/dist/esm/components/Modal/ModalDialog.js +2 -2
  116. package/dist/esm/components/Modal/ModalFooter.js +1 -1
  117. package/dist/esm/components/Modal/ModalHeader.js +1 -1
  118. package/dist/esm/components/Pagination/Pagination.js +2 -2
  119. package/dist/esm/components/Pagination/PaginationContent.js +1 -1
  120. package/dist/esm/components/Pagination/PaginationEllipsis.js +1 -1
  121. package/dist/esm/components/Pagination/PaginationItem.js +1 -1
  122. package/dist/esm/components/Popover/PopoverContent.js +2 -2
  123. package/dist/esm/components/Skeleton/Circle/Circle.js +2 -2
  124. package/dist/esm/components/Skeleton/Rectangle/Rectangle.js +2 -2
  125. package/dist/esm/components/Skeleton/Text/Text.js +2 -2
  126. package/dist/esm/components/SkipLink/SkipLink.js +1 -1
  127. package/dist/esm/components/Spinner/Spinner.js +3 -3
  128. package/dist/esm/components/Table/Table.js +1 -1
  129. package/dist/esm/components/Table/TableCell.js +1 -1
  130. package/dist/esm/components/Table/TableHead.js +1 -1
  131. package/dist/esm/components/Table/TableHeaderCell.js +1 -1
  132. package/dist/esm/components/Table/TableRow.js +1 -1
  133. package/dist/esm/components/Tabs/{Tab/Tab.js → Tab.js} +3 -3
  134. package/dist/esm/components/Tabs/TabContent.js +15 -0
  135. package/dist/esm/components/Tabs/{TabList/TabList.js → TabList.js} +3 -3
  136. package/dist/esm/components/Tabs/Tabs.js +1 -1
  137. package/dist/esm/components/Tabs/index.js +3 -3
  138. package/dist/esm/components/Tabs/{Tab/useTab.js → useTab.js} +1 -1
  139. package/dist/esm/components/Tag/Tag.js +1 -1
  140. package/dist/esm/components/ToggleGroup/ToggleGroup.js +2 -2
  141. package/dist/esm/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js +1 -1
  142. package/dist/esm/components/Tooltip/Tooltip.js +2 -2
  143. package/dist/esm/components/Typography/ErrorMessage/ErrorMessage.js +1 -1
  144. package/dist/esm/components/Typography/Heading/Heading.js +1 -1
  145. package/dist/esm/components/Typography/Ingress/Ingress.js +1 -1
  146. package/dist/esm/components/Typography/Label/Label.js +1 -1
  147. package/dist/esm/components/Typography/Paragraph/Paragraph.js +1 -1
  148. package/dist/esm/components/form/CharacterCounter.js +1 -1
  149. package/dist/esm/components/form/Checkbox/Checkbox.js +1 -1
  150. package/dist/esm/components/form/Checkbox/Group/Group.js +1 -1
  151. package/dist/esm/components/form/Combobox/Combobox.js +16 -16
  152. package/dist/esm/components/form/Combobox/Custom.js +1 -1
  153. package/dist/esm/components/form/Combobox/Empty.js +1 -1
  154. package/dist/esm/components/form/Combobox/Option/Description.js +1 -1
  155. package/dist/esm/components/form/Combobox/Option/Option.js +1 -1
  156. package/dist/esm/components/form/Combobox/Option/SelectedIcon.js +1 -1
  157. package/dist/esm/components/form/Combobox/Option/useComboboxOption.js +3 -2
  158. package/dist/esm/components/form/Combobox/internal/ComboboxClearButton.js +1 -1
  159. package/dist/esm/components/form/Combobox/internal/ComboboxError.js +1 -1
  160. package/dist/esm/components/form/Combobox/internal/ComboboxInput.js +5 -4
  161. package/dist/esm/components/form/Combobox/internal/ComboboxLabel.js +1 -1
  162. package/dist/esm/components/form/Combobox/internal/ComboboxNative.js +3 -3
  163. package/dist/esm/components/form/Combobox/useCombobox.js +21 -7
  164. package/dist/esm/components/form/Fieldset/Fieldset.js +1 -1
  165. package/dist/esm/components/form/NativeSelect/NativeSelect.js +1 -1
  166. package/dist/esm/components/form/Radio/Group/Group.js +1 -1
  167. package/dist/esm/components/form/Radio/Radio.js +1 -1
  168. package/dist/esm/components/form/Search/Search.js +3 -3
  169. package/dist/esm/components/form/Switch/Switch.js +1 -1
  170. package/dist/esm/components/form/Switch/useSwitch.js +1 -0
  171. package/dist/esm/components/form/Textarea/Textarea.js +2 -2
  172. package/dist/esm/components/form/Textfield/Textfield.js +2 -2
  173. package/dist/esm/index.js +6 -6
  174. package/dist/esm/utilities/AnimateHeight/AnimateHeight.js +1 -1
  175. package/dist/types/components/Accordion/AccordionContent.d.ts.map +1 -0
  176. package/dist/types/components/Accordion/{AccordionHeader/AccordionHeader.d.ts → AccordionHeader.d.ts} +8 -2
  177. package/dist/types/components/Accordion/AccordionHeader.d.ts.map +1 -0
  178. package/dist/types/components/Accordion/AccordionItem.d.ts.map +1 -0
  179. package/dist/types/components/Link/Link.d.ts +10 -0
  180. package/dist/types/components/Link/Link.d.ts.map +1 -1
  181. package/dist/types/components/Table/TableHeaderCell.d.ts.map +1 -1
  182. package/dist/types/components/Tabs/Tab.d.ts.map +1 -0
  183. package/dist/types/components/Tabs/TabContent.d.ts.map +1 -0
  184. package/dist/types/components/Tabs/TabList.d.ts.map +1 -0
  185. package/dist/types/components/Tabs/{Tab/useTab.d.ts → useTab.d.ts} +1 -1
  186. package/dist/types/components/Tabs/useTab.d.ts.map +1 -0
  187. package/dist/types/components/form/Combobox/Combobox.d.ts.map +1 -1
  188. package/dist/types/components/form/Combobox/Option/useComboboxOption.d.ts +1 -1
  189. package/dist/types/components/form/Combobox/Option/useComboboxOption.d.ts.map +1 -1
  190. package/dist/types/components/form/Combobox/internal/ComboboxInput.d.ts.map +1 -1
  191. package/dist/types/components/form/Combobox/internal/ComboboxNative.d.ts.map +1 -1
  192. package/dist/types/components/form/Combobox/useCombobox.d.ts +7 -0
  193. package/dist/types/components/form/Combobox/useCombobox.d.ts.map +1 -1
  194. package/dist/types/components/form/Switch/useSwitch.d.ts.map +1 -1
  195. package/package.json +2 -2
  196. package/dist/cjs/components/Accordion/AccordionHeader/AccordionHeader.js +0 -26
  197. package/dist/esm/components/Accordion/AccordionHeader/AccordionHeader.js +0 -24
  198. package/dist/esm/components/Tabs/TabContent/TabContent.js +0 -14
  199. package/dist/types/components/Accordion/AccordionContent/AccordionContent.d.ts.map +0 -1
  200. package/dist/types/components/Accordion/AccordionContent/index.d.ts +0 -2
  201. package/dist/types/components/Accordion/AccordionContent/index.d.ts.map +0 -1
  202. package/dist/types/components/Accordion/AccordionHeader/AccordionHeader.d.ts.map +0 -1
  203. package/dist/types/components/Accordion/AccordionHeader/index.d.ts +0 -2
  204. package/dist/types/components/Accordion/AccordionHeader/index.d.ts.map +0 -1
  205. package/dist/types/components/Accordion/AccordionItem/AccordionItem.d.ts.map +0 -1
  206. package/dist/types/components/Accordion/AccordionItem/index.d.ts +0 -2
  207. package/dist/types/components/Accordion/AccordionItem/index.d.ts.map +0 -1
  208. package/dist/types/components/Tabs/Tab/Tab.d.ts.map +0 -1
  209. package/dist/types/components/Tabs/Tab/index.d.ts +0 -2
  210. package/dist/types/components/Tabs/Tab/index.d.ts.map +0 -1
  211. package/dist/types/components/Tabs/Tab/useTab.d.ts.map +0 -1
  212. package/dist/types/components/Tabs/TabContent/TabContent.d.ts.map +0 -1
  213. package/dist/types/components/Tabs/TabContent/index.d.ts +0 -2
  214. package/dist/types/components/Tabs/TabContent/index.d.ts.map +0 -1
  215. package/dist/types/components/Tabs/TabList/TabList.d.ts.map +0 -1
  216. package/dist/types/components/Tabs/TabList/index.d.ts +0 -2
  217. package/dist/types/components/Tabs/TabList/index.d.ts.map +0 -1
  218. /package/dist/types/components/Accordion/{AccordionContent/AccordionContent.d.ts → AccordionContent.d.ts} +0 -0
  219. /package/dist/types/components/Accordion/{AccordionItem/AccordionItem.d.ts → AccordionItem.d.ts} +0 -0
  220. /package/dist/types/components/Tabs/{Tab/Tab.d.ts → Tab.d.ts} +0 -0
  221. /package/dist/types/components/Tabs/{TabContent/TabContent.d.ts → TabContent.d.ts} +0 -0
  222. /package/dist/types/components/Tabs/{TabList/TabList.d.ts → TabList.d.ts} +0 -0
@@ -6,6 +6,7 @@ import { ChevronUpIcon, ChevronDownIcon } from '@navikt/aksel-icons';
6
6
  import { useMergeRefs } from '../../../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
7
7
  import { ComboboxContext } from '../ComboboxContext.js';
8
8
  import { useComboboxIdDispatch } from '../ComboboxIdContext.js';
9
+ import { prefix } from '../useCombobox.js';
9
10
  import ComboboxChips from './ComboboxChips.js';
10
11
  import ComboboxClearButton from './ComboboxClearButton.js';
11
12
  import { Box } from '../../../Box/Box.js';
@@ -28,10 +29,10 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
28
29
  setInputValue(value);
29
30
  setActiveIndex(0);
30
31
  // check if input value is the same as a label, if so, select it
31
- const option = options[value.toLowerCase()];
32
+ const option = options[prefix(value.toLowerCase())];
32
33
  if (!option)
33
34
  return;
34
- if (selectedOptions[option.value])
35
+ if (selectedOptions[prefix(option.value)])
35
36
  return;
36
37
  handleSelectOption({ option: option });
37
38
  };
@@ -62,11 +63,11 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
62
63
  }
63
64
  },
64
65
  });
65
- return (jsxs(Box, { ...props, "aria-disabled": disabled ? 'true' : undefined, className: clsx('fds-textfield__input', 'fds-combobox__input__wrapper', readOnly && 'fds-combobox--readonly', error && 'fds-combobox--error'), children: [jsxs("div", { className: 'fds-combobox__chip-and-input', children: [multiple && !hideChips && jsx(ComboboxChips, {}), jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: 'fds-combobox__input', onChange: (e) => {
66
+ return (jsxs(Box, { ...props, "aria-disabled": disabled ? 'true' : undefined, className: clsx('ds-textfield__input', 'ds-combobox__input__wrapper', readOnly && 'ds-combobox--readonly', error && 'ds-combobox--error'), children: [jsxs("div", { className: 'ds-combobox__chip-and-input', children: [multiple && !hideChips && jsx(ComboboxChips, {}), jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: 'ds-combobox__input', onChange: (e) => {
66
67
  onChange(e);
67
68
  !open && setOpen(true);
68
69
  rest.onChange && rest.onChange(e);
69
- } })] }), showClearButton && jsx(ComboboxClearButton, {}), jsx("div", { className: 'fds-combobox__arrow', children: open ? (jsx(ChevronUpIcon, { title: 'arrow up', fontSize: '1.5em' })) : (jsx(ChevronDownIcon, { title: 'arrow down', fontSize: '1.5em' })) })] }));
70
+ } })] }), showClearButton && jsx(ComboboxClearButton, {}), jsx("div", { className: 'ds-combobox__arrow', children: open ? (jsx(ChevronUpIcon, { title: 'arrow up', fontSize: '1.5em' })) : (jsx(ChevronDownIcon, { title: 'arrow down', fontSize: '1.5em' })) })] }));
70
71
  };
71
72
  ComboboxInput.displayName = 'ComboboxInput';
72
73
  var ComboboxInput$1 = ComboboxInput;
@@ -6,7 +6,7 @@ import { Label } from '../../../Typography/Label/Label.js';
6
6
  import { Paragraph } from '../../../Typography/Paragraph/Paragraph.js';
7
7
 
8
8
  const ComboboxLabel = ({ label, description, hideLabel, size, readOnly, formFieldProps, }) => {
9
- return (jsxs(Fragment, { children: [label && (jsxs(Label, { size: size, htmlFor: formFieldProps.inputProps.id, className: clsx('fds-combobox__label', hideLabel && `fds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'fds-combobox__readonly__icon' })), label] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: formFieldProps.descriptionId, className: clsx('fds-combobox__description', hideLabel && `fds-sr-only`), children: description }) }))] }));
9
+ return (jsxs(Fragment, { children: [label && (jsxs(Label, { size: size, htmlFor: formFieldProps.inputProps.id, className: clsx('ds-combobox__label', hideLabel && `ds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-combobox__readonly__icon' })), label] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: formFieldProps.descriptionId, className: clsx('ds-combobox__description', hideLabel && `ds-sr-only`), children: description }) }))] }));
10
10
  };
11
11
  ComboboxLabel.displayName = 'ComboboxLabel';
12
12
  var ComboboxLabel$1 = ComboboxLabel;
@@ -1,10 +1,10 @@
1
1
  'use client';
2
2
  import { jsx } from 'react/jsx-runtime';
3
+ import { removePrefix } from '../useCombobox.js';
3
4
 
4
5
  const ComboboxNative = ({ selectedOptions, multiple, name, }) => {
5
- return (jsx("select", { name: name, multiple: multiple, style: { display: 'none' }, value: multiple
6
- ? Object.keys(selectedOptions)
7
- : Object.keys(selectedOptions)[0], onChange: () => { }, children: Object.keys(selectedOptions).map((value) => (jsx("option", { value: value }, value))) }));
6
+ const VALUE = Object.keys(selectedOptions).map((key) => removePrefix(key));
7
+ return (jsx("select", { name: name, multiple: multiple, style: { display: 'none' }, value: multiple ? VALUE : VALUE[0], onChange: () => { }, children: VALUE.map((value) => (jsx("option", { value: value }, value))) }));
8
8
  };
9
9
  ComboboxNative.displayName = 'ComboboxNative';
10
10
  var ComboboxNative$1 = ComboboxNative;
@@ -13,6 +13,18 @@ function isComboboxCustom(child) {
13
13
  function isInteractiveComboboxCustom(child) {
14
14
  return isComboboxCustom(child) && child.props.interactive === true;
15
15
  }
16
+ const INTERNAL_OPTION_PREFIX = 'internal-option-';
17
+ /**
18
+ * We use this function to prefix the value of the options so we can make sure numbers as strings are not parsed as numbers in objects
19
+ * @param value
20
+ * @returns
21
+ */
22
+ const prefix = (value) => {
23
+ return INTERNAL_OPTION_PREFIX + value;
24
+ };
25
+ const removePrefix = (value) => {
26
+ return value.slice(INTERNAL_OPTION_PREFIX.length);
27
+ };
16
28
  function useCombobox({ children, inputValue, multiple, filter = (inputValue, option) => {
17
29
  return option.label.toLowerCase().startsWith(inputValue.toLowerCase());
18
30
  }, initialValue, }) {
@@ -60,8 +72,8 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
60
72
  });
61
73
  label = childrenLabel;
62
74
  }
63
- allOptions[props.value] = {
64
- value: props.value,
75
+ allOptions[prefix(String(props.value))] = {
76
+ value: String(props.value),
65
77
  label,
66
78
  displayValue: props.displayValue,
67
79
  description: props.description,
@@ -69,7 +81,9 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
69
81
  });
70
82
  return allOptions;
71
83
  }, [optionsChildren]);
72
- const preSelectedOptions = useMemo(() => (initialValue || []).reduce((acc, value) => {
84
+ const preSelectedOptions = useMemo(() => (initialValue?.map((key) => {
85
+ return prefix(key);
86
+ }) || []).reduce((acc, value) => {
73
87
  const option = options[value];
74
88
  if (isOption(option)) {
75
89
  acc[value] = option;
@@ -82,15 +96,15 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
82
96
  const filteredOptionsChildren = Object.keys(options).map((option, index) => {
83
97
  /* If we have a selected value in single mode and the input matches an option, return all children */
84
98
  if (!multiple && Object.keys(selectedOptions).length === 1) {
85
- filteredOptions.push(options[option].value);
99
+ filteredOptions.push(option);
86
100
  return optionsChildren[index];
87
101
  }
88
102
  if (multiple && selectedOptions[option]) {
89
- filteredOptions.push(options[option].value);
103
+ filteredOptions.push(option);
90
104
  return optionsChildren[index];
91
105
  }
92
106
  if (filter(inputValue, options[option])) {
93
- filteredOptions.push(options[option].value);
107
+ filteredOptions.push(option);
94
108
  return optionsChildren[index];
95
109
  }
96
110
  });
@@ -109,4 +123,4 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
109
123
  };
110
124
  }
111
125
 
112
- export { useCombobox as default, isComboboxCustom, isComboboxOption, isInteractiveComboboxCustom };
126
+ export { useCombobox as default, isComboboxCustom, isComboboxOption, isInteractiveComboboxCustom, prefix, removePrefix };
@@ -19,7 +19,7 @@ const Fieldset = forwardRef((props, ref) => {
19
19
  size,
20
20
  disabled: props?.disabled,
21
21
  readOnly,
22
- }, children: jsxs("fieldset", { ...fieldsetProps, className: clsx('fds-fieldset', !hideLegend && 'fds-fieldset--spacing', readOnly && 'fds-fieldset--readonly', className), disabled: props?.disabled, ref: ref, ...rest, children: [jsx(Label, { asChild: true, size: size, children: jsx("legend", { className: 'fds-fieldset__legend', children: jsxs("span", { className: clsx('fds-fieldset__legend__content', hideLegend && `fds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { className: 'fds-fieldset__readonly__icon', "aria-hidden": true })), legend] }) }) }), description && (jsx(Paragraph, { size: size, variant: 'short', asChild: true, children: jsx("div", { id: descriptionId, className: clsx('fds-fieldset__description', hideLegend && `fds-sr-only`), children: description }) })), children, jsx("div", { id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', className: 'fds-fieldset__error-message', children: hasError && jsx(ErrorMessage, { size: size, children: error }) })] }) }));
22
+ }, children: jsxs("fieldset", { ...fieldsetProps, className: clsx('ds-fieldset', !hideLegend && 'ds-fieldset--spacing', readOnly && 'ds-fieldset--readonly', className), disabled: props?.disabled, ref: ref, ...rest, children: [jsx(Label, { asChild: true, size: size, children: jsx("legend", { className: 'ds-fieldset__legend', children: jsxs("span", { className: clsx('ds-fieldset__legend__content', hideLegend && `ds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { className: 'ds-fieldset__readonly__icon', "aria-hidden": true })), legend] }) }) }), description && (jsx(Paragraph, { size: size, variant: 'short', asChild: true, children: jsx("div", { id: descriptionId, className: clsx('ds-fieldset__description', hideLegend && `ds-sr-only`), children: description }) })), children, jsx("div", { id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', className: 'ds-fieldset__error-message', children: hasError && jsx(ErrorMessage, { size: size, children: error }) })] }) }));
23
23
  });
24
24
  Fieldset.displayName = 'Fieldset';
25
25
 
@@ -12,7 +12,7 @@ import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
12
12
  const NativeSelect = forwardRef((props, ref) => {
13
13
  const { children, disabled = false, label, description, hideLabel = false, error, className, htmlSize = 0, ...rest } = props;
14
14
  const { selectProps, descriptionId, errorId, readOnly = false, size = 'md', } = useNativeSelect(props);
15
- return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx('fds-native-select--container', readOnly && 'fds-native-select--readonly', error && 'fds-native-select--error'), children: [label && (jsxs(Label, { weight: 'medium', size: size, htmlFor: selectProps.id, className: clsx('fds-native-select__label', hideLabel && 'fds-sr-only'), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'fds-native-select__readonly__icon' })), label] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx(`fds-native-select__description`, hideLabel && `fds-sr-only`), children: description }) })), jsx("div", { className: 'fds-native-select__wrapper', children: jsx("select", { disabled: disabled || readOnly, ref: ref, size: htmlSize, className: clsx('fds-native-select', `fds-native-select--${size}`, `fds-focus`, props.multiple && 'fds-native-select--multiple', className), ...omit(['size', 'error', 'errorId'], rest), ...omit(['readOnly', 'disabled'], selectProps), children: children }) }), error && (jsx("div", { id: errorId, className: 'fds-native-select__error-message', "aria-live": 'polite', "aria-relevant": 'additions removals', children: jsx(ErrorMessage, { size: size, children: error }) }))] }) }));
15
+ return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx('ds-native-select--container', readOnly && 'ds-native-select--readonly', error && 'ds-native-select--error'), children: [label && (jsxs(Label, { weight: 'medium', size: size, htmlFor: selectProps.id, className: clsx('ds-native-select__label', hideLabel && 'ds-sr-only'), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-native-select__readonly__icon' })), label] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx(`ds-native-select__description`, hideLabel && `ds-sr-only`), children: description }) })), jsx("div", { className: 'ds-native-select__wrapper', children: jsx("select", { disabled: disabled || readOnly, ref: ref, size: htmlSize, className: clsx('ds-native-select', `ds-native-select--${size}`, `ds-focus`, props.multiple && 'ds-native-select--multiple', className), ...omit(['size', 'error', 'errorId'], rest), ...omit(['readOnly', 'disabled'], selectProps), children: children }) }), error && (jsx("div", { id: errorId, className: 'ds-native-select__error-message', "aria-live": 'polite', "aria-relevant": 'additions removals', children: jsx(ErrorMessage, { size: size, children: error }) }))] }) }));
16
16
  });
17
17
  NativeSelect.displayName = 'NativeSelect';
18
18
 
@@ -13,7 +13,7 @@ const RadioGroup = forwardRef(({ onChange, children, value, readOnly, defaultVal
13
13
  name: name ?? `radiogroup-name-${nameId}`,
14
14
  onChange,
15
15
  required,
16
- }, children: jsx("div", { className: clsx('fds-radio-group', inline && 'fds-radio-group--horizontal'), children: children }) }) }));
16
+ }, children: jsx("div", { className: clsx('ds-radio-group', inline && 'ds-radio-group--horizontal'), children: children }) }) }));
17
17
  });
18
18
  RadioGroup.displayName = 'RadioGroup';
19
19
 
@@ -10,7 +10,7 @@ import { Label } from '../../Typography/Label/Label.js';
10
10
  const Radio = forwardRef((props, ref) => {
11
11
  const { children, description, className, style, ...rest } = props;
12
12
  const { inputProps, descriptionId, hasError, size = 'md', readOnly, } = useRadio(props);
13
- return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx('fds-radio', `fds-radio--${size}`, hasError && `fds-radio--error`, readOnly && `fds-radio--readonly`, className), style: style, children: [jsx("input", { className: 'fds-radio__input', disabled: inputProps.disabled, ref: ref, ...omit(['size', 'error'], rest), ...inputProps }), children && (jsxs(Fragment, { children: [jsx(Label, { className: 'fds-radio__label', htmlFor: inputProps.id, size: size, weight: 'regular', children: jsx("span", { children: children }) }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: 'fds-radio__description', children: description }) }))] }))] }) }));
13
+ return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx('ds-radio', `ds-radio--${size}`, hasError && `ds-radio--error`, readOnly && `ds-radio--readonly`, className), style: style, children: [jsx("input", { className: 'ds-radio__input', disabled: inputProps.disabled, ref: ref, ...omit(['size', 'error'], rest), ...inputProps }), children && (jsxs(Fragment, { children: [jsx(Label, { className: 'ds-radio__label', htmlFor: inputProps.id, size: size, weight: 'regular', children: jsx("span", { children: children }) }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: 'ds-radio__description', children: description }) }))] }))] }) }));
14
14
  });
15
15
  Radio.displayName = 'Radio';
16
16
 
@@ -39,9 +39,9 @@ const Search = forwardRef((props, ref) => {
39
39
  };
40
40
  const isSimple = variant === 'simple';
41
41
  const showClearButton = Boolean(value ?? internalValue) && !disabled;
42
- return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx('fds-search', inputProps.disabled && 'fds-search--disabled', `fds-search--${size}`, className), children: [label && (jsx(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx('fds-search__label', hideLabel && 'fds-sr-only'), children: jsx("span", { children: label }) })), jsxs("div", { className: 'fds-search__field', children: [jsxs("div", { className: clsx('fds-search__field', `fds-search--${size}`), children: [isSimple && (jsx(MagnifyingGlassIcon, { className: 'fds-search__icon', "aria-hidden": true })), jsx("input", { ref: mergedRef, size: htmlSize, value: value ?? internalValue, disabled: disabled, className: clsx('fds-search__input', `fds-focus`, isSimple
43
- ? 'fds-search__input--simple'
44
- : 'fds-search__input--with-search-button'), ...omit(['size', 'error', 'errorId', 'readOnly'], rest), ...inputProps, onChange: handleChange }), showClearButton && (jsxs("button", { className: clsx('fds-search__clear-button', `fds-focus`), type: 'button', onClick: handleClear, disabled: disabled, children: [jsx("span", { className: `fds-sr-only`, children: clearButtonLabel }), jsx(XMarkIcon, { "aria-hidden": true })] }))] }), !isSimple && (jsx(Button, { className: 'fds-search__search-button', size: size, variant: variant, type: 'submit', onClick: handleSearchClick, disabled: disabled, children: searchButtonLabel }))] }), jsx("div", { className: 'fds-search__error-message', id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));
42
+ return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx('ds-search', inputProps.disabled && 'ds-search--disabled', `ds-search--${size}`, className), children: [label && (jsx(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx('ds-search__label', hideLabel && 'ds-sr-only'), children: jsx("span", { children: label }) })), jsxs("div", { className: 'ds-search__field', children: [jsxs("div", { className: clsx('ds-search__field', `ds-search--${size}`), children: [isSimple && (jsx(MagnifyingGlassIcon, { className: 'ds-search__icon', "aria-hidden": true })), jsx("input", { ref: mergedRef, size: htmlSize, value: value ?? internalValue, disabled: disabled, className: clsx('ds-search__input', `ds-focus`, isSimple
43
+ ? 'ds-search__input--simple'
44
+ : 'ds-search__input--with-search-button'), ...omit(['size', 'error', 'errorId', 'readOnly'], rest), ...inputProps, onChange: handleChange }), showClearButton && (jsxs("button", { className: clsx('ds-search__clear-button', `ds-focus`), type: 'button', onClick: handleClear, disabled: disabled, children: [jsx("span", { className: `ds-sr-only`, children: clearButtonLabel }), jsx(XMarkIcon, { "aria-hidden": true })] }))] }), !isSimple && (jsx(Button, { className: 'ds-search__search-button', size: size, variant: variant, type: 'submit', onClick: handleSearchClick, disabled: disabled, children: searchButtonLabel }))] }), jsx("div", { className: 'ds-search__error-message', id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));
45
45
  });
46
46
  Search.displayName = 'Search';
47
47
 
@@ -11,7 +11,7 @@ import { Label } from '../../Typography/Label/Label.js';
11
11
  const Switch = forwardRef((props, ref) => {
12
12
  const { children, description, position = 'left', className, ...rest } = props;
13
13
  const { inputProps, descriptionId, size = 'md', readOnly, } = useSwitch(props);
14
- return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx(`fds-switch`, `fds-switch--${size}`, inputProps.disabled && `fds-switch--disabled`, readOnly && `fds-switch--readonly`, className), children: [jsx("input", { className: `fds-switch__input`, disabled: inputProps.disabled, ref: ref, ...omit(['size', 'error'], rest), ...inputProps }), jsxs(Label, { className: clsx(`fds-switch__label`, position === 'right' && `fds-switch__label--right`), htmlFor: inputProps.id, size: size, weight: 'regular', children: [jsx("span", { className: `fds-switch__track`, children: jsx("span", { className: `fds-switch__thumb` }) }), readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: `fds-switch__readonly__icon` })), children && jsx("span", { children: children })] }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: `fds-switch__description`, children: description }) }))] }) }));
14
+ return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx(`ds-switch`, `ds-switch--${size}`, inputProps.disabled && `ds-switch--disabled`, readOnly && `ds-switch--readonly`, className), children: [jsx("input", { className: `ds-switch__input`, disabled: inputProps.disabled, ref: ref, ...omit(['size', 'error'], rest), ...inputProps }), jsxs(Label, { className: clsx(`ds-switch__label`, position === 'right' && `ds-switch__label--right`), htmlFor: inputProps.id, size: size, weight: 'regular', children: [jsx("span", { className: `ds-switch__track`, children: jsx("span", { className: `ds-switch__thumb` }) }), readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: `ds-switch__readonly__icon` })), children && jsx("span", { children: children })] }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: `ds-switch__description`, children: description }) }))] }) }));
15
15
  });
16
16
  Switch.displayName = 'Switch';
17
17
 
@@ -15,6 +15,7 @@ const useSwitch = (props) => {
15
15
  ...inputProps,
16
16
  readOnly,
17
17
  type: 'checkbox',
18
+ role: 'switch',
18
19
  defaultChecked: checkboxGroup?.defaultValue
19
20
  ? checkboxGroup?.defaultValue.includes(propsValue)
20
21
  : props.defaultChecked,
@@ -24,10 +24,10 @@ const Textarea = forwardRef((props, ref) => {
24
24
  const characterLimitId = `${textareaProps.id}-charactercount}`;
25
25
  const hasCharacterLimit = characterLimit != null;
26
26
  const describedBy = clsx(textareaProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
27
- return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx('fds-textarea', `fds-textarea--${size}`, hasError && `fds-textarea--error`, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: textareaProps.id, className: clsx('fds-textarea__label', hideLabel && `fds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'fds-textarea__readonly-icon' })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx('fds-textarea__description', hideLabel && `fds-sr-only`), children: description }) })), jsx("textarea", { className: clsx('fds-textarea__input', `fds-focus`), ref: ref, "aria-describedby": describedBy, disabled: textareaProps.disabled, readOnly: readOnly, ...omit(['size', 'error', 'errorId'], rest), ...textareaProps, onChange: (e) => {
27
+ return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx('ds-textarea', `ds-textarea--${size}`, hasError && `ds-textarea--error`, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: textareaProps.id, className: clsx('ds-textarea__label', hideLabel && `ds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-textarea__readonly-icon' })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx('ds-textarea__description', hideLabel && `ds-sr-only`), children: description }) })), jsx("textarea", { className: clsx('ds-textarea__input', `ds-focus`), ref: ref, "aria-describedby": describedBy, disabled: textareaProps.disabled, readOnly: readOnly, ...omit(['size', 'error', 'errorId'], rest), ...textareaProps, onChange: (e) => {
28
28
  textareaProps?.onChange?.(e);
29
29
  setValue(e.target.value);
30
- } }), hasCharacterLimit && (jsx(CharacterCounter, { size: size, value: value ? value.toString() : '', id: characterLimitId, ...characterLimit })), jsx("div", { className: 'fds-textarea__error-message', id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));
30
+ } }), hasCharacterLimit && (jsx(CharacterCounter, { size: size, value: value ? value.toString() : '', id: characterLimitId, ...characterLimit })), jsx("div", { className: 'ds-textarea__error-message', id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));
31
31
  });
32
32
  Textarea.displayName = 'Textarea';
33
33
 
@@ -24,10 +24,10 @@ const Textfield = forwardRef((props, ref) => {
24
24
  const characterLimitId = `textfield-charactercount-${useId()}`;
25
25
  const hasCharacterLimit = characterLimit != null;
26
26
  const describedBy = clsx(inputProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
27
- return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx(`fds-textfield`, `fds-textfield--${size}`, readOnly && `fds-textfield--readonly`, hasError && `fds-textfield--error`, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx(`fds-textfield__label`, hideLabel && `fds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'fds-textfield__readonly__icon' })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx(`fds-textfield__description`, hideLabel && `fds-sr-only`), children: description }) })), jsxs("div", { className: 'fds-textfield__field', children: [prefix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: clsx(`fds-textfield__adornment`, `fds-textfield__prefix`), "aria-hidden": 'true', children: prefix }) })), jsx("input", { className: clsx(`fds-textfield__input`, `fds-focus`, prefix && `fds-textfield__input--with-prefix`, suffix && `fds-textfield__input--with-suffix`), ref: ref, type: type, disabled: inputProps.disabled, "aria-describedby": describedBy, size: htmlSize, ...omit(['size', 'error', 'errorId'], rest), ...inputProps, onChange: (e) => {
27
+ return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx(`ds-textfield`, `ds-textfield--${size}`, readOnly && `ds-textfield--readonly`, hasError && `ds-textfield--error`, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx(`ds-textfield__label`, hideLabel && `ds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-textfield__readonly__icon' })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx(`ds-textfield__description`, hideLabel && `ds-sr-only`), children: description }) })), jsxs("div", { className: 'ds-textfield__field', children: [prefix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: clsx(`ds-textfield__adornment`, `ds-textfield__prefix`), "aria-hidden": 'true', children: prefix }) })), jsx("input", { className: clsx(`ds-textfield__input`, `ds-focus`, prefix && `ds-textfield__input--with-prefix`, suffix && `ds-textfield__input--with-suffix`), ref: ref, type: type, disabled: inputProps.disabled, "aria-describedby": describedBy, size: htmlSize, ...omit(['size', 'error', 'errorId'], rest), ...inputProps, onChange: (e) => {
28
28
  inputProps?.onChange?.(e);
29
29
  setInputValue(e.target.value);
30
- } }), suffix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: clsx(`fds-textfield__adornment`, `fds-textfield__suffix`), "aria-hidden": 'true', children: suffix }) }))] }), hasCharacterLimit && (jsx(CharacterCounter, { size: size, value: inputValue ? inputValue.toString() : '', id: characterLimitId, ...characterLimit })), jsx("div", { className: 'fds-textfield__error-message', id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));
30
+ } }), suffix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: clsx(`ds-textfield__adornment`, `ds-textfield__suffix`), "aria-hidden": 'true', children: suffix }) }))] }), hasCharacterLimit && (jsx(CharacterCounter, { size: size, value: inputValue ? inputValue.toString() : '', id: characterLimitId, ...characterLimit })), jsx("div", { className: 'ds-textfield__error-message', id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));
31
31
  });
32
32
  Textfield.displayName = 'Textfield';
33
33
 
package/dist/esm/index.js CHANGED
@@ -15,9 +15,9 @@ export { Ingress } from './components/Typography/Ingress/Ingress.js';
15
15
  export { Label } from './components/Typography/Label/Label.js';
16
16
  export { ErrorMessage } from './components/Typography/ErrorMessage/ErrorMessage.js';
17
17
  export { Accordion } from './components/Accordion/index.js';
18
- export { AccordionItem } from './components/Accordion/AccordionItem/AccordionItem.js';
19
- export { AccordionContent } from './components/Accordion/AccordionContent/AccordionContent.js';
20
- export { AccordionHeader } from './components/Accordion/AccordionHeader/AccordionHeader.js';
18
+ export { AccordionItem } from './components/Accordion/AccordionItem.js';
19
+ export { AccordionContent } from './components/Accordion/AccordionContent.js';
20
+ export { AccordionHeader } from './components/Accordion/AccordionHeader.js';
21
21
  export { NativeSelect } from './components/form/NativeSelect/NativeSelect.js';
22
22
  export { Alert } from './components/Alert/Alert.js';
23
23
  export { Tag } from './components/Tag/Tag.js';
@@ -44,9 +44,9 @@ export { Switch } from './components/form/Switch/Switch.js';
44
44
  export { Textfield } from './components/form/Textfield/Textfield.js';
45
45
  export { Textarea } from './components/form/Textarea/Textarea.js';
46
46
  export { Tabs } from './components/Tabs/index.js';
47
- export { Tab } from './components/Tabs/Tab/Tab.js';
48
- export { TabList } from './components/Tabs/TabList/TabList.js';
49
- export { TabContent } from './components/Tabs/TabContent/TabContent.js';
47
+ export { Tab } from './components/Tabs/Tab.js';
48
+ export { TabList } from './components/Tabs/TabList.js';
49
+ export { TabContent } from './components/Tabs/TabContent.js';
50
50
  export { ToggleGroup } from './components/ToggleGroup/index.js';
51
51
  export { ToggleGroupItem } from './components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js';
52
52
  export { Popover } from './components/Popover/index.js';
@@ -35,7 +35,7 @@ const AnimateHeight = ({ children, className, open = false, style, ...rest }) =>
35
35
  const transition = state === 'openingOrClosing'
36
36
  ? `height ${transitionDurationInMilliseconds}ms ease-in-out`
37
37
  : undefined;
38
- return (jsx("div", { ...rest, className: clsx('fds-animate-height', `fds-animate-height--${state}`, className), style: { height, transition, ...style }, children: jsx("div", { ref: contentRef, className: 'fds-animate-height__content', children: children }) }));
38
+ return (jsx("div", { ...rest, className: clsx('ds-animate-height', `ds-animate-height--${state}`, className), style: { height, transition, ...style }, children: jsx("div", { ref: contentRef, className: 'ds-animate-height__content', children: children }) }));
39
39
  };
40
40
 
41
41
  export { AnimateHeight };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,wCAAwC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,gBAAgB;IAJ3B,wCAAwC;cAC9B,SAAS;mFAmCnB,CAAC"}
@@ -1,6 +1,9 @@
1
1
  import type { ReactNode, MouseEventHandler, HTMLAttributes } from 'react';
2
2
  export type AccordionHeaderProps = {
3
- /** Heading level. Use this to make sure the heading is correct according to you page heading levels */
3
+ /**
4
+ * Heading level. Use this to make sure the heading is correct according to you page heading levels
5
+ * @default 1
6
+ */
4
7
  level?: 1 | 2 | 3 | 4 | 5 | 6;
5
8
  /** Handle when clicked on header */
6
9
  onHeaderClick?: MouseEventHandler<HTMLButtonElement> | undefined;
@@ -8,7 +11,10 @@ export type AccordionHeaderProps = {
8
11
  children: ReactNode;
9
12
  } & HTMLAttributes<HTMLHeadingElement>;
10
13
  export declare const AccordionHeader: import("react").ForwardRefExoticComponent<{
11
- /** Heading level. Use this to make sure the heading is correct according to you page heading levels */
14
+ /**
15
+ * Heading level. Use this to make sure the heading is correct according to you page heading levels
16
+ * @default 1
17
+ */
12
18
  level?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
13
19
  /** Handle when clicked on header */
14
20
  onHeaderClick?: MouseEventHandler<HTMLButtonElement> | undefined;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AccordionHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO1E,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,oCAAoC;IACpC,aAAa,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IACjE,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC,eAAO,MAAM,eAAe;IAX1B;;;OAGG;;IAEH,oCAAoC;oBACpB,kBAAkB,iBAAiB,CAAC,GAAG,SAAS;IAChE,mBAAmB;cACT,SAAS;2FAkDnB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,oBAAoB,2DACsB,CAAC;AAExD,eAAO,MAAM,aAAa;IArBxB;;;;OAIG;;IAEH,wDAAwD;;IAExD,2EAA2E;cACjE,SAAS;mFA2CpB,CAAC"}
@@ -4,6 +4,11 @@ export type LinkProps = {
4
4
  children: ReactNode;
5
5
  /** Custom class name for the link. This will be appended to the design system class names. */
6
6
  className?: string;
7
+ /**
8
+ * The color of the link.
9
+ * @default 'accent'
10
+ */
11
+ color?: 'accent' | 'neutral';
7
12
  /** The URL that the link points to. This can also be an email address (starting with `mailto:`) or a phone number (staring with `tel:`). */
8
13
  href?: string;
9
14
  /**
@@ -17,6 +22,11 @@ export declare const Link: import("react").ForwardRefExoticComponent<{
17
22
  children: ReactNode;
18
23
  /** Custom class name for the link. This will be appended to the design system class names. */
19
24
  className?: string | undefined;
25
+ /**
26
+ * The color of the link.
27
+ * @default 'accent'
28
+ */
29
+ color?: "accent" | "neutral" | undefined;
20
30
  /** The URL that the link points to. This can also be an email address (starting with `mailto:`) or a phone number (staring with `tel:`). */
21
31
  href?: string | undefined;
22
32
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7D,MAAM,MAAM,SAAS,GAAG;IACtB,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;IAEpB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,4IAA4I;IAC5I,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,IAAI;IAff,8CAA8C;cACpC,SAAS;IAEnB,8FAA8F;;IAG9F,4IAA4I;;IAE5I;;;OAGG;;+FAkBJ,CAAC"}
1
+ {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7D,MAAM,MAAM,SAAS,GAAG;IACtB,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;IAEpB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAE7B,4IAA4I;IAC5I,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,IAAI;IArBf,8CAA8C;cACpC,SAAS;IAEnB,8FAA8F;;IAG9F;;;OAGG;;IAGH,4IAA4I;;IAE5I;;;OAGG;;+FAkBJ,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TableHeaderCell.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableHeaderCell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAEjD,eAAO,MAAM,eAAe;IAjB1B;;;OAGG;;IAEH;;;OAGG;WACI,cAAc,CAAC,WAAW,CAAC;IAClC;;;OAGG;uBACe,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,IAAI;6FA4C/D,CAAC"}
1
+ {"version":3,"file":"TableHeaderCell.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableHeaderCell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAEjD,eAAO,MAAM,eAAe;IAjB1B;;;OAGG;;IAEH;;;OAGG;WACI,cAAc,CAAC,WAAW,CAAC;IAClC;;;OAGG;uBACe,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,IAAI;6FA2C/D,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQ5C,MAAM,MAAM,QAAQ,GAAG;IACrB,qFAAqF;IACrF,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC;AAErD,eAAO,MAAM,GAAG;IAJd,qFAAqF;WAC9E,MAAM;wGAsBb,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TabContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQ5C,MAAM,MAAM,eAAe,GAAG;IAC5B,0FAA0F;IAC1F,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAElD,eAAO,MAAM,UAAU;IAJrB,0FAA0F;WACnF,MAAM;kGAwBd,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,eAAO,MAAM,OAAO,2HAclB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import type { HTMLAttributes } from 'react';
2
- import type { TabProps } from './Tab';
2
+ import type { TabProps } from '.';
3
3
  type UseTab = (props: TabProps) => Pick<HTMLAttributes<HTMLButtonElement>, 'id' | 'aria-selected' | 'role' | 'onClick'>;
4
4
  /** Handles props for `Tab` in context with `Tabs` */
5
5
  export declare const useTabItem: UseTab;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useTab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/useTab.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAElC,KAAK,MAAM,GAAG,CACZ,KAAK,EAAE,QAAQ,KACZ,IAAI,CACP,cAAc,CAAC,iBAAiB,CAAC,EACjC,IAAI,GAAG,eAAe,GAAG,MAAM,GAAG,SAAS,CAC5C,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,UAAU,EAAE,MAcxB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/Combobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAY5C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACzD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C,GAAG,WAAW,GACb,cAAc,GACd,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,iBAAiB;IA5F5B;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;6BACqB,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;;;;;OAOG;2BACmB,MAAM,UAAU,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;4BACoB,MAAM,KAAK,MAAM;;;;;;;;;oKAmWzC,CAAC;AAEF,eAAO,MAAM,QAAQ;IA5bnB;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;6BACqB,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;;;;;OAOG;2BACmB,MAAM,UAAU,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;4BACoB,MAAM,KAAK,MAAM;;;;;;;;;oKA8WzC,CAAC"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/Combobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAY5C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACzD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C,GAAG,WAAW,GACb,cAAc,GACd,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,iBAAiB;IA5F5B;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;6BACqB,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;;;;;OAOG;2BACmB,MAAM,UAAU,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;4BACoB,MAAM,KAAK,MAAM;;;;;;;;;oKAsWzC,CAAC;AAEF,eAAO,MAAM,QAAQ;IA/bnB;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;6BACqB,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;;;;;OAOG;2BACmB,MAAM,UAAU,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;4BACoB,MAAM,KAAK,MAAM;;;;;;;;;oKAiXzC,CAAC"}
@@ -6,7 +6,7 @@ type UseComboboxOptionProps = {
6
6
  export default function useComboboxOption({ id, ref, value, }: UseComboboxOptionProps): {
7
7
  id: string;
8
8
  ref: ((instance: HTMLButtonElement | null) => void) | null;
9
- selected: import("packages/react/src/components/form/Combobox/useCombobox").Option;
9
+ selected: import("../useCombobox").Option;
10
10
  active: boolean;
11
11
  onOptionClick: (...args: never[]) => void;
12
12
  };
@@ -1 +1 @@
1
- {"version":3,"file":"useComboboxOption.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/Option/useComboboxOption.tsx"],"names":[],"mappings":"AAOA,KAAK,sBAAsB,GAAG;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,EAAE,EACF,GAAG,EACH,KAAK,GACN,EAAE,sBAAsB;;;;;;EAoDxB"}
1
+ {"version":3,"file":"useComboboxOption.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/Option/useComboboxOption.tsx"],"names":[],"mappings":"AAQA,KAAK,sBAAsB,GAAG;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,EAAE,EACF,GAAG,EACH,KAAK,GACN,EAAE,sBAAsB;;;;;;EAoDxB"}
@@ -1 +1 @@
1
- {"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxInput.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKjD,KAAK,kBAAkB,GAAG;IACxB,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CACrD,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,aAAa;4EAOvB,kBAAkB;;CAgIpB,CAAC;AAIF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxInput.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAMjD,KAAK,kBAAkB,GAAG;IACxB,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CACrD,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,aAAa;4EAOvB,kBAAkB;;CAgIpB,CAAC;AAIF,eAAe,aAAa,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ComboboxNative.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,KAAK,mBAAmB,GAAG;IACzB,eAAe,EAAE;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,cAAc;2CAIxB,mBAAmB;;CAqBrB,CAAC;AAIF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"ComboboxNative.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,KAAK,mBAAmB,GAAG;IACzB,eAAe,EAAE;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,cAAc;2CAIxB,mBAAmB;;CAmBrB,CAAC;AAIF,eAAe,cAAc,CAAC"}
@@ -18,6 +18,13 @@ export type Option = {
18
18
  export declare function isComboboxOption(child: ReactNode): child is ReactElement<ComboboxOptionProps>;
19
19
  export declare function isComboboxCustom(child: ReactNode): child is ReactElement<ComboboxCustomProps>;
20
20
  export declare function isInteractiveComboboxCustom(child: ReactNode): child is ReactElement<ComboboxCustomProps>;
21
+ /**
22
+ * We use this function to prefix the value of the options so we can make sure numbers as strings are not parsed as numbers in objects
23
+ * @param value
24
+ * @returns
25
+ */
26
+ export declare const prefix: (value?: string) => string;
27
+ export declare const removePrefix: (value: string) => string;
21
28
  export default function useCombobox({ children, inputValue, multiple, filter, initialValue, }: UseComboboxProps): {
22
29
  filteredOptionsChildren: (ReactElement<ComboboxOptionProps, string | import("react").JSXElementConstructor<any>> | undefined)[];
23
30
  filteredOptions: string[];
@@ -1 +1 @@
1
- {"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useCombobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAEC,EACD,YAAY,GACb,EAAE,gBAAgB;;;;;;;;;;;;;;;EAkIlB"}
1
+ {"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useCombobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAID;;;;GAIG;AACH,eAAO,MAAM,MAAM,WAAY,MAAM,KAAG,MAEvC,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,KAAG,MAE5C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAEC,EACD,YAAY,GACb,EAAE,gBAAgB;;;;;;;;;;;;;;;EAuIlB"}
@@ -1 +1 @@
1
- {"version":3,"file":"useSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/useSwitch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,SAAS,GAAG;IACrD,UAAU,CAAC,EAAE,IAAI,CACf,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,UAAU,GACV,MAAM,GACN,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,SAAS,GACT,SAAS,GACT,UAAU,CACb,CAAC;CACH,CAAC;AACF,mFAAmF;AACnF,eAAO,MAAM,SAAS,EAAE,WAmCvB,CAAC"}
1
+ {"version":3,"file":"useSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/useSwitch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,SAAS,GAAG;IACrD,UAAU,CAAC,EAAE,IAAI,CACf,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,UAAU,GACV,MAAM,GACN,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,SAAS,GACT,SAAS,GACT,UAAU,CACb,CAAC;CACH,CAAC;AACF,mFAAmF;AACnF,eAAO,MAAM,SAAS,EAAE,WAoCvB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digdir/designsystemet-react",
3
- "version": "1.0.0-rc.4",
3
+ "version": "1.0.0-rc.6",
4
4
  "description": "React components for Designsystemet",
5
5
  "author": "Designsystemet team",
6
6
  "repository": "https://github.com/digdir/designsystemet",
@@ -39,5 +39,5 @@
39
39
  "rollup": "^4.12.1",
40
40
  "typescript": "^5.4.2"
41
41
  },
42
- "gitHead": "d7e07e452da4267f1c2d28ba3e8b6f7acd0d4cb1"
42
+ "gitHead": "92430c5083e185ada96522d28ff1c5bd2811de88"
43
43
  }
@@ -1,26 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- var jsxRuntime = require('react/jsx-runtime');
5
- var akselIcons = require('@navikt/aksel-icons');
6
- var lite = require('../../../node_modules/clsx/dist/lite.js');
7
- var React = require('react');
8
- var AccordionItem = require('../AccordionItem/AccordionItem.js');
9
- var Heading = require('../../Typography/Heading/Heading.js');
10
- var Paragraph = require('../../Typography/Paragraph/Paragraph.js');
11
-
12
- const AccordionHeader = React.forwardRef(({ level = 1, children, className, onHeaderClick, ...rest }, ref) => {
13
- const context = React.useContext(AccordionItem.AccordionItemContext);
14
- if (context === null) {
15
- console.error('<Accordion.Header> has to be used within an <Accordion.Item>');
16
- return null;
17
- }
18
- const handleClick = (e) => {
19
- context.toggleOpen();
20
- onHeaderClick && onHeaderClick(e);
21
- };
22
- return (jsxRuntime.jsx(Heading.Heading, { ref: ref, size: 'xs', level: level, className: lite.clsx('fds-accordion__header', className), ...rest, children: jsxRuntime.jsxs("button", { type: 'button', className: lite.clsx('fds-accordion__button', `fds-focus`), onClick: handleClick, "aria-expanded": context.open, "aria-controls": context.contentId, children: [jsxRuntime.jsx(akselIcons.ChevronDownIcon, { "aria-hidden": true, className: 'fds-accordion__expand-icon', fontSize: '1.5rem' }), jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: 'sm', children: jsxRuntime.jsx("span", { children: children }) })] }) }));
23
- });
24
- AccordionHeader.displayName = 'AccordionHeader';
25
-
26
- exports.AccordionHeader = AccordionHeader;
@@ -1,24 +0,0 @@
1
- 'use client';
2
- import { jsx, jsxs } from 'react/jsx-runtime';
3
- import { ChevronDownIcon } from '@navikt/aksel-icons';
4
- import { clsx } from '../../../node_modules/clsx/dist/lite.js';
5
- import { forwardRef, useContext } from 'react';
6
- import { AccordionItemContext } from '../AccordionItem/AccordionItem.js';
7
- import { Heading } from '../../Typography/Heading/Heading.js';
8
- import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
9
-
10
- const AccordionHeader = forwardRef(({ level = 1, children, className, onHeaderClick, ...rest }, ref) => {
11
- const context = useContext(AccordionItemContext);
12
- if (context === null) {
13
- console.error('<Accordion.Header> has to be used within an <Accordion.Item>');
14
- return null;
15
- }
16
- const handleClick = (e) => {
17
- context.toggleOpen();
18
- onHeaderClick && onHeaderClick(e);
19
- };
20
- return (jsx(Heading, { ref: ref, size: 'xs', level: level, className: clsx('fds-accordion__header', className), ...rest, children: jsxs("button", { type: 'button', className: clsx('fds-accordion__button', `fds-focus`), onClick: handleClick, "aria-expanded": context.open, "aria-controls": context.contentId, children: [jsx(ChevronDownIcon, { "aria-hidden": true, className: 'fds-accordion__expand-icon', fontSize: '1.5rem' }), jsx(Paragraph, { asChild: true, size: 'sm', children: jsx("span", { children: children }) })] }) }));
21
- });
22
- AccordionHeader.displayName = 'AccordionHeader';
23
-
24
- export { AccordionHeader };
@@ -1,14 +0,0 @@
1
- 'use client';
2
- import { jsx, Fragment } from 'react/jsx-runtime';
3
- import { forwardRef, useContext } from 'react';
4
- import { clsx } from '../../../node_modules/clsx/dist/lite.js';
5
- import { TabsContext } from '../Tabs.js';
6
-
7
- const TabContent = forwardRef(({ children, value, className, ...rest }, ref) => {
8
- const { value: tabsValue } = useContext(TabsContext);
9
- const active = value == tabsValue;
10
- return (jsx(Fragment, { children: active && (jsx("div", { className: clsx('fds-tabs__content', className), ref: ref, ...rest, children: children })) }));
11
- });
12
- TabContent.displayName = 'TabContent';
13
-
14
- export { TabContent };
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionContent/AccordionContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAOvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,wCAAwC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,gBAAgB;IAJ3B,wCAAwC;cAC9B,SAAS;mFAmCnB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './AccordionContent';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionContent/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionHeader/AccordionHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM1E,MAAM,MAAM,oBAAoB,GAAG;IACjC,uGAAuG;IACvG,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,oCAAoC;IACpC,aAAa,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IACjE,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC,eAAO,MAAM,eAAe;IAR1B,uGAAuG;;IAEvG,oCAAoC;oBACpB,kBAAkB,iBAAiB,CAAC,GAAG,SAAS;IAChE,mBAAmB;cACT,SAAS;2FAkDnB,CAAC"}