@helsenorge/designsystem-react 6.5.0 → 7.0.0-beta.2

package/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, FormMode, FormSize, IconSize } from '../../constants';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { getColor } from '../../theme/currys/color';\nimport { isMutableRefObject, mergeRefs } from '../../utils/refs';\nimport { uuid } from '../../utils/uuid';\nimport Icon from '../Icon';\nimport Check from '../Icons/Check';\nimport { getLabelText, renderLabelAsParent } from '../Label';\n\nimport checkboxStyles from './styles.module.scss';\n\nexport interface CheckboxProps\n  extends Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    'aria-describedby' | 'name' | 'value' | 'disabled' | 'checked' | 'required' | 'onChange'\n  > {\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** The <Label/> next to the checkbox - sublabels kan ikke kombineres med large variant */\n  label: React.ReactNode;\n  /** input id of the checkbox */\n  inputId?: string;\n  /** Changes the visuals of the checkbox */\n  mode?: keyof typeof FormMode;\n  /** Changes the visuals of the checkbox */\n  size?: keyof typeof FormSize;\n  /** Activates Error style for the checkbox - 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  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const Checkbox = React.forwardRef((props: CheckboxProps, ref: React.Ref<HTMLInputElement>) => {\n  const {\n    className,\n    checked = false,\n    disabled,\n    label,\n    inputId = uuid(),\n    mode = FormMode.onwhite,\n    name = inputId,\n    size,\n    errorText,\n    error = !!errorText,\n    value = getLabelText(label),\n    testId,\n    required,\n    onChange,\n    ...rest\n  } = props;\n  const [isChecked, setIsChecked] = useState(checked);\n  const onWhite = mode === FormMode.onwhite;\n  const onGrey = mode === FormMode.ongrey;\n  const onBlueberry = mode === FormMode.onblueberry;\n  const onInvalid = error || mode === FormMode.oninvalid;\n  const onDark = mode === FormMode.ondark;\n  const large = size === FormSize.large;\n  const { refObject, isFocused } = usePseudoClasses<HTMLInputElement>(isMutableRefObject(ref) ? ref : null);\n  const mergedRefs = mergeRefs([ref, refObject]);\n\n  const checkboxWrapperClasses = classNames(checkboxStyles['checkbox-wrapper'], {\n    [checkboxStyles['checkbox-wrapper--with-error']]: errorText,\n    [checkboxStyles['checkbox-wrapper--large']]: large,\n  });\n  const checkboxLabelClasses = classNames(checkboxStyles['checkbox-label'], {\n    [checkboxStyles['checkbox-label--disabled']]: disabled,\n    [checkboxStyles['checkbox-label--on-dark']]: onDark,\n    [checkboxStyles['checkbox-label--large']]: large,\n    [checkboxStyles['checkbox-label__large--checked']]: large && isChecked,\n    [checkboxStyles['checkbox-label__large--focus']]: large && isFocused,\n    [checkboxStyles['checkbox-label__large--on-white']]: large && onWhite,\n    [checkboxStyles['checkbox-label__large--on-grey']]: large && onGrey,\n    [checkboxStyles['checkbox-label__large--on-blueberry']]: large && onBlueberry,\n    [checkboxStyles['checkbox-label__large--on-invalid']]: large && onInvalid,\n    [checkboxStyles['checkbox-label__large--disabled']]: large && disabled,\n  });\n  const checkboxClasses = classNames(checkboxStyles.checkbox, className);\n  const checkboxIconWrapperClasses = classNames(checkboxStyles['checkbox__icon-wrapper'], {\n    [checkboxStyles['checkbox__icon-wrapper--on-white']]: onWhite,\n    [checkboxStyles['checkbox__icon-wrapper--on-grey']]: onGrey,\n    [checkboxStyles['checkbox__icon-wrapper--on-invalid']]: onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper--disabled']]: disabled,\n    [checkboxStyles['checkbox__icon-wrapper__regular--checked']]: !large && isChecked,\n    [checkboxStyles['checkbox__icon-wrapper__regular--invalid']]: !large && isChecked && onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper__regular--on-dark']]: !large && isChecked && onDark,\n    [checkboxStyles['checkbox__icon-wrapper__large--checked']]: large && isChecked,\n    [checkboxStyles['checkbox__icon-wrapper__large--invalid']]: large && onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper--on-dark']]: onDark,\n    [checkboxStyles['checkbox__icon-wrapper--on-blueberry']]: onBlueberry,\n    [checkboxStyles['checkbox__icon-wrapper--invalid']]: onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper__large--invalid']]: large && isChecked && onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper__large--disabled']]: disabled && large && isChecked,\n    [checkboxStyles['checkbox__icon-wrapper__large--checked--invalid']]: large && isChecked && onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper__large--checked--disabled']]: disabled && large && isChecked,\n  });\n  const labelTextClasses = classNames(checkboxStyles['checkbox-label__text'], {\n    [checkboxStyles['checkbox-label__text__large--checked']]: large && isChecked,\n    [checkboxStyles['checkbox-label__text__large--invalid']]: large && isChecked && onInvalid,\n    [checkboxStyles['checkbox-label__text--on-dark']]: onDark,\n    [checkboxStyles['checkbox-label__text--disabled']]: disabled,\n  });\n  const errorStyles = classNames(checkboxStyles['checkbox-errors']);\n\n  let iconColor = getColor('white');\n  if (onDark || (large && isChecked)) iconColor = getColor('blueberry', 900);\n  if (onInvalid && large && isChecked) iconColor = getColor('white');\n  if (disabled) iconColor = getColor('neutral', 400);\n\n  useEffect(() => {\n    setIsChecked(checked);\n  }, [checked]);\n\n  const onChangeHandler = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    if (onChange) {\n      onChange(e);\n    }\n\n    setIsChecked(!isChecked);\n  };\n\n  const getLabelContent = (): React.ReactNode => {\n    return (\n      <>\n        <input\n          id={inputId}\n          name={name}\n          className={checkboxClasses}\n          type=\"checkbox\"\n          checked={isChecked}\n          disabled={disabled}\n          value={value}\n          ref={mergedRefs}\n          aria-describedby={props['aria-describedby'] ?? undefined}\n          aria-invalid={error}\n          required={required}\n          onChange={onChangeHandler}\n          {...rest}\n        />\n        <span className={checkboxIconWrapperClasses}>\n          {isChecked && <Icon color={iconColor} className={checkboxStyles['checkbox__icon']} svgIcon={Check} size={IconSize.XSmall} />}\n        </span>\n      </>\n    );\n  };\n\n  return (\n    <div data-testid={testId} data-analyticsid={AnalyticsId.Checkbox} className={checkboxWrapperClasses}>\n      {errorText && <p className={errorStyles}>{errorText}</p>}\n      {renderLabelAsParent(\n        label,\n        getLabelContent(),\n        inputId,\n        mode as FormMode,\n        disabled,\n        checkboxLabelClasses,\n        labelTextClasses,\n        checkboxStyles['checkbox-sublabel-wrapper'],\n        large\n      )}\n    </div>\n  );\n});\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":["Checkbox","React","props","ref","className","checked","disabled","label","inputId","uuid","mode","FormMode","name","size","errorText","error","value","getLabelText","testId","required","onChange","rest","isChecked","setIsChecked","useState","onWhite","onGrey","onBlueberry","onInvalid","onDark","large","FormSize","refObject","isFocused","usePseudoClasses","isMutableRefObject","mergedRefs","mergeRefs","checkboxWrapperClasses","classNames","checkboxStyles","checkboxLabelClasses","checkboxClasses","checkboxIconWrapperClasses","labelTextClasses","errorStyles","iconColor","getColor","useEffect","onChangeHandler","e","getLabelContent","Icon","Check","IconSize","AnalyticsId","renderLabelAsParent","Checkbox$1"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, FormMode, FormSize, IconSize } from '../../constants';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { getColor } from '../../theme/currys/color';\nimport { isMutableRefObject, mergeRefs } from '../../utils/refs';\nimport { uuid } from '../../utils/uuid';\nimport Icon from '../Icon';\nimport Check from '../Icons/Check';\nimport { getLabelText, renderLabelAsParent } from '../Label';\n\nimport checkboxStyles from './styles.module.scss';\n\nexport interface CheckboxProps\n  extends Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    'aria-describedby' | 'name' | 'value' | 'disabled' | 'checked' | 'required' | 'onChange'\n  > {\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** The <Label/> next to the checkbox - sublabels kan ikke kombineres med large variant */\n  label: React.ReactNode;\n  /** input id of the checkbox */\n  inputId?: string;\n  /** Changes the visuals of the checkbox */\n  mode?: keyof typeof FormMode;\n  /** Changes the visuals of the checkbox */\n  size?: keyof typeof FormSize;\n  /** Activates Error style for the checkbox - 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  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const Checkbox = React.forwardRef((props: CheckboxProps, ref: React.Ref<HTMLInputElement>) => {\n  const {\n    className,\n    checked = false,\n    disabled,\n    label,\n    inputId = uuid(),\n    mode = FormMode.onwhite,\n    name = inputId,\n    size,\n    errorText,\n    error = !!errorText,\n    value = getLabelText(label),\n    testId,\n    required,\n    onChange,\n    ...rest\n  } = props;\n  const [isChecked, setIsChecked] = useState(checked);\n  const onWhite = mode === FormMode.onwhite;\n  const onGrey = mode === FormMode.ongrey;\n  const onBlueberry = mode === FormMode.onblueberry;\n  const onInvalid = error || mode === FormMode.oninvalid;\n  const onDark = mode === FormMode.ondark;\n  const large = size === FormSize.large;\n  const { refObject, isFocused } = usePseudoClasses<HTMLInputElement>(isMutableRefObject(ref) ? ref : null);\n  const mergedRefs = mergeRefs([ref, refObject]);\n\n  const checkboxWrapperClasses = classNames(checkboxStyles['checkbox-wrapper'], {\n    [checkboxStyles['checkbox-wrapper--with-error']]: errorText,\n    [checkboxStyles['checkbox-wrapper--large']]: large,\n  });\n  const checkboxLabelClasses = classNames(checkboxStyles['checkbox-label'], {\n    [checkboxStyles['checkbox-label--disabled']]: disabled,\n    [checkboxStyles['checkbox-label--on-dark']]: onDark,\n    [checkboxStyles['checkbox-label--large']]: large,\n    [checkboxStyles['checkbox-label__large--checked']]: large && isChecked,\n    [checkboxStyles['checkbox-label__large--focus']]: large && isFocused,\n    [checkboxStyles['checkbox-label__large--on-white']]: large && onWhite,\n    [checkboxStyles['checkbox-label__large--on-grey']]: large && onGrey,\n    [checkboxStyles['checkbox-label__large--on-blueberry']]: large && onBlueberry,\n    [checkboxStyles['checkbox-label__large--on-invalid']]: large && onInvalid,\n    [checkboxStyles['checkbox-label__large--disabled']]: large && disabled,\n  });\n  const checkboxClasses = classNames(checkboxStyles.checkbox, className);\n  const checkboxIconWrapperClasses = classNames(checkboxStyles['checkbox__icon-wrapper'], {\n    [checkboxStyles['checkbox__icon-wrapper--on-white']]: onWhite,\n    [checkboxStyles['checkbox__icon-wrapper--on-grey']]: onGrey,\n    [checkboxStyles['checkbox__icon-wrapper--on-invalid']]: onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper--disabled']]: disabled,\n    [checkboxStyles['checkbox__icon-wrapper__regular--checked']]: !large && isChecked,\n    [checkboxStyles['checkbox__icon-wrapper__regular--invalid']]: !large && isChecked && onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper__regular--on-dark']]: !large && isChecked && onDark,\n    [checkboxStyles['checkbox__icon-wrapper__large--checked']]: large && isChecked,\n    [checkboxStyles['checkbox__icon-wrapper__large--invalid']]: large && onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper--on-dark']]: onDark,\n    [checkboxStyles['checkbox__icon-wrapper--on-blueberry']]: onBlueberry,\n    [checkboxStyles['checkbox__icon-wrapper--invalid']]: onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper__large--invalid']]: large && isChecked && onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper__large--disabled']]: disabled && large && isChecked,\n    [checkboxStyles['checkbox__icon-wrapper__large--checked--invalid']]: large && isChecked && onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper__large--checked--disabled']]: disabled && large && isChecked,\n  });\n  const labelTextClasses = classNames(checkboxStyles['checkbox-label__text'], {\n    [checkboxStyles['checkbox-label__text__large--checked']]: large && isChecked,\n    [checkboxStyles['checkbox-label__text__large--invalid']]: large && isChecked && onInvalid,\n    [checkboxStyles['checkbox-label__text--on-dark']]: onDark,\n    [checkboxStyles['checkbox-label__text--disabled']]: disabled,\n  });\n  const errorStyles = classNames(checkboxStyles['checkbox-errors']);\n\n  let iconColor = getColor('white');\n  if (onDark || (large && isChecked)) iconColor = getColor('blueberry', 900);\n  if (onInvalid && large && isChecked) iconColor = getColor('white');\n  if (disabled) iconColor = getColor('neutral', 400);\n\n  useEffect(() => {\n    setIsChecked(checked);\n  }, [checked]);\n\n  const onChangeHandler = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    if (onChange) {\n      onChange(e);\n    }\n\n    setIsChecked(!isChecked);\n  };\n\n  const getLabelContent = (): React.ReactNode => {\n    return (\n      <>\n        <input\n          id={inputId}\n          name={name}\n          className={checkboxClasses}\n          type=\"checkbox\"\n          checked={isChecked}\n          disabled={disabled}\n          value={value}\n          ref={mergedRefs}\n          aria-describedby={props['aria-describedby'] ?? undefined}\n          aria-invalid={error}\n          required={required}\n          onChange={onChangeHandler}\n          {...rest}\n        />\n        <span className={checkboxIconWrapperClasses}>\n          {isChecked && <Icon color={iconColor} className={checkboxStyles['checkbox__icon']} svgIcon={Check} size={IconSize.XSmall} />}\n        </span>\n      </>\n    );\n  };\n\n  return (\n    <div data-testid={testId} data-analyticsid={AnalyticsId.Checkbox} className={checkboxWrapperClasses}>\n      {errorText && <p className={errorStyles}>{errorText}</p>}\n      {renderLabelAsParent(\n        label,\n        getLabelContent(),\n        inputId,\n        mode as FormMode,\n        checkboxLabelClasses,\n        labelTextClasses,\n        checkboxStyles['checkbox-sublabel-wrapper'],\n        large\n      )}\n    </div>\n  );\n});\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":["Checkbox","React","props","ref","className","checked","disabled","label","inputId","uuid","mode","FormMode","name","size","errorText","error","value","getLabelText","testId","required","onChange","rest","isChecked","setIsChecked","useState","onWhite","onGrey","onBlueberry","onInvalid","onDark","large","FormSize","refObject","isFocused","usePseudoClasses","isMutableRefObject","mergedRefs","mergeRefs","checkboxWrapperClasses","classNames","checkboxStyles","checkboxLabelClasses","checkboxClasses","checkboxIconWrapperClasses","labelTextClasses","errorStyles","iconColor","getColor","useEffect","onChangeHandler","e","getLabelContent","Icon","Check","IconSize","AnalyticsId","renderLabelAsParent","Checkbox$1"],"mappings":"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"}

package/components/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,53 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+import { FormMode, FormSize } from '../../constants';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./Checkbox").CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        label: string;
+        checked: false;
+        disabled: false;
+        mode: FormMode.onwhite;
+        size: FormSize.medium;
+        name: string;
+        value: string;
+        required: false;
+    };
+    argTypes: {
+        checked: {
+            control: string;
+        };
+        disabled: {
+            control: string;
+        };
+        mode: {
+            control: string;
+            options: typeof FormMode;
+        };
+        size: {
+            control: string;
+            options: typeof FormSize;
+        };
+        name: {
+            control: string;
+        };
+        value: {
+            control: string;
+        };
+        required: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Large: Story;

package/components/Checkbox/index.d.ts

@@ -1,4 +1,3 @@
 import Checkbox from './Checkbox';
 export * from './Checkbox';
 export default Checkbox;
-//# sourceMappingURL=index.d.ts.map

package/components/Close/Close.d.ts

@@ -15,4 +15,3 @@ export interface CloseProps {
 }
 declare const Close: React.ForwardRefExoticComponent<CloseProps & React.RefAttributes<HTMLButtonElement>>;
 export default Close;
-//# sourceMappingURL=Close.d.ts.map

package/components/Close/Close.stories.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./Close").CloseProps & React.RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        ariaLabel: string;
+        testId: string;
+    };
+    argTypes: {
+        ariaLabel: {
+            control: string;
+        };
+        testId: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/components/Close/index.d.ts

@@ -1,4 +1,3 @@
 import Close from './Close';
 export * from './Close';
 export default Close;
-//# sourceMappingURL=index.d.ts.map

package/components/DictionaryTrigger/DictionaryTrigger.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface DictionaryTriggerProps extends Pick<React.InputHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur'> {
+export interface DictionaryTriggerProps extends Pick<React.InputHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur'> {
     /**
      * Sets the content of the trigger.
      */
@@ -19,4 +19,3 @@ interface DictionaryTriggerProps extends Pick<React.InputHTMLAttributes<HTMLButt
 }
 declare const DictionaryTrigger: React.ForwardRefExoticComponent<DictionaryTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 export default DictionaryTrigger;
