@digdir/designsystemet-react 0.59.1-alpha.0 → 0.59.1-alpha.1

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 (54) hide show
  1. package/dist/cjs/components/Accordion/Accordion.js +1 -4
  2. package/dist/cjs/components/Accordion/AccordionContent/AccordionContent.js +1 -2
  3. package/dist/cjs/components/Accordion/AccordionHeader/AccordionHeader.js +1 -2
  4. package/dist/cjs/components/Accordion/AccordionItem/AccordionItem.js +1 -4
  5. package/dist/cjs/components/Button/Button.js +2 -2
  6. package/dist/cjs/components/Modal/ModalHeader/ModalHeader.js +1 -1
  7. package/dist/cjs/components/Modal/ModalHeader/ModalHeader.module.css.js +1 -1
  8. package/dist/cjs/components/form/Combobox/Combobox.js +33 -43
  9. package/dist/cjs/components/form/Combobox/Combobox.module.css.js +1 -1
  10. package/dist/cjs/components/form/Combobox/internal/ComboboxChips.js +7 -12
  11. package/dist/cjs/components/form/Combobox/internal/ComboboxClearButton.js +3 -6
  12. package/dist/cjs/components/form/Combobox/internal/ComboboxInput.js +6 -40
  13. package/dist/cjs/components/form/Combobox/useCombobox.js +48 -60
  14. package/dist/cjs/components/form/Combobox/useComboboxKeyboard.js +25 -28
  15. package/dist/cjs/node_modules/clsx/dist/clsx.js +1 -1
  16. package/dist/cjs/node_modules/clsx/dist/lite.js +9 -0
  17. package/dist/cjs/react-css-modules.css +2 -136
  18. package/dist/esm/components/Accordion/Accordion.js +1 -4
  19. package/dist/esm/components/Accordion/AccordionContent/AccordionContent.js +1 -2
  20. package/dist/esm/components/Accordion/AccordionHeader/AccordionHeader.js +1 -2
  21. package/dist/esm/components/Accordion/AccordionItem/AccordionItem.js +1 -4
  22. package/dist/esm/components/Button/Button.js +2 -2
  23. package/dist/esm/components/Modal/ModalHeader/ModalHeader.js +1 -1
  24. package/dist/esm/components/Modal/ModalHeader/ModalHeader.module.css.js +1 -1
  25. package/dist/esm/components/form/Combobox/Combobox.js +33 -43
  26. package/dist/esm/components/form/Combobox/Combobox.module.css.js +1 -1
  27. package/dist/esm/components/form/Combobox/internal/ComboboxChips.js +7 -12
  28. package/dist/esm/components/form/Combobox/internal/ComboboxClearButton.js +3 -6
  29. package/dist/esm/components/form/Combobox/internal/ComboboxInput.js +7 -41
  30. package/dist/esm/components/form/Combobox/useCombobox.js +48 -60
  31. package/dist/esm/components/form/Combobox/useComboboxKeyboard.js +25 -28
  32. package/dist/esm/node_modules/clsx/dist/clsx.js +1 -1
  33. package/dist/esm/node_modules/clsx/dist/lite.js +4 -0
  34. package/dist/esm/react-css-modules.css +2 -136
  35. package/dist/types/components/Accordion/Accordion.d.ts.map +1 -1
  36. package/dist/types/components/Accordion/AccordionContent/AccordionContent.d.ts.map +1 -1
  37. package/dist/types/components/Accordion/AccordionHeader/AccordionHeader.d.ts.map +1 -1
  38. package/dist/types/components/Accordion/AccordionItem/AccordionItem.d.ts.map +1 -1
  39. package/dist/types/components/Modal/ModalHeader/ModalHeader.d.ts.map +1 -1
  40. package/dist/types/components/form/Combobox/Combobox.d.ts +0 -18
  41. package/dist/types/components/form/Combobox/Combobox.d.ts.map +1 -1
  42. package/dist/types/components/form/Combobox/ComboboxContext.d.ts +6 -13
  43. package/dist/types/components/form/Combobox/ComboboxContext.d.ts.map +1 -1
  44. package/dist/types/components/form/Combobox/internal/ComboboxChips.d.ts.map +1 -1
  45. package/dist/types/components/form/Combobox/internal/ComboboxClearButton.d.ts.map +1 -1
  46. package/dist/types/components/form/Combobox/internal/ComboboxInput.d.ts +9 -1
  47. package/dist/types/components/form/Combobox/internal/ComboboxInput.d.ts.map +1 -1
  48. package/dist/types/components/form/Combobox/useCombobox.d.ts +1 -4
  49. package/dist/types/components/form/Combobox/useCombobox.d.ts.map +1 -1
  50. package/dist/types/components/form/Combobox/useComboboxKeyboard.d.ts +3 -4
  51. package/dist/types/components/form/Combobox/useComboboxKeyboard.d.ts.map +1 -1
  52. package/package.json +2 -2
  53. package/dist/cjs/components/Accordion/Accordion.module.css.js +0 -6
  54. package/dist/esm/components/Accordion/Accordion.module.css.js +0 -4
