@digdir/designsystemet-react 0.61.0 → 0.62.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 (224) hide show
  1. package/dist/cjs/components/Accordion/Accordion.js +2 -2
  2. package/dist/cjs/components/Accordion/AccordionContent/AccordionContent.js +2 -2
  3. package/dist/cjs/components/Accordion/AccordionHeader/AccordionHeader.js +2 -2
  4. package/dist/cjs/components/Accordion/AccordionItem/AccordionItem.js +2 -2
  5. package/dist/cjs/components/Alert/Alert.js +5 -3
  6. package/dist/cjs/components/Box/Box.js +4 -1
  7. package/dist/cjs/components/Chip/Group/Group.js +5 -1
  8. package/dist/cjs/components/Chip/Removable/Removable.js +3 -1
  9. package/dist/cjs/components/Chip/Toggle/Toggle.js +3 -1
  10. package/dist/cjs/components/Divider/Divider.js +2 -2
  11. package/dist/cjs/components/DropdownMenu/DropdownMenu.js +4 -2
  12. package/dist/cjs/components/DropdownMenu/DropdownMenuContent.js +3 -3
  13. package/dist/cjs/components/DropdownMenu/DropdownMenuItem.js +2 -2
  14. package/dist/cjs/components/DropdownMenu/DropdownMenuTrigger.js +1 -1
  15. package/dist/cjs/components/HelpText/HelpText.js +5 -3
  16. package/dist/cjs/components/List/ListHeading.js +3 -3
  17. package/dist/cjs/components/List/ListItem.js +2 -2
  18. package/dist/cjs/components/List/ListRoot.js +4 -2
  19. package/dist/cjs/components/List/Lists.js +3 -3
  20. package/dist/cjs/components/Modal/ModalDialog.js +1 -1
  21. package/dist/cjs/components/Modal/ModalHeader.js +1 -1
  22. package/dist/cjs/components/Pagination/Pagination.js +6 -4
  23. package/dist/cjs/components/Pagination/PaginationRoot.js +4 -2
  24. package/dist/cjs/components/Popover/Popover.js +4 -2
  25. package/dist/cjs/components/Popover/PopoverContent.js +6 -6
  26. package/dist/cjs/components/Popover/PopoverTrigger.js +1 -1
  27. package/dist/cjs/components/Skeleton/Circle/Circle.js +2 -2
  28. package/dist/cjs/components/Skeleton/Rectangle/Rectangle.js +2 -2
  29. package/dist/cjs/components/Skeleton/Text/Text.js +2 -2
  30. package/dist/cjs/components/SkipLink/SkipLink.js +2 -2
  31. package/dist/cjs/components/Spinner/Spinner.js +9 -7
  32. package/dist/cjs/components/Table/Table.js +3 -1
  33. package/dist/cjs/components/Tabs/Tab/Tab.js +3 -3
  34. package/dist/cjs/components/Tabs/Tab/useTab.js +1 -3
  35. package/dist/cjs/components/Tabs/TabList/TabList.js +2 -2
  36. package/dist/cjs/components/Tabs/Tabs.js +5 -2
  37. package/dist/cjs/components/Tag/Tag.js +3 -1
  38. package/dist/cjs/components/ToggleGroup/ToggleGroup.js +3 -1
  39. package/dist/cjs/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js +3 -3
  40. package/dist/cjs/components/Tooltip/Tooltip.js +9 -9
  41. package/dist/cjs/components/Typography/ErrorMessage/ErrorMessage.js +5 -3
  42. package/dist/cjs/components/Typography/Heading/Heading.js +5 -3
  43. package/dist/cjs/components/Typography/Ingress/Ingress.js +5 -3
  44. package/dist/cjs/components/Typography/Label/Label.js +5 -3
  45. package/dist/cjs/components/Typography/Paragraph/Paragraph.js +5 -3
  46. package/dist/cjs/components/form/Checkbox/Checkbox.js +2 -2
  47. package/dist/cjs/components/form/Checkbox/Group/Group.js +1 -1
  48. package/dist/cjs/components/form/Combobox/Combobox.js +6 -4
  49. package/dist/cjs/components/form/Combobox/Custom.js +1 -1
  50. package/dist/cjs/components/form/Combobox/Option/useComboboxOption.js +1 -1
  51. package/dist/cjs/components/form/Combobox/internal/ComboboxInput.js +1 -1
  52. package/dist/cjs/components/form/Combobox/useFloatingCombobox.js +2 -2
  53. package/dist/cjs/components/form/Fieldset/Fieldset.js +2 -2
  54. package/dist/cjs/components/form/NativeSelect/NativeSelect.js +3 -3
  55. package/dist/cjs/components/form/NativeSelect/useNativeSelect.js +3 -1
  56. package/dist/cjs/components/form/Radio/Group/Group.js +3 -3
  57. package/dist/cjs/components/form/Radio/Radio.js +3 -3
  58. package/dist/cjs/components/form/Search/Search.js +5 -5
  59. package/dist/cjs/components/form/Search/useSearch.js +3 -7
  60. package/dist/cjs/components/form/Switch/Switch.js +1 -1
  61. package/dist/cjs/components/form/Textarea/Textarea.js +4 -4
  62. package/dist/cjs/components/form/Textarea/useTextarea.js +3 -1
  63. package/dist/cjs/components/form/Textfield/Textfield.js +6 -6
  64. package/dist/cjs/components/form/Textfield/useTextfield.js +3 -1
  65. package/dist/cjs/components/form/useFormField.js +5 -7
  66. package/dist/cjs/{packages/react/node_modules → node_modules}/@floating-ui/dom/dist/floating-ui.dom.js +3 -3
  67. package/dist/cjs/{packages/react/node_modules → node_modules}/@floating-ui/react/dist/floating-ui.react.js +2 -2
  68. package/dist/cjs/{packages/react/node_modules → node_modules}/@floating-ui/react/dist/floating-ui.react.utils.js +1 -1
  69. package/dist/cjs/utilities/AnimateHeight/AnimateHeight.js +2 -2
  70. package/dist/cjs/utilities/RovingTabIndex/RovingTabindexItem.js +1 -1
  71. package/dist/cjs/utilities/RovingTabIndex/RovingTabindexRoot.js +1 -1
  72. package/dist/esm/components/Accordion/Accordion.js +1 -1
  73. package/dist/esm/components/Accordion/AccordionContent/AccordionContent.js +2 -2
  74. package/dist/esm/components/Accordion/AccordionHeader/AccordionHeader.js +2 -2
  75. package/dist/esm/components/Accordion/AccordionItem/AccordionItem.js +1 -1
  76. package/dist/esm/components/Alert/Alert.js +4 -2
  77. package/dist/esm/components/Box/Box.js +4 -1
  78. package/dist/esm/components/Chip/Group/Group.js +5 -1
  79. package/dist/esm/components/Chip/Removable/Removable.js +3 -1
  80. package/dist/esm/components/Chip/Toggle/Toggle.js +3 -1
  81. package/dist/esm/components/Divider/Divider.js +1 -1
  82. package/dist/esm/components/DropdownMenu/DropdownMenu.js +4 -2
  83. package/dist/esm/components/DropdownMenu/DropdownMenuContent.js +3 -3
  84. package/dist/esm/components/DropdownMenu/DropdownMenuItem.js +2 -2
  85. package/dist/esm/components/DropdownMenu/DropdownMenuTrigger.js +1 -1
  86. package/dist/esm/components/HelpText/HelpText.js +4 -2
  87. package/dist/esm/components/List/ListHeading.js +3 -3
  88. package/dist/esm/components/List/ListItem.js +1 -1
  89. package/dist/esm/components/List/ListRoot.js +4 -2
  90. package/dist/esm/components/List/Lists.js +1 -1
  91. package/dist/esm/components/Modal/ModalDialog.js +1 -1
  92. package/dist/esm/components/Modal/ModalHeader.js +1 -1
  93. package/dist/esm/components/Pagination/Pagination.js +6 -4
  94. package/dist/esm/components/Pagination/PaginationRoot.js +4 -2
  95. package/dist/esm/components/Popover/Popover.js +4 -2
  96. package/dist/esm/components/Popover/PopoverContent.js +4 -4
  97. package/dist/esm/components/Popover/PopoverTrigger.js +1 -1
  98. package/dist/esm/components/Skeleton/Circle/Circle.js +1 -1
  99. package/dist/esm/components/Skeleton/Rectangle/Rectangle.js +1 -1
  100. package/dist/esm/components/Skeleton/Text/Text.js +1 -1
  101. package/dist/esm/components/SkipLink/SkipLink.js +1 -1
  102. package/dist/esm/components/Spinner/Spinner.js +9 -7
  103. package/dist/esm/components/Table/Table.js +3 -1
  104. package/dist/esm/components/Tabs/Tab/Tab.js +3 -3
  105. package/dist/esm/components/Tabs/Tab/useTab.js +1 -3
  106. package/dist/esm/components/Tabs/TabList/TabList.js +1 -1
  107. package/dist/esm/components/Tabs/Tabs.js +5 -2
  108. package/dist/esm/components/Tag/Tag.js +3 -1
  109. package/dist/esm/components/ToggleGroup/ToggleGroup.js +3 -1
  110. package/dist/esm/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js +2 -2
  111. package/dist/esm/components/Tooltip/Tooltip.js +9 -9
  112. package/dist/esm/components/Typography/ErrorMessage/ErrorMessage.js +4 -2
  113. package/dist/esm/components/Typography/Heading/Heading.js +4 -2
  114. package/dist/esm/components/Typography/Ingress/Ingress.js +4 -2
  115. package/dist/esm/components/Typography/Label/Label.js +4 -2
  116. package/dist/esm/components/Typography/Paragraph/Paragraph.js +4 -2
  117. package/dist/esm/components/form/Checkbox/Checkbox.js +2 -2
  118. package/dist/esm/components/form/Checkbox/Group/Group.js +1 -1
  119. package/dist/esm/components/form/Combobox/Combobox.js +6 -4
  120. package/dist/esm/components/form/Combobox/Custom.js +1 -1
  121. package/dist/esm/components/form/Combobox/Option/useComboboxOption.js +1 -1
  122. package/dist/esm/components/form/Combobox/internal/ComboboxInput.js +1 -1
  123. package/dist/esm/components/form/Combobox/useFloatingCombobox.js +2 -2
  124. package/dist/esm/components/form/Fieldset/Fieldset.js +1 -1
  125. package/dist/esm/components/form/NativeSelect/NativeSelect.js +2 -2
  126. package/dist/esm/components/form/NativeSelect/useNativeSelect.js +3 -1
  127. package/dist/esm/components/form/Radio/Group/Group.js +2 -2
  128. package/dist/esm/components/form/Radio/Radio.js +2 -2
  129. package/dist/esm/components/form/Search/Search.js +3 -3
  130. package/dist/esm/components/form/Search/useSearch.js +3 -7
  131. package/dist/esm/components/form/Switch/Switch.js +1 -1
  132. package/dist/esm/components/form/Textarea/Textarea.js +2 -2
  133. package/dist/esm/components/form/Textarea/useTextarea.js +3 -1
  134. package/dist/esm/components/form/Textfield/Textfield.js +3 -3
  135. package/dist/esm/components/form/Textfield/useTextfield.js +3 -1
  136. package/dist/esm/components/form/useFormField.js +5 -7
  137. package/dist/esm/{packages/react/node_modules → node_modules}/@floating-ui/dom/dist/floating-ui.dom.js +4 -4
  138. package/dist/esm/{packages/react/node_modules → node_modules}/@floating-ui/react/dist/floating-ui.react.js +2 -2
  139. package/dist/esm/{packages/react/node_modules → node_modules}/@floating-ui/react/dist/floating-ui.react.utils.js +1 -1
  140. package/dist/esm/utilities/AnimateHeight/AnimateHeight.js +1 -1
  141. package/dist/esm/utilities/RovingTabIndex/RovingTabindexItem.js +1 -1
  142. package/dist/esm/utilities/RovingTabIndex/RovingTabindexRoot.js +1 -1
  143. package/dist/types/components/Alert/Alert.d.ts +13 -6
  144. package/dist/types/components/Alert/Alert.d.ts.map +1 -1
  145. package/dist/types/components/Box/Box.d.ts +7 -4
  146. package/dist/types/components/Box/Box.d.ts.map +1 -1
  147. package/dist/types/components/Chip/Group/Group.d.ts +9 -3
  148. package/dist/types/components/Chip/Group/Group.d.ts.map +1 -1
  149. package/dist/types/components/Chip/Removable/Removable.d.ts +9 -6
  150. package/dist/types/components/Chip/Removable/Removable.d.ts.map +1 -1
  151. package/dist/types/components/Chip/Toggle/Toggle.d.ts +9 -6
  152. package/dist/types/components/Chip/Toggle/Toggle.d.ts.map +1 -1
  153. package/dist/types/components/DropdownMenu/DropdownMenu.d.ts +7 -4
  154. package/dist/types/components/DropdownMenu/DropdownMenu.d.ts.map +1 -1
  155. package/dist/types/components/HelpText/HelpText.d.ts +4 -3
  156. package/dist/types/components/HelpText/HelpText.d.ts.map +1 -1
  157. package/dist/types/components/List/ListHeading.d.ts +1 -1
  158. package/dist/types/components/List/ListRoot.d.ts +15 -9
  159. package/dist/types/components/List/ListRoot.d.ts.map +1 -1
  160. package/dist/types/components/Pagination/Pagination.d.ts +12 -4
  161. package/dist/types/components/Pagination/Pagination.d.ts.map +1 -1
  162. package/dist/types/components/Pagination/PaginationNextPrev.d.ts +2 -2
  163. package/dist/types/components/Pagination/PaginationNextPrev.d.ts.map +1 -1
  164. package/dist/types/components/Pagination/PaginationRoot.d.ts +7 -4
  165. package/dist/types/components/Pagination/PaginationRoot.d.ts.map +1 -1
  166. package/dist/types/components/Popover/Popover.d.ts +8 -4
  167. package/dist/types/components/Popover/Popover.d.ts.map +1 -1
  168. package/dist/types/components/Spinner/Spinner.d.ts +10 -3
  169. package/dist/types/components/Spinner/Spinner.d.ts.map +1 -1
  170. package/dist/types/components/Table/Table.d.ts +8 -4
  171. package/dist/types/components/Table/Table.d.ts.map +1 -1
  172. package/dist/types/components/Tabs/Tab/Tab.d.ts.map +1 -1
  173. package/dist/types/components/Tabs/Tab/useTab.d.ts +1 -3
  174. package/dist/types/components/Tabs/Tab/useTab.d.ts.map +1 -1
  175. package/dist/types/components/Tabs/Tabs.d.ts +14 -4
  176. package/dist/types/components/Tabs/Tabs.d.ts.map +1 -1
  177. package/dist/types/components/Tag/Tag.d.ts +9 -5
  178. package/dist/types/components/Tag/Tag.d.ts.map +1 -1
  179. package/dist/types/components/ToggleGroup/ToggleGroup.d.ts +14 -5
  180. package/dist/types/components/ToggleGroup/ToggleGroup.d.ts.map +1 -1
  181. package/dist/types/components/ToggleGroup/ToggleGroupItem/useToggleGroupitem.d.ts +2 -1
  182. package/dist/types/components/ToggleGroup/ToggleGroupItem/useToggleGroupitem.d.ts.map +1 -1
  183. package/dist/types/components/Tooltip/Tooltip.d.ts +14 -3
  184. package/dist/types/components/Tooltip/Tooltip.d.ts.map +1 -1
  185. package/dist/types/components/Typography/ErrorMessage/ErrorMessage.d.ts +14 -4
  186. package/dist/types/components/Typography/ErrorMessage/ErrorMessage.d.ts.map +1 -1
  187. package/dist/types/components/Typography/Heading/Heading.d.ts +10 -4
  188. package/dist/types/components/Typography/Heading/Heading.d.ts.map +1 -1
  189. package/dist/types/components/Typography/Ingress/Ingress.d.ts +8 -4
  190. package/dist/types/components/Typography/Ingress/Ingress.d.ts.map +1 -1
  191. package/dist/types/components/Typography/Label/Label.d.ts +15 -4
  192. package/dist/types/components/Typography/Label/Label.d.ts.map +1 -1
  193. package/dist/types/components/Typography/Paragraph/Paragraph.d.ts +18 -4
  194. package/dist/types/components/Typography/Paragraph/Paragraph.d.ts.map +1 -1
  195. package/dist/types/components/form/CharacterCounter.d.ts +2 -1
  196. package/dist/types/components/form/CharacterCounter.d.ts.map +1 -1
  197. package/dist/types/components/form/Checkbox/Checkbox.d.ts.map +1 -1
  198. package/dist/types/components/form/Checkbox/Group/Group.d.ts.map +1 -1
  199. package/dist/types/components/form/Combobox/Combobox.d.ts +2 -2
  200. package/dist/types/components/form/Combobox/Combobox.d.ts.map +1 -1
  201. package/dist/types/components/form/Combobox/Option/useComboboxOption.d.ts +1 -1
  202. package/dist/types/components/form/Fieldset/useFieldset.d.ts +1 -1
  203. package/dist/types/components/form/NativeSelect/NativeSelect.d.ts +10 -6
  204. package/dist/types/components/form/NativeSelect/NativeSelect.d.ts.map +1 -1
  205. package/dist/types/components/form/NativeSelect/useNativeSelect.d.ts.map +1 -1
  206. package/dist/types/components/form/Search/Search.d.ts +12 -6
  207. package/dist/types/components/form/Search/Search.d.ts.map +1 -1
  208. package/dist/types/components/form/Search/useSearch.d.ts +1 -3
  209. package/dist/types/components/form/Search/useSearch.d.ts.map +1 -1
  210. package/dist/types/components/form/Textarea/Textarea.d.ts +10 -10
  211. package/dist/types/components/form/Textarea/Textarea.d.ts.map +1 -1
  212. package/dist/types/components/form/Textarea/useTextarea.d.ts.map +1 -1
  213. package/dist/types/components/form/Textfield/Textfield.d.ts +14 -4
  214. package/dist/types/components/form/Textfield/Textfield.d.ts.map +1 -1
  215. package/dist/types/components/form/Textfield/useTextfield.d.ts.map +1 -1
  216. package/dist/types/components/form/useFormField.d.ts +8 -2
  217. package/dist/types/components/form/useFormField.d.ts.map +1 -1
  218. package/package.json +2 -2
  219. package/dist/cjs/node_modules/clsx/dist/clsx.js +0 -9
  220. package/dist/esm/node_modules/clsx/dist/clsx.js +0 -4
  221. /package/dist/cjs/{packages/react/node_modules → node_modules}/@floating-ui/react-dom/dist/floating-ui.react-dom.js +0 -0
  222. /package/dist/cjs/{packages/react/node_modules → node_modules}/tabbable/dist/index.esm.js +0 -0
  223. /package/dist/esm/{packages/react/node_modules → node_modules}/@floating-ui/react-dom/dist/floating-ui.react-dom.js +0 -0
  224. /package/dist/esm/{packages/react/node_modules → node_modules}/tabbable/dist/index.esm.js +0 -0
