@helsenorge/designsystem-react 9.0.0-beta.1 → 9.0.0-beta.2

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 (84) hide show
  1. package/Select.js +45 -36
  2. package/Select.js.map +1 -1
  3. package/Spacer.js.map +1 -1
  4. package/StatusDot.js +12 -12
  5. package/StatusDot.js.map +1 -1
  6. package/__mocks__/matchMedia.js.map +1 -1
  7. package/__mocks__/useHover.js +2 -3
  8. package/__mocks__/useHover.js.map +1 -1
  9. package/__mocks__/useLayoutEvent.js +2 -3
  10. package/__mocks__/useLayoutEvent.js.map +1 -1
  11. package/__mocks__/useOutsideEvent.js +2 -3
  12. package/__mocks__/useOutsideEvent.js.map +1 -1
  13. package/__mocks__/usePseudoClasses.js +2 -3
  14. package/__mocks__/usePseudoClasses.js.map +1 -1
  15. package/__mocks__/useSize.js +2 -3
  16. package/__mocks__/useSize.js.map +1 -1
  17. package/__mocks__/uuid.js +2 -3
  18. package/__mocks__/uuid.js.map +1 -1
  19. package/components/AnchorLink/AnchorLink.test.d.ts +1 -0
  20. package/components/Avatar/Avatar.test.d.ts +1 -0
  21. package/components/Badge/Badge.test.d.ts +1 -0
  22. package/components/Button/Button.test.d.ts +1 -0
  23. package/components/Checkbox/Checkbox.test.d.ts +1 -0
  24. package/components/Chip/Chip.test.d.ts +1 -0
  25. package/components/Close/Close.test.d.ts +1 -0
  26. package/components/DictionaryTrigger/DictionaryTrigger.test.d.ts +1 -0
  27. package/components/Dropdown/Dropdown.test.d.ts +1 -0
  28. package/components/Duolist/Duolist.test.d.ts +1 -0
  29. package/components/EmptyState/EmptyState.test.d.ts +1 -0
  30. package/components/ErrorWrapper/ErrorWrapper.test.d.ts +1 -0
  31. package/components/Expander/Expander.test.d.ts +1 -0
  32. package/components/ExpanderHierarchy/ExpanderHierarchy.test.d.ts +1 -0
  33. package/components/ExpanderList/ExpanderList.test.d.ts +1 -0
  34. package/components/EyebrowHeader/EyebrowHeader.test.d.ts +1 -0
  35. package/components/FormGroup/FormGroup.test.d.ts +1 -0
  36. package/components/FormLayout/FormLayout.test.d.ts +1 -0
  37. package/components/HelpBubble/HelpBubble.test.d.ts +1 -0
  38. package/components/HelpPanel/HelpPanel.test.d.ts +1 -0
  39. package/components/HelpQuestion/HelpQuestion.test.d.ts +1 -0
  40. package/components/HighlightPanel/HighlightPanel.test.d.ts +1 -0
  41. package/components/HorizontalScroll/HorizontalScroll.test.d.ts +1 -0
  42. package/components/Icon/Icon.test.d.ts +1 -0
  43. package/components/Illustration/Illustration.test.d.ts +1 -0
  44. package/components/Input/Input.test.d.ts +1 -0
  45. package/components/Label/Label.test.d.ts +1 -0
  46. package/components/LazyIcon/LazyIcon.test.d.ts +1 -0
  47. package/components/LazyIllustration/LazyIllustration.test.d.ts +1 -0
  48. package/components/LinkList/LinkList.test.d.ts +1 -0
  49. package/components/List/List.test.d.ts +1 -0
  50. package/components/Loader/Loader.test.d.ts +1 -0
  51. package/components/Logo/Logo.test.d.ts +1 -0
  52. package/components/MaxCharacters/MaxCharacters.test.d.ts +1 -0
  53. package/components/Modal/Modal.test.d.ts +1 -0
  54. package/components/NotificationPanel/NotificationPanel.test.d.ts +1 -0
  55. package/components/Panel/Panel.test.d.ts +1 -0
  56. package/components/PanelList/PanelList.test.d.ts +1 -0
  57. package/components/PopMenu/PopMenu.test.d.ts +1 -0
  58. package/components/PopOver/PopOver.test.d.ts +1 -0
  59. package/components/Progressbar/Progressbar.test.d.ts +1 -0
  60. package/components/PromoPanel/PromoPanel.test.d.ts +1 -0
  61. package/components/RadioButton/RadioButton.test.d.ts +1 -0
  62. package/components/Select/Select.test.d.ts +1 -0
  63. package/components/ServiceMessage/ServiceMessage.test.d.ts +1 -0
  64. package/components/SharingStatus/SharingStatus.test.d.ts +1 -0
  65. package/components/Slider/Slider.test.d.ts +1 -0
  66. package/components/Spacer/Spacer.test.d.ts +1 -0
  67. package/components/StatusDot/StatusDot.test.d.ts +1 -0
  68. package/components/Step/Step.test.d.ts +1 -0
  69. package/components/StepButtons/StepButtons.test.d.ts +1 -0
  70. package/components/Stepper/Stepper.test.d.ts +1 -0
  71. package/components/Table/Table.test.d.ts +1 -0
  72. package/components/Tabs/Tabs.test.d.ts +1 -0
  73. package/components/Tag/Tag.test.d.ts +1 -0
  74. package/components/TagList/TagList.test.d.ts +1 -0
  75. package/components/Textarea/Textarea.test.d.ts +1 -0
  76. package/components/Tile/Tile.test.d.ts +1 -0
  77. package/components/Title/Title.test.d.ts +1 -0
  78. package/components/Toggle/Toggle.test.d.ts +1 -0
  79. package/components/Tooltip/Tooltip.test.d.ts +1 -0
  80. package/components/Trigger/Trigger.test.d.ts +1 -0
  81. package/components/Validation/Validation.test.d.ts +1 -0
  82. package/components/Validation/ValidationSummary.test.d.ts +1 -0
  83. package/hoc/withBreakpoint/withBreakpoint.test.d.ts +1 -0
  84. package/package.json +1 -1
package/Select.js CHANGED
@@ -1,6 +1,6 @@
1
- import { jsx as l, jsxs as w } from "react/jsx-runtime";
1
+ import { jsx as l, jsxs as I } from "react/jsx-runtime";
2
2
  import H from "react";
3
- import n from "classnames";
3
+ import i from "classnames";
4
4
  import { FormOnColor as U, AnalyticsId as V, IconSize as X, AVERAGE_CHARACTER_WIDTH_PX as $ } from "./constants.js";
5
5
  import { useUuid as h } from "./hooks/useUuid.js";
6
6
  import { getColor as v } from "./theme/currys/color.js";
@@ -10,62 +10,71 @@ import { I as M } from "./Icon.js";
10
10
  import O from "./components/Icons/ChevronDown.js";
11
11
  import { a as P } from "./Label.js";
12
12
  import e from "./components/Select/styles.module.scss";
