@entur/chip 0.6.13 → 0.6.14

package/dist/chip.cjs.development.js

@@ -18,32 +18,26 @@ function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
@@ -51,24 +45,21 @@ var ChoiceChipGroupContext = /*#__PURE__*/React__default["default"].createContex
 var ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;
 var useChoiceChipGroupContext = function useChoiceChipGroupContext() {
   var context = React__default["default"].useContext(ChoiceChipGroupContext);
-
   if (!context) {
     throw new Error('You need to wrap your ChoiceChips in a ChoiceChipGroup-component');
   }
-
   return context;
 };
 
 var _excluded$4 = ["className", "children", "value", "disabled", "style"];
 var ChoiceChip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      value = _ref.value,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-
+    children = _ref.children,
+    value = _ref.value,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    style = _ref.style,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   var childrenArray = React__default["default"].Children.toArray(children);
   var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
   var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
@@ -77,12 +68,10 @@ var ChoiceChip = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     'eds-chip--leading-icon': hasLeadingIcon,
     'eds-chip--trailing-icon': hasTrailingIcon
   });
-
   var _useChoiceChipGroupCo = useChoiceChipGroupContext(),
-      name = _useChoiceChipGroupCo.name,
-      selectedValue = _useChoiceChipGroupCo.value,
-      onChange = _useChoiceChipGroupCo.onChange;
-
+    name = _useChoiceChipGroupCo.name,
+    selectedValue = _useChoiceChipGroupCo.value,
+    onChange = _useChoiceChipGroupCo.onChange;
   return React__default["default"].createElement("label", {
     className: "eds-choice-chip",
     style: style
@@ -103,21 +92,18 @@ var ChoiceChip = /*#__PURE__*/React__default["default"].forwardRef(function (_re
 var _excluded$3 = ["children", "className", "loading"];
 var ActionChip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      className = _ref.className,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-
+    className = _ref.className,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var childrenArray = React__default["default"].Children.toArray(children);
   var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
   var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
-
   var ariaLabelValue = function ariaLabelValue() {
     if (rest['aria-label']) return rest['aria-label'];
     if (loading) return ariaLabelWhenLoading;
     return undefined;
   };
-
   var ariaLabelWhenLoading = childrenArray.filter(function (child) {
     return typeof child === 'string';
   }).join(' ');
@@ -134,24 +120,21 @@ var ActionChip = /*#__PURE__*/React__default["default"].forwardRef(function (_re
   }, rest), loading ? React__default["default"].createElement(loader.LoadingDots, {
     className: "eds-action-chip__loading-dots"
   }) : children);
-
   if (rest.disabled) {
     return React__default["default"].createElement("div", {
       className: "eds-action-chip--disabled__wrapper"
     }, actionChip);
   }
-
   return React__default["default"].createElement(React__default["default"].Fragment, null, actionChip);
 });
 
 var _excluded$2 = ["children", "className", "onClose", "closeButtonAriaLabel"];
 var TagChip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      className = _ref.className,
-      onClose = _ref.onClose,
-      closeButtonAriaLabel = _ref.closeButtonAriaLabel,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+    className = _ref.className,
+    onClose = _ref.onClose,
+    closeButtonAriaLabel = _ref.closeButtonAriaLabel,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var selectedCloseLabel = closeButtonAriaLabel != null ? closeButtonAriaLabel : 'Fjern ' + (children == null ? void 0 : children.toString());
   return React__default["default"].createElement("div", _extends({
     className: classNames__default["default"]('eds-chip', 'eds-tag-chip', className)
@@ -167,14 +150,13 @@ var TagChip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
 var _excluded$1 = ["className", "children", "value", "disabled", "name", "style"];
 var FilterChip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      value = _ref.value,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      name = _ref.name,
-      style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    children = _ref.children,
+    value = _ref.value,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    name = _ref.name,
+    style = _ref.style,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var classList = classNames__default["default"](className, 'eds-chip', 'eds-filter-chip');
   return React__default["default"].createElement("label", {
     className: classList,
@@ -190,7 +172,6 @@ var FilterChip = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     className: "eds-filter-chip__icon"
   }, React__default["default"].createElement(CheckboxIcon, null)), children);
 });
-
 var CheckboxIcon = function CheckboxIcon() {
   return React__default["default"].createElement("svg", {
     className: "eds-filter-chip-icon",
@@ -207,12 +188,11 @@ var CheckboxIcon = function CheckboxIcon() {
 var _excluded = ["name", "value", "children", "onChange", "label"];
 var ChoiceChipGroup = function ChoiceChipGroup(_ref) {
   var name = _ref.name,
-      value = _ref.value,
-      children = _ref.children,
-      onChange = _ref.onChange,
-      label = _ref.label,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    value = _ref.value,
+    children = _ref.children,
+    onChange = _ref.onChange,
+    label = _ref.label,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var contextValue = React__default["default"].useMemo(function () {
     return {
       name: name,

package/dist/chip.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.cjs.development.js","sources":["../src/ChoiceChipGroupContext.tsx","../src/ChoiceChip.tsx","../src/ActionChip.tsx","../src/TagChip.tsx","../src/FilterChip.tsx","../src/ChoiceChipGroup.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\n\ntype ChoiceChipGroupContextProps = {\n  name: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string | null;\n};\n\nconst ChoiceChipGroupContext =\n  React.createContext<ChoiceChipGroupContextProps | null>(null);\n\nexport const ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;\n\nexport const useChoiceChipGroupContext: () => ChoiceChipGroupContextProps =\n  () => {\n    const context = React.useContext(ChoiceChipGroupContext);\n    if (!context) {\n      throw new Error(\n        'You need to wrap your ChoiceChips in a ChoiceChipGroup-component',\n      );\n    }\n    return context;\n  };\n","import React from 'react';\nimport cx from 'classnames';\nimport { useChoiceChipGroupContext } from './ChoiceChipGroupContext';\nimport './BaseChip.scss';\nimport './ChoiceChip.scss';\n\nexport type ChoiceChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om Choicechip er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** Label til ChoiceChip */\n  children?: React.ReactNode;\n  /** Verdien til ChoiceChip */\n  value: string;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    { className, children, value, disabled = false, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const classList = cx(className, 'eds-chip', {\n      'eds-chip--disabled': disabled,\n      'eds-chip--leading-icon': hasLeadingIcon,\n      'eds-chip--trailing-icon': hasTrailingIcon,\n    });\n    const {\n      name,\n      value: selectedValue,\n      onChange,\n    } = useChoiceChipGroupContext();\n    return (\n      <label className=\"eds-choice-chip\" style={style}>\n        <input\n          className=\"eds-choice-chip__input\"\n          type=\"radio\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          checked={selectedValue === value}\n          onChange={onChange}\n          {...rest}\n        />\n        <div className={classList}>{children}</div>\n      </label>\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LoadingDots } from '@entur/loader';\nimport './BaseChip.scss';\nimport './ActionChip.scss';\n\nexport type ActionChipProps = {\n  /** Teksten som vises i ActionChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om chip-en er opptatt, f.eks med å oppdatere informasjon\n   * @default false\n   */\n  loading?: boolean;\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const ariaLabelValue = () => {\n      if (rest['aria-label']) return rest['aria-label'];\n      if (loading) return ariaLabelWhenLoading;\n      return undefined;\n    };\n\n    const ariaLabelWhenLoading = childrenArray\n      .filter(child => typeof child === 'string')\n      .join(' ');\n\n    const actionChip = (\n      <button\n        className={classNames(\n          'eds-chip',\n          'eds-action-chip',\n          {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n            'eds-action-chip--disabled': rest.disabled,\n          },\n          className,\n        )}\n        ref={ref}\n        aria-busy={loading}\n        aria-label={ariaLabelValue()}\n        type=\"button\"\n        {...rest}\n      >\n        {loading ? (\n          <LoadingDots className=\"eds-action-chip__loading-dots\" />\n        ) : (\n          children\n        )}\n      </button>\n    );\n\n    if (rest.disabled) {\n      return (\n        <div className=\"eds-action-chip--disabled__wrapper\">{actionChip}</div>\n      );\n    }\n    return <>{actionChip}</>;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from '@entur/icons';\nimport './BaseChip.scss';\nimport './TagChip.scss';\n\nexport type TagChipProps = {\n  /** Teksten som vises i TagChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback for når man klikker på krysset */\n  onClose: () => void;\n  /** Skjermlesertekst for X-knappen */\n  closeButtonAriaLabel?: string;\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    { children, className, onClose, closeButtonAriaLabel, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames('eds-chip', 'eds-tag-chip', className)}\n        {...rest}\n      >\n        {children}\n        <button\n          className=\"eds-tag-chip__close-button\"\n          type=\"button\"\n          onClick={onClose}\n          aria-label={selectedCloseLabel}\n          ref={ref}\n        >\n          <CloseIcon />\n        </button>\n      </div>\n    );\n  },\n);\n","import React from 'react';\nimport cx from 'classnames';\nimport './BaseChip.scss';\nimport './FilterChip.scss';\n\nexport type FilterChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label til FilterChip */\n  children?: React.ReactNode;\n  /** Verdien til FilterChip */\n  value: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    { className, children, value, disabled = false, name, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = cx(className, 'eds-chip', 'eds-filter-chip');\n\n    return (\n      <label className={classList} style={style}>\n        <input\n          className=\"eds-filter-chip__input\"\n          type=\"checkbox\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          {...rest}\n        />\n        <span className=\"eds-filter-chip__icon\">\n          <CheckboxIcon />\n        </span>\n        {children}\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"11px\"\n      height=\"9px\"\n      viewBox=\"6 11 37 33\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M14.1 27.2l7.1 7.2 14.6-14.8\"\n        fill=\"none\"\n      />\n    </svg>\n  );\n};\n","import React from 'react';\nimport { ChoiceChipGroupContextProvider } from './ChoiceChipGroupContext';\nimport { Fieldset } from '@entur/form';\nexport type ChoiceChipGroupProps = {\n  /** Navnet til ChoiceChipsGroup */\n  name: string;\n  /** Verdien til den valgte ChoiceChipen */\n  value: string | null;\n  /** ChoiceChip-komponentene sendes inn som children */\n  children: React.ReactNode;\n  /** En callback som blir kalles hver gang en ChoiceChip klikkes på  */\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Labelen til ChoiceChip-gruppen. */\n  label?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const ChoiceChipGroup: React.FC<ChoiceChipGroupProps> = ({\n  name,\n  value,\n  children,\n  onChange,\n  label,\n  ...rest\n}) => {\n  const contextValue = React.useMemo(\n    () => ({ name, value, onChange }),\n    [name, value, onChange],\n  );\n  return (\n    <ChoiceChipGroupContextProvider value={contextValue}>\n      <Fieldset className=\"eds-choice-chips-group\" label={label} {...rest}>\n        {children}\n      </Fieldset>\n    </ChoiceChipGroupContextProvider>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('chip', 'form');\n\nexport * from './ChoiceChip';\nexport * from './ActionChip';\nexport * from './TagChip';\nexport * from './FilterChip';\nexport * from './ChoiceChipGroup';\n"],"names":["ChoiceChipGroupContext","React","createContext","ChoiceChipGroupContextProvider","Provider","useChoiceChipGroupContext","context","useContext","Error","ChoiceChip","forwardRef","ref","className","children","value","disabled","style","rest","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","classList","cx","name","selectedValue","onChange","type","checked","ActionChip","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","child","join","actionChip","classNames","LoadingDots","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","toString","onClick","CloseIcon","FilterChip","CheckboxIcon","width","height","viewBox","d","fill","ChoiceChipGroup","label","contextValue","useMemo","Fieldset","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"chip.cjs.development.js","sources":["../src/ChoiceChipGroupContext.tsx","../src/ChoiceChip.tsx","../src/ActionChip.tsx","../src/TagChip.tsx","../src/FilterChip.tsx","../src/ChoiceChipGroup.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\n\ntype ChoiceChipGroupContextProps = {\n  name: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string | null;\n};\n\nconst ChoiceChipGroupContext =\n  React.createContext<ChoiceChipGroupContextProps | null>(null);\n\nexport const ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;\n\nexport const useChoiceChipGroupContext: () => ChoiceChipGroupContextProps =\n  () => {\n    const context = React.useContext(ChoiceChipGroupContext);\n    if (!context) {\n      throw new Error(\n        'You need to wrap your ChoiceChips in a ChoiceChipGroup-component',\n      );\n    }\n    return context;\n  };\n","import React from 'react';\nimport cx from 'classnames';\nimport { useChoiceChipGroupContext } from './ChoiceChipGroupContext';\nimport './BaseChip.scss';\nimport './ChoiceChip.scss';\n\nexport type ChoiceChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om Choicechip er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** Label til ChoiceChip */\n  children?: React.ReactNode;\n  /** Verdien til ChoiceChip */\n  value: string;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    { className, children, value, disabled = false, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const classList = cx(className, 'eds-chip', {\n      'eds-chip--disabled': disabled,\n      'eds-chip--leading-icon': hasLeadingIcon,\n      'eds-chip--trailing-icon': hasTrailingIcon,\n    });\n    const {\n      name,\n      value: selectedValue,\n      onChange,\n    } = useChoiceChipGroupContext();\n    return (\n      <label className=\"eds-choice-chip\" style={style}>\n        <input\n          className=\"eds-choice-chip__input\"\n          type=\"radio\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          checked={selectedValue === value}\n          onChange={onChange}\n          {...rest}\n        />\n        <div className={classList}>{children}</div>\n      </label>\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LoadingDots } from '@entur/loader';\nimport './BaseChip.scss';\nimport './ActionChip.scss';\n\nexport type ActionChipProps = {\n  /** Teksten som vises i ActionChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om chip-en er opptatt, f.eks med å oppdatere informasjon\n   * @default false\n   */\n  loading?: boolean;\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const ariaLabelValue = () => {\n      if (rest['aria-label']) return rest['aria-label'];\n      if (loading) return ariaLabelWhenLoading;\n      return undefined;\n    };\n\n    const ariaLabelWhenLoading = childrenArray\n      .filter(child => typeof child === 'string')\n      .join(' ');\n\n    const actionChip = (\n      <button\n        className={classNames(\n          'eds-chip',\n          'eds-action-chip',\n          {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n            'eds-action-chip--disabled': rest.disabled,\n          },\n          className,\n        )}\n        ref={ref}\n        aria-busy={loading}\n        aria-label={ariaLabelValue()}\n        type=\"button\"\n        {...rest}\n      >\n        {loading ? (\n          <LoadingDots className=\"eds-action-chip__loading-dots\" />\n        ) : (\n          children\n        )}\n      </button>\n    );\n\n    if (rest.disabled) {\n      return (\n        <div className=\"eds-action-chip--disabled__wrapper\">{actionChip}</div>\n      );\n    }\n    return <>{actionChip}</>;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from '@entur/icons';\nimport './BaseChip.scss';\nimport './TagChip.scss';\n\nexport type TagChipProps = {\n  /** Teksten som vises i TagChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback for når man klikker på krysset */\n  onClose: () => void;\n  /** Skjermlesertekst for X-knappen */\n  closeButtonAriaLabel?: string;\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    { children, className, onClose, closeButtonAriaLabel, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames('eds-chip', 'eds-tag-chip', className)}\n        {...rest}\n      >\n        {children}\n        <button\n          className=\"eds-tag-chip__close-button\"\n          type=\"button\"\n          onClick={onClose}\n          aria-label={selectedCloseLabel}\n          ref={ref}\n        >\n          <CloseIcon />\n        </button>\n      </div>\n    );\n  },\n);\n","import React from 'react';\nimport cx from 'classnames';\nimport './BaseChip.scss';\nimport './FilterChip.scss';\n\nexport type FilterChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label til FilterChip */\n  children?: React.ReactNode;\n  /** Verdien til FilterChip */\n  value: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    { className, children, value, disabled = false, name, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = cx(className, 'eds-chip', 'eds-filter-chip');\n\n    return (\n      <label className={classList} style={style}>\n        <input\n          className=\"eds-filter-chip__input\"\n          type=\"checkbox\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          {...rest}\n        />\n        <span className=\"eds-filter-chip__icon\">\n          <CheckboxIcon />\n        </span>\n        {children}\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"11px\"\n      height=\"9px\"\n      viewBox=\"6 11 37 33\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M14.1 27.2l7.1 7.2 14.6-14.8\"\n        fill=\"none\"\n      />\n    </svg>\n  );\n};\n","import React from 'react';\nimport { ChoiceChipGroupContextProvider } from './ChoiceChipGroupContext';\nimport { Fieldset } from '@entur/form';\nexport type ChoiceChipGroupProps = {\n  /** Navnet til ChoiceChipsGroup */\n  name: string;\n  /** Verdien til den valgte ChoiceChipen */\n  value: string | null;\n  /** ChoiceChip-komponentene sendes inn som children */\n  children: React.ReactNode;\n  /** En callback som blir kalles hver gang en ChoiceChip klikkes på  */\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Labelen til ChoiceChip-gruppen. */\n  label?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const ChoiceChipGroup: React.FC<ChoiceChipGroupProps> = ({\n  name,\n  value,\n  children,\n  onChange,\n  label,\n  ...rest\n}) => {\n  const contextValue = React.useMemo(\n    () => ({ name, value, onChange }),\n    [name, value, onChange],\n  );\n  return (\n    <ChoiceChipGroupContextProvider value={contextValue}>\n      <Fieldset className=\"eds-choice-chips-group\" label={label} {...rest}>\n        {children}\n      </Fieldset>\n    </ChoiceChipGroupContextProvider>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('chip', 'form');\n\nexport * from './ChoiceChip';\nexport * from './ActionChip';\nexport * from './TagChip';\nexport * from './FilterChip';\nexport * from './ChoiceChipGroup';\n"],"names":["ChoiceChipGroupContext","React","createContext","ChoiceChipGroupContextProvider","Provider","useChoiceChipGroupContext","context","useContext","Error","ChoiceChip","forwardRef","ref","className","children","value","disabled","style","rest","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","classList","cx","name","selectedValue","onChange","type","checked","ActionChip","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","child","join","actionChip","classNames","LoadingDots","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","toString","onClick","CloseIcon","FilterChip","CheckboxIcon","width","height","viewBox","d","fill","ChoiceChipGroup","label","contextValue","useMemo","Fieldset","warnAboutMissingStyles"],"mappings":"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"}

package/dist/chip.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.cjs.production.min.js","sources":["../src/ChoiceChipGroupContext.tsx","../src/ChoiceChip.tsx","../src/ActionChip.tsx","../src/TagChip.tsx","../src/FilterChip.tsx","../src/index.tsx","../src/ChoiceChipGroup.tsx"],"sourcesContent":["import React from 'react';\n\ntype ChoiceChipGroupContextProps = {\n  name: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string | null;\n};\n\nconst ChoiceChipGroupContext =\n  React.createContext<ChoiceChipGroupContextProps | null>(null);\n\nexport const ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;\n\nexport const useChoiceChipGroupContext: () => ChoiceChipGroupContextProps =\n  () => {\n    const context = React.useContext(ChoiceChipGroupContext);\n    if (!context) {\n      throw new Error(\n        'You need to wrap your ChoiceChips in a ChoiceChipGroup-component',\n      );\n    }\n    return context;\n  };\n","import React from 'react';\nimport cx from 'classnames';\nimport { useChoiceChipGroupContext } from './ChoiceChipGroupContext';\nimport './BaseChip.scss';\nimport './ChoiceChip.scss';\n\nexport type ChoiceChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om Choicechip er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** Label til ChoiceChip */\n  children?: React.ReactNode;\n  /** Verdien til ChoiceChip */\n  value: string;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    { className, children, value, disabled = false, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const classList = cx(className, 'eds-chip', {\n      'eds-chip--disabled': disabled,\n      'eds-chip--leading-icon': hasLeadingIcon,\n      'eds-chip--trailing-icon': hasTrailingIcon,\n    });\n    const {\n      name,\n      value: selectedValue,\n      onChange,\n    } = useChoiceChipGroupContext();\n    return (\n      <label className=\"eds-choice-chip\" style={style}>\n        <input\n          className=\"eds-choice-chip__input\"\n          type=\"radio\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          checked={selectedValue === value}\n          onChange={onChange}\n          {...rest}\n        />\n        <div className={classList}>{children}</div>\n      </label>\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LoadingDots } from '@entur/loader';\nimport './BaseChip.scss';\nimport './ActionChip.scss';\n\nexport type ActionChipProps = {\n  /** Teksten som vises i ActionChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om chip-en er opptatt, f.eks med å oppdatere informasjon\n   * @default false\n   */\n  loading?: boolean;\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const ariaLabelValue = () => {\n      if (rest['aria-label']) return rest['aria-label'];\n      if (loading) return ariaLabelWhenLoading;\n      return undefined;\n    };\n\n    const ariaLabelWhenLoading = childrenArray\n      .filter(child => typeof child === 'string')\n      .join(' ');\n\n    const actionChip = (\n      <button\n        className={classNames(\n          'eds-chip',\n          'eds-action-chip',\n          {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n            'eds-action-chip--disabled': rest.disabled,\n          },\n          className,\n        )}\n        ref={ref}\n        aria-busy={loading}\n        aria-label={ariaLabelValue()}\n        type=\"button\"\n        {...rest}\n      >\n        {loading ? (\n          <LoadingDots className=\"eds-action-chip__loading-dots\" />\n        ) : (\n          children\n        )}\n      </button>\n    );\n\n    if (rest.disabled) {\n      return (\n        <div className=\"eds-action-chip--disabled__wrapper\">{actionChip}</div>\n      );\n    }\n    return <>{actionChip}</>;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from '@entur/icons';\nimport './BaseChip.scss';\nimport './TagChip.scss';\n\nexport type TagChipProps = {\n  /** Teksten som vises i TagChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback for når man klikker på krysset */\n  onClose: () => void;\n  /** Skjermlesertekst for X-knappen */\n  closeButtonAriaLabel?: string;\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    { children, className, onClose, closeButtonAriaLabel, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames('eds-chip', 'eds-tag-chip', className)}\n        {...rest}\n      >\n        {children}\n        <button\n          className=\"eds-tag-chip__close-button\"\n          type=\"button\"\n          onClick={onClose}\n          aria-label={selectedCloseLabel}\n          ref={ref}\n        >\n          <CloseIcon />\n        </button>\n      </div>\n    );\n  },\n);\n","import React from 'react';\nimport cx from 'classnames';\nimport './BaseChip.scss';\nimport './FilterChip.scss';\n\nexport type FilterChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label til FilterChip */\n  children?: React.ReactNode;\n  /** Verdien til FilterChip */\n  value: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    { className, children, value, disabled = false, name, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = cx(className, 'eds-chip', 'eds-filter-chip');\n\n    return (\n      <label className={classList} style={style}>\n        <input\n          className=\"eds-filter-chip__input\"\n          type=\"checkbox\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          {...rest}\n        />\n        <span className=\"eds-filter-chip__icon\">\n          <CheckboxIcon />\n        </span>\n        {children}\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"11px\"\n      height=\"9px\"\n      viewBox=\"6 11 37 33\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M14.1 27.2l7.1 7.2 14.6-14.8\"\n        fill=\"none\"\n      />\n    </svg>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('chip', 'form');\n\nexport * from './ChoiceChip';\nexport * from './ActionChip';\nexport * from './TagChip';\nexport * from './FilterChip';\nexport * from './ChoiceChipGroup';\n","import React from 'react';\nimport { ChoiceChipGroupContextProvider } from './ChoiceChipGroupContext';\nimport { Fieldset } from '@entur/form';\nexport type ChoiceChipGroupProps = {\n  /** Navnet til ChoiceChipsGroup */\n  name: string;\n  /** Verdien til den valgte ChoiceChipen */\n  value: string | null;\n  /** ChoiceChip-komponentene sendes inn som children */\n  children: React.ReactNode;\n  /** En callback som blir kalles hver gang en ChoiceChip klikkes på  */\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Labelen til ChoiceChip-gruppen. */\n  label?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const ChoiceChipGroup: React.FC<ChoiceChipGroupProps> = ({\n  name,\n  value,\n  children,\n  onChange,\n  label,\n  ...rest\n}) => {\n  const contextValue = React.useMemo(\n    () => ({ name, value, onChange }),\n    [name, value, onChange],\n  );\n  return (\n    <ChoiceChipGroupContextProvider value={contextValue}>\n      <Fieldset className=\"eds-choice-chips-group\" label={label} {...rest}>\n        {children}\n      </Fieldset>\n    </ChoiceChipGroupContextProvider>\n  );\n};\n"],"names":["ChoiceChipGroupContext","React","createContext","ChoiceChipGroupContextProvider","Provider","ChoiceChip","forwardRef","ref","className","children","value","disabled","style","rest","childrenArray","Children","toArray","classList","cx","length","context","useContext","Error","useChoiceChipGroupContext","type","name","checked","onChange","ActionChip","loading","hasLeadingIcon","hasTrailingIcon","ariaLabelWhenLoading","filter","child","join","actionChip","classNames","LoadingDots","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","toString","onClick","CloseIcon","FilterChip","CheckboxIcon","width","height","viewBox","d","fill","warnAboutMissingStyles","label","contextValue","useMemo","Fieldset"],"mappings":"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"}
+{"version":3,"file":"chip.cjs.production.min.js","sources":["../src/ChoiceChipGroupContext.tsx","../src/ChoiceChip.tsx","../src/ActionChip.tsx","../src/TagChip.tsx","../src/FilterChip.tsx","../src/index.tsx","../src/ChoiceChipGroup.tsx"],"sourcesContent":["import React from 'react';\n\ntype ChoiceChipGroupContextProps = {\n  name: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string | null;\n};\n\nconst ChoiceChipGroupContext =\n  React.createContext<ChoiceChipGroupContextProps | null>(null);\n\nexport const ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;\n\nexport const useChoiceChipGroupContext: () => ChoiceChipGroupContextProps =\n  () => {\n    const context = React.useContext(ChoiceChipGroupContext);\n    if (!context) {\n      throw new Error(\n        'You need to wrap your ChoiceChips in a ChoiceChipGroup-component',\n      );\n    }\n    return context;\n  };\n","import React from 'react';\nimport cx from 'classnames';\nimport { useChoiceChipGroupContext } from './ChoiceChipGroupContext';\nimport './BaseChip.scss';\nimport './ChoiceChip.scss';\n\nexport type ChoiceChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om Choicechip er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** Label til ChoiceChip */\n  children?: React.ReactNode;\n  /** Verdien til ChoiceChip */\n  value: string;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    { className, children, value, disabled = false, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const classList = cx(className, 'eds-chip', {\n      'eds-chip--disabled': disabled,\n      'eds-chip--leading-icon': hasLeadingIcon,\n      'eds-chip--trailing-icon': hasTrailingIcon,\n    });\n    const {\n      name,\n      value: selectedValue,\n      onChange,\n    } = useChoiceChipGroupContext();\n    return (\n      <label className=\"eds-choice-chip\" style={style}>\n        <input\n          className=\"eds-choice-chip__input\"\n          type=\"radio\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          checked={selectedValue === value}\n          onChange={onChange}\n          {...rest}\n        />\n        <div className={classList}>{children}</div>\n      </label>\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LoadingDots } from '@entur/loader';\nimport './BaseChip.scss';\nimport './ActionChip.scss';\n\nexport type ActionChipProps = {\n  /** Teksten som vises i ActionChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om chip-en er opptatt, f.eks med å oppdatere informasjon\n   * @default false\n   */\n  loading?: boolean;\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const ariaLabelValue = () => {\n      if (rest['aria-label']) return rest['aria-label'];\n      if (loading) return ariaLabelWhenLoading;\n      return undefined;\n    };\n\n    const ariaLabelWhenLoading = childrenArray\n      .filter(child => typeof child === 'string')\n      .join(' ');\n\n    const actionChip = (\n      <button\n        className={classNames(\n          'eds-chip',\n          'eds-action-chip',\n          {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n            'eds-action-chip--disabled': rest.disabled,\n          },\n          className,\n        )}\n        ref={ref}\n        aria-busy={loading}\n        aria-label={ariaLabelValue()}\n        type=\"button\"\n        {...rest}\n      >\n        {loading ? (\n          <LoadingDots className=\"eds-action-chip__loading-dots\" />\n        ) : (\n          children\n        )}\n      </button>\n    );\n\n    if (rest.disabled) {\n      return (\n        <div className=\"eds-action-chip--disabled__wrapper\">{actionChip}</div>\n      );\n    }\n    return <>{actionChip}</>;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from '@entur/icons';\nimport './BaseChip.scss';\nimport './TagChip.scss';\n\nexport type TagChipProps = {\n  /** Teksten som vises i TagChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback for når man klikker på krysset */\n  onClose: () => void;\n  /** Skjermlesertekst for X-knappen */\n  closeButtonAriaLabel?: string;\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    { children, className, onClose, closeButtonAriaLabel, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames('eds-chip', 'eds-tag-chip', className)}\n        {...rest}\n      >\n        {children}\n        <button\n          className=\"eds-tag-chip__close-button\"\n          type=\"button\"\n          onClick={onClose}\n          aria-label={selectedCloseLabel}\n          ref={ref}\n        >\n          <CloseIcon />\n        </button>\n      </div>\n    );\n  },\n);\n","import React from 'react';\nimport cx from 'classnames';\nimport './BaseChip.scss';\nimport './FilterChip.scss';\n\nexport type FilterChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label til FilterChip */\n  children?: React.ReactNode;\n  /** Verdien til FilterChip */\n  value: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    { className, children, value, disabled = false, name, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = cx(className, 'eds-chip', 'eds-filter-chip');\n\n    return (\n      <label className={classList} style={style}>\n        <input\n          className=\"eds-filter-chip__input\"\n          type=\"checkbox\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          {...rest}\n        />\n        <span className=\"eds-filter-chip__icon\">\n          <CheckboxIcon />\n        </span>\n        {children}\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"11px\"\n      height=\"9px\"\n      viewBox=\"6 11 37 33\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M14.1 27.2l7.1 7.2 14.6-14.8\"\n        fill=\"none\"\n      />\n    </svg>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('chip', 'form');\n\nexport * from './ChoiceChip';\nexport * from './ActionChip';\nexport * from './TagChip';\nexport * from './FilterChip';\nexport * from './ChoiceChipGroup';\n","import React from 'react';\nimport { ChoiceChipGroupContextProvider } from './ChoiceChipGroupContext';\nimport { Fieldset } from '@entur/form';\nexport type ChoiceChipGroupProps = {\n  /** Navnet til ChoiceChipsGroup */\n  name: string;\n  /** Verdien til den valgte ChoiceChipen */\n  value: string | null;\n  /** ChoiceChip-komponentene sendes inn som children */\n  children: React.ReactNode;\n  /** En callback som blir kalles hver gang en ChoiceChip klikkes på  */\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Labelen til ChoiceChip-gruppen. */\n  label?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const ChoiceChipGroup: React.FC<ChoiceChipGroupProps> = ({\n  name,\n  value,\n  children,\n  onChange,\n  label,\n  ...rest\n}) => {\n  const contextValue = React.useMemo(\n    () => ({ name, value, onChange }),\n    [name, value, onChange],\n  );\n  return (\n    <ChoiceChipGroupContextProvider value={contextValue}>\n      <Fieldset className=\"eds-choice-chips-group\" label={label} {...rest}>\n        {children}\n      </Fieldset>\n    </ChoiceChipGroupContextProvider>\n  );\n};\n"],"names":["ChoiceChipGroupContext","React","createContext","ChoiceChipGroupContextProvider","Provider","ChoiceChip","forwardRef","ref","className","children","value","_ref$disabled","disabled","style","rest","childrenArray","Children","toArray","classList","cx","length","context","useContext","Error","useChoiceChipGroupContext","type","name","checked","onChange","ActionChip","_ref$loading","loading","hasLeadingIcon","hasTrailingIcon","ariaLabelWhenLoading","filter","child","join","actionChip","classNames","LoadingDots","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","toString","onClick","CloseIcon","FilterChip","CheckboxIcon","width","height","viewBox","d","fill","warnAboutMissingStyles","label","contextValue","useMemo","Fieldset"],"mappings":"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"}

package/dist/chip.esm.js

@@ -9,32 +9,26 @@ function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
@@ -42,24 +36,21 @@ var ChoiceChipGroupContext = /*#__PURE__*/React.createContext(null);
 var ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;
 var useChoiceChipGroupContext = function useChoiceChipGroupContext() {
   var context = React.useContext(ChoiceChipGroupContext);
-
   if (!context) {
     throw new Error('You need to wrap your ChoiceChips in a ChoiceChipGroup-component');
   }
-
   return context;
 };
 
 var _excluded$4 = ["className", "children", "value", "disabled", "style"];
 var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      value = _ref.value,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-
+    children = _ref.children,
+    value = _ref.value,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    style = _ref.style,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   var childrenArray = React.Children.toArray(children);
   var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
   var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
@@ -68,12 +59,10 @@ var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     'eds-chip--leading-icon': hasLeadingIcon,
     'eds-chip--trailing-icon': hasTrailingIcon
   });
-
   var _useChoiceChipGroupCo = useChoiceChipGroupContext(),
-      name = _useChoiceChipGroupCo.name,
-      selectedValue = _useChoiceChipGroupCo.value,
-      onChange = _useChoiceChipGroupCo.onChange;
-
+    name = _useChoiceChipGroupCo.name,
+    selectedValue = _useChoiceChipGroupCo.value,
+    onChange = _useChoiceChipGroupCo.onChange;
   return React.createElement("label", {
     className: "eds-choice-chip",
     style: style
@@ -94,21 +83,18 @@ var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 var _excluded$3 = ["children", "className", "loading"];
 var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      className = _ref.className,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-
+    className = _ref.className,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var childrenArray = React.Children.toArray(children);
   var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
   var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
-
   var ariaLabelValue = function ariaLabelValue() {
     if (rest['aria-label']) return rest['aria-label'];
     if (loading) return ariaLabelWhenLoading;
     return undefined;
   };
-
   var ariaLabelWhenLoading = childrenArray.filter(function (child) {
     return typeof child === 'string';
   }).join(' ');
@@ -125,24 +111,21 @@ var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, rest), loading ? React.createElement(LoadingDots, {
     className: "eds-action-chip__loading-dots"
   }) : children);
-
   if (rest.disabled) {
     return React.createElement("div", {
       className: "eds-action-chip--disabled__wrapper"
     }, actionChip);
   }
-
   return React.createElement(React.Fragment, null, actionChip);
 });
 
 var _excluded$2 = ["children", "className", "onClose", "closeButtonAriaLabel"];
 var TagChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      className = _ref.className,
-      onClose = _ref.onClose,
-      closeButtonAriaLabel = _ref.closeButtonAriaLabel,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+    className = _ref.className,
+    onClose = _ref.onClose,
+    closeButtonAriaLabel = _ref.closeButtonAriaLabel,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var selectedCloseLabel = closeButtonAriaLabel != null ? closeButtonAriaLabel : 'Fjern ' + (children == null ? void 0 : children.toString());
   return React.createElement("div", _extends({
     className: classNames('eds-chip', 'eds-tag-chip', className)
@@ -158,14 +141,13 @@ var TagChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 var _excluded$1 = ["className", "children", "value", "disabled", "name", "style"];
 var FilterChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      value = _ref.value,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      name = _ref.name,
-      style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    children = _ref.children,
+    value = _ref.value,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    name = _ref.name,
+    style = _ref.style,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var classList = classNames(className, 'eds-chip', 'eds-filter-chip');
   return React.createElement("label", {
     className: classList,
@@ -181,7 +163,6 @@ var FilterChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: "eds-filter-chip__icon"
   }, React.createElement(CheckboxIcon, null)), children);
 });
-
 var CheckboxIcon = function CheckboxIcon() {
   return React.createElement("svg", {
     className: "eds-filter-chip-icon",
@@ -198,12 +179,11 @@ var CheckboxIcon = function CheckboxIcon() {
 var _excluded = ["name", "value", "children", "onChange", "label"];
 var ChoiceChipGroup = function ChoiceChipGroup(_ref) {
   var name = _ref.name,
-      value = _ref.value,
-      children = _ref.children,
-      onChange = _ref.onChange,
-      label = _ref.label,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    value = _ref.value,
+    children = _ref.children,
+    onChange = _ref.onChange,
+    label = _ref.label,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var contextValue = React.useMemo(function () {
     return {
       name: name,

package/dist/chip.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.esm.js","sources":["../src/ChoiceChipGroupContext.tsx","../src/ChoiceChip.tsx","../src/ActionChip.tsx","../src/TagChip.tsx","../src/FilterChip.tsx","../src/ChoiceChipGroup.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\n\ntype ChoiceChipGroupContextProps = {\n  name: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string | null;\n};\n\nconst ChoiceChipGroupContext =\n  React.createContext<ChoiceChipGroupContextProps | null>(null);\n\nexport const ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;\n\nexport const useChoiceChipGroupContext: () => ChoiceChipGroupContextProps =\n  () => {\n    const context = React.useContext(ChoiceChipGroupContext);\n    if (!context) {\n      throw new Error(\n        'You need to wrap your ChoiceChips in a ChoiceChipGroup-component',\n      );\n    }\n    return context;\n  };\n","import React from 'react';\nimport cx from 'classnames';\nimport { useChoiceChipGroupContext } from './ChoiceChipGroupContext';\nimport './BaseChip.scss';\nimport './ChoiceChip.scss';\n\nexport type ChoiceChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om Choicechip er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** Label til ChoiceChip */\n  children?: React.ReactNode;\n  /** Verdien til ChoiceChip */\n  value: string;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    { className, children, value, disabled = false, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const classList = cx(className, 'eds-chip', {\n      'eds-chip--disabled': disabled,\n      'eds-chip--leading-icon': hasLeadingIcon,\n      'eds-chip--trailing-icon': hasTrailingIcon,\n    });\n    const {\n      name,\n      value: selectedValue,\n      onChange,\n    } = useChoiceChipGroupContext();\n    return (\n      <label className=\"eds-choice-chip\" style={style}>\n        <input\n          className=\"eds-choice-chip__input\"\n          type=\"radio\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          checked={selectedValue === value}\n          onChange={onChange}\n          {...rest}\n        />\n        <div className={classList}>{children}</div>\n      </label>\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LoadingDots } from '@entur/loader';\nimport './BaseChip.scss';\nimport './ActionChip.scss';\n\nexport type ActionChipProps = {\n  /** Teksten som vises i ActionChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om chip-en er opptatt, f.eks med å oppdatere informasjon\n   * @default false\n   */\n  loading?: boolean;\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const ariaLabelValue = () => {\n      if (rest['aria-label']) return rest['aria-label'];\n      if (loading) return ariaLabelWhenLoading;\n      return undefined;\n    };\n\n    const ariaLabelWhenLoading = childrenArray\n      .filter(child => typeof child === 'string')\n      .join(' ');\n\n    const actionChip = (\n      <button\n        className={classNames(\n          'eds-chip',\n          'eds-action-chip',\n          {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n            'eds-action-chip--disabled': rest.disabled,\n          },\n          className,\n        )}\n        ref={ref}\n        aria-busy={loading}\n        aria-label={ariaLabelValue()}\n        type=\"button\"\n        {...rest}\n      >\n        {loading ? (\n          <LoadingDots className=\"eds-action-chip__loading-dots\" />\n        ) : (\n          children\n        )}\n      </button>\n    );\n\n    if (rest.disabled) {\n      return (\n        <div className=\"eds-action-chip--disabled__wrapper\">{actionChip}</div>\n      );\n    }\n    return <>{actionChip}</>;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from '@entur/icons';\nimport './BaseChip.scss';\nimport './TagChip.scss';\n\nexport type TagChipProps = {\n  /** Teksten som vises i TagChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback for når man klikker på krysset */\n  onClose: () => void;\n  /** Skjermlesertekst for X-knappen */\n  closeButtonAriaLabel?: string;\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    { children, className, onClose, closeButtonAriaLabel, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames('eds-chip', 'eds-tag-chip', className)}\n        {...rest}\n      >\n        {children}\n        <button\n          className=\"eds-tag-chip__close-button\"\n          type=\"button\"\n          onClick={onClose}\n          aria-label={selectedCloseLabel}\n          ref={ref}\n        >\n          <CloseIcon />\n        </button>\n      </div>\n    );\n  },\n);\n","import React from 'react';\nimport cx from 'classnames';\nimport './BaseChip.scss';\nimport './FilterChip.scss';\n\nexport type FilterChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label til FilterChip */\n  children?: React.ReactNode;\n  /** Verdien til FilterChip */\n  value: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    { className, children, value, disabled = false, name, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = cx(className, 'eds-chip', 'eds-filter-chip');\n\n    return (\n      <label className={classList} style={style}>\n        <input\n          className=\"eds-filter-chip__input\"\n          type=\"checkbox\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          {...rest}\n        />\n        <span className=\"eds-filter-chip__icon\">\n          <CheckboxIcon />\n        </span>\n        {children}\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"11px\"\n      height=\"9px\"\n      viewBox=\"6 11 37 33\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M14.1 27.2l7.1 7.2 14.6-14.8\"\n        fill=\"none\"\n      />\n    </svg>\n  );\n};\n","import React from 'react';\nimport { ChoiceChipGroupContextProvider } from './ChoiceChipGroupContext';\nimport { Fieldset } from '@entur/form';\nexport type ChoiceChipGroupProps = {\n  /** Navnet til ChoiceChipsGroup */\n  name: string;\n  /** Verdien til den valgte ChoiceChipen */\n  value: string | null;\n  /** ChoiceChip-komponentene sendes inn som children */\n  children: React.ReactNode;\n  /** En callback som blir kalles hver gang en ChoiceChip klikkes på  */\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Labelen til ChoiceChip-gruppen. */\n  label?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const ChoiceChipGroup: React.FC<ChoiceChipGroupProps> = ({\n  name,\n  value,\n  children,\n  onChange,\n  label,\n  ...rest\n}) => {\n  const contextValue = React.useMemo(\n    () => ({ name, value, onChange }),\n    [name, value, onChange],\n  );\n  return (\n    <ChoiceChipGroupContextProvider value={contextValue}>\n      <Fieldset className=\"eds-choice-chips-group\" label={label} {...rest}>\n        {children}\n      </Fieldset>\n    </ChoiceChipGroupContextProvider>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('chip', 'form');\n\nexport * from './ChoiceChip';\nexport * from './ActionChip';\nexport * from './TagChip';\nexport * from './FilterChip';\nexport * from './ChoiceChipGroup';\n"],"names":["ChoiceChipGroupContext","React","createContext","ChoiceChipGroupContextProvider","Provider","useChoiceChipGroupContext","context","useContext","Error","ChoiceChip","forwardRef","ref","className","children","value","disabled","style","rest","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","classList","cx","name","selectedValue","onChange","type","checked","ActionChip","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","child","join","actionChip","classNames","LoadingDots","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","toString","onClick","CloseIcon","FilterChip","CheckboxIcon","width","height","viewBox","d","fill","ChoiceChipGroup","label","contextValue","useMemo","Fieldset","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"chip.esm.js","sources":["../src/ChoiceChipGroupContext.tsx","../src/ChoiceChip.tsx","../src/ActionChip.tsx","../src/TagChip.tsx","../src/FilterChip.tsx","../src/ChoiceChipGroup.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\n\ntype ChoiceChipGroupContextProps = {\n  name: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string | null;\n};\n\nconst ChoiceChipGroupContext =\n  React.createContext<ChoiceChipGroupContextProps | null>(null);\n\nexport const ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;\n\nexport const useChoiceChipGroupContext: () => ChoiceChipGroupContextProps =\n  () => {\n    const context = React.useContext(ChoiceChipGroupContext);\n    if (!context) {\n      throw new Error(\n        'You need to wrap your ChoiceChips in a ChoiceChipGroup-component',\n      );\n    }\n    return context;\n  };\n","import React from 'react';\nimport cx from 'classnames';\nimport { useChoiceChipGroupContext } from './ChoiceChipGroupContext';\nimport './BaseChip.scss';\nimport './ChoiceChip.scss';\n\nexport type ChoiceChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om Choicechip er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** Label til ChoiceChip */\n  children?: React.ReactNode;\n  /** Verdien til ChoiceChip */\n  value: string;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    { className, children, value, disabled = false, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const classList = cx(className, 'eds-chip', {\n      'eds-chip--disabled': disabled,\n      'eds-chip--leading-icon': hasLeadingIcon,\n      'eds-chip--trailing-icon': hasTrailingIcon,\n    });\n    const {\n      name,\n      value: selectedValue,\n      onChange,\n    } = useChoiceChipGroupContext();\n    return (\n      <label className=\"eds-choice-chip\" style={style}>\n        <input\n          className=\"eds-choice-chip__input\"\n          type=\"radio\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          checked={selectedValue === value}\n          onChange={onChange}\n          {...rest}\n        />\n        <div className={classList}>{children}</div>\n      </label>\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LoadingDots } from '@entur/loader';\nimport './BaseChip.scss';\nimport './ActionChip.scss';\n\nexport type ActionChipProps = {\n  /** Teksten som vises i ActionChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om chip-en er opptatt, f.eks med å oppdatere informasjon\n   * @default false\n   */\n  loading?: boolean;\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const ariaLabelValue = () => {\n      if (rest['aria-label']) return rest['aria-label'];\n      if (loading) return ariaLabelWhenLoading;\n      return undefined;\n    };\n\n    const ariaLabelWhenLoading = childrenArray\n      .filter(child => typeof child === 'string')\n      .join(' ');\n\n    const actionChip = (\n      <button\n        className={classNames(\n          'eds-chip',\n          'eds-action-chip',\n          {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n            'eds-action-chip--disabled': rest.disabled,\n          },\n          className,\n        )}\n        ref={ref}\n        aria-busy={loading}\n        aria-label={ariaLabelValue()}\n        type=\"button\"\n        {...rest}\n      >\n        {loading ? (\n          <LoadingDots className=\"eds-action-chip__loading-dots\" />\n        ) : (\n          children\n        )}\n      </button>\n    );\n\n    if (rest.disabled) {\n      return (\n        <div className=\"eds-action-chip--disabled__wrapper\">{actionChip}</div>\n      );\n    }\n    return <>{actionChip}</>;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from '@entur/icons';\nimport './BaseChip.scss';\nimport './TagChip.scss';\n\nexport type TagChipProps = {\n  /** Teksten som vises i TagChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback for når man klikker på krysset */\n  onClose: () => void;\n  /** Skjermlesertekst for X-knappen */\n  closeButtonAriaLabel?: string;\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    { children, className, onClose, closeButtonAriaLabel, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames('eds-chip', 'eds-tag-chip', className)}\n        {...rest}\n      >\n        {children}\n        <button\n          className=\"eds-tag-chip__close-button\"\n          type=\"button\"\n          onClick={onClose}\n          aria-label={selectedCloseLabel}\n          ref={ref}\n        >\n          <CloseIcon />\n        </button>\n      </div>\n    );\n  },\n);\n","import React from 'react';\nimport cx from 'classnames';\nimport './BaseChip.scss';\nimport './FilterChip.scss';\n\nexport type FilterChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label til FilterChip */\n  children?: React.ReactNode;\n  /** Verdien til FilterChip */\n  value: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    { className, children, value, disabled = false, name, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = cx(className, 'eds-chip', 'eds-filter-chip');\n\n    return (\n      <label className={classList} style={style}>\n        <input\n          className=\"eds-filter-chip__input\"\n          type=\"checkbox\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          {...rest}\n        />\n        <span className=\"eds-filter-chip__icon\">\n          <CheckboxIcon />\n        </span>\n        {children}\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"11px\"\n      height=\"9px\"\n      viewBox=\"6 11 37 33\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M14.1 27.2l7.1 7.2 14.6-14.8\"\n        fill=\"none\"\n      />\n    </svg>\n  );\n};\n","import React from 'react';\nimport { ChoiceChipGroupContextProvider } from './ChoiceChipGroupContext';\nimport { Fieldset } from '@entur/form';\nexport type ChoiceChipGroupProps = {\n  /** Navnet til ChoiceChipsGroup */\n  name: string;\n  /** Verdien til den valgte ChoiceChipen */\n  value: string | null;\n  /** ChoiceChip-komponentene sendes inn som children */\n  children: React.ReactNode;\n  /** En callback som blir kalles hver gang en ChoiceChip klikkes på  */\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Labelen til ChoiceChip-gruppen. */\n  label?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const ChoiceChipGroup: React.FC<ChoiceChipGroupProps> = ({\n  name,\n  value,\n  children,\n  onChange,\n  label,\n  ...rest\n}) => {\n  const contextValue = React.useMemo(\n    () => ({ name, value, onChange }),\n    [name, value, onChange],\n  );\n  return (\n    <ChoiceChipGroupContextProvider value={contextValue}>\n      <Fieldset className=\"eds-choice-chips-group\" label={label} {...rest}>\n        {children}\n      </Fieldset>\n    </ChoiceChipGroupContextProvider>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('chip', 'form');\n\nexport * from './ChoiceChip';\nexport * from './ActionChip';\nexport * from './TagChip';\nexport * from './FilterChip';\nexport * from './ChoiceChipGroup';\n"],"names":["ChoiceChipGroupContext","React","createContext","ChoiceChipGroupContextProvider","Provider","useChoiceChipGroupContext","context","useContext","Error","ChoiceChip","forwardRef","ref","className","children","value","disabled","style","rest","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","classList","cx","name","selectedValue","onChange","type","checked","ActionChip","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","child","join","actionChip","classNames","LoadingDots","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","toString","onClick","CloseIcon","FilterChip","CheckboxIcon","width","height","viewBox","d","fill","ChoiceChipGroup","label","contextValue","useMemo","Fieldset","warnAboutMissingStyles"],"mappings":"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"}

package/dist/styles.css

@@ -2,6 +2,44 @@
   --eds-chip: 1;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-action-chip {
+  cursor: pointer;
+}
+.eds-action-chip:focus {
+  outline: none;
+  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
+  outline-offset: 0.125rem;
+}
+.eds-contrast .eds-action-chip:focus {
+  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
+}
+.eds-action-chip:hover {
+  border-color: #181c56;
+}
+.eds-contrast .eds-action-chip:hover {
+  background-color: #54568c;
+  border-color: #54568c;
+}
+.eds-action-chip:active {
+  background: #d1d4e3;
+}
+.eds-contrast .eds-action-chip:active {
+  background-color: #292b6a;
+  border-color: #292b6a;
+}
+.eds-action-chip--disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.eds-action-chip--disabled__wrapper {
+  cursor: not-allowed;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.eds-contrast .eds-action-chip__loading-dots .eds-loading-dots__dot {
+  background-color: #ffffff;
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-chip {
   background: #ebebf1;
   border: 0.0625rem solid #d1d4e3;
@@ -102,49 +140,9 @@
   color: #babbcf;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-action-chip {
-  cursor: pointer;
-}
-.eds-action-chip:focus {
-  outline: none;
-  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
-  outline-offset: 0.125rem;
-}
-.eds-contrast .eds-action-chip:focus {
-  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
-}
-.eds-action-chip:hover {
-  border-color: #181c56;
-}
-.eds-contrast .eds-action-chip:hover {
-  background-color: #54568c;
-  border-color: #54568c;
-}
-.eds-action-chip:active {
-  background: #d1d4e3;
-}
-.eds-contrast .eds-action-chip:active {
-  background-color: #292b6a;
-  border-color: #292b6a;
-}
-.eds-action-chip--disabled {
-  opacity: 0.5;
-  pointer-events: none;
-}
-.eds-action-chip--disabled__wrapper {
-  cursor: not-allowed;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-}
-.eds-contrast .eds-action-chip__loading-dots .eds-loading-dots__dot {
-  background-color: #ffffff;
-}/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-tag-chip {
   cursor: default;
   padding-right: 0.25rem;
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
 }
@@ -185,10 +183,8 @@
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   padding-left: 0.25rem;
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
 }
@@ -203,8 +199,7 @@
 }
 .eds-filter-chip__input:checked + .eds-filter-chip__icon .eds-filter-chip-icon__path {
   stroke: #181c56;
-  -webkit-animation: stroke ease-in-out 0.2s 0.1s forwards;
-          animation: stroke ease-in-out 0.2s 0.1s forwards;
+  animation: stroke ease-in-out 0.2s 0.1s forwards;
 }
 .eds-contrast .eds-filter-chip__input:checked + .eds-filter-chip__icon .eds-filter-chip-icon__path {
   stroke: #5ac39a;
@@ -263,12 +258,6 @@
   stroke-width: 0.375rem;
 }
 
-@-webkit-keyframes stroke {
-  100% {
-    stroke-dashoffset: 0;
-  }
-}
-
 @keyframes stroke {
   100% {
     stroke-dashoffset: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/chip",
-  "version": "0.6.13",
+  "version": "0.6.14",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/chip.esm.js",
@@ -17,20 +17,27 @@
     "access": "public"
   },
   "scripts": {
-    "start": "dts watch --noClean",
-    "build": "dts build",
-    "test": "dts test --env=jsdom",
-    "lint": "dts lint"
+    "start": "yarn run dts watch --noClean",
+    "build": "yarn run dts build",
+    "test": "yarn run dts test --env=jsdom",
+    "lint": "yarn run dts lint"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/form": "^5.4.10",
-    "@entur/tokens": "^3.4.1",
-    "@entur/utils": "^0.4.6",
+    "@entur/form": "^5.4.11",
+    "@entur/tokens": "^3.4.2",
+    "@entur/utils": "^0.4.7",
     "classnames": "^2.3.1"
   },
-  "gitHead": "11fde5ffbfd805773572c3a7d999d63f2733e0c7"
+  "devDependencies": {
+    "dts-cli": "^1.1.6",
+    "jest": "^27.0.0",
+    "jest-watch-typeahead": "^2.2.0",
+    "ts-jest": "^27.0.0",
+    "typescript": "^4.8.0"
+  },
+  "gitHead": "8915b1630bd936740ba9a4a88883f3432948a80e"
 }

package/CHANGELOG.md

@@ -1,492 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [0.6.13](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.6.12...@entur/chip@0.6.13) (2022-10-31)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.6.12](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.6.11...@entur/chip@0.6.12) (2022-10-31)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.6.11](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.6.10...@entur/chip@0.6.11) (2022-10-31)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.6.10](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.6.9...@entur/chip@0.6.10) (2022-10-20)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.6.9](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.6.8...@entur/chip@0.6.9) (2022-10-20)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.6.8](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.6.7...@entur/chip@0.6.8) (2022-10-12)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.6.6](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.6.5...@entur/chip@0.6.6) (2022-08-31)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.6.5](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.6.4...@entur/chip@0.6.5) (2022-08-24)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.6.4](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.6.3...@entur/chip@0.6.4) (2022-08-12)
-
-### Bug Fixes
-
-- **choice chip:** remove opacitiy when chip is disabled ([7412724](https://bitbucket.org/enturas/design-system/commits/741272400dda7ff77aa58b5032dd91f91d3a0393))
-
-## [0.6.3](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.6.2...@entur/chip@0.6.3) (2022-08-09)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.6.2](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.6.1...@entur/chip@0.6.2) (2022-08-09)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.6.1](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.6.0...@entur/chip@0.6.1) (2022-07-05)
-
-**Note:** Version bump only for package @entur/chip
-
-# [0.6.0](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.5.8...@entur/chip@0.6.0) (2022-06-28)
-
-### Features
-
-- **action chip:** add aria-loading and aria-label text to action chip when loading ([2eaadbe](https://bitbucket.org/enturas/design-system/commits/2eaadbe743049a57613d0c89cb17fab8128da915))
-- **action chip:** add visual disabled indicator to actionChip ([15edd0d](https://bitbucket.org/enturas/design-system/commits/15edd0da4111c79465f620dd008b7047fbf9cee7))
-- **tag chip:** add autogenerated aria-label for tag close/remove button ([9e63b0a](https://bitbucket.org/enturas/design-system/commits/9e63b0af9dfb618caa301aab3c954974aecb9bb0))
-
-### BREAKING CHANGES
-
-- **tag chip:** This change will add aria-label to all tag chip close buttons. If you already use this component,
-  you should check that the accessible text makes sense and if it doesn't, change the text using the
-  closeButtonAriaLabel prop
-
-## [0.5.8](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.5.7...@entur/chip@0.5.8) (2022-06-24)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.5.7](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.5.6...@entur/chip@0.5.7) (2022-06-02)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.5.6](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.5.5...@entur/chip@0.5.6) (2022-05-13)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.5.5](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.5.4...@entur/chip@0.5.5) (2022-05-04)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.5.4](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.5.3...@entur/chip@0.5.4) (2022-04-27)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.5.3](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.5.2...@entur/chip@0.5.3) (2022-04-20)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.5.2](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.5.1...@entur/chip@0.5.2) (2022-04-19)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.5.1](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.5.0...@entur/chip@0.5.1) (2022-03-17)
-
-### Bug Fixes
-
-- **ChoiceChip:** add -webkit fallback for Safari ([d19f8c3](https://bitbucket.org/enturas/design-system/commits/d19f8c34b401676283ff5fbc3b10ec0a1f04d3b8))
-
-# [0.5.0](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.24...@entur/chip@0.5.0) (2022-03-14)
-
-### Features
-
-- **action chip:** add loading state to action chip ([290e709](https://bitbucket.org/enturas/design-system/commits/290e709baef2c7513fc3b85e834fabb34697842e))
-
-## [0.4.24](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.23...@entur/chip@0.4.24) (2022-03-01)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.23](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.22...@entur/chip@0.4.23) (2022-02-09)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.22](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.21...@entur/chip@0.4.22) (2022-01-21)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.21](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.20...@entur/chip@0.4.21) (2022-01-05)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.20](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.19...@entur/chip@0.4.20) (2021-12-10)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.19](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.18...@entur/chip@0.4.19) (2021-11-17)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.18](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.17...@entur/chip@0.4.18) (2021-10-25)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.17](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.16...@entur/chip@0.4.17) (2021-10-18)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.16](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.15...@entur/chip@0.4.16) (2021-09-23)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.15](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.14...@entur/chip@0.4.15) (2021-09-13)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.14](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.13...@entur/chip@0.4.14) (2021-09-07)
-
-### Bug Fixes
-
-- improve typings ([423e06a](https://bitbucket.org/enturas/design-system/commits/423e06a1048731509fe0d3d6606e3fe390a868e1))
-- utilize reworked focus token ([586758f](https://bitbucket.org/enturas/design-system/commits/586758fc86eb5aa52116c63c14ef033eb2e8b12f))
-
-## [0.4.13](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.12...@entur/chip@0.4.13) (2021-08-13)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.12](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.11...@entur/chip@0.4.12) (2021-07-16)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.11](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.10...@entur/chip@0.4.11) (2021-06-25)
-
-### Bug Fixes
-
-- update dependencies ([b7f5e2d](https://bitbucket.org/enturas/design-system/commits/b7f5e2dd6ccfd066d61fdda5d1892994ea5b28dd))
-
-## [0.4.10](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.9...@entur/chip@0.4.10) (2021-06-04)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.9](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.8...@entur/chip@0.4.9) (2021-05-19)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.8](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.7...@entur/chip@0.4.8) (2021-05-05)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.7](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.6...@entur/chip@0.4.7) (2021-04-23)
-
-### Bug Fixes
-
-- utilize new focus tokens ([17113ef](https://bitbucket.org/enturas/design-system/commits/17113ef3f791c86fa6e19e71680fd5acdbae4990))
-
-## [0.4.6](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.5...@entur/chip@0.4.6) (2021-04-09)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.5](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.4...@entur/chip@0.4.5) (2021-03-02)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.4](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.3...@entur/chip@0.4.4) (2021-02-17)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.3](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.2...@entur/chip@0.4.3) (2021-02-05)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.2](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.1...@entur/chip@0.4.2) (2021-01-29)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.4.1](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.0...@entur/chip@0.4.1) (2021-01-20)
-
-### Bug Fixes
-
-- **choicechipgroup:** add label prop explicitly to typings ([eace8d6](https://bitbucket.org/enturas/design-system/commits/eace8d6cd2a91dc79003b9a54042d007d8cd5a8c))
-
-# [0.4.0](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.41...@entur/chip@0.4.0) (2021-01-13)
-
-### Features
-
-- **choicechip:** update value type with support for null ([0311c32](https://bitbucket.org/enturas/design-system/commits/0311c329f9a35a8d150c48e26d53bb902e4b3787))
-
-## [0.3.41](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.40...@entur/chip@0.3.41) (2021-01-05)
-
-### Bug Fixes
-
-- **actionchip:** improved typings ([66b3acc](https://bitbucket.org/enturas/design-system/commits/66b3accad09a69a2c9cd0f8cd1221f2b32931489))
-- **choicechip:** improve typings ([c839400](https://bitbucket.org/enturas/design-system/commits/c839400ca651020bc685840d7a18a5d382d907b0))
-
-## [0.3.40](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.39...@entur/chip@0.3.40) (2020-12-04)
-
-### Bug Fixes
-
-- **actionchip:** improve typings ([3999811](https://bitbucket.org/enturas/design-system/commits/399981153891f5131bd7af1e28bb5fc7f8fdf874))
-- **choicechip:** improve typings ([17b93c1](https://bitbucket.org/enturas/design-system/commits/17b93c197b05c277cec1b9bc28b0106b7e244be0))
-- **filterchip:** improve typings ([c9ad609](https://bitbucket.org/enturas/design-system/commits/c9ad6099243911b427885382dc0f5c1001cdee1d))
-- **tagchip:** improve typings ([33b4310](https://bitbucket.org/enturas/design-system/commits/33b431078ac73cde364a40dd27a44c4497f58d89))
-
-## [0.3.39](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.38...@entur/chip@0.3.39) (2020-11-26)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.38](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.37...@entur/chip@0.3.38) (2020-11-10)
-
-### Bug Fixes
-
-- **choice chip:** improve typing of onchange prop ([e790234](https://bitbucket.org/enturas/design-system/commits/e79023473e27c2c21016cb6394070a2ce8cd6f89))
-
-## [0.3.37](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.36...@entur/chip@0.3.37) (2020-11-05)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.36](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.35...@entur/chip@0.3.36) (2020-10-28)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.35](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.34...@entur/chip@0.3.35) (2020-10-23)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.34](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.33...@entur/chip@0.3.34) (2020-10-16)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.33](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.32...@entur/chip@0.3.33) (2020-10-09)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.32](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.31...@entur/chip@0.3.32) (2020-10-09)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.31](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.30...@entur/chip@0.3.31) (2020-09-25)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.30](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.29...@entur/chip@0.3.30) (2020-09-14)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.29](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.28...@entur/chip@0.3.29) (2020-09-10)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.28](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.27...@entur/chip@0.3.28) (2020-09-02)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.27](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.26...@entur/chip@0.3.27) (2020-08-26)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.26](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.25...@entur/chip@0.3.26) (2020-08-20)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.25](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.24...@entur/chip@0.3.25) (2020-08-19)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.24](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.23...@entur/chip@0.3.24) (2020-08-14)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.23](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.22...@entur/chip@0.3.23) (2020-08-11)
-
-### Bug Fixes
-
-- adjust disabled choicechip styling ([713a2ab](https://bitbucket.org/enturas/design-system/commits/713a2abfc0285f0d78ee4c990e6bd2ee0c2b5e08))
-
-## [0.3.22](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.21...@entur/chip@0.3.22) (2020-07-24)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.21](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.20...@entur/chip@0.3.21) (2020-07-22)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.20](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.19...@entur/chip@0.3.20) (2020-07-16)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.19](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.18...@entur/chip@0.3.19) (2020-07-13)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.18](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.17...@entur/chip@0.3.18) (2020-07-09)
-
-### Bug Fixes
-
-- adjust choice chip background color ([0097236](https://bitbucket.org/enturas/design-system/commits/009723686e9ff61e1fe9a24dee8e2c7a38cecb81))
-
-## [0.3.17](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.16...@entur/chip@0.3.17) (2020-07-03)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.16](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.15...@entur/chip@0.3.16) (2020-06-17)
-
-### Bug Fixes
-
-- fix wrong definition of forward referencing ([e5cad92](https://bitbucket.org/enturas/design-system/commits/e5cad92c59bc6453ab4dbe9a18c4c7e42dd7e00d))
-
-## [0.3.15](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.14...@entur/chip@0.3.15) (2020-05-27)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.14](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.13...@entur/chip@0.3.14) (2020-05-26)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.13](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.12...@entur/chip@0.3.13) (2020-05-20)
-
-### Bug Fixes
-
-- add forward referencing to TagChip ([08d0a57](https://bitbucket.org/enturas/design-system/commits/08d0a579469ce615e2dfbe63d8ddc20e56b490a2))
-
-## [0.3.12](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.11...@entur/chip@0.3.12) (2020-04-27)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.11](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.10...@entur/chip@0.3.11) (2020-04-23)
-
-### Bug Fixes
-
-- updated to use new focus styling where applicable ([d0a52c0](https://bitbucket.org/enturas/design-system/commits/d0a52c096b673c6647070a90dd79bef9003ee0ad))
-
-## [0.3.10](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.9...@entur/chip@0.3.10) (2020-04-08)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.9](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.7...@entur/chip@0.3.9) (2020-03-25)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.8](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.7...@entur/chip@0.3.8) (2020-03-25)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.7](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.6...@entur/chip@0.3.7) (2020-03-20)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.6](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.5...@entur/chip@0.3.6) (2020-03-18)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.5](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.4...@entur/chip@0.3.5) (2020-03-05)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.4](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.3...@entur/chip@0.3.4) (2020-02-26)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.3](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.2...@entur/chip@0.3.3) (2020-02-20)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.2](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.1...@entur/chip@0.3.2) (2020-02-14)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.3.1](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.3.0...@entur/chip@0.3.1) (2020-02-12)
-
-**Note:** Version bump only for package @entur/chip
-
-# [0.3.0](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.2.14...@entur/chip@0.3.0) (2020-02-10)
-
-### Features
-
-- add new components: tagchip and filterchip ([9363b20](https://bitbucket.org/enturas/design-system/commits/9363b204f04c8d10a2cee3a8076313b0800e027e))
-
-## [0.2.14](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.2.13...@entur/chip@0.2.14) (2020-02-05)
-
-### Bug Fixes
-
-- remove test-files from build process ([e0b24af](https://bitbucket.org/enturas/design-system/commits/e0b24af05d5c2ad8de4ae587d83c389495235890))
-
-## [0.2.13](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.2.12...@entur/chip@0.2.13) (2020-01-31)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.2.12](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.2.11...@entur/chip@0.2.12) (2020-01-28)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.2.11](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.2.10...@entur/chip@0.2.11) (2020-01-27)
-
-### Bug Fixes
-
-- **types:** place types in the correct place ([acace09](https://bitbucket.org/enturas/design-system/commits/acace09ec0e258c5cff3a65e13ab29d6603780d9))
-
-## [0.2.10](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.2.9...@entur/chip@0.2.10) (2020-01-20)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.2.9](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.2.8...@entur/chip@0.2.9) (2020-01-14)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.2.8](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.2.7...@entur/chip@0.2.8) (2020-01-13)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.2.7](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.2.6...@entur/chip@0.2.7) (2020-01-10)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.2.6](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.2.5...@entur/chip@0.2.6) (2020-01-08)
-
-### Bug Fixes
-
-- warn in development if the developer have forgotten the CSS ([e5c30fc](https://bitbucket.org/enturas/design-system/commits/e5c30fc08624ef22c02773892778abd92205c6b0))
-
-## [0.2.5](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.2.4...@entur/chip@0.2.5) (2020-01-06)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.2.4](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.2.3...@entur/chip@0.2.4) (2019-12-17)
-
-**Note:** Version bump only for package @entur/chip
-
-## [0.2.3](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.2.2...@entur/chip@0.2.3) (2019-12-10)
-
-### Bug Fixes
-
-- decreasing min-width for chips to 48px ([fe273db](https://bitbucket.org/enturas/design-system/commits/fe273dbd587a31514d852e743da564c2402ef13a))
-- fixing label support for choice chips group ([8bebf95](https://bitbucket.org/enturas/design-system/commits/8bebf9503ccb7dadd100fbd177b3da31a9375483))
-
-## [0.2.2](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.2.1...@entur/chip@0.2.2) (2019-12-10)
-
-### Bug Fixes
-
-- spreading styles on ChoiceChip-components ([4bdfef8](https://bitbucket.org/enturas/design-system/commits/4bdfef86acdc29e3620a9b20792812672b58bfa6))
-- **icon position:** consistent spacing for icons in chips ([f8ab91f](https://bitbucket.org/enturas/design-system/commits/f8ab91f255e70f1945d7145e6aef7c5136232bc1))
-- adding default prop as part of documentation ([1ef7510](https://bitbucket.org/enturas/design-system/commits/1ef75107362f6262429d7fe31519b4353eccc8de))
-
-## [0.2.1](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.2.0...@entur/chip@0.2.1) (2019-11-29)
-
-### Bug Fixes
-
-- using new box shadow tokens ([9ff30bd](https://bitbucket.org/enturas/design-system/commits/9ff30bd52ad2b6e6d770565684a05e15f0b0ba9a))
-
-# [0.2.0](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.1.1...@entur/chip@0.2.0) (2019-11-22)
-
-### Features
-
-- **types:** exporting all public types for public components ([4a277ab](https://bitbucket.org/enturas/design-system/commits/4a277ab266fdb32a6760821a07b1c6cc716bac85))
-
-## 0.1.1 (2019-11-18)
-
-### Bug Fixes
-
-- fixing improper styling of chips ([eb48017](https://bitbucket.org/enturas/design-system/commits/eb48017876785665900062461470b35ef05a1e9f))