-//# sourceMappingURL=DictionaryTrigger.d.ts.map

package/components/DictionaryTrigger/DictionaryTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DictionaryTrigger.js","sources":["../../../src/components/DictionaryTrigger/DictionaryTrigger.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\n\nimport styles from './styles.module.scss';\n\ninterface DictionaryTriggerProps extends Pick<React.InputHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur'> {\n  /**\n   * Sets the content of the trigger.\n   */\n  children: React.ReactNode;\n  /**\n   * Indicates that the trigger is in use.\n   */\n  selected?: boolean;\n  /**\n   * Classname will be applied to the button element.\n   */\n  className?: string;\n  /**\n   * Sets the data-testid attribute.\n   */\n  testId?: string;\n}\n\nconst DictionaryTrigger = React.forwardRef<HTMLButtonElement, DictionaryTriggerProps>(\n  ({ children, selected = false, className, testId, ...rest }, ref) => {\n    const triggerClasses = classNames(styles.dictionarytrigger, className);\n\n    return (\n      <button\n        type=\"button\"\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.DictionaryTrigger}\n        className={triggerClasses}\n        aria-expanded={selected}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nDictionaryTrigger.displayName = 'DictionaryTrigger';\n\nexport default DictionaryTrigger;\n"],"names":["DictionaryTrigger","React","children","selected","className","testId","rest","ref","triggerClasses","classNames","styles","AnalyticsId","DictionaryTrigger$1"],"mappings":";;;;AA2BA,MAAMA,IAAoBC,EAAM;AAAA,EAC9B,CAAC,EAAE,UAAAC,GAAU,UAAAC,IAAW,IAAO,WAAAC,GAAW,QAAAC,GAAQ,GAAGC,EAAK,GAAGC,MAAQ;AACnE,UAAMC,IAAiBC,EAAWC,EAAO,mBAAmBN,CAAS;AAGnE,WAAAH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,eAAaI;AAAA,QACb,oBAAkBM,EAAY;AAAA,QAC9B,WAAWH;AAAA,QACX,iBAAeL;AAAA,QACf,KAAAI;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,MAEHJ;AAAA,IAAA;AAAA,EAGP;AACF;AAEAF,EAAkB,cAAc;AAEhC,MAAAY,IAAeZ;"}
+{"version":3,"file":"DictionaryTrigger.js","sources":["../../../src/components/DictionaryTrigger/DictionaryTrigger.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\n\nimport styles from './styles.module.scss';\n\nexport interface DictionaryTriggerProps extends Pick<React.InputHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur'> {\n  /**\n   * Sets the content of the trigger.\n   */\n  children: React.ReactNode;\n  /**\n   * Indicates that the trigger is in use.\n   */\n  selected?: boolean;\n  /**\n   * Classname will be applied to the button element.\n   */\n  className?: string;\n  /**\n   * Sets the data-testid attribute.\n   */\n  testId?: string;\n}\n\nconst DictionaryTrigger = React.forwardRef<HTMLButtonElement, DictionaryTriggerProps>(\n  ({ children, selected = false, className, testId, ...rest }, ref) => {\n    const triggerClasses = classNames(styles.dictionarytrigger, className);\n\n    return (\n      <button\n        type=\"button\"\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.DictionaryTrigger}\n        className={triggerClasses}\n        aria-expanded={selected}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nDictionaryTrigger.displayName = 'DictionaryTrigger';\n\nexport default DictionaryTrigger;\n"],"names":["DictionaryTrigger","React","children","selected","className","testId","rest","ref","triggerClasses","classNames","styles","AnalyticsId","DictionaryTrigger$1"],"mappings":";;;;AA2BA,MAAMA,IAAoBC,EAAM;AAAA,EAC9B,CAAC,EAAE,UAAAC,GAAU,UAAAC,IAAW,IAAO,WAAAC,GAAW,QAAAC,GAAQ,GAAGC,EAAK,GAAGC,MAAQ;AACnE,UAAMC,IAAiBC,EAAWC,EAAO,mBAAmBN,CAAS;AAGnE,WAAAH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,eAAaI;AAAA,QACb,oBAAkBM,EAAY;AAAA,QAC9B,WAAWH;AAAA,QACX,iBAAeL;AAAA,QACf,KAAAI;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,MAEHJ;AAAA,IAAA;AAAA,EAGP;AACF;AAEAF,EAAkB,cAAc;AAEhC,MAAAY,IAAeZ;"}