13
- const k = (o) => `calc(${o * $}px + 2rem)`, J = (o, r) => r ? v("neutral", 500) : v(o ? "cherry" : "blueberry", 600), ie = H.forwardRef(function(r, i) {
13
+ const k = (t) => `calc(${t * $}px + 2rem)`, J = (t, r) => r ? v("neutral", 500) : v(t ? "cherry" : "blueberry", 600), ie = H.forwardRef(function(r, c) {
14
14
  const {
15
15
  className: y,
16
- children: I,
17
- concept: x = "normal",
16
+ children: x,
17
+ concept: N = "normal",
18
18
  disabled: a,
19
- error: N,
20
- errorText: c,
21
- errorTextId: W,
22
- errorWrapperClassName: S,
23
- label: g,
24
- selectId: d,
25
- name: A = d,
19
+ error: W,
20
+ errorText: d,
21
+ errorTextId: S,
22
+ errorWrapperClassName: g,
23
+ label: A,
24
+ selectId: p,
25
+ name: R = p,
26
26
  onColor: s = U.onwhite,
27
- testId: R,
27
+ testId: n,
28
28
  width: m,
29
- required: p,
29
+ required: u,
30
30
  value: T,
31
31
  defaultValue: E,
32
- autoComplete: u = "off",
32
+ autoComplete: f = "off",
33
33
  wrapperClassName: D,
34
34
  ..._
35
- } = r, f = h(d), C = h(W), b = s === "onblueberry", t = s === "oninvalid" || !!c || !!N, j = J(t, !!a), q = m ? k(m) : void 0, z = n(
35
+ } = r, C = h(p), b = h(S), w = s === "onblueberry", o = s === "oninvalid" || !!d || !!W, j = J(o, !!a), q = m ? k(m) : void 0, z = i(
36
36
  e["select-inner-wrapper"],
37
37
  {
38
- [e["select-inner-wrapper--transparent"]]: x === "transparent",
39
- [e["select-inner-wrapper--on-blueberry"]]: b,
40
- [e["select-inner-wrapper--invalid"]]: t,
38
+ [e["select-inner-wrapper--transparent"]]: N === "transparent",
39
+ [e["select-inner-wrapper--on-blueberry"]]: w,
40
+ [e["select-inner-wrapper--invalid"]]: o,
41
41
  [e["select-inner-wrapper--disabled"]]: a
42
42
  },
43
43
  y
44
- ), B = n(e.select, {
45
- [e["select--on-blueberry"]]: b,
46
- [e["select--invalid"]]: t
47
- }), F = n(e["select-wrapper"], D);
48
- return /* @__PURE__ */ l(L, { className: S, errorText: c, errorTextId: C, children: /* @__PURE__ */ w("div", { "data-testid": R, "data-analyticsid": V.Select, className: F, style: { maxWidth: q }, children: [
49
- P(g, f, s),
50
- /* @__PURE__ */ w("div", { className: z, children: [
51
- /* @__PURE__ */ l(M, { className: e["select-arrow"], svgIcon: O, color: j, size: X.XSmall }),
44
+ ), B = i(e.select, {
45
+ [e["select--on-blueberry"]]: w,
46
+ [e["select--invalid"]]: o
47
+ }), F = i(e["select-wrapper"], D);
48
+ return /* @__PURE__ */ l(L, { className: g, errorText: d, errorTextId: b, children: /* @__PURE__ */ I("div", { "data-testid": n, "data-analyticsid": V.Select, className: F, style: { maxWidth: q }, children: [
49
+ P(A, C, s),
50
+ /* @__PURE__ */ I("div", { className: z, "data-testid": n + "-inner-wrapper", children: [
51
+ /* @__PURE__ */ l(
52
+ M,
53
+ {
54
+ className: e["select-arrow"],
55
+ svgIcon: O,
56
+ color: j,
57
+ size: X.XSmall,
58
+ testId: n + "-icon"
59
+ }
60
+ ),
52
61
  /* @__PURE__ */ l(
53
62
  "select",
54
63
  {
55
- "aria-invalid": !!t,
56
- id: f,
57
- name: A,
64
+ "aria-invalid": !!o,
65
+ id: C,
66
+ name: R,
58
67
  className: B,
59
68
  disabled: a,
60
- ref: i,
61
- required: p,
62
- "aria-describedby": G(r, C),
63
- "aria-required": !!p,
69
+ ref: c,
70
+ required: u,
71
+ "aria-describedby": G(r, b),
72
+ "aria-required": !!u,
64
73
  value: T,
65
74
  defaultValue: E,
66
- autoComplete: u || void 0,
75
+ autoComplete: f || void 0,
67
76
  ..._,
68
- children: I
77
+ children: x
69
78
  }
70
79
  )
71
80
  ] })
package/Select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, AVERAGE_CHARACTER_WIDTH_PX, FormOnColor, IconSize } from '../../constants';\nimport { useUuid } from '../../hooks/useUuid';\nimport { getColor } from '../../theme/currys';\nimport { getAriaDescribedBy } from '../../utils/accessibility';\nimport ErrorWrapper, { ErrorWrapperClassNameProps } from '../ErrorWrapper';\nimport Icon from '../Icon';\nimport ChevronDown from '../Icons/ChevronDown';\nimport { renderLabel } from '../Label';\n\nimport selectStyles from './styles.module.scss';\n\ntype SelectConcept = 'normal' | 'transparent';\n\nexport interface SelectProps\n extends ErrorWrapperClassNameProps,\n Pick<\n React.SelectHTMLAttributes<HTMLSelectElement>,\n 'aria-describedby' | 'name' | 'disabled' | 'required' | 'value' | 'onChange' | 'autoComplete'\n > {\n /** Sets the content of the select element. */\n children: React.ReactNode;\n /** Adds custom classes to the element. */\n className?: string;\n /** Changes the visuals of the component */\n concept?: SelectConcept;\n /** The label text above the select */\n label?: React.ReactNode;\n /** Changes the visuals of the component */\n onColor?: keyof typeof FormOnColor;\n /** Activates Error style for the select component - This is can be true while errorText is empty, when in a FormGroup */\n error?: boolean;\n /** Error text to show above the component */\n errorText?: string;\n /** Error text id */\n errorTextId?: string;\n /** Sets the data-testid attribute. */\n testId?: string;\n /** select id of the select element */\n selectId?: string;\n /** Width of select in characters (approximate) */\n width?: number;\n /** Gives defaultvalue to the comp. Preferred over selected prop on option by react */\n defaultValue?: string | number;\n /** Adds custom classes to the wrapper tag */\n wrapperClassName?: string;\n}\n\nconst getSelectMaxWidth = (characters: number): string => {\n const paddingWidth = '2rem';\n\n return `calc(${characters * AVERAGE_CHARACTER_WIDTH_PX}px + ${paddingWidth})`;\n};\n\nconst getIconColor = (invalid: boolean, disabled: boolean) => {\n const iconColor = invalid ? 'cherry' : 'blueberry';\n return disabled ? getColor('neutral', 500) : getColor(iconColor, 600);\n};\n\nexport const Select = React.forwardRef(function SelectForwardedRef(props: SelectProps, ref: React.Ref<HTMLSelectElement>) {\n const {\n className,\n children,\n concept = 'normal',\n disabled,\n error,\n errorText,\n errorTextId,\n errorWrapperClassName,\n label,\n selectId,\n name = selectId,\n onColor = FormOnColor.onwhite,\n testId,\n width,\n required,\n value,\n defaultValue,\n autoComplete = 'off',\n wrapperClassName,\n ...rest\n } = props;\n\n const uuid = useUuid(selectId);\n const errorTextUuid = useUuid(errorTextId);\n const onBlueberry = onColor === 'onblueberry';\n const invalid = onColor === 'oninvalid' || !!errorText || !!error;\n const iconColor = getIconColor(invalid, !!disabled);\n const maxWidth = width ? getSelectMaxWidth(width) : undefined;\n\n const selectInnerWrapperClasses = classNames(\n selectStyles['select-inner-wrapper'],\n {\n [selectStyles['select-inner-wrapper--transparent']]: concept === 'transparent',\n [selectStyles['select-inner-wrapper--on-blueberry']]: onBlueberry,\n [selectStyles['select-inner-wrapper--invalid']]: invalid,\n [selectStyles['select-inner-wrapper--disabled']]: disabled,\n },\n className\n );\n\n const selectClasses = classNames(selectStyles.select, {\n [selectStyles['select--on-blueberry']]: onBlueberry,\n [selectStyles['select--invalid']]: invalid,\n });\n\n const selectWrapperClasses = classNames(selectStyles['select-wrapper'], wrapperClassName);\n\n return (\n <ErrorWrapper className={errorWrapperClassName} errorText={errorText} errorTextId={errorTextUuid}>\n <div data-testid={testId} data-analyticsid={AnalyticsId.Select} className={selectWrapperClasses} style={{ maxWidth }}>\n {renderLabel(label, uuid, onColor as FormOnColor)}\n <div className={selectInnerWrapperClasses}>\n <Icon className={selectStyles['select-arrow']} svgIcon={ChevronDown} color={iconColor} size={IconSize.XSmall} />\n <select\n aria-invalid={!!invalid}\n id={uuid}\n name={name}\n className={selectClasses}\n disabled={disabled}\n ref={ref}\n required={required}\n aria-describedby={getAriaDescribedBy(props, errorTextUuid)}\n aria-required={!!required}\n value={value}\n defaultValue={defaultValue}\n autoComplete={autoComplete ? autoComplete : undefined}\n {...rest}\n >\n {children}\n </select>\n </div>\n </div>\n </ErrorWrapper>\n );\n});\n\nexport default Select;\n"],"names":["getSelectMaxWidth","characters","AVERAGE_CHARACTER_WIDTH_PX","getIconColor","invalid","disabled","getColor","Select","React","props","ref","className","children","concept","error","errorText","errorTextId","errorWrapperClassName","label","selectId","name","onColor","FormOnColor","testId","width","required","value","defaultValue","autoComplete","wrapperClassName","rest","uuid","useUuid","errorTextUuid","onBlueberry","iconColor","maxWidth","selectInnerWrapperClasses","classNames","selectStyles","selectClasses","selectWrapperClasses","ErrorWrapper","jsxs","AnalyticsId","renderLabel","jsx","Icon","ChevronDown","IconSize","getAriaDescribedBy"],"mappings":";;;;;;;;;;;;AAmDA,MAAMA,IAAoB,CAACC,MAGlB,QAAQA,IAAaC,CAA0B,cAGlDC,IAAe,CAACC,GAAkBC,MAE/BA,IAAWC,EAAS,WAAW,GAAG,IAAIA,EAD3BF,IAAU,WAAW,aAC0B,GAAG,GAGzDG,KAASC,EAAM,WAAW,SAA4BC,GAAoBC,GAAmC;AAClH,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAR;AAAA,IACA,OAAAS;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAOD;AAAA,IACP,SAAAE,IAAUC,EAAY;AAAA,IACtB,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,kBAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAArB,GAEEsB,IAAOC,EAAQb,CAAQ,GACvBc,IAAgBD,EAAQhB,CAAW,GACnCkB,IAAcb,MAAY,eAC1BjB,IAAUiB,MAAY,eAAe,CAAC,CAACN,KAAa,CAAC,CAACD,GACtDqB,IAAYhC,EAAaC,GAAS,CAAC,CAACC,CAAQ,GAC5C+B,IAAWZ,IAAQxB,EAAkBwB,CAAK,IAAI,QAE9Ca,IAA4BC;AAAA,IAChCC,EAAa,sBAAsB;AAAA,IACnC;AAAA,MACE,CAACA,EAAa,mCAAmC,CAAC,GAAG1B,MAAY;AAAA,MACjE,CAAC0B,EAAa,oCAAoC,CAAC,GAAGL;AAAA,MACtD,CAACK,EAAa,+BAA+B,CAAC,GAAGnC;AAAA,MACjD,CAACmC,EAAa,gCAAgC,CAAC,GAAGlC;AAAA,IACpD;AAAA,IACAM;AAAA,EAAA,GAGI6B,IAAgBF,EAAWC,EAAa,QAAQ;AAAA,IACpD,CAACA,EAAa,sBAAsB,CAAC,GAAGL;AAAA,IACxC,CAACK,EAAa,iBAAiB,CAAC,GAAGnC;AAAA,EAAA,CACpC,GAEKqC,IAAuBH,EAAWC,EAAa,gBAAgB,GAAGV,CAAgB;AAExF,2BACGa,GAAa,EAAA,WAAWzB,GAAuB,WAAAF,GAAsB,aAAakB,GACjF,UAAC,gBAAAU,EAAA,OAAA,EAAI,eAAapB,GAAQ,oBAAkBqB,EAAY,QAAQ,WAAWH,GAAsB,OAAO,EAAE,UAAAL,EACvG,GAAA,UAAA;AAAA,IAAYS,EAAA3B,GAAOa,GAAMV,CAAsB;AAAA,IAChD,gBAAAsB,EAAC,OAAI,EAAA,WAAWN,GACd,UAAA;AAAA,MAAC,gBAAAS,EAAAC,GAAA,EAAK,WAAWR,EAAa,cAAc,GAAG,SAASS,GAAa,OAAOb,GAAW,MAAMc,EAAS,OAAQ,CAAA;AAAA,MAC9G,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,gBAAc,CAAC,CAAC1C;AAAA,UAChB,IAAI2B;AAAA,UACJ,MAAAX;AAAA,UACA,WAAWoB;AAAA,UACX,UAAAnC;AAAA,UACA,KAAAK;AAAA,UACA,UAAAe;AAAA,UACA,oBAAkByB,EAAmBzC,GAAOwB,CAAa;AAAA,UACzD,iBAAe,CAAC,CAACR;AAAA,UACjB,OAAAC;AAAA,UACA,cAAAC;AAAA,UACA,cAAcC,KAA8B;AAAA,UAC3C,GAAGE;AAAA,UAEH,UAAAlB;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,GACF;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,CAAC;"}
1
+ {"version":3,"file":"Select.js","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, AVERAGE_CHARACTER_WIDTH_PX, FormOnColor, IconSize } from '../../constants';\nimport { useUuid } from '../../hooks/useUuid';\nimport { getColor } from '../../theme/currys';\nimport { getAriaDescribedBy } from '../../utils/accessibility';\nimport ErrorWrapper, { ErrorWrapperClassNameProps } from '../ErrorWrapper';\nimport Icon from '../Icon';\nimport ChevronDown from '../Icons/ChevronDown';\nimport { renderLabel } from '../Label';\n\nimport selectStyles from './styles.module.scss';\n\ntype SelectConcept = 'normal' | 'transparent';\n\nexport interface SelectProps\n extends ErrorWrapperClassNameProps,\n Pick<\n React.SelectHTMLAttributes<HTMLSelectElement>,\n 'aria-describedby' | 'name' | 'disabled' | 'required' | 'value' | 'onChange' | 'autoComplete'\n > {\n /** Sets the content of the select element. */\n children: React.ReactNode;\n /** Adds custom classes to the element. */\n className?: string;\n /** Changes the visuals of the component */\n concept?: SelectConcept;\n /** The label text above the select */\n label?: React.ReactNode;\n /** Changes the visuals of the component */\n onColor?: keyof typeof FormOnColor;\n /** Activates Error style for the select component - This is can be true while errorText is empty, when in a FormGroup */\n error?: boolean;\n /** Error text to show above the component */\n errorText?: string;\n /** Error text id */\n errorTextId?: string;\n /** Sets the data-testid attribute. */\n testId?: string;\n /** select id of the select element */\n selectId?: string;\n /** Width of select in characters (approximate) */\n width?: number;\n /** Gives defaultvalue to the comp. Preferred over selected prop on option by react */\n defaultValue?: string | number;\n /** Adds custom classes to the wrapper tag */\n wrapperClassName?: string;\n}\n\nconst getSelectMaxWidth = (characters: number): string => {\n const paddingWidth = '2rem';\n\n return `calc(${characters * AVERAGE_CHARACTER_WIDTH_PX}px + ${paddingWidth})`;\n};\n\nconst getIconColor = (invalid: boolean, disabled: boolean) => {\n const iconColor = invalid ? 'cherry' : 'blueberry';\n return disabled ? getColor('neutral', 500) : getColor(iconColor, 600);\n};\n\nexport const Select = React.forwardRef(function SelectForwardedRef(props: SelectProps, ref: React.Ref<HTMLSelectElement>) {\n const {\n className,\n children,\n concept = 'normal',\n disabled,\n error,\n errorText,\n errorTextId,\n errorWrapperClassName,\n label,\n selectId,\n name = selectId,\n onColor = FormOnColor.onwhite,\n testId,\n width,\n required,\n value,\n defaultValue,\n autoComplete = 'off',\n wrapperClassName,\n ...rest\n } = props;\n\n const uuid = useUuid(selectId);\n const errorTextUuid = useUuid(errorTextId);\n const onBlueberry = onColor === 'onblueberry';\n const invalid = onColor === 'oninvalid' || !!errorText || !!error;\n const iconColor = getIconColor(invalid, !!disabled);\n const maxWidth = width ? getSelectMaxWidth(width) : undefined;\n\n const selectInnerWrapperClasses = classNames(\n selectStyles['select-inner-wrapper'],\n {\n [selectStyles['select-inner-wrapper--transparent']]: concept === 'transparent',\n [selectStyles['select-inner-wrapper--on-blueberry']]: onBlueberry,\n [selectStyles['select-inner-wrapper--invalid']]: invalid,\n [selectStyles['select-inner-wrapper--disabled']]: disabled,\n },\n className\n );\n\n const selectClasses = classNames(selectStyles.select, {\n [selectStyles['select--on-blueberry']]: onBlueberry,\n [selectStyles['select--invalid']]: invalid,\n });\n\n const selectWrapperClasses = classNames(selectStyles['select-wrapper'], wrapperClassName);\n\n return (\n <ErrorWrapper className={errorWrapperClassName} errorText={errorText} errorTextId={errorTextUuid}>\n <div data-testid={testId} data-analyticsid={AnalyticsId.Select} className={selectWrapperClasses} style={{ maxWidth }}>\n {renderLabel(label, uuid, onColor as FormOnColor)}\n <div className={selectInnerWrapperClasses} data-testid={testId + '-inner-wrapper'}>\n <Icon\n className={selectStyles['select-arrow']}\n svgIcon={ChevronDown}\n color={iconColor}\n size={IconSize.XSmall}\n testId={testId + '-icon'}\n />\n <select\n aria-invalid={!!invalid}\n id={uuid}\n name={name}\n className={selectClasses}\n disabled={disabled}\n ref={ref}\n required={required}\n aria-describedby={getAriaDescribedBy(props, errorTextUuid)}\n aria-required={!!required}\n value={value}\n defaultValue={defaultValue}\n autoComplete={autoComplete ? autoComplete : undefined}\n {...rest}\n >\n {children}\n </select>\n </div>\n </div>\n </ErrorWrapper>\n );\n});\n\nexport default Select;\n"],"names":["getSelectMaxWidth","characters","AVERAGE_CHARACTER_WIDTH_PX","getIconColor","invalid","disabled","getColor","Select","React","props","ref","className","children","concept","error","errorText","errorTextId","errorWrapperClassName","label","selectId","name","onColor","FormOnColor","testId","width","required","value","defaultValue","autoComplete","wrapperClassName","rest","uuid","useUuid","errorTextUuid","onBlueberry","iconColor","maxWidth","selectInnerWrapperClasses","classNames","selectStyles","selectClasses","selectWrapperClasses","ErrorWrapper","jsxs","AnalyticsId","renderLabel","jsx","Icon","ChevronDown","IconSize","getAriaDescribedBy"],"mappings":";;;;;;;;;;;;AAmDA,MAAMA,IAAoB,CAACC,MAGlB,QAAQA,IAAaC,CAA0B,cAGlDC,IAAe,CAACC,GAAkBC,MAE/BA,IAAWC,EAAS,WAAW,GAAG,IAAIA,EAD3BF,IAAU,WAAW,aAC0B,GAAG,GAGzDG,KAASC,EAAM,WAAW,SAA4BC,GAAoBC,GAAmC;AAClH,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAR;AAAA,IACA,OAAAS;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAOD;AAAA,IACP,SAAAE,IAAUC,EAAY;AAAA,IACtB,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,kBAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAArB,GAEEsB,IAAOC,EAAQb,CAAQ,GACvBc,IAAgBD,EAAQhB,CAAW,GACnCkB,IAAcb,MAAY,eAC1BjB,IAAUiB,MAAY,eAAe,CAAC,CAACN,KAAa,CAAC,CAACD,GACtDqB,IAAYhC,EAAaC,GAAS,CAAC,CAACC,CAAQ,GAC5C+B,IAAWZ,IAAQxB,EAAkBwB,CAAK,IAAI,QAE9Ca,IAA4BC;AAAA,IAChCC,EAAa,sBAAsB;AAAA,IACnC;AAAA,MACE,CAACA,EAAa,mCAAmC,CAAC,GAAG1B,MAAY;AAAA,MACjE,CAAC0B,EAAa,oCAAoC,CAAC,GAAGL;AAAA,MACtD,CAACK,EAAa,+BAA+B,CAAC,GAAGnC;AAAA,MACjD,CAACmC,EAAa,gCAAgC,CAAC,GAAGlC;AAAA,IACpD;AAAA,IACAM;AAAA,EAAA,GAGI6B,IAAgBF,EAAWC,EAAa,QAAQ;AAAA,IACpD,CAACA,EAAa,sBAAsB,CAAC,GAAGL;AAAA,IACxC,CAACK,EAAa,iBAAiB,CAAC,GAAGnC;AAAA,EAAA,CACpC,GAEKqC,IAAuBH,EAAWC,EAAa,gBAAgB,GAAGV,CAAgB;AAExF,2BACGa,GAAa,EAAA,WAAWzB,GAAuB,WAAAF,GAAsB,aAAakB,GACjF,UAAC,gBAAAU,EAAA,OAAA,EAAI,eAAapB,GAAQ,oBAAkBqB,EAAY,QAAQ,WAAWH,GAAsB,OAAO,EAAE,UAAAL,EACvG,GAAA,UAAA;AAAA,IAAYS,EAAA3B,GAAOa,GAAMV,CAAsB;AAAA,sBAC/C,OAAI,EAAA,WAAWgB,GAA2B,eAAad,IAAS,kBAC/D,UAAA;AAAA,MAAA,gBAAAuB;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAWR,EAAa,cAAc;AAAA,UACtC,SAASS;AAAA,UACT,OAAOb;AAAA,UACP,MAAMc,EAAS;AAAA,UACf,QAAQ1B,IAAS;AAAA,QAAA;AAAA,MACnB;AAAA,MACA,gBAAAuB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,gBAAc,CAAC,CAAC1C;AAAA,UAChB,IAAI2B;AAAA,UACJ,MAAAX;AAAA,UACA,WAAWoB;AAAA,UACX,UAAAnC;AAAA,UACA,KAAAK;AAAA,UACA,UAAAe;AAAA,UACA,oBAAkByB,EAAmBzC,GAAOwB,CAAa;AAAA,UACzD,iBAAe,CAAC,CAACR;AAAA,UACjB,OAAAC;AAAA,UACA,cAAAC;AAAA,UACA,cAAcC,KAA8B;AAAA,UAC3C,GAAGE;AAAA,UAEH,UAAAlB;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,GACF;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,CAAC;"}
package/Spacer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Spacer.js","sources":["../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { SpacerSizes } from './../../theme/spacers';\nimport { AnalyticsId } from '../../constants';\n\nimport spacerStyles from './styles.module.scss';\n\nexport interface SpacerProps {\n /** Sets the size of the spacer. */\n size?: SpacerSizes;\n /** Adds custom classes to the element. */\n className?: string;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nconst Spacer = React.forwardRef(function SpacerForwardedRef(props: SpacerProps, ref: React.ForwardedRef<HTMLElement>) {\n const { size = 's', className, testId } = props;\n const spacerClasses = classNames(\n spacerStyles.spacer,\n {\n [spacerStyles['spacer--4xs']]: size === '4xs',\n [spacerStyles['spacer--3xs']]: size === '3xs',\n [spacerStyles['spacer--2xs']]: size === '2xs',\n [spacerStyles['spacer--xs']]: size === 'xs',\n [spacerStyles['spacer--s']]: size === 's',\n [spacerStyles['spacer--m']]: size === 'm',\n [spacerStyles['spacer--l']]: size === 'l',\n [spacerStyles['spacer--xl']]: size === 'xl',\n [spacerStyles['spacer--2xl']]: size === '2xl',\n [spacerStyles['spacer--3xl']]: size === '3xl',\n [spacerStyles['spacer--4xl']]: size === '4xl',\n [spacerStyles['spacer--5xl']]: size === '5xl',\n [spacerStyles['spacer--6xl']]: size === '6xl',\n },\n className\n );\n\n return <span className={spacerClasses} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.Spacer}></span>;\n});\n\nexport default Spacer;\n"],"names":["Spacer","React","props","ref","size","className","testId","spacerClasses","classNames","spacerStyles","jsx","AnalyticsId"],"mappings":";;;;;AAkBA,MAAMA,IAASC,EAAM,WAAW,SAA4BC,GAAoBC,GAAsC;AACpH,QAAM,EAAE,MAAAC,IAAO,KAAK,WAAAC,GAAW,QAAAC,MAAWJ,GACpCK,IAAgBC;AAAA,IACpBC,EAAa;AAAA,IACb;AAAA,MACE,CAACA,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,YAAY,CAAC,GAAGL,MAAS;AAAA,MACvC,CAACK,EAAa,WAAW,CAAC,GAAGL,MAAS;AAAA,MACtC,CAACK,EAAa,WAAW,CAAC,GAAGL,MAAS;AAAA,MACtC,CAACK,EAAa,WAAW,CAAC,GAAGL,MAAS;AAAA,MACtC,CAACK,EAAa,YAAY,CAAC,GAAGL,MAAS;AAAA,MACvC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,IAC1C;AAAA,IACAC;AAAA,EAAA;AAGK,SAAA,gBAAAK,EAAC,UAAK,WAAWH,GAAe,KAAAJ,GAAU,eAAaG,GAAQ,oBAAkBK,EAAY,OAAQ,CAAA;AAC9G,CAAC;"}
1
+ {"version":3,"file":"Spacer.js","sources":["../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { SpacerSizes } from './../../theme/spacers';\n\nimport spacerStyles from './styles.module.scss';\n\nexport interface SpacerProps {\n /** Sets the size of the spacer. */\n size?: SpacerSizes;\n /** Adds custom classes to the element. */\n className?: string;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nconst Spacer = React.forwardRef(function SpacerForwardedRef(props: SpacerProps, ref: React.ForwardedRef<HTMLElement>) {\n const { size = 's', className, testId } = props;\n const spacerClasses = classNames(\n spacerStyles.spacer,\n {\n [spacerStyles['spacer--4xs']]: size === '4xs',\n [spacerStyles['spacer--3xs']]: size === '3xs',\n [spacerStyles['spacer--2xs']]: size === '2xs',\n [spacerStyles['spacer--xs']]: size === 'xs',\n [spacerStyles['spacer--s']]: size === 's',\n [spacerStyles['spacer--m']]: size === 'm',\n [spacerStyles['spacer--l']]: size === 'l',\n [spacerStyles['spacer--xl']]: size === 'xl',\n [spacerStyles['spacer--2xl']]: size === '2xl',\n [spacerStyles['spacer--3xl']]: size === '3xl',\n [spacerStyles['spacer--4xl']]: size === '4xl',\n [spacerStyles['spacer--5xl']]: size === '5xl',\n [spacerStyles['spacer--6xl']]: size === '6xl',\n },\n className\n );\n\n return <span className={spacerClasses} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.Spacer}></span>;\n});\n\nexport default Spacer;\n"],"names":["Spacer","React","props","ref","size","className","testId","spacerClasses","classNames","spacerStyles","jsx","AnalyticsId"],"mappings":";;;;;AAkBA,MAAMA,IAASC,EAAM,WAAW,SAA4BC,GAAoBC,GAAsC;AACpH,QAAM,EAAE,MAAAC,IAAO,KAAK,WAAAC,GAAW,QAAAC,MAAWJ,GACpCK,IAAgBC;AAAA,IACpBC,EAAa;AAAA,IACb;AAAA,MACE,CAACA,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,YAAY,CAAC,GAAGL,MAAS;AAAA,MACvC,CAACK,EAAa,WAAW,CAAC,GAAGL,MAAS;AAAA,MACtC,CAACK,EAAa,WAAW,CAAC,GAAGL,MAAS;AAAA,MACtC,CAACK,EAAa,WAAW,CAAC,GAAGL,MAAS;AAAA,MACtC,CAACK,EAAa,YAAY,CAAC,GAAGL,MAAS;AAAA,MACvC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,IAC1C;AAAA,IACAC;AAAA,EAAA;AAGK,SAAA,gBAAAK,EAAC,UAAK,WAAWH,GAAe,KAAAJ,GAAU,eAAaG,GAAQ,oBAAkBK,EAAY,OAAQ,CAAA;AAC9G,CAAC;"}
package/StatusDot.js CHANGED
@@ -1,28 +1,28 @@
1
- import { jsxs as _, jsx as s } from "react/jsx-runtime";
1
+ import { jsxs as _, jsx as e } from "react/jsx-runtime";
2
2
  import l from "classnames";
3
3
  import "./theme/grid.js";
4
4
  import "./hooks/useBreakpoint.js";
5
5
  import "react";
6
- import { FormOnColor as i, AnalyticsId as w, IconSize as v } from "./constants.js";
7
- import { getColor as m } from "./theme/currys/color.js";
6
+ import { FormOnColor as m, AnalyticsId as w, IconSize as v } from "./constants.js";
7
+ import { getColor as d } from "./theme/currys/color.js";
8
8
  import { I as a } from "./Icon.js";
9
9
  import N from "./components/Icons/Attachment.js";
10
10
  import b from "./components/Icons/Change.js";
11
11
  import x from "./components/Icons/Group.js";
12
12
  import y from "./components/Icons/NoAccess.js";
13
13
  import n from "./components/StatusDot/styles.module.scss";
14
- var c = ((o) => (o[o.onwhite = i.onwhite] = "onwhite", o[o.ondark = i.ondark] = "ondark", o))(c || {}), C = /* @__PURE__ */ ((o) => (o.info = "info", o.warning = "warning", o.alert = "alert", o.cancelled = "cancelled", o.active = "active", o.transparent = "transparent", o.recurring = "recurring", o.group = "group", o.noaccess = "noaccess", o.attachment = "attachment", o))(C || {});
15
- const A = ({ onColor: o, variant: e }) => {
16
- const r = { color: o === c.ondark ? m("white") : m("black"), size: v.XXSmall, onColor: o };
17
- return e === "recurring" ? /* @__PURE__ */ s(a, { ...r, svgIcon: b }) : e === "group" ? /* @__PURE__ */ s(a, { ...r, svgIcon: x }) : e === "noaccess" ? /* @__PURE__ */ s(a, { ...r, svgIcon: y, color: m("cherry", 600) }) : e === "attachment" ? /* @__PURE__ */ s(a, { ...r, svgIcon: N }) : null;
14
+ var c = ((o) => (o[o.onwhite = m.onwhite] = "onwhite", o[o.ondark = m.ondark] = "ondark", o))(c || {}), C = /* @__PURE__ */ ((o) => (o.info = "info", o.warning = "warning", o.alert = "alert", o.cancelled = "cancelled", o.active = "active", o.transparent = "transparent", o.recurring = "recurring", o.group = "group", o.noaccess = "noaccess", o.attachment = "attachment", o))(C || {});
15
+ const A = ({ onColor: o, variant: r }) => {
16
+ const s = { color: o === c.ondark ? d("white") : d("black"), size: v.XXSmall, onColor: o };
17
+ return r === "recurring" ? /* @__PURE__ */ e(a, { ...s, svgIcon: b }) : r === "group" ? /* @__PURE__ */ e(a, { ...s, svgIcon: x }) : r === "noaccess" ? /* @__PURE__ */ e(a, { ...s, svgIcon: y, color: d("cherry", 600) }) : r === "attachment" ? /* @__PURE__ */ e(a, { ...s, svgIcon: N }) : null;
18
18
  }, L = (o) => {
19
- const { id: e, onColor: t = c.onwhite, variant: r = "info", text: d, className: p, testId: f } = o, u = r === "recurring" || r === "group" || r === "noaccess" || r === "attachment", g = r === "cancelled", h = l(n.statusdot, g && n["statusdot--cancelled"], p), I = l(n.statusdot__dot, {
20
- ...u ? {} : { [n[`statusdot__dot--${r}`]]: !0 },
19
+ const { id: r, onColor: t = c.onwhite, variant: s = "info", text: p, className: f, testId: i } = o, u = s === "recurring" || s === "group" || s === "noaccess" || s === "attachment", g = s === "cancelled", h = l(n.statusdot, g && n["statusdot--cancelled"], f), I = l(n.statusdot__dot, {
20
+ ...u ? {} : { [n[`statusdot__dot--${s}`]]: !0 },
21
21
  [n["statusdot__dot--on-dark"]]: t === c.ondark
22
22
  }), k = l(t === c.ondark && n["statusdot__label--on-dark"]);
23
- return /* @__PURE__ */ _("span", { id: e, className: h, "data-testid": f, "data-analyticsid": w.StatusDot, children: [
24
- /* @__PURE__ */ s("span", { className: I, children: /* @__PURE__ */ s(A, { onColor: t, variant: r }) }),
25
- /* @__PURE__ */ s("span", { className: k, children: d })
23
+ return /* @__PURE__ */ _("span", { id: r, className: h, "data-testid": i, "data-analyticsid": w.StatusDot, children: [
24
+ /* @__PURE__ */ e("span", { className: I, "data-testid": i + "-dot", children: /* @__PURE__ */ e(A, { onColor: t, variant: s }) }),
25
+ /* @__PURE__ */ e("span", { className: k, children: p })
26
26
  ] });
27
27
  };
28
28
  export {
package/StatusDot.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StatusDot.js","sources":["../src/components/StatusDot/StatusDot.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { IconSize } from '../..';\nimport { AnalyticsId, FormOnColor } from '../../constants';\nimport { getColor } from '../../theme/currys';\nimport { Icon } from '../Icon';\nimport Attachment from '../Icons/Attachment';\nimport Change from '../Icons/Change';\nimport Group from '../Icons/Group';\nimport NoAccess from '../Icons/NoAccess';\n\nimport styles from './styles.module.scss';\n\nexport enum StatusDotOnColor {\n onwhite = FormOnColor.onwhite,\n ondark = FormOnColor.ondark,\n}\n\nexport enum StatusDotVariant {\n info = 'info',\n warning = 'warning',\n alert = 'alert',\n cancelled = 'cancelled',\n active = 'active',\n transparent = 'transparent',\n recurring = 'recurring',\n group = 'group',\n noaccess = 'noaccess',\n attachment = 'attachment',\n}\n\nexport interface StatusDotIconProps {\n /** Defines the color of the icon */\n onColor?: keyof typeof StatusDotOnColor;\n /** The variant defines style formatting and what icon to use */\n variant?: keyof typeof StatusDotVariant;\n}\n\nconst StatusDotIcon: React.FC<StatusDotIconProps> = ({ onColor, variant }) => {\n const color = onColor === StatusDotOnColor.ondark ? getColor('white') : getColor('black');\n const iconProps = { color, size: IconSize.XXSmall, onColor };\n\n if (variant === StatusDotVariant.recurring) {\n return <Icon {...iconProps} svgIcon={Change} />;\n } else if (variant === StatusDotVariant.group) {\n return <Icon {...iconProps} svgIcon={Group} />;\n } else if (variant === StatusDotVariant.noaccess) {\n return <Icon {...iconProps} svgIcon={NoAccess} color={getColor('cherry', 600)} />;\n } else if (variant === StatusDotVariant.attachment) {\n return <Icon {...iconProps} svgIcon={Attachment} />;\n }\n\n return null;\n};\n\nexport interface StatusDotProps {\n /** id that is placed on the wrapper */\n id?: string;\n /** Defines the color mode, onwhite, ondark etc. */\n onColor?: keyof typeof StatusDotOnColor;\n /** Visual variants for the statusdot */\n variant?: keyof typeof StatusDotVariant;\n /** Text placed to the right of the statusdot */\n text: string;\n /** Adds custom classes to the element. */\n className?: string;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nconst StatusDot: React.FC<StatusDotProps> = props => {\n const { id, onColor = StatusDotOnColor.onwhite, variant = StatusDotVariant.info, text, className, testId } = props;\n\n const hasIcon =\n variant === StatusDotVariant.recurring ||\n variant === StatusDotVariant.group ||\n variant === StatusDotVariant.noaccess ||\n variant === StatusDotVariant.attachment;\n\n const isCancelled = variant === StatusDotVariant.cancelled;\n\n const statusDotClasses = classNames(styles['statusdot'], isCancelled && styles['statusdot--cancelled'], className);\n const dotClasses = classNames(styles['statusdot__dot'], {\n ...(hasIcon ? {} : { [styles[`statusdot__dot--${variant}`]]: true }),\n [styles['statusdot__dot--on-dark']]: onColor === StatusDotOnColor.ondark,\n });\n const labelClasses = classNames(onColor === StatusDotOnColor.ondark && styles['statusdot__label--on-dark']);\n\n return (\n <span id={id} className={statusDotClasses} data-testid={testId} data-analyticsid={AnalyticsId.StatusDot}>\n <span className={dotClasses}>\n <StatusDotIcon onColor={onColor} variant={variant} />\n </span>\n <span className={labelClasses}>{text}</span>\n </span>\n );\n};\n\nexport default StatusDot;\n"],"names":["StatusDotOnColor","FormOnColor","StatusDotVariant","StatusDotIcon","onColor","variant","iconProps","getColor","IconSize","jsx","Icon","Change","Group","NoAccess","Attachment","StatusDot","props","id","text","className","testId","hasIcon","isCancelled","statusDotClasses","classNames","styles","dotClasses","labelClasses","jsxs","AnalyticsId"],"mappings":";;;;;;;;;;;;;AAeY,IAAAA,KAAL,CAAKA,OACVA,EAAAA,EAAA,UAAUC,EAAY,OAAtB,IAAA,WACAD,EAAAA,EAAA,SAASC,EAAY,MAArB,IAAA,UAFUD,IAAAA,KAAA,CAAA,CAAA,GAKAE,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,YAAY,aACZA,EAAA,SAAS,UACTA,EAAA,cAAc,eACdA,EAAA,YAAY,aACZA,EAAA,QAAQ,SACRA,EAAA,WAAW,YACXA,EAAA,aAAa,cAVHA,IAAAA,KAAA,CAAA,CAAA;AAoBZ,MAAMC,IAA8C,CAAC,EAAE,SAAAC,GAAS,SAAAC,QAAc;AAE5E,QAAMC,IAAY,EAAE,OADNF,MAAYJ,EAAiB,SAASO,EAAS,OAAO,IAAIA,EAAS,OAAO,GAC7D,MAAMC,EAAS,SAAS,SAAAJ;AAEnD,SAAIC,MAAY,cACN,gBAAAI,EAAAC,GAAA,EAAM,GAAGJ,GAAW,SAASK,EAAQ,CAAA,IACpCN,MAAY,UACb,gBAAAI,EAAAC,GAAA,EAAM,GAAGJ,GAAW,SAASM,EAAO,CAAA,IACnCP,MAAY,aACd,gBAAAI,EAACC,GAAM,EAAA,GAAGJ,GAAW,SAASO,GAAU,OAAON,EAAS,UAAU,GAAG,EAAG,CAAA,IACtEF,MAAY,eACb,gBAAAI,EAAAC,GAAA,EAAM,GAAGJ,GAAW,SAASQ,EAAY,CAAA,IAG5C;AACT,GAiBMC,IAAsC,CAASC,MAAA;AAC7C,QAAA,EAAE,IAAAC,GAAI,SAAAb,IAAUJ,EAAiB,SAAS,SAAAK,IAAU,QAAuB,MAAAa,GAAM,WAAAC,GAAW,QAAAC,EAAA,IAAWJ,GAEvGK,IACJhB,MAAY,eACZA,MAAY,WACZA,MAAY,cACZA,MAAY,cAERiB,IAAcjB,MAAY,aAE1BkB,IAAmBC,EAAWC,EAAO,WAAcH,KAAeG,EAAO,sBAAsB,GAAGN,CAAS,GAC3GO,IAAaF,EAAWC,EAAO,gBAAmB;AAAA,IACtD,GAAIJ,IAAU,KAAK,EAAE,CAACI,EAAO,mBAAmBpB,CAAO,EAAE,CAAC,GAAG,GAAK;AAAA,IAClE,CAACoB,EAAO,yBAAyB,CAAC,GAAGrB,MAAYJ,EAAiB;AAAA,EAAA,CACnE,GACK2B,IAAeH,EAAWpB,MAAYJ,EAAiB,UAAUyB,EAAO,2BAA2B,CAAC;AAGxG,SAAA,gBAAAG,EAAC,UAAK,IAAAX,GAAQ,WAAWM,GAAkB,eAAaH,GAAQ,oBAAkBS,EAAY,WAC5F,UAAA;AAAA,IAAA,gBAAApB,EAAC,UAAK,WAAWiB,GACf,4BAACvB,GAAc,EAAA,SAAAC,GAAkB,SAAAC,GAAkB,EACrD,CAAA;AAAA,IACC,gBAAAI,EAAA,QAAA,EAAK,WAAWkB,GAAe,UAAKT,GAAA;AAAA,EACvC,EAAA,CAAA;AAEJ;"}
1
+ {"version":3,"file":"StatusDot.js","sources":["../src/components/StatusDot/StatusDot.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { IconSize } from '../..';\nimport { AnalyticsId, FormOnColor } from '../../constants';\nimport { getColor } from '../../theme/currys';\nimport { Icon } from '../Icon';\nimport Attachment from '../Icons/Attachment';\nimport Change from '../Icons/Change';\nimport Group from '../Icons/Group';\nimport NoAccess from '../Icons/NoAccess';\n\nimport styles from './styles.module.scss';\n\nexport enum StatusDotOnColor {\n onwhite = FormOnColor.onwhite,\n ondark = FormOnColor.ondark,\n}\n\nexport enum StatusDotVariant {\n info = 'info',\n warning = 'warning',\n alert = 'alert',\n cancelled = 'cancelled',\n active = 'active',\n transparent = 'transparent',\n recurring = 'recurring',\n group = 'group',\n noaccess = 'noaccess',\n attachment = 'attachment',\n}\n\nexport interface StatusDotIconProps {\n /** Defines the color of the icon */\n onColor?: keyof typeof StatusDotOnColor;\n /** The variant defines style formatting and what icon to use */\n variant?: keyof typeof StatusDotVariant;\n}\n\nconst StatusDotIcon: React.FC<StatusDotIconProps> = ({ onColor, variant }) => {\n const color = onColor === StatusDotOnColor.ondark ? getColor('white') : getColor('black');\n const iconProps = { color, size: IconSize.XXSmall, onColor };\n\n if (variant === StatusDotVariant.recurring) {\n return <Icon {...iconProps} svgIcon={Change} />;\n } else if (variant === StatusDotVariant.group) {\n return <Icon {...iconProps} svgIcon={Group} />;\n } else if (variant === StatusDotVariant.noaccess) {\n return <Icon {...iconProps} svgIcon={NoAccess} color={getColor('cherry', 600)} />;\n } else if (variant === StatusDotVariant.attachment) {\n return <Icon {...iconProps} svgIcon={Attachment} />;\n }\n\n return null;\n};\n\nexport interface StatusDotProps {\n /** id that is placed on the wrapper */\n id?: string;\n /** Defines the color mode, onwhite, ondark etc. */\n onColor?: keyof typeof StatusDotOnColor;\n /** Visual variants for the statusdot */\n variant?: keyof typeof StatusDotVariant;\n /** Text placed to the right of the statusdot */\n text: string;\n /** Adds custom classes to the element. */\n className?: string;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nconst StatusDot: React.FC<StatusDotProps> = props => {\n const { id, onColor = StatusDotOnColor.onwhite, variant = StatusDotVariant.info, text, className, testId } = props;\n\n const hasIcon =\n variant === StatusDotVariant.recurring ||\n variant === StatusDotVariant.group ||\n variant === StatusDotVariant.noaccess ||\n variant === StatusDotVariant.attachment;\n\n const isCancelled = variant === StatusDotVariant.cancelled;\n\n const statusDotClasses = classNames(styles['statusdot'], isCancelled && styles['statusdot--cancelled'], className);\n const dotClasses = classNames(styles['statusdot__dot'], {\n ...(hasIcon ? {} : { [styles[`statusdot__dot--${variant}`]]: true }),\n [styles['statusdot__dot--on-dark']]: onColor === StatusDotOnColor.ondark,\n });\n const labelClasses = classNames(onColor === StatusDotOnColor.ondark && styles['statusdot__label--on-dark']);\n\n return (\n <span id={id} className={statusDotClasses} data-testid={testId} data-analyticsid={AnalyticsId.StatusDot}>\n <span className={dotClasses} data-testid={testId + '-dot'}>\n <StatusDotIcon onColor={onColor} variant={variant} />\n </span>\n <span className={labelClasses}>{text}</span>\n </span>\n );\n};\n\nexport default StatusDot;\n"],"names":["StatusDotOnColor","FormOnColor","StatusDotVariant","StatusDotIcon","onColor","variant","iconProps","getColor","IconSize","jsx","Icon","Change","Group","NoAccess","Attachment","StatusDot","props","id","text","className","testId","hasIcon","isCancelled","statusDotClasses","classNames","styles","dotClasses","labelClasses","jsxs","AnalyticsId"],"mappings":";;;;;;;;;;;;;AAeY,IAAAA,KAAL,CAAKA,OACVA,EAAAA,EAAA,UAAUC,EAAY,OAAtB,IAAA,WACAD,EAAAA,EAAA,SAASC,EAAY,MAArB,IAAA,UAFUD,IAAAA,KAAA,CAAA,CAAA,GAKAE,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,YAAY,aACZA,EAAA,SAAS,UACTA,EAAA,cAAc,eACdA,EAAA,YAAY,aACZA,EAAA,QAAQ,SACRA,EAAA,WAAW,YACXA,EAAA,aAAa,cAVHA,IAAAA,KAAA,CAAA,CAAA;AAoBZ,MAAMC,IAA8C,CAAC,EAAE,SAAAC,GAAS,SAAAC,QAAc;AAE5E,QAAMC,IAAY,EAAE,OADNF,MAAYJ,EAAiB,SAASO,EAAS,OAAO,IAAIA,EAAS,OAAO,GAC7D,MAAMC,EAAS,SAAS,SAAAJ;AAEnD,SAAIC,MAAY,cACN,gBAAAI,EAAAC,GAAA,EAAM,GAAGJ,GAAW,SAASK,EAAQ,CAAA,IACpCN,MAAY,UACb,gBAAAI,EAAAC,GAAA,EAAM,GAAGJ,GAAW,SAASM,EAAO,CAAA,IACnCP,MAAY,aACd,gBAAAI,EAACC,GAAM,EAAA,GAAGJ,GAAW,SAASO,GAAU,OAAON,EAAS,UAAU,GAAG,EAAG,CAAA,IACtEF,MAAY,eACb,gBAAAI,EAAAC,GAAA,EAAM,GAAGJ,GAAW,SAASQ,EAAY,CAAA,IAG5C;AACT,GAiBMC,IAAsC,CAASC,MAAA;AAC7C,QAAA,EAAE,IAAAC,GAAI,SAAAb,IAAUJ,EAAiB,SAAS,SAAAK,IAAU,QAAuB,MAAAa,GAAM,WAAAC,GAAW,QAAAC,EAAA,IAAWJ,GAEvGK,IACJhB,MAAY,eACZA,MAAY,WACZA,MAAY,cACZA,MAAY,cAERiB,IAAcjB,MAAY,aAE1BkB,IAAmBC,EAAWC,EAAO,WAAcH,KAAeG,EAAO,sBAAsB,GAAGN,CAAS,GAC3GO,IAAaF,EAAWC,EAAO,gBAAmB;AAAA,IACtD,GAAIJ,IAAU,KAAK,EAAE,CAACI,EAAO,mBAAmBpB,CAAO,EAAE,CAAC,GAAG,GAAK;AAAA,IAClE,CAACoB,EAAO,yBAAyB,CAAC,GAAGrB,MAAYJ,EAAiB;AAAA,EAAA,CACnE,GACK2B,IAAeH,EAAWpB,MAAYJ,EAAiB,UAAUyB,EAAO,2BAA2B,CAAC;AAGxG,SAAA,gBAAAG,EAAC,UAAK,IAAAX,GAAQ,WAAWM,GAAkB,eAAaH,GAAQ,oBAAkBS,EAAY,WAC5F,UAAA;AAAA,IAAC,gBAAApB,EAAA,QAAA,EAAK,WAAWiB,GAAY,eAAaN,IAAS,QACjD,UAAC,gBAAAX,EAAAN,GAAA,EAAc,SAAAC,GAAkB,SAAAC,EAAA,CAAkB,EACrD,CAAA;AAAA,IACC,gBAAAI,EAAA,QAAA,EAAK,WAAWkB,GAAe,UAAKT,GAAA;AAAA,EACvC,EAAA,CAAA;AAEJ;"}
@@ -1 +1 @@
1
- {"version":3,"file":"matchMedia.js","sources":["../../src/__mocks__/matchMedia.ts"],"sourcesContent":["import { vi as jest } from 'vitest';\n\nexport const mockWindowMatchMedia = jest.fn().mockImplementation(() => ({\n matches: true,\n addListener: jest.fn(),\n addEventListener: jest.fn(),\n removeEventListener: jest.fn(),\n}));\n\nObject.defineProperty(window, 'matchMedia', {\n writable: true,\n value: mockWindowMatchMedia,\n});\n"],"names":["mockWindowMatchMedia","jest"],"mappings":";AAEO,MAAMA,IAAuBC,EAAK,GAAG,EAAE,mBAAmB,OAAO;AAAA,EACtE,SAAS;AAAA,EACT,aAAaA,EAAK,GAAG;AAAA,EACrB,kBAAkBA,EAAK,GAAG;AAAA,EAC1B,qBAAqBA,EAAK,GAAG;AAC/B,EAAE;AAEF,OAAO,eAAe,QAAQ,cAAc;AAAA,EAC1C,UAAU;AAAA,EACV,OAAOD;AACT,CAAC;"}
1
+ {"version":3,"file":"matchMedia.js","sources":["../../src/__mocks__/matchMedia.ts"],"sourcesContent":["import { vi } from 'vitest';\n\nexport const mockWindowMatchMedia = vi.fn().mockImplementation(() => ({\n matches: true,\n addListener: vi.fn(),\n addEventListener: vi.fn(),\n removeEventListener: vi.fn(),\n}));\n\nObject.defineProperty(window, 'matchMedia', {\n writable: true,\n value: mockWindowMatchMedia,\n});\n"],"names":["mockWindowMatchMedia","vi"],"mappings":";AAEO,MAAMA,IAAuBC,EAAG,GAAG,EAAE,mBAAmB,OAAO;AAAA,EACpE,SAAS;AAAA,EACT,aAAaA,EAAG,GAAG;AAAA,EACnB,kBAAkBA,EAAG,GAAG;AAAA,EACxB,qBAAqBA,EAAG,GAAG;AAC7B,EAAE;AAEF,OAAO,eAAe,QAAQ,cAAc;AAAA,EAC1C,UAAU;AAAA,EACV,OAAOD;AACT,CAAC;"}
@@ -1,5 +1,4 @@
1
- import { vi as e } from "vitest";
2
- e.mock("../hooks/useHover", () => ({
3
- useHover: e.fn().mockImplementation((o) => ({ hoverRef: o || { current: void 0 }, isHovered: !1 }))
1
+ vi.mock("../hooks/useHover", () => ({
2
+ useHover: vi.fn().mockImplementation((e) => ({ hoverRef: e || { current: void 0 }, isHovered: !1 }))
4
3
  }));
5
4
  //# sourceMappingURL=useHover.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useHover.js","sources":["../../src/__mocks__/useHover.ts"],"sourcesContent":["import { vi as jest } from 'vitest';\n\njest.mock('../hooks/useHover', () => ({\n useHover: jest.fn().mockImplementation(ref => {\n return { hoverRef: ref || { current: undefined }, isHovered: false };\n }),\n}));\n\nexport {};\n"],"names":["jest","ref"],"mappings":";AAEAA,EAAK,KAAK,qBAAqB,OAAO;AAAA,EACpC,UAAUA,EAAK,GAAG,EAAE,mBAAmB,CAAOC,OACrC,EAAE,UAAUA,KAAO,EAAE,SAAS,OAAU,GAAG,WAAW,KAC9D;AACH,EAAE;"}
1
+ {"version":3,"file":"useHover.js","sources":["../../src/__mocks__/useHover.ts"],"sourcesContent":["vi.mock('../hooks/useHover', () => ({\n useHover: vi.fn().mockImplementation(ref => {\n return { hoverRef: ref || { current: undefined }, isHovered: false };\n }),\n}));\n\nexport {};\n"],"names":["ref"],"mappings":"AAAA,GAAG,KAAK,qBAAqB,OAAO;AAAA,EAClC,UAAU,GAAG,GAAG,EAAE,mBAAmB,CAAOA,OACnC,EAAE,UAAUA,KAAO,EAAE,SAAS,OAAU,GAAG,WAAW,KAC9D;AACH,EAAE;"}
@@ -1,5 +1,4 @@
1
- import { vi as o } from "vitest";
2
- o.mock("../hooks/useLayoutEvent", () => ({
3
- useLayoutEvent: o.fn()
1
+ vi.mock("../hooks/useLayoutEvent", () => ({
2
+ useLayoutEvent: vi.fn()
4
3
  }));
5
4
  //# sourceMappingURL=useLayoutEvent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useLayoutEvent.js","sources":["../../src/__mocks__/useLayoutEvent.ts"],"sourcesContent":["import { vi as jest } from 'vitest';\n\njest.mock('../hooks/useLayoutEvent', () => ({\n useLayoutEvent: jest.fn(),\n}));\n\nexport {};\n"],"names":["jest"],"mappings":";AAEAA,EAAK,KAAK,2BAA2B,OAAO;AAAA,EAC1C,gBAAgBA,EAAK,GAAG;AAC1B,EAAE;"}
1
+ {"version":3,"file":"useLayoutEvent.js","sources":["../../src/__mocks__/useLayoutEvent.ts"],"sourcesContent":["vi.mock('../hooks/useLayoutEvent', () => ({\n useLayoutEvent: vi.fn(),\n}));\n\nexport {};\n"],"names":[],"mappings":"AAAA,GAAG,KAAK,2BAA2B,OAAO;AAAA,EACxC,gBAAgB,GAAG,GAAG;AACxB,EAAE;"}
@@ -1,5 +1,4 @@
1
- import { vi as e } from "vitest";
2
- e.mock("../hooks/useOutsideEvent", () => ({
3
- useOutsideEvent: e.fn()
1
+ vi.mock("../hooks/useOutsideEvent", () => ({
2
+ useOutsideEvent: vi.fn()
4
3
  }));
5
4
  //# sourceMappingURL=useOutsideEvent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useOutsideEvent.js","sources":["../../src/__mocks__/useOutsideEvent.ts"],"sourcesContent":["import { vi as jest } from 'vitest';\n\njest.mock('../hooks/useOutsideEvent', () => ({\n useOutsideEvent: jest.fn(),\n}));\n\nexport {};\n"],"names":["jest"],"mappings":";AAEAA,EAAK,KAAK,4BAA4B,OAAO;AAAA,EAC3C,iBAAiBA,EAAK,GAAG;AAC3B,EAAE;"}
1
+ {"version":3,"file":"useOutsideEvent.js","sources":["../../src/__mocks__/useOutsideEvent.ts"],"sourcesContent":["vi.mock('../hooks/useOutsideEvent', () => ({\n useOutsideEvent: vi.fn(),\n}));\n\nexport {};\n"],"names":[],"mappings":"AAAA,GAAG,KAAK,4BAA4B,OAAO;AAAA,EACzC,iBAAiB,GAAG,GAAG;AACzB,EAAE;"}
@@ -1,5 +1,4 @@
1
- import { vi as e } from "vitest";
2
- e.mock("../hooks/usePseudoClasses", () => ({
3
- usePseudoClasses: e.fn().mockImplementation((s) => ({ refObject: s, isHovered: !1, isFocused: !1 }))
1
+ vi.mock("../hooks/usePseudoClasses", () => ({
2
+ usePseudoClasses: vi.fn().mockImplementation((e) => ({ refObject: e, isHovered: !1, isFocused: !1 }))
4
3
  }));
5
4
  //# sourceMappingURL=usePseudoClasses.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"usePseudoClasses.js","sources":["../../src/__mocks__/usePseudoClasses.ts"],"sourcesContent":["import { vi as jest } from 'vitest';\n\njest.mock('../hooks/usePseudoClasses', () => ({\n usePseudoClasses: jest.fn().mockImplementation(ref => {\n return { refObject: ref, isHovered: false, isFocused: false };\n }),\n}));\n\nexport {};\n"],"names":["jest","ref"],"mappings":";AAEAA,EAAK,KAAK,6BAA6B,OAAO;AAAA,EAC5C,kBAAkBA,EAAK,GAAG,EAAE,mBAAmB,CAAOC,OAC7C,EAAE,WAAWA,GAAK,WAAW,IAAO,WAAW,KACvD;AACH,EAAE;"}
1
+ {"version":3,"file":"usePseudoClasses.js","sources":["../../src/__mocks__/usePseudoClasses.ts"],"sourcesContent":["vi.mock('../hooks/usePseudoClasses', () => ({\n usePseudoClasses: vi.fn().mockImplementation(ref => {\n return { refObject: ref, isHovered: false, isFocused: false };\n }),\n}));\n\nexport {};\n"],"names":["ref"],"mappings":"AAAA,GAAG,KAAK,6BAA6B,OAAO;AAAA,EAC1C,kBAAkB,GAAG,GAAG,EAAE,mBAAmB,CAAOA,OAC3C,EAAE,WAAWA,GAAK,WAAW,IAAO,WAAW,KACvD;AACH,EAAE;"}
@@ -1,6 +1,5 @@
1
- import { vi as o } from "vitest";
2
- o.mock("../hooks/useSize", () => ({
3
- useSize: o.fn().mockReturnValue({
1
+ vi.mock("../hooks/useSize", () => ({
2
+ useSize: vi.fn().mockReturnValue({
4
3
  height: 100,
5
4
  width: 100,
6
5
  top: 0,
@@ -1 +1 @@
1
- {"version":3,"file":"useSize.js","sources":["../../src/__mocks__/useSize.ts"],"sourcesContent":["import { vi as jest } from 'vitest';\n\njest.mock('../hooks/useSize', () => ({\n useSize: jest.fn().mockReturnValue({\n height: 100,\n width: 100,\n top: 0,\n left: 0,\n right: 100,\n bottom: 100,\n }),\n}));\n\nexport {};\n"],"names":["jest"],"mappings":";AAEAA,EAAK,KAAK,oBAAoB,OAAO;AAAA,EACnC,SAASA,EAAK,GAAG,EAAE,gBAAgB;AAAA,IACjC,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACT;AACH,EAAE;"}
1
+ {"version":3,"file":"useSize.js","sources":["../../src/__mocks__/useSize.ts"],"sourcesContent":["vi.mock('../hooks/useSize', () => ({\n useSize: vi.fn().mockReturnValue({\n height: 100,\n width: 100,\n top: 0,\n left: 0,\n right: 100,\n bottom: 100,\n }),\n}));\n\nexport {};\n"],"names":[],"mappings":"AAAA,GAAG,KAAK,oBAAoB,OAAO;AAAA,EACjC,SAAS,GAAG,GAAG,EAAE,gBAAgB;AAAA,IAC/B,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACT;AACH,EAAE;"}
package/__mocks__/uuid.js CHANGED
@@ -1,7 +1,6 @@
1
- import { vi as t } from "vitest";
2
- import { a as d } from "../uuid.js";
1
+ import { a as t } from "../uuid.js";
3
2
  const i = {
4
3
  id: 0
5
4
  };
6
- t.spyOn(d, "uuid").mockImplementation(() => (i.id++, `testid-${i.id}`));
5
+ vi.spyOn(t, "uuid").mockImplementation(() => (i.id++, `testid-${i.id}`));
7
6
  //# sourceMappingURL=uuid.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"uuid.js","sources":["../../src/__mocks__/uuid.ts"],"sourcesContent":["import { vi as jest } from 'vitest';\n\nimport * as uuidUtils from '../utils/uuid';\n\nconst testId = {\n id: 0,\n};\n\n/**\n * Returnerer en unik, forutsigbar id hver gang uuid() kalles\n */\njest.spyOn(uuidUtils, 'uuid').mockImplementation(() => {\n testId.id++;\n return `testid-${testId.id}`;\n});\n"],"names":["testId","jest","uuidUtils"],"mappings":";;AAIA,MAAMA,IAAS;AAAA,EACb,IAAI;AACN;AAKAC,EAAK,MAAMC,GAAW,MAAM,EAAE,mBAAmB,OACxCF,EAAA,MACA,UAAUA,EAAO,EAAE,GAC3B;"}
1
+ {"version":3,"file":"uuid.js","sources":["../../src/__mocks__/uuid.ts"],"sourcesContent":["import * as uuidUtils from '../utils/uuid';\n\nconst testId = {\n id: 0,\n};\n\n/**\n * Returnerer en unik, forutsigbar id hver gang uuid() kalles\n */\nvi.spyOn(uuidUtils, 'uuid').mockImplementation(() => {\n testId.id++;\n return `testid-${testId.id}`;\n});\n"],"names":["testId","uuidUtils"],"mappings":";AAEA,MAAMA,IAAS;AAAA,EACb,IAAI;AACN;AAKA,GAAG,MAAMC,GAAW,MAAM,EAAE,mBAAmB,OACtCD,EAAA,MACA,UAAUA,EAAO,EAAE,GAC3B;"}
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ import '../../__mocks__/uuid';
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ import '../../__mocks__/uuid';
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ import '../../__mocks__/useOutsideEvent';
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "url": "git+https://github.com/helsenorge/designsystem.git"
8
8
  },
9
9
  "homepage": "https://helsenorge.design",
10
- "version": "9.0.0-beta.1",
10
+ "version": "9.0.0-beta.2",
11
11
  "author": "Helsenorge",
12
12
  "license": "MIT",
13
13
  "dependencies": {