@entur/chip 0.8.12 → 0.9.0

package/dist/chip.cjs.development.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils = require('@entur/utils');
 var React = require('react');
-var classNames = require('classnames');
+var cx = require('classnames');
 var loader = require('@entur/loader');
 var icons = require('@entur/icons');
 var form = require('@entur/form');
@@ -50,13 +50,9 @@ var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   var childrenArray = React.Children.toArray(children);
-  var isIcon = function isIcon(child) {
-    var _child$type;
-    return child == null || (_child$type = child.type) == null ? void 0 : _child$type.toString().toLowerCase().includes('icon');
-  };
-  var hasLeadingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(0));
-  var hasTrailingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(-1));
-  var classList = classNames(className, 'eds-chip', "eds-chip--size-" + size, {
+  var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
+  var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
+  var classList = cx(className, 'eds-chip', "eds-chip--size-" + size, {
     'eds-chip--disabled': disabled,
     'eds-chip--leading-icon': hasLeadingIcon,
     'eds-chip--trailing-icon': hasTrailingIcon
@@ -93,12 +89,8 @@ var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var childrenArray = React.Children.toArray(children);
-  var isIcon = function isIcon(child) {
-    var _child$type;
-    return child == null || (_child$type = child.type) == null ? void 0 : _child$type.toString().toLowerCase().includes('icon');
-  };
-  var hasLeadingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(0));
-  var hasTrailingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(-1));
+  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;
@@ -107,7 +99,7 @@ var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var ariaLabelWhenLoading = childrenArray.filter(function (child) {
     return typeof child === 'string';
   }).join(' ');
-  var classList = classNames(className, 'eds-chip', 'eds-action-chip', "eds-chip--size-" + size, {
+  var classList = cx(className, 'eds-chip', 'eds-action-chip', "eds-chip--size-" + size, {
     'eds-chip--leading-icon': hasLeadingIcon,
     'eds-chip--trailing-icon': hasTrailingIcon,
     'eds-action-chip--disabled': rest.disabled
@@ -138,9 +130,15 @@ var TagChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+  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 selectedCloseLabel = closeButtonAriaLabel != null ? closeButtonAriaLabel : 'Fjern ' + (children == null ? void 0 : children.toString());
   return React.createElement("div", _extends({
-    className: classNames('eds-chip', 'eds-tag-chip', "eds-chip--size-" + size, className)
+    className: cx('eds-chip', 'eds-tag-chip', "eds-chip--size-" + size, className, {
+      'eds-chip--leading-icon': hasLeadingIcon,
+      'eds-chip--trailing-icon': hasTrailingIcon
+    })
   }, rest), children, React.createElement("button", {
     className: "eds-tag-chip__close-button",
     type: "button",
@@ -164,7 +162,10 @@ var FilterChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  var classList = classNames(className, 'eds-filter-chip');
+  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 classList = cx(className, 'eds-filter-chip');
   return React.createElement("label", {
     className: classList,
     style: style
@@ -176,7 +177,10 @@ var FilterChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     value: value,
     disabled: disabled
   }, rest)), React.createElement("div", {
-    className: "eds-chip " + (size ? "eds-chip--size-" + size : '')
+    className: cx('eds-chip', "eds-chip--size-" + size, {
+      'eds-chip--leading-icon': hasLeadingIcon,
+      'eds-chip--trailing-icon': hasTrailingIcon
+    })
   }, React.createElement("span", {
     className: "eds-filter-chip__icon"
   }, React.createElement(CheckboxIcon, null)), children));

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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value' | 'size'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      disabled = false,\n      style,\n      size = 'medium',\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const isIcon = (child: any) =>\n      child?.type?.toString().toLowerCase().includes('icon');\n    const hasLeadingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(0));\n    const hasTrailingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(-1));\n\n    const classList = cx(className, 'eds-chip', `eds-chip--size-${size}`, {\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          aria-disabled={disabled}\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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, size = 'medium', ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const isIcon = (child: any) =>\n      child?.type?.toString().toLowerCase().includes('icon');\n    const hasLeadingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(0));\n    const hasTrailingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(-1));\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 classList = classNames(\n      className,\n      'eds-chip',\n      'eds-action-chip',\n      `eds-chip--size-${size}`,\n      {\n        'eds-chip--leading-icon': hasLeadingIcon,\n        'eds-chip--trailing-icon': hasTrailingIcon,\n        'eds-action-chip--disabled': rest.disabled,\n      },\n    );\n\n    const actionChip = (\n      <button\n        className={classList}\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 { CloseSmallIcon } 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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    {\n      children,\n      className,\n      onClose,\n      closeButtonAriaLabel,\n      size = 'medium',\n      ...rest\n    },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames(\n          'eds-chip',\n          'eds-tag-chip',\n          `eds-chip--size-${size}`,\n          className,\n        )}\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          <CloseSmallIcon aria-hidden />\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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'size'>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      disabled = false,\n      name,\n      style,\n      size = 'medium',\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = cx(className, '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        <div className={`eds-chip ${size ? `eds-chip--size-${size}` : ''}`}>\n          <span className=\"eds-filter-chip__icon\">\n            <CheckboxIcon />\n          </span>\n          {children}\n        </div>\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M1.71283 7.10801L5.6464 11.1377C5.84098 11.3371 6.16095 11.339 6.35786 11.1419L14.2916 3.20325\"\n        stroke=\"#181C56\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n","import React from 'react';\nimport { ChoiceChipGroupContextProvider } from './ChoiceChipGroupContext';\nimport { Fieldset } from '@entur/form';\n\nimport './ChoiceChipGroup.scss';\n\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","ref","className","children","value","_ref$disabled","disabled","style","_ref$size","size","rest","_objectWithoutPropertiesLoose","_excluded","childrenArray","Children","toArray","isIcon","child","_child$type","type","toString","toLowerCase","includes","hasLeadingIcon","length","at","hasTrailingIcon","classList","cx","_useChoiceChipGroupCo","name","selectedValue","onChange","createElement","_extends","checked","ActionChip","_ref$loading","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","join","classNames","actionChip","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","onClick","CloseSmallIcon","FilterChip","CheckboxIcon","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value' | 'size'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      disabled = false,\n      style,\n      size = 'medium',\n      ...rest\n    },\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', `eds-chip--size-${size}`, {\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          aria-disabled={disabled}\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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, size = 'medium', ...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 classList = classNames(\n      className,\n      'eds-chip',\n      'eds-action-chip',\n      `eds-chip--size-${size}`,\n      {\n        'eds-chip--leading-icon': hasLeadingIcon,\n        'eds-chip--trailing-icon': hasTrailingIcon,\n        'eds-action-chip--disabled': rest.disabled,\n      },\n    );\n\n    const actionChip = (\n      <button\n        className={classList}\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 { CloseSmallIcon } 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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    {\n      children,\n      className,\n      onClose,\n      closeButtonAriaLabel,\n      size = 'medium',\n      ...rest\n    },\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 selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames(\n          'eds-chip',\n          'eds-tag-chip',\n          `eds-chip--size-${size}`,\n          className,\n          {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n          },\n        )}\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          <CloseSmallIcon aria-hidden />\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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'size'>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      disabled = false,\n      name,\n      style,\n      size = 'medium',\n      ...rest\n    },\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-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        <div\n          className={cx('eds-chip', `eds-chip--size-${size}`, {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n          })}\n        >\n          <span className=\"eds-filter-chip__icon\">\n            <CheckboxIcon />\n          </span>\n          {children}\n        </div>\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M1.71283 7.10801L5.6464 11.1377C5.84098 11.3371 6.16095 11.339 6.35786 11.1419L14.2916 3.20325\"\n        stroke=\"#181C56\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n","import React from 'react';\nimport { ChoiceChipGroupContextProvider } from './ChoiceChipGroupContext';\nimport { Fieldset } from '@entur/form';\n\nimport './ChoiceChipGroup.scss';\n\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","ref","className","children","value","_ref$disabled","disabled","style","_ref$size","size","rest","_objectWithoutPropertiesLoose","_excluded","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","classList","cx","_useChoiceChipGroupCo","name","selectedValue","onChange","createElement","_extends","type","checked","ActionChip","_ref$loading","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","child","join","classNames","actionChip","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","toString","onClick","CloseSmallIcon","FilterChip","CheckboxIcon","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","ChoiceChipGroup","label","contextValue","useMemo","Fieldset","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,sBAAsB,gBAC1BC,KAAK,CAACC,aAAa,CAAqC,IAAI,CAAC,CAAA;AAExD,IAAMC,8BAA8B,GAAGH,sBAAsB,CAACI,QAAQ,CAAA;AAEtE,IAAMC,yBAAyB,GACpC,SADWA,yBAAyBA,GAC/B;AACH,EAAA,IAAMC,OAAO,GAAGL,KAAK,CAACM,UAAU,CAACP,sBAAsB,CAAC,CAAA;EACxD,IAAI,CAACM,OAAO,EAAE;AACZ,IAAA,MAAM,IAAIE,KAAK,CACb,kEAAkE,CACnE,CAAA;AACH,GAAA;AACA,EAAA,OAAOF,OAAO,CAAA;AAChB,CAAC;;;ACOI,IAAMG,UAAU,gBAAGR,KAAK,CAACS,UAAU,CACxC,UAAAC,IAAA,EAUEC,GAAgC,EAC9B;AAAA,EAAA,IATAC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAAC,aAAA,GAAAL,IAAA,CACLM,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,KAAK,GAAAP,IAAA,CAALO,KAAK;IAAAC,SAAA,GAAAR,IAAA,CACLS,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;AACZE,IAAAA,IAAI,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,WAAA,CAAA,CAAA;EAIT,IAAMC,aAAa,GAAGvB,KAAK,CAACwB,QAAQ,CAACC,OAAO,CAACZ,QAAQ,CAAC,CAAA;AACtD,EAAA,IAAMa,cAAc,GAClBH,aAAa,CAACI,MAAM,GAAG,CAAC,IAAI,OAAOJ,aAAa,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAA;AAClE,EAAA,IAAMK,eAAe,GACnBL,aAAa,CAACI,MAAM,GAAG,CAAC,IACxB,OAAOJ,aAAa,CAACA,aAAa,CAACI,MAAM,GAAG,CAAC,CAAC,KAAK,QAAQ,CAAA;EAE7D,IAAME,SAAS,GAAGC,EAAE,CAAClB,SAAS,EAAE,UAAU,EAAoBO,iBAAAA,GAAAA,IAAI,EAAI;AACpE,IAAA,oBAAoB,EAAEH,QAAQ;AAC9B,IAAA,wBAAwB,EAAEU,cAAc;AACxC,IAAA,yBAAyB,EAAEE,eAAAA;AAC5B,GAAA,CAAC,CAAA;AACF,EAAA,IAAAG,qBAAA,GAII3B,yBAAyB,EAAE;IAH7B4B,IAAI,GAAAD,qBAAA,CAAJC,IAAI;IACGC,aAAa,GAAAF,qBAAA,CAApBjB,KAAK;IACLoB,QAAQ,GAAAH,qBAAA,CAARG,QAAQ,CAAA;AAEV,EAAA,OACElC;AAAOY,IAAAA,SAAS,EAAC,iBAAiB;AAACK,IAAAA,KAAK,EAAEA,KAAAA;AAAK,GAAA,EAC7CjB,KAAA,CAAAmC,aAAA,CAAA,OAAA,EAAAC,QAAA,CAAA;AACExB,IAAAA,SAAS,EAAC,wBAAwB;AAClCyB,IAAAA,IAAI,EAAC,OAAO;AACZL,IAAAA,IAAI,EAAEA,IAAI;AACVrB,IAAAA,GAAG,EAAEA,GAAG;AACRG,IAAAA,KAAK,EAAEA,KAAK;AACZE,IAAAA,QAAQ,EAAEA,QAAQ;IAClBsB,OAAO,EAAEL,aAAa,KAAKnB,KAAK;AAChCoB,IAAAA,QAAQ,EAAEA,QAAQ;qBACHlB,QAAAA;GACXI,EAAAA,IAAI,CACR,CAAA,EACFpB,KAAK,CAAAmC,aAAA,CAAA,KAAA,EAAA;AAAAvB,IAAAA,SAAS,EAAEiB,SAAAA;GAAS,EAAGhB,QAAQ,CAAO,CACrC,CAAA;AAEZ,CAAC;;;ACpDI,IAAM0B,UAAU,gBAAGvC,KAAK,CAACS,UAAU,CACxC,UAAAC,IAAA,EAEEC,GAAiC,EAC/B;AAAA,EAAA,IAFAE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAED,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAA4B,YAAA,GAAA9B,IAAA,CAAE+B,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,YAAA;IAAAtB,SAAA,GAAAR,IAAA,CAAES,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;AAAKE,IAAAA,IAAI,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,WAAA,CAAA,CAAA;EAGhE,IAAMC,aAAa,GAAGvB,KAAK,CAACwB,QAAQ,CAACC,OAAO,CAACZ,QAAQ,CAAC,CAAA;AACtD,EAAA,IAAMa,cAAc,GAClBH,aAAa,CAACI,MAAM,GAAG,CAAC,IAAI,OAAOJ,aAAa,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAA;AAClE,EAAA,IAAMK,eAAe,GACnBL,aAAa,CAACI,MAAM,GAAG,CAAC,IACxB,OAAOJ,aAAa,CAACA,aAAa,CAACI,MAAM,GAAG,CAAC,CAAC,KAAK,QAAQ,CAAA;AAE7D,EAAA,IAAMe,cAAc,GAAG,SAAjBA,cAAcA,GAAQ;IAC1B,IAAItB,IAAI,CAAC,YAAY,CAAC,EAAE,OAAOA,IAAI,CAAC,YAAY,CAAC,CAAA;IACjD,IAAIqB,OAAO,EAAE,OAAOE,oBAAoB,CAAA;AACxC,IAAA,OAAOC,SAAS,CAAA;GACjB,CAAA;AAED,EAAA,IAAMD,oBAAoB,GAAGpB,aAAa,CACvCsB,MAAM,CAAC,UAAAC,KAAK,EAAA;IAAA,OAAI,OAAOA,KAAK,KAAK,QAAQ,CAAA;AAAA,GAAA,CAAC,CAC1CC,IAAI,CAAC,GAAG,CAAC,CAAA;EAEZ,IAAMlB,SAAS,GAAGmB,EAAU,CAC1BpC,SAAS,EACT,UAAU,EACV,iBAAiB,EACCO,iBAAAA,GAAAA,IAAI,EACtB;AACE,IAAA,wBAAwB,EAAEO,cAAc;AACxC,IAAA,yBAAyB,EAAEE,eAAe;IAC1C,2BAA2B,EAAER,IAAI,CAACJ,QAAAA;AACnC,GAAA,CACF,CAAA;EAED,IAAMiC,UAAU,GACdjD,KAAA,CAAAmC,aAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;AACExB,IAAAA,SAAS,EAAEiB,SAAS;AACpBlB,IAAAA,GAAG,EAAEA,GAAG;AACG,IAAA,WAAA,EAAA8B,OAAO;kBACNC,cAAc,EAAE;AAC5BL,IAAAA,IAAI,EAAC,QAAA;GACDjB,EAAAA,IAAI,GAEPqB,OAAO,GACNzC,oBAACkD,kBAAW,EAAA;AAACtC,IAAAA,SAAS,EAAC,+BAAA;IAAkC,GAEzDC,QACD,CAEJ,CAAA;EAED,IAAIO,IAAI,CAACJ,QAAQ,EAAE;AACjB,IAAA,OACEhB;AAAKY,MAAAA,SAAS,EAAC,oCAAA;KAAsC,EAAAqC,UAAU,CAAO,CAAA;AAE1E,GAAA;EACA,OAAOjD,KAAA,CAAAmC,aAAA,CAAAnC,KAAA,CAAAmD,QAAA,EAAA,IAAA,EAAGF,UAAU,CAAI,CAAA;AAC1B,CAAC;;;AC5DI,IAAMG,OAAO,gBAAGpD,KAAK,CAACS,UAAU,CACrC,UAAAC,IAAA,EASEC,GAAiC,EAC/B;AAAA,EAAA,IARAE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRD,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTyC,OAAO,GAAA3C,IAAA,CAAP2C,OAAO;IACPC,oBAAoB,GAAA5C,IAAA,CAApB4C,oBAAoB;IAAApC,SAAA,GAAAR,IAAA,CACpBS,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;AACZE,IAAAA,IAAI,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,WAAA,CAAA,CAAA;EAIT,IAAMC,aAAa,GAAGvB,KAAK,CAACwB,QAAQ,CAACC,OAAO,CAACZ,QAAQ,CAAC,CAAA;AACtD,EAAA,IAAMa,cAAc,GAClBH,aAAa,CAACI,MAAM,GAAG,CAAC,IAAI,OAAOJ,aAAa,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAA;AAClE,EAAA,IAAMK,eAAe,GACnBL,aAAa,CAACI,MAAM,GAAG,CAAC,IACxB,OAAOJ,aAAa,CAACA,aAAa,CAACI,MAAM,GAAG,CAAC,CAAC,KAAK,QAAQ,CAAA;AAE7D,EAAA,IAAM4B,kBAAkB,GACtBD,oBAAoB,IAAA,IAAA,GAApBA,oBAAoB,GAAI,QAAQ,IAAGzC,QAAQ,IAARA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAQ,CAAE2C,QAAQ,EAAE,CAAA,CAAA;AAEzD,EAAA,OACExD,KAAA,CAAAmC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;IACExB,SAAS,EAAEoC,EAAU,CACnB,UAAU,EACV,cAAc,EACI7B,iBAAAA,GAAAA,IAAI,EACtBP,SAAS,EACT;AACE,MAAA,wBAAwB,EAAEc,cAAc;AACxC,MAAA,yBAAyB,EAAEE,eAAAA;KAC5B,CAAA;GAECR,EAAAA,IAAI,GAEPP,QAAQ,EACTb,KAAA,CAAAmC,aAAA,CAAA,QAAA,EAAA;AACEvB,IAAAA,SAAS,EAAC,4BAA4B;AACtCyB,IAAAA,IAAI,EAAC,QAAQ;AACboB,IAAAA,OAAO,EAAEJ,OAAO;AACJ,IAAA,YAAA,EAAAE,kBAAkB;AAC9B5C,IAAAA,GAAG,EAAEA,GAAAA;AAAG,GAAA,EAERX,KAAA,CAAAmC,aAAA,CAACuB,oBAAc,EAAA;AAAA,IAAA,aAAA,EAAA,IAAA;GAAA,CAAe,CACvB,CACL,CAAA;AAEV,CAAC;;;ACnDI,IAAMC,UAAU,gBAAG3D,KAAK,CAACS,UAAU,CACxC,UAAAC,IAAA,EAWEC,GAAgC,EAC9B;AAAA,EAAA,IAVAC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAAC,aAAA,GAAAL,IAAA,CACLM,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBiB,IAAI,GAAAtB,IAAA,CAAJsB,IAAI;IACJf,KAAK,GAAAP,IAAA,CAALO,KAAK;IAAAC,SAAA,GAAAR,IAAA,CACLS,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;AACZE,IAAAA,IAAI,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,WAAA,CAAA,CAAA;EAIT,IAAMC,aAAa,GAAGvB,KAAK,CAACwB,QAAQ,CAACC,OAAO,CAACZ,QAAQ,CAAC,CAAA;AACtD,EAAA,IAAMa,cAAc,GAClBH,aAAa,CAACI,MAAM,GAAG,CAAC,IAAI,OAAOJ,aAAa,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAA;AAClE,EAAA,IAAMK,eAAe,GACnBL,aAAa,CAACI,MAAM,GAAG,CAAC,IACxB,OAAOJ,aAAa,CAACA,aAAa,CAACI,MAAM,GAAG,CAAC,CAAC,KAAK,QAAQ,CAAA;AAE7D,EAAA,IAAME,SAAS,GAAGC,EAAE,CAAClB,SAAS,EAAE,iBAAiB,CAAC,CAAA;AAElD,EAAA,OACEZ;AAAOY,IAAAA,SAAS,EAAEiB,SAAS;AAAEZ,IAAAA,KAAK,EAAEA,KAAAA;AAAK,GAAA,EACvCjB,KACE,CAAAmC,aAAA,CAAA,OAAA,EAAAC,QAAA,CAAA;AAAAxB,IAAAA,SAAS,EAAC,wBAAwB;AAClCyB,IAAAA,IAAI,EAAC,UAAU;AACfL,IAAAA,IAAI,EAAEA,IAAI;AACVrB,IAAAA,GAAG,EAAEA,GAAG;AACRG,IAAAA,KAAK,EAAEA,KAAK;AACZE,IAAAA,QAAQ,EAAEA,QAAAA;GACNI,EAAAA,IAAI,CACR,CAAA,EACFpB,KACE,CAAAmC,aAAA,CAAA,KAAA,EAAA;AAAAvB,IAAAA,SAAS,EAAEkB,EAAE,CAAC,UAAU,EAAA,iBAAA,GAAoBX,IAAI,EAAI;AAClD,MAAA,wBAAwB,EAAEO,cAAc;AACxC,MAAA,yBAAyB,EAAEE,eAAAA;KAC5B,CAAA;AAAC,GAAA,EAEF5B,KAAM,CAAAmC,aAAA,CAAA,MAAA,EAAA;AAAAvB,IAAAA,SAAS,EAAC,uBAAA;AAAuB,GAAA,EACrCZ,KAAC,CAAAmC,aAAA,CAAAyB,YAAY,OAAG,CACX,EACN/C,QAAQ,CACL,CACA,CAAA;AAEZ,CAAC,EACF;AAED,IAAM+C,YAAY,GAAa,SAAzBA,YAAYA,GAAkB;AAClC,EAAA,OACE5D,KACE,CAAAmC,aAAA,CAAA,KAAA,EAAA;AAAAvB,IAAAA,SAAS,EAAC,sBAAsB;AAChCiD,IAAAA,KAAK,EAAC,IAAI;AACVC,IAAAA,MAAM,EAAC,IAAI;AACXC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,KAAK,EAAC,4BAAA;AAA4B,GAAA,EAElCjE,KAAA,CAAAmC,aAAA,CAAA,MAAA,EAAA;AACEvB,IAAAA,SAAS,EAAC,4BAA4B;AACtCsD,IAAAA,CAAC,EAAC,gGAAgG;AAClGC,IAAAA,MAAM,EAAC,SAAS;AAChBC,IAAAA,WAAW,EAAC,GAAA;AACZ,GAAA,CAAA,CACE,CAAA;AAEV,CAAC;;;IClEYC,eAAe,GAAmC,SAAlDA,eAAeA,CAAA3D,IAAA,EAOvB;AAAA,EAAA,IANHsB,IAAI,GAAAtB,IAAA,CAAJsB,IAAI;IACJlB,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLD,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRqB,QAAQ,GAAAxB,IAAA,CAARwB,QAAQ;IACRoC,KAAK,GAAA5D,IAAA,CAAL4D,KAAK;AACFlD,IAAAA,IAAI,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMiD,YAAY,GAAGvE,KAAK,CAACwE,OAAO,CAChC,YAAA;IAAA,OAAO;AAAExC,MAAAA,IAAI,EAAJA,IAAI;AAAElB,MAAAA,KAAK,EAALA,KAAK;AAAEoB,MAAAA,QAAQ,EAARA,QAAAA;KAAU,CAAA;GAAC,EACjC,CAACF,IAAI,EAAElB,KAAK,EAAEoB,QAAQ,CAAC,CACxB,CAAA;AACD,EAAA,OACElC,KAAC,CAAAmC,aAAA,CAAAjC,8BAA8B,EAAC;AAAAY,IAAAA,KAAK,EAAEyD,YAAAA;AAAY,GAAA,EACjDvE,KAAA,CAAAmC,aAAA,CAACsC,aAAQ,EAAArC,QAAA,CAAA;AAACxB,IAAAA,SAAS,EAAC,wBAAwB;AAAC0D,IAAAA,KAAK,EAAEA,KAAAA;AAAK,GAAA,EAAMlD,IAAI,CAAA,EAChEP,QAAQ,CACA,CACoB,CAAA;AAErC;;ACpCA6D,4BAAsB,CAAC,MAAM,EAAE,MAAM,CAAC;;;;;;;;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),i=require("react"),a=require("classnames"),n=require("@entur/loader"),t=require("@entur/icons"),r=require("@entur/form");function l(){return l=Object.assign?Object.assign.bind():function(e){for(var i=1;i<arguments.length;i++){var a=arguments[i];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},l.apply(null,arguments)}function s(e,i){if(null==e)return{};var a={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(i.includes(n))continue;a[n]=e[n]}return a}var c=i.createContext(null),o=c.Provider,d=["className","children","value","disabled","style","size"],u=i.forwardRef((function(e,n){var t=e.className,r=e.children,o=e.value,u=e.disabled,h=void 0!==u&&u,p=e.style,m=e.size,v=void 0===m?"medium":m,f=s(e,d),b=i.Children.toArray(r),g=function(e){var i;return null==e||null==(i=e.type)?void 0:i.toString().toLowerCase().includes("icon")},C=b.length>1&&g(b.at(0)),N=b.length>1&&g(b.at(-1)),y=a(t,"eds-chip","eds-chip--size-"+v,{"eds-chip--disabled":h,"eds-chip--leading-icon":C,"eds-chip--trailing-icon":N}),E=function(){var e=i.useContext(c);if(!e)throw new Error("You need to wrap your ChoiceChips in a ChoiceChipGroup-component");return e}();return i.createElement("label",{className:"eds-choice-chip",style:p},i.createElement("input",l({className:"eds-choice-chip__input",type:"radio",name:E.name,ref:n,value:o,disabled:h,checked:E.value===o,onChange:E.onChange,"aria-disabled":h},f)),i.createElement("div",{className:y},r))})),h=["children","className","loading","size"],p=i.forwardRef((function(e,t){var r=e.children,c=e.className,o=e.loading,d=void 0!==o&&o,u=e.size,p=void 0===u?"medium":u,m=s(e,h),v=i.Children.toArray(r),f=function(e){var i;return null==e||null==(i=e.type)?void 0:i.toString().toLowerCase().includes("icon")},b=v.length>1&&f(v.at(0)),g=v.length>1&&f(v.at(-1)),C=v.filter((function(e){return"string"==typeof e})).join(" "),N=a(c,"eds-chip","eds-action-chip","eds-chip--size-"+p,{"eds-chip--leading-icon":b,"eds-chip--trailing-icon":g,"eds-action-chip--disabled":m.disabled}),y=i.createElement("button",l({className:N,ref:t,"aria-busy":d,"aria-label":m["aria-label"]?m["aria-label"]:d?C:void 0,type:"button"},m),d?i.createElement(n.LoadingDots,{className:"eds-action-chip__loading-dots"}):r);return m.disabled?i.createElement("div",{className:"eds-action-chip--disabled__wrapper"},y):i.createElement(i.Fragment,null,y)})),m=["children","className","onClose","closeButtonAriaLabel","size"],v=i.forwardRef((function(e,n){var r=e.children,c=e.className,o=e.onClose,d=e.closeButtonAriaLabel,u=e.size,h=void 0===u?"medium":u,p=s(e,m),v=null!=d?d:"Fjern "+(null==r?void 0:r.toString());return i.createElement("div",l({className:a("eds-chip","eds-tag-chip","eds-chip--size-"+h,c)},p),r,i.createElement("button",{className:"eds-tag-chip__close-button",type:"button",onClick:o,"aria-label":v,ref:n},i.createElement(t.CloseSmallIcon,{"aria-hidden":!0})))})),f=["className","children","value","disabled","name","style","size"],b=i.forwardRef((function(e,n){var t=e.className,r=e.children,c=e.value,o=e.disabled,d=void 0!==o&&o,u=e.name,h=e.style,p=e.size,m=void 0===p?"medium":p,v=s(e,f),b=a(t,"eds-filter-chip");return i.createElement("label",{className:b,style:h},i.createElement("input",l({className:"eds-filter-chip__input",type:"checkbox",name:u,ref:n,value:c,disabled:d},v)),i.createElement("div",{className:"eds-chip "+(m?"eds-chip--size-"+m:"")},i.createElement("span",{className:"eds-filter-chip__icon"},i.createElement(g,null)),r))})),g=function(){return i.createElement("svg",{className:"eds-filter-chip-icon",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{className:"eds-filter-chip-icon__path",d:"M1.71283 7.10801L5.6464 11.1377C5.84098 11.3371 6.16095 11.339 6.35786 11.1419L14.2916 3.20325",stroke:"#181C56",strokeWidth:"2"}))},C=["name","value","children","onChange","label"];e.warnAboutMissingStyles("chip","form"),exports.ActionChip=p,exports.ChoiceChip=u,exports.ChoiceChipGroup=function(e){var a=e.name,n=e.value,t=e.children,c=e.onChange,d=e.label,u=s(e,C),h=i.useMemo((function(){return{name:a,value:n,onChange:c}}),[a,n,c]);return i.createElement(o,{value:h},i.createElement(r.Fieldset,l({className:"eds-choice-chips-group",label:d},u),t))},exports.FilterChip=b,exports.TagChip=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),i=require("react"),n=require("classnames"),a=require("@entur/loader"),t=require("@entur/icons"),r=require("@entur/form");function l(){return l=Object.assign?Object.assign.bind():function(e){for(var i=1;i<arguments.length;i++){var n=arguments[i];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},l.apply(null,arguments)}function s(e,i){if(null==e)return{};var n={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(i.includes(a))continue;n[a]=e[a]}return n}var c=i.createContext(null),o=c.Provider,d=["className","children","value","disabled","style","size"],h=i.forwardRef((function(e,a){var t=e.className,r=e.children,o=e.value,h=e.disabled,u=void 0!==h&&h,p=e.style,m=e.size,g=void 0===m?"medium":m,f=s(e,d),v=i.Children.toArray(r),b=n(t,"eds-chip","eds-chip--size-"+g,{"eds-chip--disabled":u,"eds-chip--leading-icon":v.length>1&&"string"!=typeof v[0],"eds-chip--trailing-icon":v.length>1&&"string"!=typeof v[v.length-1]}),y=function(){var e=i.useContext(c);if(!e)throw new Error("You need to wrap your ChoiceChips in a ChoiceChipGroup-component");return e}();return i.createElement("label",{className:"eds-choice-chip",style:p},i.createElement("input",l({className:"eds-choice-chip__input",type:"radio",name:y.name,ref:a,value:o,disabled:u,checked:y.value===o,onChange:y.onChange,"aria-disabled":u},f)),i.createElement("div",{className:b},r))})),u=["children","className","loading","size"],p=i.forwardRef((function(e,t){var r=e.children,c=e.className,o=e.loading,d=void 0!==o&&o,h=e.size,p=void 0===h?"medium":h,m=s(e,u),g=i.Children.toArray(r),f=g.length>1&&"string"!=typeof g[0],v=g.length>1&&"string"!=typeof g[g.length-1],b=g.filter((function(e){return"string"==typeof e})).join(" "),y=n(c,"eds-chip","eds-action-chip","eds-chip--size-"+p,{"eds-chip--leading-icon":f,"eds-chip--trailing-icon":v,"eds-action-chip--disabled":m.disabled}),C=i.createElement("button",l({className:y,ref:t,"aria-busy":d,"aria-label":m["aria-label"]?m["aria-label"]:d?b:void 0,type:"button"},m),d?i.createElement(a.LoadingDots,{className:"eds-action-chip__loading-dots"}):r);return m.disabled?i.createElement("div",{className:"eds-action-chip--disabled__wrapper"},C):i.createElement(i.Fragment,null,C)})),m=["children","className","onClose","closeButtonAriaLabel","size"],g=i.forwardRef((function(e,a){var r=e.children,c=e.className,o=e.onClose,d=e.closeButtonAriaLabel,h=e.size,u=void 0===h?"medium":h,p=s(e,m),g=i.Children.toArray(r),f=g.length>1&&"string"!=typeof g[0],v=g.length>1&&"string"!=typeof g[g.length-1],b=null!=d?d:"Fjern "+(null==r?void 0:r.toString());return i.createElement("div",l({className:n("eds-chip","eds-tag-chip","eds-chip--size-"+u,c,{"eds-chip--leading-icon":f,"eds-chip--trailing-icon":v})},p),r,i.createElement("button",{className:"eds-tag-chip__close-button",type:"button",onClick:o,"aria-label":b,ref:a},i.createElement(t.CloseSmallIcon,{"aria-hidden":!0})))})),f=["className","children","value","disabled","name","style","size"],v=i.forwardRef((function(e,a){var t=e.className,r=e.children,c=e.value,o=e.disabled,d=void 0!==o&&o,h=e.name,u=e.style,p=e.size,m=void 0===p?"medium":p,g=s(e,f),v=i.Children.toArray(r),y=v.length>1&&"string"!=typeof v[0],C=v.length>1&&"string"!=typeof v[v.length-1],N=n(t,"eds-filter-chip");return i.createElement("label",{className:N,style:u},i.createElement("input",l({className:"eds-filter-chip__input",type:"checkbox",name:h,ref:a,value:c,disabled:d},g)),i.createElement("div",{className:n("eds-chip","eds-chip--size-"+m,{"eds-chip--leading-icon":y,"eds-chip--trailing-icon":C})},i.createElement("span",{className:"eds-filter-chip__icon"},i.createElement(b,null)),r))})),b=function(){return i.createElement("svg",{className:"eds-filter-chip-icon",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{className:"eds-filter-chip-icon__path",d:"M1.71283 7.10801L5.6464 11.1377C5.84098 11.3371 6.16095 11.339 6.35786 11.1419L14.2916 3.20325",stroke:"#181C56",strokeWidth:"2"}))},y=["name","value","children","onChange","label"];e.warnAboutMissingStyles("chip","form"),exports.ActionChip=p,exports.ChoiceChip=h,exports.ChoiceChipGroup=function(e){var n=e.name,a=e.value,t=e.children,c=e.onChange,d=e.label,h=s(e,y),u=i.useMemo((function(){return{name:n,value:a,onChange:c}}),[n,a,c]);return i.createElement(o,{value:u},i.createElement(r.Fieldset,l({className:"eds-choice-chips-group",label:d},h),t))},exports.FilterChip=v,exports.TagChip=g;
 //# sourceMappingURL=chip.cjs.production.min.js.map

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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value' | 'size'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      disabled = false,\n      style,\n      size = 'medium',\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const isIcon = (child: any) =>\n      child?.type?.toString().toLowerCase().includes('icon');\n    const hasLeadingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(0));\n    const hasTrailingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(-1));\n\n    const classList = cx(className, 'eds-chip', `eds-chip--size-${size}`, {\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          aria-disabled={disabled}\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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, size = 'medium', ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const isIcon = (child: any) =>\n      child?.type?.toString().toLowerCase().includes('icon');\n    const hasLeadingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(0));\n    const hasTrailingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(-1));\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 classList = classNames(\n      className,\n      'eds-chip',\n      'eds-action-chip',\n      `eds-chip--size-${size}`,\n      {\n        'eds-chip--leading-icon': hasLeadingIcon,\n        'eds-chip--trailing-icon': hasTrailingIcon,\n        'eds-action-chip--disabled': rest.disabled,\n      },\n    );\n\n    const actionChip = (\n      <button\n        className={classList}\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 { CloseSmallIcon } 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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    {\n      children,\n      className,\n      onClose,\n      closeButtonAriaLabel,\n      size = 'medium',\n      ...rest\n    },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames(\n          'eds-chip',\n          'eds-tag-chip',\n          `eds-chip--size-${size}`,\n          className,\n        )}\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          <CloseSmallIcon aria-hidden />\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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'size'>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      disabled = false,\n      name,\n      style,\n      size = 'medium',\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = cx(className, '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        <div className={`eds-chip ${size ? `eds-chip--size-${size}` : ''}`}>\n          <span className=\"eds-filter-chip__icon\">\n            <CheckboxIcon />\n          </span>\n          {children}\n        </div>\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M1.71283 7.10801L5.6464 11.1377C5.84098 11.3371 6.16095 11.339 6.35786 11.1419L14.2916 3.20325\"\n        stroke=\"#181C56\"\n        strokeWidth=\"2\"\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';\n\nimport './ChoiceChipGroup.scss';\n\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","ref","className","children","value","_ref$disabled","disabled","style","_ref$size","size","rest","_objectWithoutPropertiesLoose","_excluded","childrenArray","Children","toArray","isIcon","child","_child$type","type","toString","toLowerCase","includes","hasLeadingIcon","length","at","hasTrailingIcon","classList","cx","_useChoiceChipGroupCo","context","useContext","Error","useChoiceChipGroupContext","createElement","_extends","name","checked","onChange","ActionChip","_ref$loading","loading","ariaLabelWhenLoading","filter","join","classNames","actionChip","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","onClick","CloseSmallIcon","FilterChip","CheckboxIcon","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value' | 'size'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      disabled = false,\n      style,\n      size = 'medium',\n      ...rest\n    },\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', `eds-chip--size-${size}`, {\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          aria-disabled={disabled}\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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, size = 'medium', ...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 classList = classNames(\n      className,\n      'eds-chip',\n      'eds-action-chip',\n      `eds-chip--size-${size}`,\n      {\n        'eds-chip--leading-icon': hasLeadingIcon,\n        'eds-chip--trailing-icon': hasTrailingIcon,\n        'eds-action-chip--disabled': rest.disabled,\n      },\n    );\n\n    const actionChip = (\n      <button\n        className={classList}\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 { CloseSmallIcon } 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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    {\n      children,\n      className,\n      onClose,\n      closeButtonAriaLabel,\n      size = 'medium',\n      ...rest\n    },\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 selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames(\n          'eds-chip',\n          'eds-tag-chip',\n          `eds-chip--size-${size}`,\n          className,\n          {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n          },\n        )}\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          <CloseSmallIcon aria-hidden />\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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'size'>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      disabled = false,\n      name,\n      style,\n      size = 'medium',\n      ...rest\n    },\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-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        <div\n          className={cx('eds-chip', `eds-chip--size-${size}`, {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n          })}\n        >\n          <span className=\"eds-filter-chip__icon\">\n            <CheckboxIcon />\n          </span>\n          {children}\n        </div>\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M1.71283 7.10801L5.6464 11.1377C5.84098 11.3371 6.16095 11.339 6.35786 11.1419L14.2916 3.20325\"\n        stroke=\"#181C56\"\n        strokeWidth=\"2\"\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';\n\nimport './ChoiceChipGroup.scss';\n\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","ref","className","children","value","_ref$disabled","disabled","style","_ref$size","size","rest","_objectWithoutPropertiesLoose","_excluded","childrenArray","Children","toArray","classList","cx","length","_useChoiceChipGroupCo","context","useContext","Error","useChoiceChipGroupContext","createElement","_extends","type","name","checked","onChange","ActionChip","_ref$loading","loading","hasLeadingIcon","hasTrailingIcon","ariaLabelWhenLoading","filter","child","join","classNames","actionChip","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","toString","onClick","CloseSmallIcon","FilterChip","CheckboxIcon","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","warnAboutMissingStyles","label","contextValue","useMemo","Fieldset"],"mappings":"4jBAQA,IAAMA,EACJC,EAAMC,cAAkD,MAE7CC,EAAiCH,EAAuBI,sECkBxDC,EAAaJ,EAAMK,YAC9B,SAAAC,EAUEC,GACE,IATAC,EAASF,EAATE,UACAC,EAAQH,EAARG,SACAC,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAKP,EAALO,MAAKC,EAAAR,EACLS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACZE,EAAIC,EAAAX,EAAAY,GAIHC,EAAgBnB,EAAMoB,SAASC,QAAQZ,GAOvCa,EAAYC,EAAGf,EAAW,WAA8BO,kBAAAA,EAAQ,CACpE,qBAAsBH,EACtB,yBAPAO,EAAcK,OAAS,GAAiC,iBAArBL,EAAc,GAQjD,0BANAA,EAAcK,OAAS,GAC4B,iBAA5CL,EAAcA,EAAcK,OAAS,KAO9CC,EDxCF,WACE,IAAMC,EAAU1B,EAAM2B,WAAW5B,GACjC,IAAK2B,EACH,MAAM,IAAIE,MACR,oEAGJ,OAAOF,CACT,CCoCMG,GACJ,OACE7B,yBAAOQ,UAAU,kBAAkBK,MAAOA,GACxCb,EAAA8B,cAAA,QAAAC,EAAA,CACEvB,UAAU,yBACVwB,KAAK,QACLC,KATAR,EAAJQ,KAUI1B,IAAKA,EACLG,MAAOA,EACPE,SAAUA,EACVsB,QAZgBT,EAApBf,QAY+BA,EAC3ByB,SAZIV,EAARU,yBAamBvB,GACXI,IAENhB,EAAK8B,cAAA,MAAA,CAAAtB,UAAWc,GAAYb,GAGlC,gDCpDW2B,EAAapC,EAAMK,YAC9B,SAAAC,EAEEC,GACE,IAFAE,EAAQH,EAARG,SAAUD,EAASF,EAATE,UAAS6B,EAAA/B,EAAEgC,QAAAA,OAAU,IAAHD,GAAQA,EAAAvB,EAAAR,EAAES,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAKE,EAAIC,EAAAX,EAAAY,GAG1DC,EAAgBnB,EAAMoB,SAASC,QAAQZ,GACvC8B,EACJpB,EAAcK,OAAS,GAAiC,iBAArBL,EAAc,GAC7CqB,EACJrB,EAAcK,OAAS,GAC4B,iBAA5CL,EAAcA,EAAcK,OAAS,GAQxCiB,EAAuBtB,EAC1BuB,QAAO,SAAAC,GAAK,MAAqB,iBAAVA,CAAkB,IACzCC,KAAK,KAEFtB,EAAYuB,EAChBrC,EACA,WACA,kBACkBO,kBAAAA,EAClB,CACE,yBAA0BwB,EAC1B,0BAA2BC,EAC3B,4BAA6BxB,EAAKJ,WAIhCkC,EACJ9C,EAAA8B,cAAA,SAAAC,EAAA,CACEvB,UAAWc,EACXf,IAAKA,EACM,YAAA+B,eAzBTtB,EAAK,cAAsBA,EAAK,cAChCsB,EAAgBG,OAApB,EA0BET,KAAK,UACDhB,GAEHsB,EACCtC,gBAAC+C,EAAAA,YAAW,CAACvC,UAAU,kCAEvBC,GAKN,OAAIO,EAAKJ,SAELZ,uBAAKQ,UAAU,sCAAsCsC,GAGlD9C,EAAA8B,cAAA9B,EAAAgD,SAAA,KAAGF,EACZ,uEC5DWG,EAAUjD,EAAMK,YAC3B,SAAAC,EASEC,GACE,IARAE,EAAQH,EAARG,SACAD,EAASF,EAATE,UACA0C,EAAO5C,EAAP4C,QACAC,EAAoB7C,EAApB6C,qBAAoBrC,EAAAR,EACpBS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACZE,EAAIC,EAAAX,EAAAY,GAIHC,EAAgBnB,EAAMoB,SAASC,QAAQZ,GACvC8B,EACJpB,EAAcK,OAAS,GAAiC,iBAArBL,EAAc,GAC7CqB,EACJrB,EAAcK,OAAS,GAC4B,iBAA5CL,EAAcA,EAAcK,OAAS,GAExC4B,EACgB,MAApBD,EAAAA,EAAwB,UAAW1C,MAAAA,OAAAA,EAAAA,EAAU4C,YAE/C,OACErD,EAAA8B,cAAA,MAAAC,EAAA,CACEvB,UAAWqC,EACT,WACA,eACkB9B,kBAAAA,EAClBP,EACA,CACE,yBAA0B+B,EAC1B,0BAA2BC,KAG3BxB,GAEHP,EACDT,EAAA8B,cAAA,SAAA,CACEtB,UAAU,6BACVwB,KAAK,SACLsB,QAASJ,EACG,aAAAE,EACZ7C,IAAKA,GAELP,EAAA8B,cAACyB,iBAAc,CAAA,eAAA,KAIvB,wECnDWC,EAAaxD,EAAMK,YAC9B,SAAAC,EAWEC,GACE,IAVAC,EAASF,EAATE,UACAC,EAAQH,EAARG,SACAC,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,SAAAA,OAAW,IAAHD,GAAQA,EAChBsB,EAAI3B,EAAJ2B,KACApB,EAAKP,EAALO,MAAKC,EAAAR,EACLS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACZE,EAAIC,EAAAX,EAAAY,GAIHC,EAAgBnB,EAAMoB,SAASC,QAAQZ,GACvC8B,EACJpB,EAAcK,OAAS,GAAiC,iBAArBL,EAAc,GAC7CqB,EACJrB,EAAcK,OAAS,GAC4B,iBAA5CL,EAAcA,EAAcK,OAAS,GAExCF,EAAYC,EAAGf,EAAW,mBAEhC,OACER,yBAAOQ,UAAWc,EAAWT,MAAOA,GAClCb,EACE8B,cAAA,QAAAC,EAAA,CAAAvB,UAAU,yBACVwB,KAAK,WACLC,KAAMA,EACN1B,IAAKA,EACLG,MAAOA,EACPE,SAAUA,GACNI,IAENhB,EACE8B,cAAA,MAAA,CAAAtB,UAAWe,EAAG,WAAU,kBAAoBR,EAAQ,CAClD,yBAA0BwB,EAC1B,0BAA2BC,KAG7BxC,EAAM8B,cAAA,OAAA,CAAAtB,UAAU,yBACdR,EAAC8B,cAAA2B,SAEFhD,GAIT,IAGIgD,EAAyB,WAC7B,OACEzD,EACE8B,cAAA,MAAA,CAAAtB,UAAU,uBACVkD,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAEN9D,EAAA8B,cAAA,OAAA,CACEtB,UAAU,6BACVuD,EAAE,iGACFC,OAAO,UACPC,YAAY,MAIpB,mDCnFAC,EAAAA,uBAAuB,OAAQ,0ECiBgC,SAAnC5D,GAOvB,IANH2B,EAAI3B,EAAJ2B,KACAvB,EAAKJ,EAALI,MACAD,EAAQH,EAARG,SACA0B,EAAQ7B,EAAR6B,SACAgC,EAAK7D,EAAL6D,MACGnD,EAAIC,EAAAX,EAAAY,GAEDkD,EAAepE,EAAMqE,SACzB,WAAA,MAAO,CAAEpC,KAAAA,EAAMvB,MAAAA,EAAOyB,SAAAA,EAAW,GACjC,CAACF,EAAMvB,EAAOyB,IAEhB,OACEnC,EAAC8B,cAAA5B,EAA+B,CAAAQ,MAAO0D,GACrCpE,EAAA8B,cAACwC,EAAQA,SAAAvC,EAAA,CAACvB,UAAU,yBAAyB2D,MAAOA,GAAWnD,GAC5DP,GAIT"}

package/dist/chip.esm.js

@@ -1,6 +1,6 @@
 import { warnAboutMissingStyles } from '@entur/utils';
 import React from 'react';
-import classNames from 'classnames';
+import cx from 'classnames';
 import { LoadingDots } from '@entur/loader';
 import { CloseSmallIcon } from '@entur/icons';
 import { Fieldset } from '@entur/form';
@@ -46,13 +46,9 @@ var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   var childrenArray = React.Children.toArray(children);
-  var isIcon = function isIcon(child) {
-    var _child$type;
-    return child == null || (_child$type = child.type) == null ? void 0 : _child$type.toString().toLowerCase().includes('icon');
-  };
-  var hasLeadingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(0));
-  var hasTrailingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(-1));
-  var classList = classNames(className, 'eds-chip', "eds-chip--size-" + size, {
+  var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
+  var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
+  var classList = cx(className, 'eds-chip', "eds-chip--size-" + size, {
     'eds-chip--disabled': disabled,
     'eds-chip--leading-icon': hasLeadingIcon,
     'eds-chip--trailing-icon': hasTrailingIcon
@@ -89,12 +85,8 @@ var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var childrenArray = React.Children.toArray(children);
-  var isIcon = function isIcon(child) {
-    var _child$type;
-    return child == null || (_child$type = child.type) == null ? void 0 : _child$type.toString().toLowerCase().includes('icon');
-  };
-  var hasLeadingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(0));
-  var hasTrailingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(-1));
+  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;
@@ -103,7 +95,7 @@ var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var ariaLabelWhenLoading = childrenArray.filter(function (child) {
     return typeof child === 'string';
   }).join(' ');
-  var classList = classNames(className, 'eds-chip', 'eds-action-chip', "eds-chip--size-" + size, {
+  var classList = cx(className, 'eds-chip', 'eds-action-chip', "eds-chip--size-" + size, {
     'eds-chip--leading-icon': hasLeadingIcon,
     'eds-chip--trailing-icon': hasTrailingIcon,
     'eds-action-chip--disabled': rest.disabled
@@ -134,9 +126,15 @@ var TagChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+  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 selectedCloseLabel = closeButtonAriaLabel != null ? closeButtonAriaLabel : 'Fjern ' + (children == null ? void 0 : children.toString());
   return React.createElement("div", _extends({
-    className: classNames('eds-chip', 'eds-tag-chip', "eds-chip--size-" + size, className)
+    className: cx('eds-chip', 'eds-tag-chip', "eds-chip--size-" + size, className, {
+      'eds-chip--leading-icon': hasLeadingIcon,
+      'eds-chip--trailing-icon': hasTrailingIcon
+    })
   }, rest), children, React.createElement("button", {
     className: "eds-tag-chip__close-button",
     type: "button",
@@ -160,7 +158,10 @@ var FilterChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  var classList = classNames(className, 'eds-filter-chip');
+  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 classList = cx(className, 'eds-filter-chip');
   return React.createElement("label", {
     className: classList,
     style: style
@@ -172,7 +173,10 @@ var FilterChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     value: value,
     disabled: disabled
   }, rest)), React.createElement("div", {
-    className: "eds-chip " + (size ? "eds-chip--size-" + size : '')
+    className: cx('eds-chip', "eds-chip--size-" + size, {
+      'eds-chip--leading-icon': hasLeadingIcon,
+      'eds-chip--trailing-icon': hasTrailingIcon
+    })
   }, React.createElement("span", {
     className: "eds-filter-chip__icon"
   }, React.createElement(CheckboxIcon, null)), children));

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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value' | 'size'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      disabled = false,\n      style,\n      size = 'medium',\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const isIcon = (child: any) =>\n      child?.type?.toString().toLowerCase().includes('icon');\n    const hasLeadingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(0));\n    const hasTrailingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(-1));\n\n    const classList = cx(className, 'eds-chip', `eds-chip--size-${size}`, {\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          aria-disabled={disabled}\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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, size = 'medium', ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const isIcon = (child: any) =>\n      child?.type?.toString().toLowerCase().includes('icon');\n    const hasLeadingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(0));\n    const hasTrailingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(-1));\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 classList = classNames(\n      className,\n      'eds-chip',\n      'eds-action-chip',\n      `eds-chip--size-${size}`,\n      {\n        'eds-chip--leading-icon': hasLeadingIcon,\n        'eds-chip--trailing-icon': hasTrailingIcon,\n        'eds-action-chip--disabled': rest.disabled,\n      },\n    );\n\n    const actionChip = (\n      <button\n        className={classList}\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 { CloseSmallIcon } 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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    {\n      children,\n      className,\n      onClose,\n      closeButtonAriaLabel,\n      size = 'medium',\n      ...rest\n    },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames(\n          'eds-chip',\n          'eds-tag-chip',\n          `eds-chip--size-${size}`,\n          className,\n        )}\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          <CloseSmallIcon aria-hidden />\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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'size'>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      disabled = false,\n      name,\n      style,\n      size = 'medium',\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = cx(className, '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        <div className={`eds-chip ${size ? `eds-chip--size-${size}` : ''}`}>\n          <span className=\"eds-filter-chip__icon\">\n            <CheckboxIcon />\n          </span>\n          {children}\n        </div>\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M1.71283 7.10801L5.6464 11.1377C5.84098 11.3371 6.16095 11.339 6.35786 11.1419L14.2916 3.20325\"\n        stroke=\"#181C56\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n","import React from 'react';\nimport { ChoiceChipGroupContextProvider } from './ChoiceChipGroupContext';\nimport { Fieldset } from '@entur/form';\n\nimport './ChoiceChipGroup.scss';\n\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","ref","className","children","value","_ref$disabled","disabled","style","_ref$size","size","rest","_objectWithoutPropertiesLoose","_excluded","childrenArray","Children","toArray","isIcon","child","_child$type","type","toString","toLowerCase","includes","hasLeadingIcon","length","at","hasTrailingIcon","classList","cx","_useChoiceChipGroupCo","name","selectedValue","onChange","createElement","_extends","checked","ActionChip","_ref$loading","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","join","classNames","actionChip","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","onClick","CloseSmallIcon","FilterChip","CheckboxIcon","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value' | 'size'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      disabled = false,\n      style,\n      size = 'medium',\n      ...rest\n    },\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', `eds-chip--size-${size}`, {\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          aria-disabled={disabled}\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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, size = 'medium', ...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 classList = classNames(\n      className,\n      'eds-chip',\n      'eds-action-chip',\n      `eds-chip--size-${size}`,\n      {\n        'eds-chip--leading-icon': hasLeadingIcon,\n        'eds-chip--trailing-icon': hasTrailingIcon,\n        'eds-action-chip--disabled': rest.disabled,\n      },\n    );\n\n    const actionChip = (\n      <button\n        className={classList}\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 { CloseSmallIcon } 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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    {\n      children,\n      className,\n      onClose,\n      closeButtonAriaLabel,\n      size = 'medium',\n      ...rest\n    },\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 selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames(\n          'eds-chip',\n          'eds-tag-chip',\n          `eds-chip--size-${size}`,\n          className,\n          {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n          },\n        )}\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          <CloseSmallIcon aria-hidden />\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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'size'>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      disabled = false,\n      name,\n      style,\n      size = 'medium',\n      ...rest\n    },\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-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        <div\n          className={cx('eds-chip', `eds-chip--size-${size}`, {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n          })}\n        >\n          <span className=\"eds-filter-chip__icon\">\n            <CheckboxIcon />\n          </span>\n          {children}\n        </div>\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M1.71283 7.10801L5.6464 11.1377C5.84098 11.3371 6.16095 11.339 6.35786 11.1419L14.2916 3.20325\"\n        stroke=\"#181C56\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n","import React from 'react';\nimport { ChoiceChipGroupContextProvider } from './ChoiceChipGroupContext';\nimport { Fieldset } from '@entur/form';\n\nimport './ChoiceChipGroup.scss';\n\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","ref","className","children","value","_ref$disabled","disabled","style","_ref$size","size","rest","_objectWithoutPropertiesLoose","_excluded","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","classList","cx","_useChoiceChipGroupCo","name","selectedValue","onChange","createElement","_extends","type","checked","ActionChip","_ref$loading","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","child","join","classNames","actionChip","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","toString","onClick","CloseSmallIcon","FilterChip","CheckboxIcon","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","ChoiceChipGroup","label","contextValue","useMemo","Fieldset","warnAboutMissingStyles"],"mappings":"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"}

package/dist/styles.css

@@ -1,48 +1,5 @@
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-chip {
-  background: transparent;
-  border: 0.0625rem solid var(--components-chip-standard-border);
-  border-radius: 1rem;
-  color: var(--components-chip-standard-text-unselected);
-  font-family: inherit;
-  transition: background 0.1s ease-out, border 0.1s ease-out;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.eds-chip svg {
-  font-size: 0.875rem;
-}
-.eds-contrast .eds-chip {
-  background-color: transparent;
-  color: var(--components-chip-contrast-text-unselected);
-  border-color: var(--components-chip-contrast-border);
-}
-.eds-chip--leading-icon .eds-icon:first-of-type {
-  margin-right: 0.5rem;
-}
-.eds-chip--trailing-icon .eds-icon:last-of-type {
-  margin-left: 0.5rem;
-}
-.eds-chip--size-small {
-  height: 1.5rem;
-  min-width: 2.5rem;
-  padding: 0 0.5rem;
-  font-size: 0.75rem;
-}
-.eds-chip--size-small .eds-tag-chip__close-button svg {
-  width: 1rem;
-  height: 1rem;
-}
-.eds-chip--size-medium {
-  height: 2rem;
-  min-width: 3rem;
-  padding: 0 0.75rem;
-  font-size: 0.875rem;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-choice-chip {
   cursor: pointer;
   display: inline-block;
@@ -117,6 +74,50 @@
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-chip {
+  background: transparent;
+  border: 0.0625rem solid var(--components-chip-standard-border);
+  border-radius: 1rem;
+  color: var(--components-chip-standard-text-unselected);
+  font-family: inherit;
+  transition: background 0.1s ease-out, border 0.1s ease-out;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  white-space: nowrap;
+}
+.eds-chip svg {
+  font-size: 0.875rem;
+}
+.eds-contrast .eds-chip {
+  background-color: transparent;
+  color: var(--components-chip-contrast-text-unselected);
+  border-color: var(--components-chip-contrast-border);
+}
+.eds-chip--size-small {
+  height: 1.5rem;
+  min-width: 2.5rem;
+  padding: 0 0.5rem;
+  font-size: 0.75rem;
+}
+.eds-chip--size-small .eds-tag-chip__close-button svg {
+  width: 1rem;
+  height: 1rem;
+}
+.eds-chip--size-medium {
+  height: 2rem;
+  min-width: 3rem;
+  padding: 0 0.75rem;
+  font-size: 0.875rem;
+}
+.eds-chip--leading-icon > svg:first-of-type {
+  margin-right: 0.25rem;
+}
+.eds-chip--trailing-icon > svg:last-of-type {
+  margin-left: 0.25rem;
+}
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
@@ -366,7 +367,7 @@
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-tag-chip {
   cursor: default;
-  padding-right: 0.25rem;
+  padding-right: 0.125rem;
   width: -moz-fit-content;
   width: fit-content;
 }
@@ -431,7 +432,6 @@
   background-color: var(--components-chip-standard-active);
   color: var(--components-chip-standard-text-selected);
   border-color: transparent;
-  gap: 0.25rem;
 }
 .eds-contrast .eds-filter-chip__input:checked ~ .eds-chip {
   background-color: var(--components-chip-contrast-active);
@@ -450,6 +450,7 @@
 }
 .eds-filter-chip__input:checked ~ .eds-chip .eds-filter-chip__icon {
   display: inline-flex;
+  margin-right: 0.25rem;
 }
 .eds-filter-chip__input:checked ~ .eds-chip .eds-filter-chip__icon .eds-filter-chip-icon__path {
   stroke: var(--components-chip-contrast-icon-selected);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/chip",
-  "version": "0.8.12",
+  "version": "0.9.0",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/chip.esm.js",
@@ -27,7 +27,7 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/form": "^8.3.0",
+    "@entur/form": "^8.3.1",
     "@entur/icons": "^8.0.0",
     "@entur/loader": "^0.5.29",
     "@entur/tokens": "^3.19.1",
@@ -37,5 +37,5 @@
   "devDependencies": {
     "dts-cli": "2.0.5"
   },
-  "gitHead": "4833d9307ba9b2524458c08e8815674094cef97b"
+  "gitHead": "f332d7ab2cffcbf373183520965f838daf64e8c5"
 }