@digdir/designsystemet-react 0.57.0 → 0.59.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 (72) hide show
  1. package/dist/cjs/components/Accordion/AccordionHeader/AccordionHeader.js +1 -2
  2. package/dist/cjs/components/Alert/Alert.js +2 -2
  3. package/dist/cjs/components/Button/Button.js +1 -3
  4. package/dist/cjs/components/Card/Card.js +1 -2
  5. package/dist/cjs/components/Chip/Removable/Removable.js +1 -2
  6. package/dist/cjs/components/Chip/Toggle/Toggle.js +1 -2
  7. package/dist/cjs/components/HelpText/HelpText.js +1 -2
  8. package/dist/cjs/components/SkipLink/SkipLink.js +1 -3
  9. package/dist/cjs/components/Table/TableHeaderCell.js +1 -2
  10. package/dist/cjs/components/Typography/Ingress/Ingress.js +2 -3
  11. package/dist/cjs/components/form/CharacterCounter.js +1 -2
  12. package/dist/cjs/components/form/Combobox/internal/ComboboxClearButton.js +1 -2
  13. package/dist/cjs/components/form/Combobox/internal/ComboboxLabel.js +1 -2
  14. package/dist/cjs/components/form/Fieldset/Fieldset.js +1 -2
  15. package/dist/cjs/components/form/NativeSelect/NativeSelect.js +1 -2
  16. package/dist/cjs/components/form/Search/Search.js +1 -2
  17. package/dist/cjs/components/form/Textarea/Textarea.js +1 -2
  18. package/dist/cjs/components/form/Textfield/Textfield.js +1 -2
  19. package/dist/cjs/react-css-modules.css +2 -417
  20. package/dist/esm/components/Accordion/AccordionHeader/AccordionHeader.js +1 -2
  21. package/dist/esm/components/Alert/Alert.js +2 -2
  22. package/dist/esm/components/Button/Button.js +1 -3
  23. package/dist/esm/components/Card/Card.js +1 -2
  24. package/dist/esm/components/Chip/Removable/Removable.js +1 -2
  25. package/dist/esm/components/Chip/Toggle/Toggle.js +1 -2
  26. package/dist/esm/components/HelpText/HelpText.js +1 -2
  27. package/dist/esm/components/SkipLink/SkipLink.js +1 -3
  28. package/dist/esm/components/Table/TableHeaderCell.js +1 -2
  29. package/dist/esm/components/Typography/Ingress/Ingress.js +2 -3
  30. package/dist/esm/components/form/CharacterCounter.js +1 -2
  31. package/dist/esm/components/form/Combobox/internal/ComboboxClearButton.js +1 -2
  32. package/dist/esm/components/form/Combobox/internal/ComboboxLabel.js +1 -2
  33. package/dist/esm/components/form/Fieldset/Fieldset.js +1 -2
  34. package/dist/esm/components/form/NativeSelect/NativeSelect.js +1 -2
  35. package/dist/esm/components/form/Search/Search.js +1 -2
  36. package/dist/esm/components/form/Textarea/Textarea.js +1 -2
  37. package/dist/esm/components/form/Textfield/Textfield.js +1 -2
  38. package/dist/esm/react-css-modules.css +2 -417
  39. package/dist/types/components/Accordion/AccordionHeader/AccordionHeader.d.ts.map +1 -1
  40. package/dist/types/components/Alert/Alert.d.ts +12 -0
  41. package/dist/types/components/Alert/Alert.d.ts.map +1 -1
  42. package/dist/types/components/Button/Button.d.ts +1 -1
  43. package/dist/types/components/Button/Button.d.ts.map +1 -1
  44. package/dist/types/components/Card/Card.d.ts.map +1 -1
  45. package/dist/types/components/Chip/Removable/Removable.d.ts.map +1 -1
  46. package/dist/types/components/Chip/Toggle/Toggle.d.ts.map +1 -1
  47. package/dist/types/components/DropdownMenu/DropdownMenuTrigger.d.ts +1 -1
  48. package/dist/types/components/ErrorSummary/ErrorSummaryItem.d.ts.map +1 -1
  49. package/dist/types/components/HelpText/HelpText.d.ts.map +1 -1
  50. package/dist/types/components/Modal/ModalTrigger/ModalTrigger.d.ts +1 -1
  51. package/dist/types/components/Popover/PopoverTrigger.d.ts +1 -1
  52. package/dist/types/components/SkipLink/SkipLink.d.ts.map +1 -1
  53. package/dist/types/components/Table/TableHeaderCell.d.ts.map +1 -1
  54. package/dist/types/components/Typography/Ingress/Ingress.d.ts +4 -2
  55. package/dist/types/components/Typography/Ingress/Ingress.d.ts.map +1 -1
  56. package/dist/types/components/form/CharacterCounter.d.ts.map +1 -1
  57. package/dist/types/components/form/Combobox/internal/ComboboxClearButton.d.ts.map +1 -1
  58. package/dist/types/components/form/Combobox/internal/ComboboxLabel.d.ts.map +1 -1
  59. package/dist/types/components/form/Fieldset/Fieldset.d.ts.map +1 -1
  60. package/dist/types/components/form/NativeSelect/NativeSelect.d.ts.map +1 -1
  61. package/dist/types/components/form/Search/Search.d.ts.map +1 -1
  62. package/dist/types/components/form/Textarea/Textarea.d.ts.map +1 -1
  63. package/dist/types/components/form/Textfield/Textfield.d.ts.map +1 -1
  64. package/package.json +2 -2
  65. package/dist/cjs/components/Button/Button.module.css.js +0 -6
  66. package/dist/cjs/components/SkipLink/SkipLink.module.css.js +0 -6
  67. package/dist/cjs/components/Typography/Ingress/Ingress.module.css.js +0 -6
  68. package/dist/cjs/utilities/utility.module.css.js +0 -6
  69. package/dist/esm/components/Button/Button.module.css.js +0 -4
  70. package/dist/esm/components/SkipLink/SkipLink.module.css.js +0 -4
  71. package/dist/esm/components/Typography/Ingress/Ingress.module.css.js +0 -4
  72. package/dist/esm/utilities/utility.module.css.js +0 -4