@@ -1,6 +1,6 @@
1
1
  'use client';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
- import { useContext, useState, useEffect } from 'react';
3
+ import { useContext } from 'react';
4
4
  import { clsx } from '../../../../node_modules/clsx/dist/clsx.js';
5
5
  import { ChevronUpIcon, ChevronDownIcon } from '@navikt/aksel-icons';
6
6
  import { useMergeRefs } from '../../../../packages/react/node_modules/@floating-ui/react/dist/floating-ui.react.js';
@@ -13,7 +13,7 @@ import ComboboxClearButton from './ComboboxClearButton.js';
13
13
  import { Box } from '../../../Box/Box.js';
14
14
  import { omit } from '../../../../utilities/objectUtils.js';
15
15
 
16
- const ComboboxInput = ({ ...rest }) => {
16
+ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDown, ...rest }) => {
17
17
  const context = useContext(ComboboxContext);
18
18
  const idDispatch = useComboboxIdDispatch();
19
19
  if (!context) {
@@ -22,52 +22,20 @@ const ComboboxInput = ({ ...rest }) => {
22
22
  const setActiveIndex = (id) => {
23
23
  idDispatch?.({ type: 'SET_ACTIVE_INDEX', payload: id });
24
24
  };
25
- const { forwareddRef, listId, size, readOnly, disabled, open, inputRef, refs, inputValue, error, multiple, selectedOptions, formFieldProps, htmlSize, options, hideChips, hideClearButton, setOpen, handleKeyDown, getReferenceProps, setInputValue, handleSelectOption, } = context;
25
+ const { forwareddRef, size, readOnly, disabled, open, inputRef, refs, inputValue, multiple, selectedOptions, formFieldProps, htmlSize, options, setOpen, getReferenceProps, setInputValue, handleSelectOption, } = context;
26
26
  const mergedRefs = useMergeRefs([forwareddRef, inputRef]);
27
- // we need to check if input is in focus, to add focus styles to the wrapper
28
- const [inputInFocus, setInputInFocus] = useState(false);
29
- useEffect(() => {
30
- const input = inputRef.current;
31
- const onFocus = () => {
32
- setInputInFocus(true);
33
- };
34
- const onBlur = () => {
35
- setInputInFocus(false);
36
- };
37
- input?.addEventListener('focus', onFocus);
38
- input?.addEventListener('blur', onBlur);
39
- return () => {
40
- input?.removeEventListener('focus', onFocus);
41
- input?.removeEventListener('blur', onBlur);
42
- };
43
- }, [inputRef]);
44
27
  // onChange function for the input
45
28
  const onChange = (event) => {
46
29
  const value = event.target.value;
47
30
  setInputValue(value);
48
31
  setActiveIndex(0);
49
- if (typeof value === 'string') {
50
- setOpen(true);
51
- }
52
- else {
53
- setOpen(false);
54
- }
55
32
  // check if input value is the same as a label, if so, select it
56
- const option = options[value];
33
+ const option = options[value.toLowerCase()];
57
34
  if (!option)
58
35
  return;
59
36
  if (selectedOptions[option.value])
60
37
  return;
61
- handleSelectOption(option);
62
- if (multiple) {
63
- inputRef.current?.focus();
64
- }
65
- else {
66
- // move cursor to the end of the input
67
- setTimeout(() => {
68
- inputRef.current?.setSelectionRange(option?.label?.length || 0, option?.label?.length || 0);
69
- }, 0);
70
- }
38
+ handleSelectOption({ option: option });
71
39
  };
72
40
  const showClearButton = multiple && !hideClearButton && Object.keys(selectedOptions).length > 0;
73
41
  /* Props from floating-ui */
@@ -88,9 +56,7 @@ const ComboboxInput = ({ ...rest }) => {
88
56
  inputRef.current?.focus();
89
57
  },
90
58
  /* Handles list navigation */
91
- onKeyDown(event) {
92
- handleKeyDown(event);
93
- },
59
+ onKeyDown: handleKeyDown,
94
60
  // preventDefault on keydown to avoid sending in form
95
61
  onKeyPress(event) {
96
62
  if (event.key === 'Enter') {
@@ -98,7 +64,7 @@ const ComboboxInput = ({ ...rest }) => {
98
64
  }
99
65
  },
100
66
  });
101
- return (jsxs(Box, { ...props, "aria-disabled": disabled, className: clsx(textFieldClasses.input, classes.inputWrapper, classes[size], inputInFocus && classes.inFocus, readOnly && classes.readonly, error && classes.error), children: [jsxs("div", { className: classes.chipAndInput, children: [multiple && !hideChips && jsx(ComboboxChips, {}), jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit(['style', 'className'], rest), ...formFieldProps.inputProps, onChange: (e) => {
67
+ return (jsxs(Box, { ...props, "aria-disabled": disabled, className: clsx(textFieldClasses.input, classes.inputWrapper, classes[size], readOnly && classes.readonly, error && classes.error), children: [jsxs("div", { className: classes.chipAndInput, children: [multiple && !hideChips && jsx(ComboboxChips, {}), jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit(['style', 'className'], rest), ...formFieldProps.inputProps, onChange: (e) => {
102
68
  onChange(e);
103
69
  rest.onChange && rest.onChange(e);
104
70
  } })] }), showClearButton && jsx(ComboboxClearButton, {}), jsx("div", { className: classes.arrow, children: open ? (jsx(ChevronUpIcon, { title: 'arrow up', fontSize: '1.5em' })) : (jsx(ChevronDownIcon, { title: 'arrow down', fontSize: '1.5em' })) })] }));
@@ -16,35 +16,59 @@ function isInteractiveComboboxCustom(child) {
16
16
  function useCombobox({ children, inputValue, multiple, filter = (inputValue, option) => {
17
17
  return option.label.toLowerCase().startsWith(inputValue.toLowerCase());
18
18
  }, initialValue, }) {
19
- const options = useMemo(() => {
20
- const allOptions = {};
21
- Children.forEach(children, (child) => {
19
+ const { optionsChildren, customIds, restChildren, interactiveChildren } = useMemo(() => {
20
+ const allChildren = Children.toArray(children);
21
+ const result = allChildren.reduce((acc, child) => {
22
22
  if (isComboboxOption(child)) {
23
- const props = child.props;
24
- let label = props.displayValue || '';
25
- if (!props.displayValue) {
26
- let childrenLabel = '';
27
- // go over children and find all strings
28
- Children.forEach(props.children, (child) => {
29
- if (typeof child === 'string') {
30
- childrenLabel += child;
31
- }
32
- else {
33
- throw new Error('If ComboboxOption is not a string, it must have a displayValue prop');
34
- }
35
- });
36
- label = childrenLabel;
23
+ acc.optionsChildren.push(child);
24
+ }
25
+ else {
26
+ acc.restChildren.push(child);
27
+ if (isInteractiveComboboxCustom(child)) {
28
+ const childElement = child;
29
+ acc.interactiveChildren.push(childElement);
30
+ if (!childElement.props.id) {
31
+ throw new Error('If ComboboxCustom is interactive, it must have an id');
32
+ }
33
+ acc.customIds.push(childElement.props.id);
37
34
  }
38
- allOptions[props.value] = {
39
- value: props.value,
40
- label,
41
- displayValue: props.displayValue,
42
- description: props.description,
43
- };
44
35
  }
36
+ return acc;
37
+ }, {
38
+ optionsChildren: [],
39
+ customIds: [],
40
+ restChildren: [],
41
+ interactiveChildren: [],
45
42
  });
46
- return allOptions;
43
+ return result;
47
44
  }, [children]);
45
+ const options = useMemo(() => {
46
+ const allOptions = {};
47
+ optionsChildren.map((child) => {
48
+ const props = child.props;
49
+ let label = props.displayValue || '';
50
+ if (!props.displayValue) {
51
+ let childrenLabel = '';
52
+ // go over children and find all strings
53
+ Children.forEach(props.children, (child) => {
54
+ if (typeof child === 'string') {
55
+ childrenLabel += child;
56
+ }
57
+ else {
58
+ throw new Error('If ComboboxOption is not a string, it must have a displayValue prop');
59
+ }
60
+ });
61
+ label = childrenLabel;
62
+ }
63
+ allOptions[props.value] = {
64
+ value: props.value,
65
+ label,
66
+ displayValue: props.displayValue,
67
+ description: props.description,
68
+ };
69
+ });
70
+ return allOptions;
71
+ }, [optionsChildren]);
48
72
  const preSelectedOptions = useMemo(() => (initialValue || []).reduce((acc, value) => {
49
73
  const option = options[value];
50
74
  if (isOption(option)) {
@@ -53,22 +77,6 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
53
77
  return acc;
54
78
  }, {}), [initialValue, options]);
55
79
  const [selectedOptions, setSelectedOptions] = useState(preSelectedOptions);
56
- const [prevSelectedHash, setPrevSelectedHash] = useState(JSON.stringify(selectedOptions));
57
- const { optionsChildren, customIds } = useMemo(() => {
58
- const allChildren = Children.toArray(children);
59
- const optionsChildren = allChildren.filter((child) => isComboboxOption(child));
60
- // find all custom components with `interactive=true` and generate random values for them
61
- const customChildren = allChildren.filter((child) => {
62
- return isInteractiveComboboxCustom(child);
63
- });
64
- // return all ids
65
- const customIds = customChildren.map((child) => {
66
- if (!child.props.id)
67
- throw new Error('If ComboboxCustom is interactive, it must have an id');
68
- return child.props.id;
69
- });
70
- return { optionsChildren, customIds };
71
- }, [children]);
72
80
  const { filteredOptions, filteredOptionsChildren } = useMemo(() => {
73
81
  const filteredOptions = [];
74
82
  const filteredOptionsChildren = Object.keys(options)
@@ -86,35 +94,15 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
86
94
  return { filteredOptions, filteredOptionsChildren };
87
95
  // eslint-disable-next-line react-hooks/exhaustive-deps
88
96
  }, [inputValue, multiple, options, optionsChildren, selectedOptions]);
89
- const optionValues = useMemo(() => {
90
- // create an index map of values from optionsChildren
91
- const options = optionsChildren.map((child) => {
92
- const { value } = child.props;
93
- return value;
94
- });
95
- return [...customIds, ...options];
96
- }, [customIds, optionsChildren]);
97
- const { restChildren, interactiveChildren } = useMemo(() => {
98
- const restChildren = Children.toArray(children).filter((child) => {
99
- return !isComboboxOption(child);
100
- });
101
- const interactiveChildren = restChildren.filter((child) => {
102
- return isInteractiveComboboxCustom(child);
103
- });
104
- return { restChildren, interactiveChildren };
105
- }, [children]);
106
97
  return {
107
98
  filteredOptionsChildren,
108
99
  filteredOptions,
109
- optionValues,
110
100
  restChildren,
111
101
  options,
112
102
  customIds,
113
103
  selectedOptions,
114
- prevSelectedHash,
115
104
  interactiveChildren,
116
105
  setSelectedOptions,
117
- setPrevSelectedHash,
118
106
  };
119
107
  }
120
108
 
@@ -2,7 +2,7 @@
2
2
  import useDebounce from '../../../utilities/useDebounce.js';
3
3
  import { useComboboxId } from './ComboboxIdContext.js';
4
4
 
5
- const useComboboxKeyboard = ({ readOnly, disabled, interactiveChildren, filteredOptions, inputValue, selectedOptions, multiple, open, options, setOpen, setInputValue, setSelectedOptions, handleSelectOption, }) => {
5
+ const useComboboxKeyboard = ({ readOnly, disabled, interactiveChildren, filteredOptions, inputValue, selectedOptions, multiple, open, options, setOpen, handleSelectOption, }) => {
6
6
  const { activeIndex } = useComboboxId();
7
7
  // handle keyboard navigation in the list
8
8
  const handleKeyDownFunc = (event) => {
@@ -13,16 +13,16 @@ const useComboboxKeyboard = ({ readOnly, disabled, interactiveChildren, filtered
13
13
  switch (event.key) {
14
14
  case 'ArrowDown':
15
15
  event.preventDefault();
16
- if (!open) {
17
- setOpen(true);
18
- }
16
+ if (open)
17
+ break;
18
+ setOpen(true);
19
19
  break;
20
20
  case 'ArrowUp':
21
21
  event.preventDefault();
22
22
  /* If we are on the first item, close */
23
- if (activeIndex === 0) {
24
- setOpen(false);
25
- }
23
+ if (activeIndex !== 0)
24
+ break;
25
+ setOpen(false);
26
26
  break;
27
27
  case 'Enter':
28
28
  event.preventDefault();
@@ -42,30 +42,27 @@ const useComboboxKeyboard = ({ readOnly, disabled, interactiveChildren, filtered
42
42
  const valueIndex = activeIndex - interactiveChildren.length;
43
43
  // eslint-disable-next-line no-case-declarations
44
44
  const option = filteredOptions[valueIndex];
45
- if (!multiple) {
46
- // check if option is already selected, if so, deselect it
47
- if (selectedOptions[option]) {
48
- setSelectedOptions({});
49
- setInputValue('');
50
- return;
51
- }
52
- }
53
- handleSelectOption(options[option]);
45
+ handleSelectOption({ option: options[option] });
54
46
  break;
55
47
  case 'Backspace':
56
- if (inputValue === '' &&
57
- multiple &&
58
- Object.keys(selectedOptions).length >= 0) {
59
- setSelectedOptions((prev) => {
60
- const updated = { ...prev };
61
- const keys = Object.keys(updated);
62
- delete updated[keys[keys.length - 1]];
63
- return updated;
64
- });
65
- }
66
- // if we are in single mode, we need to set activeValue to null
48
+ // if we are in single mode, we need to set selectedOptions to empty
67
49
  if (!multiple) {
68
- setSelectedOptions({});
50
+ const lastOption = Object.keys(selectedOptions).pop();
51
+ lastOption &&
52
+ handleSelectOption({
53
+ option: selectedOptions[lastOption],
54
+ remove: true,
55
+ });
56
+ break;
57
+ }
58
+ if (inputValue === '' && multiple) {
59
+ const lastOption = Object.keys(selectedOptions).pop();
60
+ /* Remove last option, and use handleSelectOption */
61
+ lastOption &&
62
+ handleSelectOption({
63
+ option: selectedOptions[lastOption],
64
+ remove: true,
65
+ });
69
66
  }
70
67
  break;
71
68
  }
@@ -1,4 +1,4 @@
1
1
  'use client';
2
- function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
2
+ function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
3
3
 
4
4
  export { clsx, clsx as default };
@@ -0,0 +1,4 @@
1
+ 'use client';
2
+ function clsx(){for(var t,r=0,e="",n=arguments.length;r<n;r++)(t=arguments[r])&&"string"==typeof t&&(e+=(e&&" ")+t);return e}
3
+
4
+ export { clsx, clsx as default };
@@ -517,140 +517,6 @@
517
517
  }
518
518
  }
519
519
 
520
- @layer fds.accordion {
521
- .fds-accordion-accordion-a8137c3d {
522
- --fds-accordion-border-radius: var(--fds-border_radius-interactive);
523
- --fds-accordion-border-color: var(--fds-semantic-border-neutral-subtle);
524
-
525
- border-bottom: 1px solid var(--fds-semantic-border-neutral-subtle);
526
- box-sizing: border-box;
527
- }
528
-
529
- .fds-accordion-border-a8137c3d {
530
- border: 1px solid var(--fds-accordion-border-color);
531
- border-radius: var(--fds-accordion-border-radius);
532
- }
533
-
534
- .fds-accordion-expandIcon-a8137c3d {
535
- border-radius: var(--fds-border_radius-interactive);
536
- }
537
-
538
- .fds-accordion-content-a8137c3d {
539
- padding: var(--fds-spacing-5, 1rem);
540
- overflow: hidden;
541
- text-overflow: ellipsis;
542
- }
543
-
544
- .fds-accordion-header-a8137c3d {
545
- margin: 0;
546
- }
547
-
548
- .fds-accordion-accordionButton-a8137c3d {
549
- width: 100%;
550
- display: flex;
551
- justify-content: flex-start;
552
- align-items: center;
553
- gap: var(--fds-spacing-2);
554
- margin: 0;
555
- text-align: left;
556
- cursor: pointer;
557
- border: none;
558
- border-top: 1px solid var(--fds-semantic-border-neutral-subtle);
559
- padding: var(--fds-spacing-4);
560
- }
561
-
562
- .fds-accordion-border-a8137c3d .fds-accordion-accordionButton-a8137c3d {
563
- border-radius: var(--fds-accordion-border-radius);
564
- }
565
-
566
- .fds-accordion-item-a8137c3d:focus-within {
567
- position: relative;
568
- }
569
-
570
- .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d:hover + * .fds-accordion-content-a8137c3d {
571
- border-color: var(--fds-semantic-border-neutral-strong);
572
- }
573
-
574
- .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-expandIcon-a8137c3d {
575
- transform: rotateZ(180deg);
576
- }
577
-
578
- .fds-accordion-neutral-a8137c3d,
579
- .fds-accordion-neutral-a8137c3d .fds-accordion-accordionButton-a8137c3d {
580
- background-color: var(--fds-semantic-surface-neutral-default);
581
- }
582
-
583
- .fds-accordion-subtle-a8137c3d,
584
- .fds-accordion-subtle-a8137c3d .fds-accordion-accordionButton-a8137c3d {
585
- background-color: var(--fds-semantic-surface-neutral-subtle);
586
- }
587
-
588
- .fds-accordion-first-a8137c3d,
589
- .fds-accordion-first-a8137c3d .fds-accordion-accordionButton-a8137c3d {
590
- --fds-accordion-border-color: var(--fds-semantic-border-first-default);
591
-
592
- background: var(--fds-semantic-surface-first-light);
593
- }
594
-
595
- .fds-accordion-second-a8137c3d,
596
- .fds-accordion-second-a8137c3d .fds-accordion-accordionButton-a8137c3d {
597
- --fds-accordion-border-color: var(--fds-semantic-border-second-default);
598
-
599
- background: var(--fds-semantic-surface-second-light);
600
- }
601
-
602
- .fds-accordion-third-a8137c3d,
603
- .fds-accordion-third-a8137c3d .fds-accordion-accordionButton-a8137c3d {
604
- --fds-accordion-border-color: var(--fds-semantic-border-third-default);
605
-
606
- background: var(--fds-semantic-surface-third-light);
607
- }
608
-
609
- .fds-accordion-first-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d,
610
- .fds-accordion-second-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d,
611
- .fds-accordion-third-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d {
612
- background-color: rgba(0 0 0 / 0.03);
613
- }
614
-
615
- .fds-accordion-neutral-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d,
616
- .fds-accordion-subtle-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d {
617
- background-color: var(--fds-semantic-surface-action-first-no_fill-hover);
618
- }
619
-
620
- .fds-accordion-border-a8137c3d .fds-accordion-item-a8137c3d:first-child .fds-accordion-accordionButton-a8137c3d {
621
- border-top: 0;
622
- }
623
-
624
- .fds-accordion-first-a8137c3d .fds-accordion-item-a8137c3d:not(:first-child) .fds-accordion-accordionButton-a8137c3d,
625
- .fds-accordion-second-a8137c3d .fds-accordion-item-a8137c3d:not(:first-child) .fds-accordion-accordionButton-a8137c3d,
626
- .fds-accordion-third-a8137c3d .fds-accordion-item-a8137c3d:not(:first-child) .fds-accordion-accordionButton-a8137c3d {
627
- border-top: 1px solid var(--fds-semantic-surface-neutral-default);
628
- }
629
-
630
- @media (hover: hover) and (pointer: fine) {
631
- .fds-accordion-accordionButton-a8137c3d:hover .fds-accordion-expandIcon-a8137c3d {
632
- background-color: rgba(0 0 0 / 0.1);
633
- }
634
-
635
- .fds-accordion-neutral-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover,
636
- .fds-accordion-subtle-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
637
- background-color: var(--fds-semantic-surface-neutral-subtle-hover);
638
- }
639
-
640
- .fds-accordion-first-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
641
- background-color: var(--fds-semantic-surface-first-light-hover);
642
- }
643
-
644
- .fds-accordion-second-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
645
- background-color: var(--fds-semantic-surface-second-light-hover);
646
- }
647
-
648
- .fds-accordion-third-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
649
- background-color: var(--fds-semantic-surface-third-light-hover);
650
- }
651
- }
652
- }
653
-
654
520
  .fds-animateheight-root-a203211d.fds-animateheight-openingOrClosing-a203211d,
655
521
  .fds-animateheight-root-a203211d.fds-animateheight-closed-a203211d {
656
522
  overflow: hidden;
@@ -2170,7 +2036,7 @@
2170
2036
  color: var(--fds-semantic-text-neutral-default);
2171
2037
  }
2172
2038
 
2173
- .fds-modalheader-modalHeader-47e4ee5b button {
2039
+ .fds-modalheader-modalHeaderButton-47e4ee5b {
2174
2040
  position: absolute;
2175
2041
  top: var(--fds-spacing-3);
2176
2042
  right: var(--fds-spacing-3);
@@ -3039,7 +2905,7 @@
3039
2905
  /**
3040
2906
  * Apply a focus outline on an element when it is focused with keyboard
3041
2907
  */
3042
- .fds-combobox-inFocus-249a725c {
2908
+ .fds-combobox-inputWrapper-249a725c:has(input:focus) {
3043
2909
  --fds-focus-border-width: 3px;
3044
2910
 
3045
2911
  outline: var(--fds-focus-border-width) solid var(--fds-semantic-border-focus-outline);
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMvD,MAAM,MAAM,cAAc,GAAG;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC5D,kBAAkB;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS;IARpB,iCAAiC;;IAEjC,kBAAkB;;IAElB,oCAAoC;cAC1B,SAAS;mFAkBpB,CAAC"}
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,cAAc,GAAG;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC5D,kBAAkB;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS;IARpB,iCAAiC;;IAEjC,kBAAkB;;IAElB,oCAAoC;cAC1B,SAAS;mFAgBpB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionContent/AccordionContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,wCAAwC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,gBAAgB;IAJ3B,wCAAwC;cAC9B,SAAS;mFAmCnB,CAAC"}
1
+ {"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionContent/AccordionContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAOvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,wCAAwC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,gBAAgB;IAJ3B,wCAAwC;cAC9B,SAAS;mFAmCnB,CAAC"}
@@ -1 +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;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"}
1
+ {"version":3,"file":"AccordionHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionHeader/AccordionHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM1E,MAAM,MAAM,oBAAoB,GAAG;IACjC,uGAAuG;IACvG,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,oCAAoC;IACpC,aAAa,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IACjE,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC,eAAO,MAAM,eAAe;IAR1B,uGAAuG;;IAEvG,oCAAoC;oBACpB,kBAAkB,iBAAiB,CAAC,GAAG,SAAS;IAChE,mBAAmB;cACT,SAAS;2FAkDnB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,oBAAoB,2DACsB,CAAC;AAExD,eAAO,MAAM,aAAa;IArBxB;;;;OAIG;;IAEH,wDAAwD;;IAExD,2EAA2E;cACjE,SAAS;mFA6CpB,CAAC"}
1
+ {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,oBAAoB,2DACsB,CAAC;AAExD,eAAO,MAAM,aAAa;IArBxB;;;;OAIG;;IAEH,wDAAwD;;IAExD,2EAA2E;cACjE,SAAS;mFA2CpB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/ModalHeader/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAY5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW;IAbtB;;;OAGG;;;IAGH;;;OAGG;;mFAwDJ,CAAC"}
1
+ {"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/ModalHeader/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAY5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW;IAbtB;;;OAGG;;;IAGH;;;OAGG;;mFAyDJ,CAAC"}
@@ -43,12 +43,6 @@ export type ComboboxProps = {
43
43
  * @default false
44
44
  */
45
45
  hideChips?: boolean;
46
- /**
47
- * Label for the clear button
48
- * @default 'Fjern alt'
49
- * @deprecated Use `clearButtonLabel` instead
50
- */
51
- cleanButtonLabel?: string;
52
46
  /**
53
47
  * Hides the clear button
54
48
  * @default false
@@ -139,12 +133,6 @@ export declare const ComboboxComponent: React.ForwardRefExoticComponent<{
139
133
  * @default false
140
134
  */
141
135
  hideChips?: boolean | undefined;
142
- /**
143
- * Label for the clear button
144
- * @default 'Fjern alt'
145
- * @deprecated Use `clearButtonLabel` instead
146
- */
147
- cleanButtonLabel?: string | undefined;
148
136
  /**
149
137
  * Hides the clear button
150
138
  * @default false
@@ -243,12 +231,6 @@ export declare const Combobox: React.ForwardRefExoticComponent<{
243
231
  * @default false
244
232
  */
245
233
  hideChips?: boolean | undefined;
246
- /**
247
- * Label for the clear button
248
- * @default 'Fjern alt'
249
- * @deprecated Use `clearButtonLabel` instead
250
- */
251
- cleanButtonLabel?: string | undefined;
252
234
  /**
253
235
  * Hides the clear button
254
236
  * @default false
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/Combobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAa5C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACzD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C,GAAG,WAAW,GACb,cAAc,GACd,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,iBAAiB;IAlG5B;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;6BACqB,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;;;;;OAOG;2BACmB,MAAM,UAAU,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;4BACoB,MAAM,KAAK,MAAM;;;;;;;;;oKAiWzC,CAAC;AAEF,eAAO,MAAM,QAAQ;IAhcnB;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;6BACqB,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;;;;;OAOG;2BACmB,MAAM,UAAU,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;4BACoB,MAAM,KAAK,MAAM;;;;;;;;;oKA4WzC,CAAC"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/Combobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAa5C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACzD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C,GAAG,WAAW,GACb,cAAc,GACd,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,iBAAiB;IA5F5B;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;6BACqB,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;;;;;OAOG;2BACmB,MAAM,UAAU,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;4BACoB,MAAM,KAAK,MAAM;;;;;;;;;oKA4VzC,CAAC;AAEF,eAAO,MAAM,QAAQ;IArbnB;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;6BACqB,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;;;;;OAOG;2BACmB,MAAM,UAAU,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;4BACoB,MAAM,KAAK,MAAM;;;;;;;;;oKAuWzC,CAAC"}
@@ -3,16 +3,12 @@ import type { useFormField } from '../useFormField';
3
3
  import type { ComboboxProps } from './Combobox';
4
4
  import type { Option } from './useCombobox';
5
5
  import type useCombobox from './useCombobox';
6
- type ComboboxContextType = {
6
+ export type ComboboxContextType = {
7
7
  multiple: NonNullable<ComboboxProps['multiple']>;
8
8
  disabled: NonNullable<ComboboxProps['disabled']>;
9
9
  readOnly: NonNullable<ComboboxProps['readOnly']>;
10
- name: ComboboxProps['name'];
11
- error: ComboboxProps['error'];
12
10
  htmlSize: ComboboxProps['htmlSize'];
13
- hideChips: NonNullable<ComboboxProps['hideChips']>;
14
11
  clearButtonLabel: NonNullable<ComboboxProps['clearButtonLabel']>;
15
- hideClearButton: NonNullable<ComboboxProps['hideClearButton']>;
16
12
  filteredOptions: ReturnType<typeof useCombobox>['filteredOptions'];
17
13
  options: {
18
14
  [key: string]: Option;
@@ -26,23 +22,20 @@ type ComboboxContextType = {
26
22
  inputRef: React.RefObject<HTMLInputElement>;
27
23
  open: boolean;
28
24
  inputValue: string;
29
- optionValues: string[];
30
- listId: string;
31
25
  customIds: string[];
32
26
  setInputValue: React.Dispatch<React.SetStateAction<string>>;
33
27
  setOpen: (open: boolean) => void;
34
- handleKeyDown: (event: React.KeyboardEvent) => void;
35
28
  getReferenceProps: (props?: Record<string, unknown>) => Record<string, unknown>;
36
29
  getItemProps: ReturnType<typeof useInteractions>['getItemProps'];
37
30
  onOptionClick: (value: string) => void;
38
- setSelectedOptions: React.Dispatch<React.SetStateAction<{
39
- [key: string]: Option;
40
- }>>;
41
31
  chipSrLabel: NonNullable<ComboboxProps['chipSrLabel']>;
42
- handleSelectOption: (option: Option) => void;
32
+ handleSelectOption: (args: {
33
+ option: Option | null;
34
+ remove?: boolean;
35
+ clear?: boolean;
36
+ }) => void;
43
37
  listRef: UseListNavigationProps['listRef'];
44
38
  forwareddRef: React.Ref<HTMLInputElement>;
45
39
  };
46
40
  export declare const ComboboxContext: import("react").Context<ComboboxContextType | undefined>;
47
- export {};
48
41
  //# sourceMappingURL=ComboboxContext.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/ComboboxContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACtB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5B,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IACnD,gBAAgB,EAAE,WAAW,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACjE,eAAe,EAAE,WAAW,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC/D,eAAe,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACnE,OAAO,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,eAAe,EAAE;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,cAAc,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IAChD,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5D,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IACpD,iBAAiB,EAAE,CACjB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC5B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,YAAY,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,cAAc,CAAC,CAAC;IACjE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,kBAAkB,EAAE,KAAK,CAAC,QAAQ,CAChC,KAAK,CAAC,cAAc,CAAC;QACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC,CACH,CAAC;IACF,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;IACvD,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,eAAe,0DAE3B,CAAC"}
1
+ {"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/ComboboxContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACtB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,gBAAgB,EAAE,WAAW,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACjE,eAAe,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACnE,OAAO,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,eAAe,EAAE;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,cAAc,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IAChD,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5D,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,iBAAiB,EAAE,CACjB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC5B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,YAAY,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,cAAc,CAAC,CAAC;IACjE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;IACvD,kBAAkB,EAAE,CAAC,IAAI,EAAE;QACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB,KAAK,IAAI,CAAC;IACX,OAAO,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,eAAe,0DAE3B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ComboboxChips.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxChips.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa;;;CA4DzB,CAAC;AAIF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"ComboboxChips.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxChips.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa;;;CAsDzB,CAAC;AAIF,eAAe,aAAa,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ComboboxClearButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxClearButton.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,mBAAmB;;;CA8C/B,CAAC;AAIF,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"ComboboxClearButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxClearButton.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,mBAAmB;;;CAoC/B,CAAC;AAIF,eAAe,mBAAmB,CAAC"}