package/components/DictionaryTrigger/DictionaryTrigger.stories.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./DictionaryTrigger").DictionaryTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        children: string;
+        selected: false;
+    };
+    argTypes: {
+        children: {
+            control: string;
+        };
+        selected: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NextToText: Story;

package/components/DictionaryTrigger/index.d.ts

@@ -1,4 +1,3 @@
 import DictionaryTrigger from './DictionaryTrigger';
 export * from './DictionaryTrigger';
 export default DictionaryTrigger;
-//# sourceMappingURL=index.d.ts.map

package/components/Dropdown/Dropdown.d.ts

@@ -33,4 +33,3 @@ export interface DropdownProps {
 }
 declare const Dropdown: React.FC<DropdownProps>;
 export default Dropdown;
-//# sourceMappingURL=Dropdown.d.ts.map

package/components/Dropdown/Dropdown.stories.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+import { DropdownMode } from './Dropdown';
+declare const meta: {
+    title: string;
+    component: React.FC<import("./Dropdown").DropdownProps>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        label: string;
+        children: string;
+        placeholder: string;
+        closeText: string;
+        open: false;
+        mode: DropdownMode.onwhite;
+        transparent: false;
+        fluid: false;
+        noCloseButton: false;
+        disabled: false;
+    };
+    argTypes: {
+        label: {
+            control: string;
+        };
+        placeholder: {
+            control: string;
+        };
+        closeText: {
+            control: string;
+        };
+        open: {
+            control: string;
+        };
+        mode: {
+            control: string;
+            options: typeof DropdownMode;
+        };
+        transparent: {
+            control: string;
+        };
+        fluid: {
+            control: string;
+        };
+        noCloseButton: {
+            control: string;
+        };
+        disabled: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const RadioButtonChildren: Story;
+export declare const CheckboxChildren: Story;
+export declare const CustomContent: Story;
+export declare const EksternChildrenRefs: Story;

package/components/Dropdown/index.d.ts

@@ -1,4 +1,3 @@
 import Dropdown from './Dropdown';
 export * from './Dropdown';
 export default Dropdown;
-//# sourceMappingURL=index.d.ts.map

package/components/Duolist/Duolist.d.ts

@@ -4,13 +4,13 @@ export type DuolistVariants = 'normal' | 'line';
 export type BoldColumn = 'first' | 'second' | 'none';
 export type Border = 'no-border' | 'border';
 export type Formats = 'formatted' | 'non-formatted';
-interface DuolistProps {
+export interface DuolistProps {
     /** Determines which column is bold */
     boldColumn?: BoldColumn;
     /** Label of the Duolist */
     border?: Border;
     /** Label of the Duolist */
-    label?: TitleProps;
+    label?: React.ReactElement<TitleProps>;
     /** Formatted or non-formatted visual variants */
     format?: Formats;
     /** Character separator for non-formatted format */
@@ -26,7 +26,7 @@ interface DuolistProps {
     /** Width of the description column in percentage */
     descriptionWidth?: number;
 }
-interface DuolistGroupProps {
+export interface DuolistGroupProps {
     /** Determines which column is bold */
     boldColumn?: BoldColumn;
     /** Sets content of the <dd> tag. */
@@ -41,4 +41,3 @@ interface DuolistGroupProps {
 export declare const DuolistGroup: React.FC<DuolistGroupProps>;
 export declare const Duolist: React.FC<DuolistProps>;
 export default Duolist;
-//# sourceMappingURL=Duolist.d.ts.map

package/components/Duolist/Duolist.js

@@ -4,17 +4,17 @@ import { AnalyticsId as F } from "../../constants.js";
 import x from "../Spacer/Spacer.js";
 import o from "./styles.module.scss";
 const D = (c) => {
-  const { format: n = "formatted", boldColumn: a = n === "non-formatted" ? "none" : "first", description: d, separator: r = ": ", term: l } = c, p = a === "first", f = a === "second", e = n === "non-formatted", _ = u(o.duolist__dt, {
+  const { format: s = "formatted", boldColumn: a = s === "non-formatted" ? "none" : "first", description: d, separator: r = ": ", term: l } = c, p = a === "first", f = a === "second", e = s === "non-formatted", _ = u(o.duolist__dt, {
     [o["duolist__dt--bold"]]: p,
     [o["duolist__dt--non-formatted"]]: e
   }), C = u(o.duolist__dd, {
     [o["duolist__dd--bold"]]: f,
     [o["duolist__dd--non-formatted"]]: e
-  }), s = () => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("dt", { "data-separator": e ? r : void 0, className: _ }, l), /* @__PURE__ */ t.createElement("dd", { className: C }, d));
-  return e ? /* @__PURE__ */ t.createElement("div", null, s()) : /* @__PURE__ */ t.createElement(t.Fragment, null, s());
-}, w = (c) => {
+  }), n = () => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("dt", { "data-separator": e ? r : void 0, className: _ }, l), /* @__PURE__ */ t.createElement("dd", { className: C }, d));
+  return e ? /* @__PURE__ */ t.createElement("div", null, n()) : /* @__PURE__ */ t.createElement(t.Fragment, null, n());
+}, B = (c) => {
   const {
-    boldColumn: n,
+    boldColumn: s,
     border: a = "no-border",
     descriptionWidth: d,
     label: r,
@@ -24,10 +24,9 @@ const D = (c) => {
     children: e,
     className: _,
     testId: C
-  } = c, s = a === "border", b = f === "line", N = s && (r || b), E = l === "non-formatted", y = u(
-    o["duolist-wrapper"],
+  } = c, n = a === "border", b = f === "line", N = n && (r || b), E = l === "non-formatted", y = u(
     {
-      [o["duolist-wrapper--border"]]: s,
+      [o["duolist-wrapper--border"]]: n,
       [o["duolist-wrapper--extra-padding-top"]]: N
     },
     _
@@ -41,14 +40,14 @@ const D = (c) => {
     const i = m;
     if (i.type === D)
       return t.cloneElement(m, {
-        boldColumn: i.props.boldColumn ?? n,
+        boldColumn: i.props.boldColumn ?? s,
         format: i.props.format ?? l,
         separator: i.props.separator ?? p
       });
   })));
-}, T = w;
+}, T = B;
 export {
-  w as Duolist,
+  B as Duolist,
   D as DuolistGroup,
   T as default
 };

package/components/Duolist/Duolist.js.map

@@ -1 +1 @@
-{"version":3,"file":"Duolist.js","sources":["../../../src/components/Duolist/Duolist.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport Spacer from '../Spacer';\nimport { TitleProps } from '../Title';\n\nimport duolistStyles from './styles.module.scss';\n\nexport type DuolistVariants = 'normal' | 'line';\nexport type BoldColumn = 'first' | 'second' | 'none';\nexport type Border = 'no-border' | 'border';\nexport type Formats = 'formatted' | 'non-formatted';\n\ninterface DuolistProps {\n  /** Determines which column is bold */\n  boldColumn?: BoldColumn;\n  /** Label of the Duolist */\n  border?: Border;\n  /** Label of the Duolist */\n  label?: TitleProps;\n  /** Formatted or non-formatted visual variants */\n  format?: Formats;\n  /** Character separator for non-formatted format */\n  separator?: string;\n  /** Sets the visual variant of the Duolist. */\n  variant?: DuolistVariants;\n  /** Sets the content of the Duolist. */\n  children: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Width of the description column in percentage */\n  descriptionWidth?: number;\n}\n\ninterface DuolistGroupProps {\n  /** Determines which column is bold */\n  boldColumn?: BoldColumn;\n  /** Sets content of the <dd> tag. */\n  description: React.ReactNode;\n  /** Formatted or non-formatted visual variants */\n  format?: Formats;\n  /** Character separator for non-formatted format */\n  separator?: string;\n  /** Sets content of the <dt> tag. */\n  term: React.ReactNode;\n}\n\nexport const DuolistGroup: React.FC<DuolistGroupProps> = props => {\n  const { format = 'formatted', boldColumn = format === 'non-formatted' ? 'none' : 'first', description, separator = ': ', term } = props;\n\n  const firstBold = boldColumn === 'first';\n  const secondBold = boldColumn === 'second';\n  const nonFormatted = format === 'non-formatted';\n\n  const dtClassNames = classNames(duolistStyles['duolist__dt'], {\n    [duolistStyles['duolist__dt--bold']]: firstBold,\n    [duolistStyles['duolist__dt--non-formatted']]: nonFormatted,\n  });\n  const ddClassNames = classNames(duolistStyles['duolist__dd'], {\n    [duolistStyles['duolist__dd--bold']]: secondBold,\n    [duolistStyles['duolist__dd--non-formatted']]: nonFormatted,\n  });\n\n  const renderContent = () => {\n    return (\n      <>\n        <dt data-separator={nonFormatted ? separator : undefined} className={dtClassNames}>\n          {term}\n        </dt>\n        <dd className={ddClassNames}>{description}</dd>\n      </>\n    );\n  };\n\n  return nonFormatted ? <div>{renderContent()}</div> : <>{renderContent()}</>;\n};\n\nexport const Duolist: React.FC<DuolistProps> = props => {\n  const {\n    boldColumn,\n    border = 'no-border',\n    descriptionWidth,\n    label,\n    format = 'formatted',\n    separator,\n    variant = 'normal',\n    children,\n    className,\n    testId,\n  } = props;\n\n  const hasBorder = border === 'border';\n  const hasLines = variant === 'line';\n  const extraPaddingTop = hasBorder && (label || hasLines);\n  const nonFormatted = format === 'non-formatted';\n\n  const duolistWrapperClasses = classNames(\n    duolistStyles['duolist-wrapper'],\n    {\n      [duolistStyles['duolist-wrapper--border']]: hasBorder,\n      [duolistStyles['duolist-wrapper--extra-padding-top']]: extraPaddingTop,\n    },\n    className\n  );\n\n  const duolistClasses = classNames(duolistStyles.duolist, {\n    [duolistStyles['duolist--line']]: hasLines,\n    [duolistStyles['duolist--non-formatted']]: nonFormatted,\n  });\n  const duolistColumnStyle = descriptionWidth ? descriptionWidth + '%' : 'minmax(60%, 1fr)';\n\n  return (\n    <div className={duolistWrapperClasses} data-testid={testId} data-analyticsid={AnalyticsId.Duolist}>\n      {label && (\n        <>\n          {label}\n          <Spacer />\n        </>\n      )}\n      <dl style={!nonFormatted ? { gridTemplateColumns: `auto ${duolistColumnStyle}` } : undefined} className={duolistClasses}>\n        {React.Children.map(children, (child: React.ReactNode | React.ReactElement<DuolistGroupProps>) => {\n          if (child === null || typeof child === 'undefined') return;\n          const duolistGroup = child as React.ReactElement<DuolistGroupProps>;\n          if (duolistGroup.type === DuolistGroup) {\n            return React.cloneElement(child as React.ReactElement<DuolistGroupProps>, {\n              boldColumn: duolistGroup.props.boldColumn ?? boldColumn,\n              format: duolistGroup.props.format ?? format,\n              separator: duolistGroup.props.separator ?? separator,\n            });\n          }\n        })}\n      </dl>\n    </div>\n  );\n};\n\nexport default Duolist;\n"],"names":["DuolistGroup","props","format","boldColumn","description","separator","term","firstBold","secondBold","nonFormatted","dtClassNames","classNames","duolistStyles","ddClassNames","renderContent","React","Duolist","border","descriptionWidth","label","variant","children","className","testId","hasBorder","hasLines","extraPaddingTop","duolistWrapperClasses","duolistClasses","duolistColumnStyle","AnalyticsId","Spacer","child","duolistGroup","Duolist$1"],"mappings":";;;;;AAmDO,MAAMA,IAA4C,CAASC,MAAA;AAChE,QAAM,EAAE,QAAAC,IAAS,aAAa,YAAAC,IAAaD,MAAW,kBAAkB,SAAS,SAAS,aAAAE,GAAa,WAAAC,IAAY,MAAM,MAAAC,EAAA,IAASL,GAE5HM,IAAYJ,MAAe,SAC3BK,IAAaL,MAAe,UAC5BM,IAAeP,MAAW,iBAE1BQ,IAAeC,EAAWC,EAAc,aAAgB;AAAA,IAC5D,CAACA,EAAc,mBAAmB,CAAC,GAAGL;AAAA,IACtC,CAACK,EAAc,4BAA4B,CAAC,GAAGH;AAAA,EAAA,CAChD,GACKI,IAAeF,EAAWC,EAAc,aAAgB;AAAA,IAC5D,CAACA,EAAc,mBAAmB,CAAC,GAAGJ;AAAA,IACtC,CAACI,EAAc,4BAA4B,CAAC,GAAGH;AAAA,EAAA,CAChD,GAEKK,IAAgB,wDAGfC,gBAAAA,EAAA,cAAA,MAAA,EAAG,kBAAgBN,IAAeJ,IAAY,QAAW,WAAWK,EAClE,GAAAJ,CACH,GACCS,gBAAAA,EAAA,cAAA,MAAA,EAAG,WAAWF,KAAeT,CAAY,CAC5C;AAIG,SAAAK,oCAAgB,OAAK,MAAAK,EAAgB,CAAA,IAASC,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAGD,EAAgB,CAAA;AAC1E,GAEaE,IAAkC,CAASf,MAAA;AAChD,QAAA;AAAA,IACJ,YAAAE;AAAA,IACA,QAAAc,IAAS;AAAA,IACT,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAjB,IAAS;AAAA,IACT,WAAAG;AAAA,IACA,SAAAe,IAAU;AAAA,IACV,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAtB,GAEEuB,IAAYP,MAAW,UACvBQ,IAAWL,MAAY,QACvBM,IAAkBF,MAAcL,KAASM,IACzChB,IAAeP,MAAW,iBAE1ByB,IAAwBhB;AAAA,IAC5BC,EAAc,iBAAiB;AAAA,IAC/B;AAAA,MACE,CAACA,EAAc,yBAAyB,CAAC,GAAGY;AAAA,MAC5C,CAACZ,EAAc,oCAAoC,CAAC,GAAGc;AAAA,IACzD;AAAA,IACAJ;AAAA,EAAA,GAGIM,IAAiBjB,EAAWC,EAAc,SAAS;AAAA,IACvD,CAACA,EAAc,eAAe,CAAC,GAAGa;AAAA,IAClC,CAACb,EAAc,wBAAwB,CAAC,GAAGH;AAAA,EAAA,CAC5C,GACKoB,IAAqBX,IAAmBA,IAAmB,MAAM;AAEvE,SACGH,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWY,GAAuB,eAAaJ,GAAQ,oBAAkBO,EAAY,QAAA,GACvFX,KAEIJ,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAI,GACAJ,gBAAAA,EAAA,cAAAgB,GAAA,IAAO,CACV,GAEFhB,gBAAAA,EAAA,cAAC,MAAG,EAAA,OAAQN,IAAuE,SAAxD,EAAE,qBAAqB,QAAQoB,CAAkB,GAAG,GAAe,WAAWD,KACtGb,EAAM,SAAS,IAAIM,GAAU,CAACW,MAAmE;AAC5F,QAAAA,MAAU,QAAQ,OAAOA,IAAU;AAAa;AACpD,UAAMC,IAAeD;AACjB,QAAAC,EAAa,SAASjC;AACjB,aAAAe,EAAM,aAAaiB,GAAgD;AAAA,QACxE,YAAYC,EAAa,MAAM,cAAc9B;AAAA,QAC7C,QAAQ8B,EAAa,MAAM,UAAU/B;AAAA,QACrC,WAAW+B,EAAa,MAAM,aAAa5B;AAAA,MAAA,CAC5C;AAAA,EAEJ,CAAA,CACH,CACF;AAEJ,GAEA6B,IAAelB;"}
+{"version":3,"file":"Duolist.js","sources":["../../../src/components/Duolist/Duolist.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport Spacer from '../Spacer';\nimport { TitleProps } from '../Title';\n\nimport duolistStyles from './styles.module.scss';\n\nexport type DuolistVariants = 'normal' | 'line';\nexport type BoldColumn = 'first' | 'second' | 'none';\nexport type Border = 'no-border' | 'border';\nexport type Formats = 'formatted' | 'non-formatted';\n\nexport interface DuolistProps {\n  /** Determines which column is bold */\n  boldColumn?: BoldColumn;\n  /** Label of the Duolist */\n  border?: Border;\n  /** Label of the Duolist */\n  label?: React.ReactElement<TitleProps>;\n  /** Formatted or non-formatted visual variants */\n  format?: Formats;\n  /** Character separator for non-formatted format */\n  separator?: string;\n  /** Sets the visual variant of the Duolist. */\n  variant?: DuolistVariants;\n  /** Sets the content of the Duolist. */\n  children: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Width of the description column in percentage */\n  descriptionWidth?: number;\n}\n\nexport interface DuolistGroupProps {\n  /** Determines which column is bold */\n  boldColumn?: BoldColumn;\n  /** Sets content of the <dd> tag. */\n  description: React.ReactNode;\n  /** Formatted or non-formatted visual variants */\n  format?: Formats;\n  /** Character separator for non-formatted format */\n  separator?: string;\n  /** Sets content of the <dt> tag. */\n  term: React.ReactNode;\n}\n\nexport const DuolistGroup: React.FC<DuolistGroupProps> = props => {\n  const { format = 'formatted', boldColumn = format === 'non-formatted' ? 'none' : 'first', description, separator = ': ', term } = props;\n\n  const firstBold = boldColumn === 'first';\n  const secondBold = boldColumn === 'second';\n  const nonFormatted = format === 'non-formatted';\n\n  const dtClassNames = classNames(duolistStyles['duolist__dt'], {\n    [duolistStyles['duolist__dt--bold']]: firstBold,\n    [duolistStyles['duolist__dt--non-formatted']]: nonFormatted,\n  });\n  const ddClassNames = classNames(duolistStyles['duolist__dd'], {\n    [duolistStyles['duolist__dd--bold']]: secondBold,\n    [duolistStyles['duolist__dd--non-formatted']]: nonFormatted,\n  });\n\n  const renderContent = () => {\n    return (\n      <>\n        <dt data-separator={nonFormatted ? separator : undefined} className={dtClassNames}>\n          {term}\n        </dt>\n        <dd className={ddClassNames}>{description}</dd>\n      </>\n    );\n  };\n\n  return nonFormatted ? <div>{renderContent()}</div> : <>{renderContent()}</>;\n};\n\nexport const Duolist: React.FC<DuolistProps> = props => {\n  const {\n    boldColumn,\n    border = 'no-border',\n    descriptionWidth,\n    label,\n    format = 'formatted',\n    separator,\n    variant = 'normal',\n    children,\n    className,\n    testId,\n  } = props;\n\n  const hasBorder = border === 'border';\n  const hasLines = variant === 'line';\n  const extraPaddingTop = hasBorder && (label || hasLines);\n  const nonFormatted = format === 'non-formatted';\n\n  const duolistWrapperClasses = classNames(\n    {\n      [duolistStyles['duolist-wrapper--border']]: hasBorder,\n      [duolistStyles['duolist-wrapper--extra-padding-top']]: extraPaddingTop,\n    },\n    className\n  );\n\n  const duolistClasses = classNames(duolistStyles.duolist, {\n    [duolistStyles['duolist--line']]: hasLines,\n    [duolistStyles['duolist--non-formatted']]: nonFormatted,\n  });\n  const duolistColumnStyle = descriptionWidth ? descriptionWidth + '%' : 'minmax(60%, 1fr)';\n\n  return (\n    <div className={duolistWrapperClasses} data-testid={testId} data-analyticsid={AnalyticsId.Duolist}>\n      {label && (\n        <>\n          {label}\n          <Spacer />\n        </>\n      )}\n      <dl style={!nonFormatted ? { gridTemplateColumns: `auto ${duolistColumnStyle}` } : undefined} className={duolistClasses}>\n        {React.Children.map(children, (child: React.ReactNode | React.ReactElement<DuolistGroupProps>) => {\n          if (child === null || typeof child === 'undefined') return;\n          const duolistGroup = child as React.ReactElement<DuolistGroupProps>;\n          if (duolistGroup.type === DuolistGroup) {\n            return React.cloneElement(child as React.ReactElement<DuolistGroupProps>, {\n              boldColumn: duolistGroup.props.boldColumn ?? boldColumn,\n              format: duolistGroup.props.format ?? format,\n              separator: duolistGroup.props.separator ?? separator,\n            });\n          }\n        })}\n      </dl>\n    </div>\n  );\n};\n\nexport default Duolist;\n"],"names":["DuolistGroup","props","format","boldColumn","description","separator","term","firstBold","secondBold","nonFormatted","dtClassNames","classNames","duolistStyles","ddClassNames","renderContent","React","Duolist","border","descriptionWidth","label","variant","children","className","testId","hasBorder","hasLines","extraPaddingTop","duolistWrapperClasses","duolistClasses","duolistColumnStyle","AnalyticsId","Spacer","child","duolistGroup","Duolist$1"],"mappings":";;;;;AAmDO,MAAMA,IAA4C,CAASC,MAAA;AAChE,QAAM,EAAE,QAAAC,IAAS,aAAa,YAAAC,IAAaD,MAAW,kBAAkB,SAAS,SAAS,aAAAE,GAAa,WAAAC,IAAY,MAAM,MAAAC,EAAA,IAASL,GAE5HM,IAAYJ,MAAe,SAC3BK,IAAaL,MAAe,UAC5BM,IAAeP,MAAW,iBAE1BQ,IAAeC,EAAWC,EAAc,aAAgB;AAAA,IAC5D,CAACA,EAAc,mBAAmB,CAAC,GAAGL;AAAA,IACtC,CAACK,EAAc,4BAA4B,CAAC,GAAGH;AAAA,EAAA,CAChD,GACKI,IAAeF,EAAWC,EAAc,aAAgB;AAAA,IAC5D,CAACA,EAAc,mBAAmB,CAAC,GAAGJ;AAAA,IACtC,CAACI,EAAc,4BAA4B,CAAC,GAAGH;AAAA,EAAA,CAChD,GAEKK,IAAgB,wDAGfC,gBAAAA,EAAA,cAAA,MAAA,EAAG,kBAAgBN,IAAeJ,IAAY,QAAW,WAAWK,EAClE,GAAAJ,CACH,GACCS,gBAAAA,EAAA,cAAA,MAAA,EAAG,WAAWF,KAAeT,CAAY,CAC5C;AAIG,SAAAK,oCAAgB,OAAK,MAAAK,EAAgB,CAAA,IAASC,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAGD,EAAgB,CAAA;AAC1E,GAEaE,IAAkC,CAASf,MAAA;AAChD,QAAA;AAAA,IACJ,YAAAE;AAAA,IACA,QAAAc,IAAS;AAAA,IACT,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAjB,IAAS;AAAA,IACT,WAAAG;AAAA,IACA,SAAAe,IAAU;AAAA,IACV,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAtB,GAEEuB,IAAYP,MAAW,UACvBQ,IAAWL,MAAY,QACvBM,IAAkBF,MAAcL,KAASM,IACzChB,IAAeP,MAAW,iBAE1ByB,IAAwBhB;AAAA,IAC5B;AAAA,MACE,CAACC,EAAc,yBAAyB,CAAC,GAAGY;AAAA,MAC5C,CAACZ,EAAc,oCAAoC,CAAC,GAAGc;AAAA,IACzD;AAAA,IACAJ;AAAA,EAAA,GAGIM,IAAiBjB,EAAWC,EAAc,SAAS;AAAA,IACvD,CAACA,EAAc,eAAe,CAAC,GAAGa;AAAA,IAClC,CAACb,EAAc,wBAAwB,CAAC,GAAGH;AAAA,EAAA,CAC5C,GACKoB,IAAqBX,IAAmBA,IAAmB,MAAM;AAEvE,SACGH,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWY,GAAuB,eAAaJ,GAAQ,oBAAkBO,EAAY,QAAA,GACvFX,KAEIJ,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAI,GACAJ,gBAAAA,EAAA,cAAAgB,GAAA,IAAO,CACV,GAEFhB,gBAAAA,EAAA,cAAC,MAAG,EAAA,OAAQN,IAAuE,SAAxD,EAAE,qBAAqB,QAAQoB,CAAkB,GAAG,GAAe,WAAWD,KACtGb,EAAM,SAAS,IAAIM,GAAU,CAACW,MAAmE;AAC5F,QAAAA,MAAU,QAAQ,OAAOA,IAAU;AAAa;AACpD,UAAMC,IAAeD;AACjB,QAAAC,EAAa,SAASjC;AACjB,aAAAe,EAAM,aAAaiB,GAAgD;AAAA,QACxE,YAAYC,EAAa,MAAM,cAAc9B;AAAA,QAC7C,QAAQ8B,EAAa,MAAM,UAAU/B;AAAA,QACrC,WAAW+B,EAAa,MAAM,aAAa5B;AAAA,MAAA,CAC5C;AAAA,EAEJ,CAAA,CACH,CACF;AAEJ,GAEA6B,IAAelB;"}

package/components/Duolist/Duolist.stories.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<import("./Duolist").DuolistProps>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        children: string;
+    };
+    argTypes: {
+        descriptionWidth: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const DescriptionWithLink: Story;
+export declare const WithLabel: Story;
+export declare const WithLines: Story;
+export declare const WithBorder: Story;
+export declare const BoldColumn: Story;
+export declare const DescriptionWidth: Story;
+export declare const NonFormatted: Story;

package/components/Duolist/index.d.ts

@@ -1,4 +1,3 @@
 import Duolist from './Duolist';
 export * from './Duolist';
 export default Duolist;
-//# sourceMappingURL=index.d.ts.map

package/components/EmptyState/EmptyState.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TitleTags } from '../Title';
-interface EmptyStateProps {
+export interface EmptyStateProps {
     /** Text content */
     children: React.ReactNode;
     /** Markup props for title. Default: h2 */
@@ -10,4 +10,3 @@ interface EmptyStateProps {
 }
 declare const EmptyState: React.FC<EmptyStateProps>;
 export default EmptyState;
-//# sourceMappingURL=EmptyState.d.ts.map

package/components/EmptyState/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React from 'react';\n\nimport NobodyHome from './NobodyHome';\nimport { AnalyticsId } from '../../constants';\nimport Title, { TitleTags } from '../Title';\n\nimport styles from './styles.module.scss';\n\ninterface EmptyStateProps {\n  /** Text content */\n  children: React.ReactNode;\n  /** Markup props for title. Default: h2 */\n  titleHtmlMarkup?: TitleTags;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst EmptyState: React.FC<EmptyStateProps> = props => (\n  <div className={styles.emptystate} data-testid={props.testId} data-analyticsid={AnalyticsId.EmptyState}>\n    <NobodyHome />\n    <Title appearance={'title3'} htmlMarkup={props.titleHtmlMarkup || 'h2'}>\n      {props.children}\n    </Title>\n  </div>\n);\n\nexport default EmptyState;\n"],"names":["EmptyState","props","React","styles","AnalyticsId","NobodyHome","Title","EmptyState$1"],"mappings":";;;;;AAiBA,MAAMA,IAAwC,CAC5CC,MAAAC,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAWC,EAAO,YAAY,eAAaF,EAAM,QAAQ,oBAAkBG,EAAY,8CACzFC,GAAW,IAAA,GACXH,gBAAAA,EAAA,cAAAI,GAAA,EAAM,YAAY,UAAU,YAAYL,EAAM,mBAAmB,KAAA,GAC/DA,EAAM,QACT,CACF,GAGFM,IAAeP;"}
+{"version":3,"file":"EmptyState.js","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React from 'react';\n\nimport NobodyHome from './NobodyHome';\nimport { AnalyticsId } from '../../constants';\nimport Title, { TitleTags } from '../Title';\n\nimport styles from './styles.module.scss';\n\nexport interface EmptyStateProps {\n  /** Text content */\n  children: React.ReactNode;\n  /** Markup props for title. Default: h2 */\n  titleHtmlMarkup?: TitleTags;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst EmptyState: React.FC<EmptyStateProps> = props => (\n  <div className={styles.emptystate} data-testid={props.testId} data-analyticsid={AnalyticsId.EmptyState}>\n    <NobodyHome />\n    <Title appearance={'title3'} htmlMarkup={props.titleHtmlMarkup || 'h2'}>\n      {props.children}\n    </Title>\n  </div>\n);\n\nexport default EmptyState;\n"],"names":["EmptyState","props","React","styles","AnalyticsId","NobodyHome","Title","EmptyState$1"],"mappings":";;;;;AAiBA,MAAMA,IAAwC,CAC5CC,MAAAC,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAWC,EAAO,YAAY,eAAaF,EAAM,QAAQ,oBAAkBG,EAAY,8CACzFC,GAAW,IAAA,GACXH,gBAAAA,EAAA,cAAAI,GAAA,EAAM,YAAY,UAAU,YAAYL,EAAM,mBAAmB,KAAA,GAC/DA,EAAM,QACT,CACF,GAGFM,IAAeP;"}

package/components/EmptyState/EmptyState.stories.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<import("./EmptyState").EmptyStateProps>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        children: string;
+    };
+    argTypes: {
+        children: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithAnchorLink: Story;

package/components/EmptyState/NobodyHome.d.ts

@@ -1,4 +1,3 @@
 import * as React from 'react';
 declare const NobodyHome: () => React.JSX.Element;
 export default NobodyHome;
-//# sourceMappingURL=NobodyHome.d.ts.map

package/components/EmptyState/index.d.ts

@@ -1,4 +1,3 @@
 import EmptyState from './EmptyState';
 export * from './EmptyState';
 export default EmptyState;
-//# sourceMappingURL=index.d.ts.map

package/components/ErrorWrapper/ErrorWrapper.d.ts

@@ -11,4 +11,3 @@ export interface ErrorWrapperProps {
 }
 export declare const ErrorWrapper: React.FC<ErrorWrapperProps>;
 export default ErrorWrapper;
-//# sourceMappingURL=ErrorWrapper.d.ts.map

package/components/ErrorWrapper/index.d.ts

@@ -1,4 +1,3 @@
 import ErrorWrapper from './ErrorWrapper';
 export * from './ErrorWrapper';
 export default ErrorWrapper;
-//# sourceMappingURL=index.d.ts.map

package/components/Expander/Expander.d.ts

@@ -7,7 +7,7 @@ export declare enum ExpanderSize {
     large = "large"
 }
 export type ExpanderColors = Extract<PaletteNames, 'banana' | 'blueberry' | 'cherry' | 'kiwi' | 'neutral' | 'plum' | 'white'>;
-interface ExpanderProps {
+export interface ExpanderProps {
     /** Sets the trigger title */
     title: string;
     /** Sets the expanded content */
@@ -33,4 +33,3 @@ interface ExpanderProps {
 }
 declare const Expander: React.FC<ExpanderProps>;
 export default Expander;
-//# sourceMappingURL=Expander.d.ts.map