@@ -3,12 +3,11 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
3
3
  import { clsx } from '../../../../node_modules/clsx/dist/clsx.js';
4
4
  import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
5
5
  import classes from '../Combobox.module.css.js';
6
- import utilityClasses from '../../../../utilities/utility.module.css.js';
7
6
  import { Label } from '../../../Typography/Label/Label.js';
8
7
  import { Paragraph } from '../../../Typography/Paragraph/Paragraph.js';
9
8
 
10
9
  const ComboboxLabel = ({ label, description, hideLabel, size, readOnly, formFieldProps, }) => {
11
- return (jsxs(Fragment, { children: [label && (jsxs(Label, { size: size, htmlFor: formFieldProps.inputProps.id, className: clsx(classes.label, hideLabel && utilityClasses.visuallyHidden), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: classes.padlock })), label] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: formFieldProps.descriptionId, className: clsx(classes.description, hideLabel && utilityClasses.visuallyHidden), children: description }) }))] }));
10
+ return (jsxs(Fragment, { children: [label && (jsxs(Label, { size: size, htmlFor: formFieldProps.inputProps.id, className: clsx(classes.label, hideLabel && `fds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: classes.padlock })), label] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: formFieldProps.descriptionId, className: clsx(classes.description, hideLabel && `fds-sr-only`), children: description }) }))] }));
12
11
  };
13
12
  ComboboxLabel.displayName = 'ComboboxLabel';
14
13
  var ComboboxLabel$1 = ComboboxLabel;
@@ -3,7 +3,6 @@ import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import { forwardRef, useContext } from 'react';
4
4
  import { clsx } from '../../../node_modules/clsx/dist/clsx.js';
5
5
  import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
6
- import utilityClasses from '../../../utilities/utility.module.css.js';
7
6
  import { useFieldset } from './useFieldset.js';
8
7
  import classes from './Fieldset.module.css.js';
9
8
  import { FieldsetContext } from './FieldsetContext.js';
@@ -21,7 +20,7 @@ const Fieldset = forwardRef((props, ref) => {
21
20
  size,
22
21
  disabled: props?.disabled,
23
22
  readOnly,
24
- }, children: jsxs("fieldset", { ...fieldsetProps, className: clsx(classes.fieldset, !hideLegend && classes.withSpacing, readOnly && classes.readonly, props?.disabled && classes.disabled, className), ref: ref, ...rest, children: [jsx(Label, { asChild: true, size: size, children: jsx("legend", { className: classes.legend, children: jsxs("span", { className: clsx(classes.legendContent, hideLegend && utilityClasses.visuallyHidden), children: [readOnly && (jsx(PadlockLockedFillIcon, { className: classes.padlock, "aria-hidden": true })), legend] }) }) }), description && (jsx(Paragraph, { size: size, asChild: true, short: true, children: jsx("div", { id: descriptionId, className: clsx(classes.description, hideLegend && utilityClasses.visuallyHidden), children: description }) })), children, jsx("div", { id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', className: classes.errorWrapper, children: hasError && jsx(ErrorMessage, { size: size, children: error }) })] }) }));
23
+ }, children: jsxs("fieldset", { ...fieldsetProps, className: clsx(classes.fieldset, !hideLegend && classes.withSpacing, readOnly && classes.readonly, props?.disabled && classes.disabled, className), ref: ref, ...rest, children: [jsx(Label, { asChild: true, size: size, children: jsx("legend", { className: classes.legend, children: jsxs("span", { className: clsx(classes.legendContent, hideLegend && `fds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { className: classes.padlock, "aria-hidden": true })), legend] }) }) }), description && (jsx(Paragraph, { size: size, asChild: true, short: true, children: jsx("div", { id: descriptionId, className: clsx(classes.description, hideLegend && `fds-sr-only`), children: description }) })), children, jsx("div", { id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', className: classes.errorWrapper, children: hasError && jsx(ErrorMessage, { size: size, children: error }) })] }) }));
25
24
  });
26
25
  Fieldset.displayName = 'Fieldset';
27
26
 
@@ -4,7 +4,6 @@ import { forwardRef } from 'react';
4
4
  import { clsx } from '../../../node_modules/clsx/dist/clsx.js';
5
5
  import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
6
6
  import classes from './NativeSelect.module.css.js';
7
- import utilityClasses from '../../../utilities/utility.module.css.js';
8
7
  import { useNativeSelect } from './useNativeSelect.js';
9
8
  import { Label } from '../../Typography/Label/Label.js';
10
9
  import { omit } from '../../../utilities/objectUtils.js';