@@ -1,9 +1,9 @@
1
1
  'use client';
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import { forwardRef, useRef, useState, useCallback } from 'react';
4
- import { clsx } from '../../../node_modules/clsx/dist/clsx.js';
4
+ import { clsx } from '../../../node_modules/clsx/dist/lite.js';
5
5
  import { MagnifyingGlassIcon, XMarkIcon } from '@navikt/aksel-icons';
6
- import { useMergeRefs } from '../../../packages/react/node_modules/@floating-ui/react/dist/floating-ui.react.js';
6
+ import { useMergeRefs } from '../../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
7
7
  import { useSearch } from './useSearch.js';
8
8
  import { Button } from '../../Button/Button.js';
9
9
  import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
@@ -20,7 +20,7 @@ import { ErrorMessage } from '../../Typography/ErrorMessage/ErrorMessage.js';
20
20
  */
21
21
  const Search = forwardRef((props, ref) => {
22
22
  const { label, style, hideLabel = true, variant = 'simple', searchButtonLabel = 'Søk', clearButtonLabel = 'Tøm', defaultValue, value, onChange, onClear, disabled, onSearchClick, htmlSize = 27, className, ...rest } = props;
23
- const { inputProps, hasError, errorId, size = 'medium' } = useSearch(props);
23
+ const { inputProps, hasError, errorId, size = 'md' } = useSearch(props);
24
24
  const inputRef = useRef();
25
25
  const mergedRef = useMergeRefs([ref, inputRef]);
26
26
  const [internalValue, setInternalValue] = useState(defaultValue ?? '');
@@ -2,21 +2,17 @@
2
2
  import { useContext } from 'react';
3
3
  import { useFormField } from '../useFormField.js';
4
4
  import { FieldsetContext } from '../Fieldset/FieldsetContext.js';
5
+ import { getSize } from '../../../utilities/getSize.js';
5
6
 
6
- const sizeMap = {
7
- small: 'small',
8
- medium: 'medium',
9
- large: 'large',
10
- };
11
7
  /** Handles props for `Search` in context with `Fieldset` */
12
8
  const useSearch = (props) => {
13
9
  const fieldset = useContext(FieldsetContext);
14
10
  const { inputProps, readOnly, ...rest } = useFormField(props, 'search');
15
- const fieldSetSize = fieldset?.size ? sizeMap[fieldset?.size] : null;
11
+ const size = fieldset?.size ?? getSize(props.size || 'md');
16
12
  return {
17
13
  ...rest,
18
14
  readOnly,
19
- size: fieldSetSize ?? props.size,
15
+ size,
20
16
  inputProps: {
21
17
  ...inputProps,
22
18
  type: 'search',
@@ -10,7 +10,7 @@ import { Label } from '../../Typography/Label/Label.js';
10
10
 
11
11
  const Switch = forwardRef((props, ref) => {
12
12
  const { children, description, position = 'left', className, ...rest } = props;
13
- const { inputProps, descriptionId, size = 'medium', readOnly, } = useSwitch(props);
13
+ const { inputProps, descriptionId, size = 'md', readOnly, } = useSwitch(props);
14
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`, 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 }) }))] }) }));
15
15
  });
16
16
  Switch.displayName = 'Switch';
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import { forwardRef, useState } from 'react';
4
- import { clsx } from '../../../node_modules/clsx/dist/clsx.js';
4
+ import { clsx } from '../../../node_modules/clsx/dist/lite.js';
5
5
  import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
6
6
  import { CharacterCounter } from '../CharacterCounter.js';
7
7
  import { useTextarea } from './useTextarea.js';
@@ -19,7 +19,7 @@ import { ErrorMessage } from '../../Typography/ErrorMessage/ErrorMessage.js';
19
19
  */
20
20
  const Textarea = forwardRef((props, ref) => {
21
21
  const { label, description, style, characterLimit, hideLabel, className, ...rest } = props;
22
- const { textareaProps, descriptionId, hasError, errorId, size = 'medium', readOnly, } = useTextarea(props);
22
+ const { textareaProps, descriptionId, hasError, errorId, size = 'md', readOnly, } = useTextarea(props);
23
23
  const [value, setValue] = useState(props.defaultValue);
24
24
  const characterLimitId = `${textareaProps.id}-charactercount}`;
25
25
  const hasCharacterLimit = characterLimit != null;
@@ -2,15 +2,17 @@
2
2
  import { useContext } from 'react';
3
3
  import { useFormField } from '../useFormField.js';
4
4
  import { FieldsetContext } from '../Fieldset/FieldsetContext.js';
5
+ import { getSize } from '../../../utilities/getSize.js';
5
6
 
6
7
  /** Handles props for `Textarea` in context with `Fieldset` */
7
8
  const useTextarea = (props) => {
8
9
  const fieldset = useContext(FieldsetContext);
9
10
  const { inputProps, readOnly, ...rest } = useFormField(props, 'textarea');
11
+ const size = fieldset?.size ?? getSize(props.size ?? 'md');
10
12
  return {
11
13
  ...rest,
12
14
  readOnly,
13
- size: fieldset?.size ?? props.size,
15
+ size,
14
16
  textareaProps: {
15
17
  ...inputProps,
16
18
  readOnly,
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import { forwardRef, useState, useId } from 'react';
4
- import { clsx } from '../../../node_modules/clsx/dist/clsx.js';
4
+ import { clsx } from '../../../node_modules/clsx/dist/lite.js';
5
5
  import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
6
6
  import { CharacterCounter } from '../CharacterCounter.js';
7
7
  import { useTextfield } from './useTextfield.js';
@@ -19,8 +19,8 @@ import { ErrorMessage } from '../../Typography/ErrorMessage/ErrorMessage.js';
19
19
  */
20
20
  const Textfield = forwardRef((props, ref) => {
21
21
  const { label, description, suffix, prefix, style, characterLimit, hideLabel, type = 'text', htmlSize = 20, className, ...rest } = props;
22
- const { inputProps, descriptionId, hasError, errorId, size = 'medium', readOnly, } = useTextfield(props);
23
- const [inputValue, setInputValue] = useState(props.defaultValue);
22
+ const { inputProps, descriptionId, hasError, errorId, size = 'md', readOnly, } = useTextfield(props);
23
+ const [inputValue, setInputValue] = useState(props.value || props.defaultValue);
24
24
  const characterLimitId = `textfield-charactercount-${useId()}`;
25
25
  const hasCharacterLimit = characterLimit != null;
26
26
  const describedBy = clsx(inputProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
@@ -2,15 +2,17 @@
2
2
  import { useContext } from 'react';
3
3
  import { useFormField } from '../useFormField.js';
4
4
  import { FieldsetContext } from '../Fieldset/FieldsetContext.js';
5
+ import { getSize } from '../../../utilities/getSize.js';
5
6
 
6
7
  /** Handles props for `Textfield` in context with `Fieldset` */
7
8
  const useTextfield = (props) => {
8
9
  const fieldset = useContext(FieldsetContext);
9
10
  const { inputProps, readOnly, ...rest } = useFormField(props, 'textfield');
11
+ const size = getSize(fieldset?.size ?? props.size ?? 'md');
10
12
  return {
11
13
  ...rest,
12
14
  readOnly,
13
- size: fieldset?.size ?? props.size,
15
+ size,
14
16
  inputProps: {
15
17
  ...inputProps,
16
18
  readOnly,
@@ -1,6 +1,7 @@
1
1
  'use client';
2
2
  import { useContext, useId } from 'react';
3
- import { clsx } from '../../node_modules/clsx/dist/clsx.js';
3
+ import { clsx } from '../../node_modules/clsx/dist/lite.js';
4
+ import { getSize } from '../../utilities/getSize.js';
4
5
  import { FieldsetContext } from './Fieldset/FieldsetContext.js';
5
6
 
6
7
  /**
@@ -15,21 +16,18 @@ const useFormField = (props, prefix) => {
15
16
  const disabled = fieldset?.disabled || props?.disabled;
16
17
  const readOnly = ((fieldset?.readOnly || props?.readOnly) && !disabled) || undefined;
17
18
  const hasError = !disabled && !readOnly && !!(props.error || fieldset?.error);
19
+ const size = getSize(props.size || fieldset?.size || 'md');
18
20
  return {
19
21
  readOnly,
20
22
  hasError,
21
23
  errorId,
22
24
  descriptionId,
23
- size: props?.size ?? fieldset?.size ?? 'medium',
25
+ size,
24
26
  inputProps: {
25
27
  id,
26
28
  disabled,
27
29
  'aria-invalid': hasError ? true : undefined,
28
- 'aria-describedby': clsx(props['aria-describedby'], {
29
- [descriptionId]: !!props?.description && typeof props?.description === 'string',
30
- [errorId]: hasError && !fieldset?.error,
31
- [fieldset?.errorId ?? '']: hasError && !!fieldset?.error,
32
- }) || undefined,
30
+ 'aria-describedby': clsx(props['aria-describedby'], (!!props?.description && typeof props?.description === 'string') && descriptionId, (hasError && !fieldset?.error) && errorId, (hasError && !!fieldset?.error) && fieldset?.errorId) || undefined,
33
31
  },
34
32
  };
35
33
  };
@@ -1,8 +1,8 @@
1
1
  'use client';
2
- import { shift as shift$1, flip as flip$1, arrow as arrow$1, size as size$1, computePosition as computePosition$1 } from '../../../../../../node_modules/@floating-ui/core/dist/floating-ui.core.js';
3
- export { detectOverflow, offset } from '../../../../../../node_modules/@floating-ui/core/dist/floating-ui.core.js';
4
- import { createCoords, rectToClientRect, round, max, min, floor } from '../../../../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.js';
5
- import { getOverflowAncestors, isElement, getWindow, getComputedStyle, getDocumentElement, isHTMLElement, isWebKit, getNodeName, isOverflowElement, getNodeScroll, isTableElement, isContainingBlock, getContainingBlock, getParentNode, isLastTraversableNode } from '../../../../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js';
2
+ import { shift as shift$1, flip as flip$1, arrow as arrow$1, size as size$1, computePosition as computePosition$1 } from '../../core/dist/floating-ui.core.js';
3
+ export { detectOverflow, offset } from '../../core/dist/floating-ui.core.js';
4
+ import { createCoords, rectToClientRect, round, max, min, floor } from '../../utils/dist/floating-ui.utils.js';
5
+ import { getOverflowAncestors, isElement, getWindow, getComputedStyle, getDocumentElement, isHTMLElement, isWebKit, getNodeName, isOverflowElement, getNodeScroll, isTableElement, isContainingBlock, getContainingBlock, getParentNode, isLastTraversableNode } from '../../utils/dist/floating-ui.utils.dom.js';
6
6
 
7
7
  function getCssDimensions(element) {
8
8
  const css = getComputedStyle(element);
@@ -2,10 +2,10 @@
2
2
  import * as React from 'react';
3
3
  import { useLayoutEffect, useEffect, useRef } from 'react';
4
4
  import { getDocument, isMouseLikePointerType, isTypeableCombobox, activeElement, contains, isVirtualClick, isVirtualPointerEvent, getTarget, isSafari, isMac, isTypeableElement, stopEvent, isReactEvent, isRootElement, isEventTargetWithin } from './floating-ui.react.utils.js';
5
- import { floor } from '../../../../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.js';
5
+ import { floor } from '../../utils/dist/floating-ui.utils.js';
6
6
  import { useFloating as useFloating$1 } from '../../react-dom/dist/floating-ui.react-dom.js';
7
7
  export { arrow } from '../../react-dom/dist/floating-ui.react-dom.js';
8
- import { isElement, isHTMLElement, getOverflowAncestors, getWindow, getNodeName, isLastTraversableNode, getParentNode, getComputedStyle } from '../../../../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js';
8
+ import { isElement, isHTMLElement, getOverflowAncestors, getWindow, getNodeName, isLastTraversableNode, getParentNode, getComputedStyle } from '../../utils/dist/floating-ui.utils.dom.js';
9
9
  import { tabbable, isTabbable } from '../../../tabbable/dist/index.esm.js';
10
10
  import { createPortal } from 'react-dom';
11
11
  import { platform } from '../../dom/dist/floating-ui.dom.js';
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- import { isShadowRoot, isHTMLElement } from '../../../../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js';
2
+ import { isShadowRoot, isHTMLElement } from '../../utils/dist/floating-ui.utils.dom.js';
3
3
 
4
4
  function activeElement(doc) {
5
5
  let activeElement = doc.activeElement;
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { useState, useRef, useCallback } from 'react';
4
- import { clsx } from '../../node_modules/clsx/dist/clsx.js';
4
+ import { clsx } from '../../node_modules/clsx/dist/lite.js';
5
5
  import { usePrevious } from '../../hooks/usePrevious.js';
6
6
  import { useMediaQuery } from '../../hooks/useMediaQuery.js';
7
7
 
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
- import { useMergeRefs } from '../../packages/react/node_modules/@floating-ui/react/dist/floating-ui.react.js';
4
+ import { useMergeRefs } from '../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
5
5
  import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
6
6
  import { useRovingTabindex } from './useRovingTabindex.js';
7
7
 
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { createContext, forwardRef, useState, useRef } from 'react';
4
- import { useMergeRefs } from '../../packages/react/node_modules/@floating-ui/react/dist/floating-ui.react.js';
4
+ import { useMergeRefs } from '../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
5
5
  import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
6
6
 
7
7
  const RovingTabindexContext = createContext({
@@ -1,5 +1,6 @@
1
1
  import type { HTMLAttributes } from 'react';
2
2
  type Severity = 'info' | 'warning' | 'success' | 'danger';
3
+ type OldAlertSizes = 'small' | 'medium' | 'large';
3
4
  export type AlertProps = {
4
5
  /** Sets color & icon according to severity */
5
6
  severity?: Severity;
@@ -10,12 +11,15 @@ export type AlertProps = {
10
11
  * Use this to inform screenreaders of severity.
11
12
  * Defaults to Norwegian. */
12
13
  iconTitle?: string;
13
- /** Sets the size of the alert.
14
+ /**
15
+ * Sets the size of the alert.
14
16
  * Does not affect font size.
15
17
  *
16
- * @default 'medium'
18
+ * @default md
19
+ *
20
+ * @note `small`, `medium`, `large` is deprecated
17
21
  */
18
- size?: 'small' | 'medium' | 'large';
22
+ size?: 'sm' | 'md' | 'lg' | OldAlertSizes;
19
23
  } & HTMLAttributes<HTMLDivElement>;
20
24
  export declare const Alert: import("react").ForwardRefExoticComponent<{
21
25
  /** Sets color & icon according to severity */
@@ -27,12 +31,15 @@ export declare const Alert: import("react").ForwardRefExoticComponent<{
27
31
  * Use this to inform screenreaders of severity.
28
32
  * Defaults to Norwegian. */
29
33
  iconTitle?: string | undefined;
30
- /** Sets the size of the alert.
34
+ /**
35
+ * Sets the size of the alert.
31
36
  * Does not affect font size.
32
37
  *
33
- * @default 'medium'
38
+ * @default md
39
+ *
40
+ * @note `small`, `medium`, `large` is deprecated
34
41
  */
35
- size?: "small" | "medium" | "large" | undefined;
42
+ size?: "sm" | "md" | "lg" | OldAlertSizes | undefined;
36
43
  } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
37
44
  export {};
38
45
  //# sourceMappingURL=Alert.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AA4B5C,KAAK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG;IACvB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;iCAG6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AACnC,eAAO,MAAM,KAAK;IAhBhB,8CAA8C;;IAE9C,6CAA6C;;IAE7C;;;iCAG6B;;IAE7B;;;;OAIG;;mFA8CJ,CAAC"}
1
+ {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AA6B5C,KAAK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1D,KAAK,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG;IACvB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;iCAG6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,aAAa,CAAC;CAC3C,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AACnC,eAAO,MAAM,KAAK;IAnBhB,8CAA8C;;IAE9C,6CAA6C;;IAE7C;;;iCAG6B;;IAE7B;;;;;;;OAOG;;mFAuCJ,CAAC"}
@@ -1,10 +1,12 @@
1
1
  import type { HTMLAttributes } from 'react';
2
+ type OldShadowSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
3
+ type OldBorderRadii = 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge' | 'xxxxlarge';
2
4
  export type BoxProps = {
3
5
  /**
4
6
  * Shadow size of the box
5
7
  * @default undefined
6
8
  */
7
- shadow?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
9
+ shadow?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | OldShadowSizes;
8
10
  /**
9
11
  * Border color of the box
10
12
  * @default undefined
@@ -14,7 +16,7 @@ export type BoxProps = {
14
16
  * Border radius of the box
15
17
  * @default undefined
16
18
  */
17
- borderRadius?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge' | 'xxxxlarge' | 'full';
19
+ borderRadius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full' | OldBorderRadii;
18
20
  /**
19
21
  * Background color of the box
20
22
  * @default 'default'
@@ -31,7 +33,7 @@ export declare const Box: import("react").ForwardRefExoticComponent<{
31
33
  * Shadow size of the box
32
34
  * @default undefined
33
35
  */
34
- shadow?: "xsmall" | "small" | "medium" | "large" | "xlarge" | undefined;
36
+ shadow?: "xs" | "sm" | "md" | "lg" | "xl" | OldShadowSizes | undefined;
35
37
  /**
36
38
  * Border color of the box
37
39
  * @default undefined
@@ -41,7 +43,7 @@ export declare const Box: import("react").ForwardRefExoticComponent<{
41
43
  * Border radius of the box
42
44
  * @default undefined
43
45
  */
44
- borderRadius?: "small" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | "full" | undefined;
46
+ borderRadius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | OldBorderRadii | "full" | undefined;
45
47
  /**
46
48
  * Background color of the box
47
49
  * @default 'default'
@@ -53,4 +55,5 @@ export declare const Box: import("react").ForwardRefExoticComponent<{
53
55
  */
54
56
  asChild?: boolean | undefined;
55
57
  } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
58
+ export {};
56
59
  //# sourceMappingURL=Box.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,QAAQ,GAAG;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5D;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9C;;;OAGG;IACH,YAAY,CAAC,EACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,GACV,WAAW,GACX,MAAM,CAAC;IACX;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,GAAG;IAnCd;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAUH;;;OAGG;;IAEH;;;OAGG;;mFAoCJ,CAAC"}
1
+ {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,KAAK,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AACzE,KAAK,cAAc,GACf,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,GACV,WAAW,CAAC;AAEhB,MAAM,MAAM,QAAQ,GAAG;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,cAAc,CAAC;IAC3D;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9C;;;OAGG;IACH,YAAY,CAAC,EACT,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,cAAc,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,GAAG;IApCd;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAWH;;;OAGG;;IAEH;;;OAGG;;mFAsCJ,CAAC"}
@@ -1,18 +1,24 @@
1
1
  import type { HTMLAttributes } from 'react';
2
+ type OldChipSizes = 'small' | 'medium' | 'large';
2
3
  export type ChipGroupContext = {
3
- size?: 'small' | 'medium' | 'large';
4
+ size?: 'sm' | 'md' | 'lg' | OldChipSizes;
4
5
  };
5
6
  export declare const ChipGroupContext: import("react").Context<ChipGroupContext | null>;
6
7
  export type ChipGroupProps = {
7
8
  /**
8
9
  * Changes Chip size and gap between chips.
10
+ * @default md
11
+ * @note `small`, `medium`, `large` is deprecated
9
12
  */
10
- size?: 'small' | 'medium' | 'large';
13
+ size?: ChipGroupContext['size'];
11
14
  } & HTMLAttributes<HTMLUListElement>;
12
15
  export declare const Group: import("react").ForwardRefExoticComponent<{
13
16
  /**
14
17
  * Changes Chip size and gap between chips.
18
+ * @default md
19
+ * @note `small`, `medium`, `large` is deprecated
15
20
  */
16
- size?: "small" | "medium" | "large" | undefined;
21
+ size?: ChipGroupContext['size'];
17
22
  } & HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>;
23
+ export {};
18
24
  //# sourceMappingURL=Group.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,kDAA+C,CAAC;AAE7E,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAErC,eAAO,MAAM,KAAK;IANhB;;OAEG;;uFAsBJ,CAAC"}
1
+ {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,gBAAgB,kDAA+C,CAAC;AAE7E,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACjC,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAErC,eAAO,MAAM,KAAK;IARhB;;;;OAIG;WACI,gBAAgB,CAAC,MAAM,CAAC;uFA2BhC,CAAC"}
@@ -1,16 +1,19 @@
1
1
  import type { ButtonHTMLAttributes } from 'react';
2
+ import { ChipGroupContext } from '../Group/Group';
2
3
  export type RemovableChipProps = {
3
4
  /**
4
- * Changes padding and font-sizes.
5
- * @default medium
5
+ * Changes Chip size and gap between chips.
6
+ * @default 'md'
7
+ * @note `small`, `medium`, `large` is deprecated
6
8
  */
7
- size?: 'small' | 'medium' | 'large';
9
+ size?: ChipGroupContext['size'];
8
10
  } & ButtonHTMLAttributes<HTMLButtonElement>;
9
11
  export declare const RemovableChip: import("react").ForwardRefExoticComponent<{
10
12
  /**
11
- * Changes padding and font-sizes.
12
- * @default medium
13
+ * Changes Chip size and gap between chips.
14
+ * @default 'md'
15
+ * @note `small`, `medium`, `large` is deprecated
13
16
  */
14
- size?: "small" | "medium" | "large" | undefined;
17
+ size?: ChipGroupContext['size'];
15
18
  } & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
16
19
  //# sourceMappingURL=Removable.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Removable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Removable/Removable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAQlD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,aAAa;IAPxB;;;OAGG;;+FAuCJ,CAAC"}
1
+ {"version":3,"file":"Removable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Removable/Removable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACjC,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,aAAa;IARxB;;;;OAIG;WACI,gBAAgB,CAAC,MAAM,CAAC;+FAuChC,CAAC"}
@@ -1,14 +1,16 @@
1
1
  import type { ButtonHTMLAttributes } from 'react';
2
+ import { ChipGroupContext } from '../Group/Group';
2
3
  export type ToggleChipProps = {
3
4
  /**
4
5
  * Enables check mark icon
5
6
  */
6
7
  checkmark?: boolean;
7
8
  /**
8
- * Changes padding and font-sizes.
9
- * @default medium
9
+ * Changes Chip size and gap between chips.
10
+ * @default 'md'
11
+ * @note `small`, `medium`, `large` is deprecated
10
12
  */
11
- size?: 'small' | 'medium' | 'large';
13
+ size?: ChipGroupContext['size'];
12
14
  /**
13
15
  * Toggles `aria-pressed` and visual-changes
14
16
  * */
@@ -20,10 +22,11 @@ export declare const ToggleChip: import("react").ForwardRefExoticComponent<{
20
22
  */
21
23
  checkmark?: boolean | undefined;
22
24
  /**
23
- * Changes padding and font-sizes.
24
- * @default medium
25
+ * Changes Chip size and gap between chips.
26
+ * @default 'md'
27
+ * @note `small`, `medium`, `large` is deprecated
25
28
  */
26
- size?: "small" | "medium" | "large" | undefined;
29
+ size?: ChipGroupContext['size'];
27
30
  /**
28
31
  * Toggles `aria-pressed` and visual-changes
29
32
  * */
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAQlD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,UAAU;IAfrB;;OAEG;;IAEH;;;OAGG;;IAEH;;SAEK;;+FAmDN,CAAC"}
1
+ {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,UAAU;IAhBrB;;OAEG;;IAEH;;;;OAIG;WACI,gBAAgB,CAAC,MAAM,CAAC;IAC/B;;SAEK;;+FAmDN,CAAC"}
@@ -1,6 +1,7 @@
1
1
  import type * as React from 'react';
2
2
  import type { Placement } from '@floating-ui/react';
3
3
  import type { PortalProps } from '../../types/Portal';
4
+ type OldDropdownMenuSizes = 'small' | 'medium' | 'large';
4
5
  export type DropdownMenuProps = {
5
6
  /** Whether the dropdown is open or not.
6
7
  * @default false
@@ -12,14 +13,16 @@ export type DropdownMenuProps = {
12
13
  * @default bottom-end
13
14
  */
14
15
  placement?: Placement;
15
- /** The size of the dropdown
16
- * @default medium
16
+ /**
17
+ * The size of the dropdown
18
+ * @default md
19
+ * @note `small`, `medium`, `large` is deprecated
17
20
  **/
18
- size?: 'small' | 'medium' | 'large';
21
+ size?: 'sm' | 'md' | 'lg' | OldDropdownMenuSizes;
19
22
  children: React.ReactNode;
20
23
  } & PortalProps;
21
24
  export declare const DropdownMenu: {
22
- ({ open, onClose, placement, size, portal, children, }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
25
+ ({ open, onClose, placement, portal, children, ...rest }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
23
26
  displayName: string;
24
27
  };
25
28
  type DropdownMenuContextType = {
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;QAEI;IACJ,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,WAAW,CAAC;AAEhB,eAAO,MAAM,YAAY;4DAOtB,iBAAiB;;CA4BnB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACrC,IAAI,EAAE,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7C,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,mBAAmB,wCAM9B,CAAC"}
1
+ {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,KAAK,oBAAoB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;QAII;IACJ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,oBAAoB,CAAC;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,WAAW,CAAC;AAEhB,eAAO,MAAM,YAAY;8DAOtB,iBAAiB;;CA+BnB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACrC,IAAI,EAAE,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7C,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,mBAAmB,wCAM9B,CAAC"}
@@ -8,8 +8,9 @@ export type HelpTextProps = {
8
8
  **/
9
9
  title: string;
10
10
  /**
11
- * Size of the icon.
12
- * @default medium
11
+ * Size of the helptext
12
+ * @default md
13
+ * @note `small`, `medium`, `large` is deprecated
13
14
  */
14
15
  size?: PopoverProps['size'];
15
16
  /**
@@ -19,7 +20,7 @@ export type HelpTextProps = {
19
20
  placement?: Placement;
20
21
  } & PortalProps & ButtonHTMLAttributes<HTMLButtonElement>;
21
22
  declare const HelpText: {
22
- ({ title, placement, size, portal, className, children, ...rest }: HelpTextProps): import("react/jsx-runtime").JSX.Element;
23
+ ({ title, placement, portal, className, children, ...rest }: HelpTextProps): import("react/jsx-runtime").JSX.Element;
23
24
  displayName: string;
24
25
  };
25
26
  export { HelpText };
@@ -1 +1 @@
1
- {"version":3,"file":"HelpText.d.ts","sourceRoot":"","sources":["../../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,MAAM,MAAM,aAAa,GAAG;IAC1B;;QAEI;IACJ,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GAAG,WAAW,GACb,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE1C,QAAA,MAAM,QAAQ;uEAQX,aAAa;;CAkDf,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
1
+ {"version":3,"file":"HelpText.d.ts","sourceRoot":"","sources":["../../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAKtD,MAAM,MAAM,aAAa,GAAG;IAC1B;;QAEI;IACJ,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GAAG,WAAW,GACb,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE1C,QAAA,MAAM,QAAQ;iEAOX,aAAa;;CAoDf,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -2,7 +2,7 @@ import { type HeadingProps } from '../Typography';
2
2
  export type ListHeadingProps = HeadingProps;
3
3
  export declare const ListHeading: import("react").ForwardRefExoticComponent<{
4
4
  level?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
5
- size?: "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "3xlarge" | undefined;
5
+ size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | ("xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "3xlarge") | undefined;
6
6
  spacing?: boolean | undefined;
7
7
  asChild?: boolean | undefined;
8
8
  } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
@@ -1,15 +1,19 @@
1
1
  import type { HTMLAttributes } from 'react';
2
- type ListContextType = {
3
- size: NonNullable<ListProps['size']>;
2
+ export type ListContextType = {
3
+ size: 'sm' | 'md' | 'lg';
4
4
  headingId?: string;
5
5
  setHeadingId: (id: string) => void;
6
6
  };
7
+ export type OldListSizes = 'small' | 'medium' | 'large';
7
8
  export declare const ListContext: import("react").Context<ListContextType>;
8
9
  export type ListProps = {
9
- /** Changes text sizing
10
- * @default medium
10
+ /**
11
+ * Changes text sizing
12
+ * @default md
13
+ *
14
+ * @note `small`, `medium` and `large` are deprecated
11
15
  */
12
- size?: 'small' | 'medium' | 'large';
16
+ size?: ListContextType['size'] | OldListSizes;
13
17
  /**
14
18
  * Change the default rendered element for the one passed as a child, merging their props and behavior.
15
19
  * @default false
@@ -17,15 +21,17 @@ export type ListProps = {
17
21
  asChild?: boolean;
18
22
  } & HTMLAttributes<HTMLDivElement>;
19
23
  export declare const ListRoot: import("react").ForwardRefExoticComponent<{
20
- /** Changes text sizing
21
- * @default medium
24
+ /**
25
+ * Changes text sizing
26
+ * @default md
27
+ *
28
+ * @note `small`, `medium` and `large` are deprecated
22
29
  */
23
- size?: "small" | "medium" | "large" | undefined;
30
+ size?: "sm" | "md" | "lg" | OldListSizes | undefined;
24
31
  /**
25
32
  * Change the default rendered element for the one passed as a child, merging their props and behavior.
26
33
  * @default false
27
34
  */
28
35
  asChild?: boolean | undefined;
29
36
  } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
30
- export {};
31
37
  //# sourceMappingURL=ListRoot.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ListRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,WAAW,0CAItB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ;IAXnB;;OAEG;;IAEH;;;OAGG;;mFAkBJ,CAAC"}
1
+ {"version":3,"file":"ListRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,eAAO,MAAM,WAAW,0CAItB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC;IAC9C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ;IAdnB;;;;;OAKG;;IAEH;;;OAGG;;mFAmBJ,CAAC"}