@@ -14,7 +13,7 @@ import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
14
13
  const NativeSelect = forwardRef((props, ref) => {
15
14
  const { children, disabled = false, label, hideLabel = false, error, className, htmlSize = 0, ...rest } = props;
16
15
  const { selectProps, errorId, readOnly = false, size = 'medium', } = useNativeSelect(props);
17
- return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx(classes.formField, disabled && classes.disabled, readOnly && classes.readOnly, error && classes.error), children: [label && (jsxs(Label, { weight: 'medium', size: size, htmlFor: selectProps.id, className: clsx(classes.label, hideLabel && utilityClasses.visuallyHidden), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: classes.padlock })), label] })), jsx("select", { disabled: disabled || readOnly, ref: ref, size: htmlSize, className: clsx(classes.select, classes[size], utilityClasses.focusable, props.multiple && classes.multiple, className), ...omit(['size', 'error', 'errorId'], rest), ...omit(['readOnly', 'disabled'], selectProps), children: children }), error && (jsx("div", { id: errorId, className: classes.errorMessage, "aria-live": 'polite', "aria-relevant": 'additions removals', children: jsx(ErrorMessage, { size: size, children: error }) }))] }) }));
16
+ return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx(classes.formField, disabled && classes.disabled, readOnly && classes.readOnly, error && classes.error), children: [label && (jsxs(Label, { weight: 'medium', size: size, htmlFor: selectProps.id, className: clsx(classes.label, hideLabel && 'fds-sr-only'), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: classes.padlock })), label] })), jsx("select", { disabled: disabled || readOnly, ref: ref, size: htmlSize, className: clsx(classes.select, classes[size], `fds-focus`, props.multiple && classes.multiple, className), ...omit(['size', 'error', 'errorId'], rest), ...omit(['readOnly', 'disabled'], selectProps), children: children }), error && (jsx("div", { id: errorId, className: classes.errorMessage, "aria-live": 'polite', "aria-relevant": 'additions removals', children: jsx(ErrorMessage, { size: size, children: error }) }))] }) }));
18
17
  });
19
18
  NativeSelect.displayName = 'NativeSelect';
20
19
 
@@ -6,7 +6,6 @@ import { MagnifyingGlassIcon, XMarkIcon } from '@navikt/aksel-icons';
6
6
  import { useMergeRefs } from '../../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
7
7
  import { useSearch } from './useSearch.js';
8
8
  import classes from './Search.module.css.js';
9
- import utilityClasses from '../../../utilities/utility.module.css.js';
10
9
  import { Button } from '../../Button/Button.js';
11
10
  import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
12
11
  import { Label } from '../../Typography/Label/Label.js';
@@ -41,7 +40,7 @@ const Search = forwardRef((props, ref) => {
41
40
  };
42
41
  const isSimple = variant === 'simple';
43
42
  const showClearButton = Boolean(value ?? internalValue) && !disabled;
44
- return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx(classes.formField, inputProps.disabled && classes.disabled, classes[size], className), children: [label && (jsx(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx(classes.label, hideLabel && utilityClasses.visuallyHidden), children: jsx("span", { children: label }) })), jsxs("div", { className: classes.field, children: [jsxs("div", { className: clsx(classes.field, classes[size]), children: [isSimple && (jsx(MagnifyingGlassIcon, { className: classes.icon, "aria-hidden": true })), jsx("input", { ref: mergedRef, size: htmlSize, value: value ?? internalValue, disabled: disabled, className: clsx(classes.input, utilityClasses.focusable, isSimple && classes.simple, !isSimple && classes.withSearchButton), ...omit(['size', 'error', 'errorId', 'readOnly'], rest), ...inputProps, onChange: handleChange }), showClearButton && (jsxs("button", { className: clsx(classes.clearButton, utilityClasses.focusable), type: 'button', onClick: handleClear, disabled: disabled, children: [jsx("span", { className: utilityClasses.visuallyHidden, children: clearButtonLabel }), jsx(XMarkIcon, { "aria-hidden": true })] }))] }), !isSimple && (jsx(Button, { className: classes.searchButton, size: size, variant: variant, type: 'submit', onClick: handleSearchClick, disabled: disabled, children: searchButtonLabel }))] }), jsx("div", { className: classes.errorMessage, id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));
43
+ return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx(classes.formField, inputProps.disabled && classes.disabled, classes[size], className), children: [label && (jsx(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx(classes.label, hideLabel && 'fds-sr-only'), children: jsx("span", { children: label }) })), jsxs("div", { className: classes.field, children: [jsxs("div", { className: clsx(classes.field, classes[size]), children: [isSimple && (jsx(MagnifyingGlassIcon, { className: classes.icon, "aria-hidden": true })), jsx("input", { ref: mergedRef, size: htmlSize, value: value ?? internalValue, disabled: disabled, className: clsx(classes.input, `fds-focus`, isSimple && classes.simple, !isSimple && classes.withSearchButton), ...omit(['size', 'error', 'errorId', 'readOnly'], rest), ...inputProps, onChange: handleChange }), showClearButton && (jsxs("button", { className: clsx(classes.clearButton, `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: classes.searchButton, size: size, variant: variant, type: 'submit', onClick: handleSearchClick, disabled: disabled, children: searchButtonLabel }))] }), jsx("div", { className: classes.errorMessage, id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));
45
44
  });
46
45
  Search.displayName = 'Search';
47
46
 
@@ -6,7 +6,6 @@ import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
6
6
  import { CharacterCounter } from '../CharacterCounter.js';
7
7
  import { useTextarea } from './useTextarea.js';
8
8
  import classes from './Textarea.module.css.js';
9
- import utilityClasses from '../../../utilities/utility.module.css.js';
10
9
  import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
11
10
  import { Label } from '../../Typography/Label/Label.js';
12
11
  import { omit } from '../../../utilities/objectUtils.js';
@@ -26,7 +25,7 @@ const Textarea = forwardRef((props, ref) => {
26
25
  const characterLimitId = `${textareaProps.id}-charactercount}`;
27
26
  const hasCharacterLimit = characterLimit != null;
28
27
  const describedBy = clsx(textareaProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
29
- return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx(classes.formField, textareaProps.disabled && classes.disabled, readOnly && classes.readonly, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: textareaProps.id, className: clsx(classes.label, hideLabel && utilityClasses.visuallyHidden), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: classes.padlock })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx(classes.description, hideLabel && utilityClasses.visuallyHidden), children: description }) })), jsx("textarea", { className: clsx(classes.textarea, utilityClasses.focusable, classes[size]), ref: ref, "aria-describedby": describedBy, ...omit(['size', 'error', 'errorId'], rest), ...textareaProps, onChange: (e) => {
28
+ return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx(classes.formField, textareaProps.disabled && classes.disabled, readOnly && classes.readonly, hasError && classes.error, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: textareaProps.id, className: clsx(classes.label, hideLabel && `fds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: classes.padlock })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx(classes.description, hideLabel && `fds-sr-only`), children: description }) })), jsx("textarea", { className: clsx(classes.textarea, `fds-focus`, classes[size]), ref: ref, "aria-describedby": describedBy, ...omit(['size', 'error', 'errorId'], rest), ...textareaProps, onChange: (e) => {
30
29
  textareaProps?.onChange?.(e);
31
30
  setValue(e.target.value);
32
31
  } }), hasCharacterLimit && (jsx(CharacterCounter, { size: size, value: value ? value.toString() : '', id: characterLimitId, ...characterLimit })), jsx("div", { className: classes.errorMessage, id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));
@@ -6,7 +6,6 @@ import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
6
6
  import { CharacterCounter } from '../CharacterCounter.js';
7
7
  import { useTextfield } from './useTextfield.js';
8
8
  import textFieldClasses from './Textfield.module.css.js';
9
- import utilityClasses from '../../../utilities/utility.module.css.js';
10
9
  import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
11
10
  import { Label } from '../../Typography/Label/Label.js';
12
11
  import { omit } from '../../../utilities/objectUtils.js';
@@ -26,7 +25,7 @@ const Textfield = forwardRef((props, ref) => {
26
25
  const characterLimitId = `textfield-charactercount-${useId()}`;
27
26
  const hasCharacterLimit = characterLimit != null;
28
27
  const describedBy = clsx(inputProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
29
- return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx(textFieldClasses.formField, textFieldClasses[size], inputProps.disabled && textFieldClasses.disabled, readOnly && textFieldClasses.readonly, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx(textFieldClasses.label, hideLabel && utilityClasses.visuallyHidden), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: textFieldClasses.padlock })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx(textFieldClasses.description, hideLabel && utilityClasses.visuallyHidden), children: description }) })), jsxs("div", { className: clsx(textFieldClasses.field, hasError && textFieldClasses.error), children: [prefix && (jsx(Paragraph, { asChild: true, size: size, short: true, children: jsx("div", { className: clsx(textFieldClasses.adornment, textFieldClasses.prefix), "aria-hidden": 'true', children: prefix }) })), jsx("input", { className: clsx(textFieldClasses.input, textFieldClasses[size], utilityClasses.focusable, prefix && textFieldClasses.inputPrefix, suffix && textFieldClasses.inputSuffix), ref: ref, type: type, "aria-describedby": describedBy, size: htmlSize, ...omit(['size', 'error', 'errorId'], rest), ...inputProps, onChange: (e) => {
28
+ return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx(textFieldClasses.formField, textFieldClasses[size], inputProps.disabled && textFieldClasses.disabled, readOnly && textFieldClasses.readonly, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx(textFieldClasses.label, hideLabel && `fds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: textFieldClasses.padlock })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx(textFieldClasses.description, hideLabel && `fds-sr-only`), children: description }) })), jsxs("div", { className: clsx(textFieldClasses.field, hasError && textFieldClasses.error), children: [prefix && (jsx(Paragraph, { asChild: true, size: size, short: true, children: jsx("div", { className: clsx(textFieldClasses.adornment, textFieldClasses.prefix), "aria-hidden": 'true', children: prefix }) })), jsx("input", { className: clsx(textFieldClasses.input, textFieldClasses[size], `fds-focus`, prefix && textFieldClasses.inputPrefix, suffix && textFieldClasses.inputSuffix), ref: ref, type: type, "aria-describedby": describedBy, size: htmlSize, ...omit(['size', 'error', 'errorId'], rest), ...inputProps, onChange: (e) => {
30
29
  inputProps?.onChange?.(e);
31
30
  setInputValue(e.target.value);
32
31
  } }), suffix && (jsx(Paragraph, { asChild: true, size: size, short: true, children: jsx("div", { className: clsx(textFieldClasses.adornment, textFieldClasses.suffix), "aria-hidden": 'true', children: suffix }) }))] }), hasCharacterLimit && (jsx(CharacterCounter, { size: size, value: inputValue ? inputValue.toString() : '', id: characterLimitId, ...characterLimit })), jsx("div", { className: textFieldClasses.errorMessage, id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));
@@ -1,377 +1,3 @@
1
- @layer fds.utilities {
2
- /**
3
- * Visually hide an element, but leave it available for screen readers
4
- */
5
- .fds-utility-visuallyHidden-1ed11112 {
6
- border: 0;
7
- clip: rect(0 0 0 0);
8
- height: 1px;
9
- overflow: hidden;
10
- padding: 0;
11
- position: absolute;
12
- white-space: nowrap;
13
- width: 1px;
14
- }
15
-
16
- /**
17
- * Apply a focus outline on an element when it is focused with keyboard
18
- */
19
- .fds-utility-focusable-1ed11112:focus-visible {
20
- --fds-focus-border-width: 3px;
21
-
22
- outline: var(--fds-focus-border-width) solid var(--fds-semantic-border-focus-outline);
23
- outline-offset: var(--fds-focus-border-width);
24
- box-shadow: 0 0 0 var(--fds-focus-border-width) var(--fds-semantic-border-focus-boxshadow);
25
- }
26
- }
27
-
28
- @layer fds.button {
29
- .fds-button-button-8fa00f0f {
30
- --fc-button-padding: 0 var(--fds-spacing-4);
31
- --fc-button-color: var(--fds-semantic-text-action-first-on_action);
32
-
33
- display: flex;
34
- align-items: center;
35
- border: var(--fds-border_width-default) solid transparent;
36
- color: var(--fc-button-color);
37
- fill: var(--fc-button-color);
38
- min-width: 2.5em;
39
- padding: var(--fc-button-padding);
40
- box-sizing: border-box;
41
- cursor: pointer;
42
- font-family: inherit;
43
- justify-content: center;
44
- text-align: center;
45
- text-decoration: none;
46
- position: relative;
47
- border-radius: var(--fds-border_radius-interactive);
48
- min-height: var(--fds-sizing-10);
49
- }
50
-
51
- .fds-button-button-8fa00f0f svg {
52
- overflow: visible;
53
- }
54
-
55
- .fds-button-small-8fa00f0f::before {
56
- position: absolute;
57
- top: 0;
58
- left: 0;
59
- width: auto;
60
- min-height: auto;
61
- content: '';
62
- }
63
-
64
- .fds-button-small-8fa00f0f::after {
65
- position: absolute;
66
- top: -5px;
67
- left: 0;
68
- width: 100%;
69
- height: 44px;
70
- content: '';
71
- }
72
-
73
- .fds-button-button-8fa00f0f:disabled,
74
- .fds-button-button-8fa00f0f[aria-disabled='true'] {
75
- cursor: not-allowed;
76
- opacity: var(--fds-opacity-disabled);
77
- }
78
-
79
- .fds-button-small-8fa00f0f {
80
- --fc-button-padding: 0 var(--fds-spacing-3);
81
-
82
- gap: var(--fds-sizing-1);
83
- font: var(--fds-typography-paragraph-short-small);
84
- font-family: inherit;
85
- min-height: var(--fds-sizing-10);
86
- }
87
-
88
- .fds-button-medium-8fa00f0f {
89
- --fc-button-padding: 0 var(--fds-spacing-4);
90
-
91
- gap: var(--fds-sizing-2);
92
- font: var(--fds-typography-paragraph-short-medium);
93
- font-family: inherit;
94
- min-height: var(--fds-sizing-12);
95
- }
96
-
97
- .fds-button-large-8fa00f0f {
98
- --fc-button-padding: 0 var(--fds-spacing-5);
99
-
100
- gap: var(--fds-sizing-2);
101
- font: var(--fds-typography-paragraph-short-large);
102
- font-family: inherit;
103
- min-height: var(--fds-sizing-14);
104
- }
105
-
106
- .fds-button-fullWidth-8fa00f0f {
107
- width: 100%;
108
- }
109
-
110
- .fds-button-secondary-8fa00f0f,
111
- .fds-button-tertiary-8fa00f0f {
112
- background-color: transparent;
113
- }
114
-
115
- .fds-button-onlyIcon-8fa00f0f {
116
- --fc-button-padding: 0;
117
- }
118
-
119
- /* Only use hover for non-touch devices to prevent sticky-hovering */
120
- @media (hover: hover) and (pointer: fine) {
121
- .fds-button-primary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
122
- background-color: var(--fds-semantic-surface-action-first-hover);
123
- }
124
-
125
- .fds-button-primary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
126
- background-color: var(--fds-semantic-surface-action-second-hover);
127
- }
128
-
129
- .fds-button-primary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
130
- background-color: var(--fds-semantic-surface-success-hover);
131
- }
132
-
133
- .fds-button-primary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
134
- background-color: var(--fds-semantic-surface-danger-hover);
135
- }
136
-
137
- .fds-button-primary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
138
- --fc-button-color: var(--fds-semantic-text-neutral-default);
139
-
140
- background-color: var(--fds-semantic-surface-on_inverted-hover);
141
- }
142
-
143
- .fds-button-secondary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
144
- --fc-button-color: var(--fds-semantic-text-action-first-hover);
145
-
146
- border-color: var(--fds-semantic-border-action-first-hover);
147
- background-color: var(--fds-semantic-surface-action-first-no_fill-hover);
148
- }
149
-
150
- .fds-button-secondary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
151
- --fc-button-color: var(--fds-semantic-text-action-second-hover);
152
-
153
- border-color: var(--fds-semantic-border-action-second-hover);
154
- background-color: var(--fds-semantic-surface-action-second-no_fill-hover);
155
- }
156
-
157
- .fds-button-secondary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
158
- --fc-button-color: var(--fds-semantic-text-success-hover);
159
-
160
- border-color: var(--fds-semantic-border-success-hover);
161
- background-color: var(--fds-semantic-surface-success-no_fill-hover);
162
- }
163
-
164
- .fds-button-secondary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
165
- --fc-button-color: var(--fds-semantic-text-danger-hover);
166
-
167
- border-color: var(--fds-semantic-border-danger-hover);
168
- background-color: var(--fds-semantic-surface-danger-no_fill-hover);
169
- }
170
-
171
- .fds-button-secondary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
172
- background-color: var(--fds-semantic-surface-on_inverted-no_fill-hover);
173
- }
174
-
175
- .fds-button-tertiary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
176
- --fc-button-color: var(--fds-semantic-text-action-first-hover);
177
-
178
- background-color: var(--fds-semantic-surface-action-first-no_fill-hover);
179
- }
180
-
181
- .fds-button-tertiary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
182
- --fc-button-color: var(--fds-semantic-text-action-second-hover);
183
-
184
- background-color: var(--fds-semantic-surface-action-second-no_fill-hover);
185
- }
186
-
187
- .fds-button-tertiary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
188
- --fc-button-color: var(--fds-semantic-text-success-hover);
189
-
190
- background-color: var(--fds-semantic-surface-success-no_fill-hover);
191
- }
192
-
193
- .fds-button-tertiary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
194
- --fc-button-color: var(--fds-semantic-text-danger-hover);
195
-
196
- background-color: var(--fds-semantic-surface-danger-no_fill-hover);
197
- }
198
-
199
- .fds-button-tertiary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
200
- --fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
201
-
202
- background-color: var(--fds-semantic-surface-on_inverted-no_fill-hover);
203
- }
204
- }
205
-
206
- /* Primary button colors */
207
- .fds-button-primary-8fa00f0f:where(.fds-button-first-8fa00f0f) {
208
- background-color: var(--fds-semantic-surface-action-first-default);
209
- }
210
-
211
- .fds-button-primary-8fa00f0f:where(.fds-button-second-8fa00f0f) {
212
- background-color: var(--fds-semantic-surface-action-second-default);
213
- }
214
-
215
- .fds-button-primary-8fa00f0f:where(.fds-button-success-8fa00f0f) {
216
- background-color: var(--fds-semantic-surface-success-default);
217
- }
218
-
219
- .fds-button-primary-8fa00f0f:where(.fds-button-danger-8fa00f0f) {
220
- background-color: var(--fds-semantic-surface-danger-default);
221
- }
222
-
223
- .fds-button-primary-8fa00f0f:where(.fds-button-inverted-8fa00f0f) {
224
- --fc-button-color: var(--fds-semantic-text-neutral-default);
225
-
226
- background-color: var(--fds-semantic-surface-on_inverted-default);
227
- }
228
-
229
- .fds-button-primary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):active {
230
- background-color: var(--fds-semantic-surface-action-first-active);
231
- }
232
-
233
- .fds-button-primary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):active {
234
- background-color: var(--fds-semantic-surface-action-second-active);
235
- }
236
-
237
- .fds-button-primary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):active {
238
- background-color: var(--fds-semantic-surface-success-active);
239
- }
240
-
241
- .fds-button-primary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):active {
242
- background-color: var(--fds-semantic-surface-danger-active);
243
- }
244
-
245
- .fds-button-primary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):active {
246
- --fc-button-color: var(--fds-semantic-text-neutral-default);
247
-
248
- background-color: var(--fds-semantic-surface-on_inverted-active);
249
- }
250
-
251
- /* Secondary button colors */
252
- .fds-button-secondary-8fa00f0f:where(.fds-button-first-8fa00f0f) {
253
- --fc-button-color: var(--fds-semantic-text-action-first-default);
254
-
255
- border-color: var(--fds-semantic-border-action-first-default);
256
- background-color: var(--fds-semantic-surface-action-first-no_fill);
257
- }
258
-
259
- .fds-button-secondary-8fa00f0f:where(.fds-button-second-8fa00f0f) {
260
- --fc-button-color: var(--fds-semantic-text-action-second-default);
261
-
262
- border-color: var(--fds-semantic-border-action-second-default);
263
- background-color: var(--fds-semantic-surface-action-second-no_fill);
264
- }
265
-
266
- .fds-button-secondary-8fa00f0f:where(.fds-button-success-8fa00f0f) {
267
- --fc-button-color: var(--fds-semantic-text-success-default);
268
-
269
- border-color: var(--fds-semantic-border-success-default);
270
- background-color: var(--fds-semantic-surface-success-no_fill);
271
- }
272
-
273
- .fds-button-secondary-8fa00f0f:where(.fds-button-danger-8fa00f0f) {
274
- --fc-button-color: var(--fds-semantic-text-danger-default);
275
-
276
- border-color: var(--fds-semantic-border-danger-default);
277
- background-color: var(--fds-semantic-surface-danger-no_fill);
278
- }
279
-
280
- .fds-button-secondary-8fa00f0f:where(.fds-button-inverted-8fa00f0f) {
281
- --fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
282
-
283
- border: 1px solid var(--fds-semantic-border-on_inverted-default);
284
- background-color: transparent;
285
- }
286
-
287
- .fds-button-secondary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):active {
288
- --fc-button-color: var(--fds-semantic-text-action-first-active);
289
-
290
- border-color: var(--fds-semantic-border-action-first-active);
291
- background-color: var(--fds-semantic-surface-action-first-no_fill-active);
292
- }
293
-
294
- .fds-button-secondary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):active {
295
- --fc-button-color: var(--fds-semantic-text-action-second-active);
296
-
297
- border-color: var(--fds-semantic-border-action-second-active);
298
- background-color: var(--fds-semantic-surface-action-second-no_fill-active);
299
- }
300
-
301
- .fds-button-secondary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):active {
302
- --fc-button-color: var(--fds-semantic-text-success-active);
303
-
304
- border-color: var(--fds-semantic-border-success-active);
305
- background-color: var(--fds-semantic-surface-success-no_fill-active);
306
- }
307
-
308
- .fds-button-secondary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):active {
309
- --fc-button-color: var(--fds-semantic-text-danger-active);
310
-
311
- border-color: var(--fds-semantic-border-danger-active);
312
- background-color: var(--fds-semantic-surface-danger-no_fill-active);
313
- }
314
-
315
- .fds-button-secondary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):active {
316
- --fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
317
-
318
- background-color: var(--fds-semantic-surface-on_inverted-no_fill-active);
319
- }
320
-
321
- /* Tertiary button colors */
322
- .fds-button-tertiary-8fa00f0f:where(.fds-button-first-8fa00f0f) {
323
- --fc-button-color: var(--fds-semantic-text-action-first-default);
324
- }
325
-
326
- .fds-button-tertiary-8fa00f0f:where(.fds-button-second-8fa00f0f) {
327
- --fc-button-color: var(--fds-semantic-text-action-second-default);
328
- }
329
-
330
- .fds-button-tertiary-8fa00f0f:where(.fds-button-success-8fa00f0f) {
331
- --fc-button-color: var(--fds-semantic-text-success-default);
332
- }
333
-
334
- .fds-button-tertiary-8fa00f0f:where(.fds-button-danger-8fa00f0f) {
335
- --fc-button-color: var(--fds-semantic-text-danger-default);
336
- }
337
-
338
- .fds-button-tertiary-8fa00f0f:where(.fds-button-inverted-8fa00f0f) {
339
- --fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
340
-
341
- background-color: transparent;
342
- }
343
-
344
- .fds-button-tertiary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):active {
345
- --fc-button-color: var(--fds-semantic-text-action-first-active);
346
-
347
- background-color: var(--fds-semantic-surface-action-first-no_fill-active);
348
- }
349
-
350
- .fds-button-tertiary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):active {
351
- --fc-button-color: var(--fds-semantic-text-action-second-active);
352
-
353
- background-color: var(--fds-semantic-surface-action-second-no_fill-active);
354
- }
355
-
356
- .fds-button-tertiary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):active {
357
- --fc-button-color: var(--fds-semantic-text-success-active);
358
-
359
- background-color: var(--fds-semantic-surface-success-no_fill-active);
360
- }
361
-
362
- .fds-button-tertiary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):active {
363
- --fc-button-color: var(--fds-semantic-text-danger-active);
364
-
365
- background-color: var(--fds-semantic-surface-danger-no_fill-active);
366
- }
367
-
368
- .fds-button-tertiary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):active {
369
- --fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
370
-
371
- background-color: var(--fds-semantic-surface-on_inverted-no_fill-active);
372
- }
373
- }
374
-
375
1
  @layer fds.paragraph {
376
2
  .fds-paragraph-paragraph-b69df5f3 {
377
3
  --fdsc-bottom-spacing: var(--fds-spacing-5);
@@ -524,26 +150,6 @@
524
150
  }
525
151
  }
526
152
 
527
- @layer fds.ingress {
528
- .fds-ingress-ingress-9b33da65 {
529
- --fdsc-bottom-spacing: var(--fds-spacing-5);
530
-
531
- margin: 0;
532
- color: var(--fds-semantic-text-neutral-default);
533
- }
534
-
535
- .fds-ingress-ingress-9b33da65.fds-ingress-spacing-9b33da65 {
536
- margin-bottom: var(--fdsc-bottom-spacing);
537
- }
538
-
539
- .fds-ingress-ingress-9b33da65.fds-ingress-medium-9b33da65 {
540
- --fdsc-bottom-spacing: var(--fds-spacing-5);
541
-
542
- font: var(--fds-typography-ingress-medium);
543
- font-family: inherit;
544
- }
545
- }
546
-
547
153
  @layer fds.label {
548
154
  .fds-label-label-e0249167 {
549
155
  --fdsc-bottom-spacing: var(--fds-spacing-1);
@@ -1018,7 +624,7 @@
1018
624
  .fds-accordion-first-a8137c3d .fds-accordion-item-a8137c3d:not(:first-child) .fds-accordion-accordionButton-a8137c3d,
1019
625
  .fds-accordion-second-a8137c3d .fds-accordion-item-a8137c3d:not(:first-child) .fds-accordion-accordionButton-a8137c3d,
1020
626
  .fds-accordion-third-a8137c3d .fds-accordion-item-a8137c3d:not(:first-child) .fds-accordion-accordionButton-a8137c3d {
1021
- border-top: 1px solid var(--fds-semantic-border-on_inverted-default);
627
+ border-top: 1px solid var(--fds-semantic-surface-neutral-default);
1022
628
  }
1023
629
 
1024
630
  @media (hover: hover) and (pointer: fine) {
@@ -1460,27 +1066,6 @@
1460
1066
  }
1461
1067
  }
1462
1068
 
1463
- @layer fds.skiplink {
1464
- .fds-skiplink-skiplink-d4abeaef:focus {
1465
- display: block;
1466
- outline: 0;
1467
- position: static;
1468
- width: auto;
1469
- height: auto;
1470
- margin: inherit;
1471
- overflow: visible;
1472
- clip: auto;
1473
- clip-path: none;
1474
- white-space: inherit;
1475
- text-decoration: underline;
1476
- text-decoration-thickness: 3px;
1477
- text-underline-offset: 0.3em;
1478
- padding: var(--fds-spacing-3) var(--fds-spacing-4) var(--fds-spacing-3) var(--fds-spacing-6);
1479
- color: var(--fds-semantic-text-neutral-default);
1480
- background: var(--fds-semantic-border-focus-outline);
1481
- }
1482
- }
1483
-
1484
1069
  @layer fds.tooltip {
1485
1070
  .fds-tooltip-wrapper-a3778147 {
1486
1071
  background: var(--fds-semantic-surface-neutral-inverted);
@@ -2083,7 +1668,7 @@
2083
1668
  }
2084
1669
 
2085
1670
  .fds-switch-input-9a6b03bc:not(:disabled, [readonly]):checked:hover + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc > .fds-switch-thumb-9a6b03bc {
2086
- transform: translateX(calc((var(--fds-switch-width) - var(--fds-switch-height)) * 0.8));
1671
+ transform: translateX(calc((var(--fds-switch-width) - var(--fds-switch-height))));
2087
1672
  background-image: url("data:image/svg+xml,%3Csvg viewBox='-3 -3 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1339 2.86612C10.622 3.35427 10.622 4.14573 10.1339 4.63388L5.88388 8.88388C5.39573 9.37204 4.60427 9.37204 4.11612 8.88388L1.86612 6.63388C1.37796 6.14573 1.37796 5.35427 1.86612 4.86612C2.35427 4.37796 3.14573 4.37796 3.63388 4.86612L5 6.23223L8.36612 2.86612C8.85427 2.37796 9.64573 2.37796 10.1339 2.86612Z' fill='%230c6536' /%3E%3C/svg%3E");
2088
1673
  }
2089
1674
 
@@ -1 +1 @@
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;AAQ1E,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"}
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;AAO1E,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"}
@@ -10,6 +10,12 @@ export type AlertProps = {
10
10
  * Use this to inform screenreaders of severity.
11
11
  * Defaults to Norwegian. */
12
12
  iconTitle?: string;
13
+ /** Sets the size of the alert.
14
+ * Does not affect font size.
15
+ *
16
+ * @default 'medium'
17
+ */
18
+ size?: 'small' | 'medium' | 'large';
13
19
  } & HTMLAttributes<HTMLDivElement>;
14
20
  export declare const Alert: import("react").ForwardRefExoticComponent<{
15
21
  /** Sets color & icon according to severity */
@@ -21,6 +27,12 @@ export declare const Alert: import("react").ForwardRefExoticComponent<{
21
27
  * Use this to inform screenreaders of severity.
22
28
  * Defaults to Norwegian. */
23
29
  iconTitle?: string | undefined;
30
+ /** Sets the size of the alert.
31
+ * Does not affect font size.
32
+ *
33
+ * @default 'medium'
34
+ */
35
+ size?: "small" | "medium" | "large" | undefined;
24
36
  } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
25
37
  export {};
26
38
  //# 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;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK;IAXhB,8CAA8C;;IAE9C,6CAA6C;;IAE7C;;;iCAG6B;;mFAqC9B,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;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"}
@@ -4,7 +4,7 @@ export type ButtonProps = {
4
4
  /** Specify which variant to use */
5
5
  variant?: 'primary' | 'secondary' | 'tertiary';
6
6
  /** Specify which color palette to use */
7
- color?: 'first' | 'second' | 'success' | 'danger' | 'inverted';
7
+ color?: 'first' | 'second' | 'success' | 'danger';
8
8
  /** Size */
9
9
  size?: 'small' | 'medium' | 'large';
10
10
  /** If `Button` should fill full width of its container */
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAKlD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAI7E,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC/D,WAAW;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,oBAAoB,CAAC,WAAW,EAAE,iBAAiB,CAwCrE,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAE7E,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAClD,WAAW;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,oBAAoB,CAAC,WAAW,EAAE,iBAAiB,CAwCrE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAK7E,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oGAAoG;IACpG,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,oBAAoB,CAAC,SAAS,EAAE,cAAc,CA4BhE,CAAC"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAI7E,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oGAAoG;IACpG,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,oBAAoB,CAAC,SAAS,EAAE,cAAc,CA4BhE,CAAC"}
@@ -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;AAUlD,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;AASlD,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 +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;AAUlD,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;AASlD,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"}