@entur/form 8.2.11 → 8.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"form.cjs.production.min.js","sources":["../src/FeedbackText.tsx","../src/InputGroupContext.tsx","../src/InputGroupLabel.tsx","../src/VariantProvider.tsx","../src/BaseFormControl.tsx","../src/Checkbox.tsx","../src/Fieldset.tsx","../src/RadioGroupContext.tsx","../src/Radio.tsx","../src/inputPanel/InputPanelBase.tsx","../src/inputPanel/RadioPanel.tsx","../src/inputPanel/CheckboxPanel.tsx","../src/Switch.tsx","../src/utils.ts","../src/TextArea.tsx","../src/TextField.tsx","../src/segmented-control/SegmentedContext.tsx","../src/segmented-control/SegmentedChoice.tsx","../src/index.tsx","../src/segmented-control/MultipleSegmentedControl.tsx","../src/RadioGroup.tsx","../src/segmented-control/SegmentedControl.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ValidationSuccessFilledIcon,\n  ValidationErrorFilledIcon,\n  ValidationExclamationFilledIcon,\n} from '@entur/icons';\nimport { SubLabel } from '@entur/typography';\nimport { VariantType } from '@entur/utils';\n\nimport classNames from 'classnames';\nimport './FeedbackText.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nconst AlertIcon: React.FC<{\n  variant: VariantType | typeof info | typeof error;\n}> = ({ variant }) => {\n  const iconClass = `eds-feedback-text__icon eds-feedback-text__icon--${variant}`;\n  switch (variant) {\n    case 'success':\n      return (\n        <ValidationSuccessFilledIcon\n          aria-label=\"Suksessmelding\"\n          className={iconClass}\n        />\n      );\n    case 'negative':\n      return (\n        <ValidationErrorFilledIcon\n          aria-label=\"Feilmelding\"\n          className={iconClass}\n        />\n      );\n    case 'information':\n      return null;\n    case 'warning':\n      return (\n        <ValidationExclamationFilledIcon\n          aria-label=\"Varselmelding\"\n          className={iconClass}\n        />\n      );\n    case error:\n      return (\n        <ValidationErrorFilledIcon\n          aria-label=\"Feilmelding\"\n          className={iconClass}\n        />\n      );\n    case info:\n      return null;\n    default:\n      return null;\n  }\n};\n\nexport type FeedbackTextProps = {\n  /** Teksten som vises */\n  children: React.ReactNode;\n  /** Skjuler ikonet */\n  hideIcon?: boolean;\n  /** Feedbackvarianten*/\n  variant: VariantType | typeof error | typeof info;\n  /** Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n};\nexport const FeedbackText: React.FC<FeedbackTextProps> = ({\n  children,\n  hideIcon = false,\n  variant,\n  className,\n  ...rest\n}) => {\n  return (\n    <SubLabel\n      className={classNames(\n        'eds-feedback-text',\n        {\n          'eds-feedback-text--information':\n            variant === info || variant === 'information',\n        },\n        className,\n      )}\n      {...rest}\n    >\n      {!hideIcon && <AlertIcon variant={variant} />}\n      <span className=\"eds-feedback-text__text\">{children}</span>\n    </SubLabel>\n  );\n};\n","import * as React from 'react';\n\ntype InputGroupContextType = {\n  isFilled: boolean;\n  setFilled: (e: boolean) => void;\n};\n\nconst InputGroupContext = React.createContext<InputGroupContextType>({\n  isFilled: false,\n  setFilled: () => null,\n});\n\nexport const InputGroupContextProvider: React.FC<{\n  children: React.ReactNode;\n}> = ({ children }) => {\n  const [filled, setFilled] = React.useState(false);\n  return (\n    <InputGroupContext.Provider\n      value={{ isFilled: filled, setFilled: setFilled }}\n    >\n      {children}\n    </InputGroupContext.Provider>\n  );\n};\n\nexport const useInputGroupContext: () => InputGroupContextType = () =>\n  React.useContext(InputGroupContext);\n","import classNames from 'classnames';\nimport React from 'react';\nimport { useInputGroupContext } from './InputGroupContext';\nimport './InputGroupLabel.scss';\n\nexport type InputGroupLabelProps = {\n  label?: React.ReactNode;\n  required?: boolean;\n  labelTooltip?: string;\n  labelId: string;\n  staticAnimation?: boolean;\n} & React.DetailedHTMLProps<\n  React.LabelHTMLAttributes<HTMLLabelElement>,\n  HTMLLabelElement\n>;\n\nexport const InputGroupLabel: React.FC<InputGroupLabelProps> = ({\n  label,\n  required,\n  labelId,\n  staticAnimation = false,\n  ...rest\n}) => {\n  const { isFilled } = useInputGroupContext();\n  const filler = staticAnimation || isFilled;\n  return (\n    <label\n      className={classNames(rest.className, {\n        'eds-input-group-label-wrapper--filled': filler,\n      })}\n      id={labelId}\n      {...rest}\n    >\n      <span\n        className={classNames('eds-input-group__label', {\n          'eds-input-group__label--filled': filler,\n        })}\n      >\n        {label} {required && <span>*</span>}\n      </span>\n    </label>\n  );\n};\n","import React from 'react';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nconst VariantContext = React.createContext<\n  VariantType | typeof error | typeof info | null\n>(null);\n\nexport type VariantProviderProps = {\n  variant?: VariantType | typeof error | typeof info;\n};\nexport const VariantProvider: React.FC<VariantProviderProps> = ({\n  children,\n  variant = null,\n}) => {\n  return (\n    <VariantContext.Provider value={variant}>\n      {children}\n    </VariantContext.Provider>\n  );\n};\n\nexport const useVariant: () => VariantType | typeof error | typeof info | null =\n  () => {\n    const context = React.useContext(VariantContext);\n    return context;\n  };\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { VariantType } from '@entur/utils';\nimport { QuestionIcon } from '@entur/icons';\nimport { Placement, Tooltip } from '@entur/tooltip';\nimport { IconButton } from '@entur/button';\n\nimport { FeedbackText } from './FeedbackText';\nimport { InputGroupContextProvider } from './InputGroupContext';\nimport { InputGroupLabel } from './InputGroupLabel';\nimport { useVariant } from './VariantProvider';\n\nimport './BaseFormControl.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type BaseFormControlProps = React.HTMLAttributes<HTMLDivElement> & {\n  /** Et skjemaelement med `eds-form-control`-klassen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Sett til true om skjema-elementet er disabled */\n  disabled?: boolean;\n  /** Sett til true om skjema-elementet er i read-only modus */\n  readOnly?: boolean;\n  /** Tekst eller ikon som vises foran skjema-elementet */\n  prepend?: React.ReactNode;\n  /** Tekst eller ikon som vises etter skjema-elementet */\n  append?: React.ReactNode;\n  /** Valideringsvariant */\n  variant?: VariantType | typeof error | typeof info;\n  /**Størrelsen på skjemaelementet\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /** Label til inputfeltet */\n  label: React.ReactNode;\n  /** En tooltip som forklarer labelen til inputfeltet */\n  labelTooltip?: React.ReactNode;\n  /** Forklarende tekst for knappen som åpner labelTooltip */\n  labelTooltipButtonAriaLabel?: string;\n  labelTooltipPlacement?: Placement;\n  /** Illustrerer om inputfeltet er påkrevd eller ikke */\n  required?: boolean;\n  /** ID som settes på labelen til inputfeltet */\n  labelId: string;\n  /** Varselmelding, som vil komme under form-komponenten */\n  feedback?: string;\n  /** Om inputfeltet er fylt med data. Brukes for plassering av label */\n  isFilled?: boolean;\n  /**Ekstra props som sendes til label */\n  labelProps?: { [key: string]: any };\n  /** Ekstra styling */\n  style?: React.CSSProperties;\n  /** Plasserer labelen statisk på toppen av inputfeltet */\n  disableLabelAnimation?: boolean;\n  /** Setter feedbackText sin rolle til \"alert\" */\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  ariaAlertOnFeedback?: boolean;\n  /** Legg til et element etter feltet */\n  after?: React.ReactNode;\n  /** Legg til et element før feltet */\n  before?: React.ReactNode;\n};\n\nexport const BaseFormControl = React.forwardRef<\n  HTMLDivElement,\n  BaseFormControlProps\n>(\n  (\n    {\n      after,\n      before,\n      children,\n      className,\n      disabled = false,\n      readOnly = false,\n      variant,\n      prepend,\n      append,\n      size = 'medium',\n      isFilled,\n      label,\n      required,\n      labelTooltip,\n      labelTooltipButtonAriaLabel = `Klikk for tilleggsinfo om ${label}-feltet`,\n      labelTooltipPlacement = 'top',\n      feedback,\n      labelId,\n      labelProps,\n      style,\n      disableLabelAnimation = false,\n      ariaAlertOnFeedback = false,\n      ...rest\n    },\n    ref,\n  ) => {\n    const contextVariant = useVariant();\n    const currentVariant = variant || contextVariant;\n\n    return (\n      <InputGroupContextProvider>\n        <div\n          className={classNames(\n            'eds-form-control__field-and-feedback-text',\n            className,\n            {\n              'eds-form-control__field-and-feedback-text--has-tooltip':\n                labelTooltip !== undefined,\n            },\n          )}\n          style={style}\n        >\n          {before}\n          <div\n            className={classNames(\n              'eds-form-control-wrapper',\n              `eds-form-control-wrapper--size-${size}`,\n              {\n                'eds-form-control-wrapper--success':\n                  currentVariant === 'success',\n                'eds-form-control-wrapper--negative':\n                  currentVariant === 'negative' || currentVariant === error,\n                'eds-form-control-wrapper--disabled': disabled,\n                'eds-form-control-wrapper--readonly': readOnly,\n                'eds-form-control-wrapper--is-filled': isFilled,\n              },\n            )}\n            ref={ref}\n            {...rest}\n          >\n            {prepend && (\n              <div className=\"eds-form-control__prepend\">{prepend}</div>\n            )}\n            <InputGroupLabel\n              label={label}\n              required={required}\n              labelId={labelId}\n              staticAnimation={disableLabelAnimation}\n              {...labelProps}\n            />\n            {labelTooltip && (\n              <Tooltip\n                content={labelTooltip}\n                placement={labelTooltipPlacement}\n                showCloseButton={false}\n                disableFocusListener={true}\n                disableHoverListener={true}\n                disableClickListner={false}\n                disableKeyboardListener={false}\n              >\n                <IconButton\n                  as=\"span\"\n                  tabIndex={0}\n                  role=\"button\"\n                  className=\"eds-form-control__append eds-form-control__append--tooltip\"\n                  aria-label={labelTooltipButtonAriaLabel}\n                >\n                  <QuestionIcon\n                    className=\"eds-input-group__label-tooltip-icon\"\n                    aria-hidden=\"true\"\n                  />\n                </IconButton>\n              </Tooltip>\n            )}\n            {children}\n            {append && <div className=\"eds-form-control__append\">{append}</div>}\n          </div>\n          {feedback && currentVariant && (\n            <FeedbackText\n              variant={currentVariant}\n              role={ariaAlertOnFeedback ? 'alert' : undefined}\n            >\n              {feedback}\n            </FeedbackText>\n          )}\n          {after}\n        </div>\n      </InputGroupContextProvider>\n    );\n  },\n);\n","import React, { CSSProperties } from 'react';\nimport cx from 'classnames';\nimport { Paragraph } from '@entur/typography';\nimport { mergeRefs } from '@entur/utils';\n\nimport './Checkbox.scss';\n\nexport type CheckboxProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label for checkboxen, som vises ved høyre side. */\n  children?: React.ReactNode;\n  /** Om Checkbox er avmerket, eller om den er i en indeterminate state */\n  checked?: 'indeterminate' | boolean;\n  /** Callback for Checkbox */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Om checkboxen er disabled eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /**Ekstra styling til komponenten */\n  style?: CSSProperties;\n  /** Reduserer klikkflaten for Checkbox'en\n   * @default false\n   */\n  reduceClickArea?: boolean;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked'>;\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      checked,\n      className,\n      children,\n      style,\n      disabled = false,\n      reduceClickArea,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n\n    const isIndeterminate = checked === 'indeterminate';\n    const isControlled = checked !== undefined;\n\n    React.useEffect(() => {\n      if (inputRef && inputRef.current) {\n        inputRef.current.indeterminate = isIndeterminate;\n      }\n    }, [isIndeterminate]);\n\n    return (\n      <label\n        className={cx('eds-checkbox__container', className, {\n          'eds-checkbox--disabled': disabled,\n          'eds-checkbox__container--reduced-click-area': reduceClickArea,\n        })}\n        style={style}\n      >\n        <input\n          type=\"checkbox\"\n          ref={mergeRefs(ref, inputRef)}\n          checked={isControlled ? checked === true : undefined}\n          disabled={disabled}\n          {...rest}\n        />\n        <span\n          className={cx('eds-checkbox__icon', {\n            'eds-checkbox__icon--disabled': disabled,\n            'eds-checkbox__icon--reduced-click-area': reduceClickArea,\n          })}\n        >\n          <CheckboxIcon indeterminate={isIndeterminate} />\n        </span>\n        {children && (\n          <Paragraph className=\"eds-checkbox__label\" margin=\"none\" as=\"span\">\n            {children}\n          </Paragraph>\n        )}\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC<{ indeterminate: boolean }> = ({\n  indeterminate = false,\n}) => {\n  return (\n    <svg\n      className=\"eds-checkbox-icon\"\n      width=\"11px\"\n      height=\"9px\"\n      viewBox=\"6 11 37 33\"\n      aria-hidden={true}\n    >\n      {indeterminate ? (\n        <rect x=\"10\" y=\"25\" width=\"28\" height=\"5\" fill=\"white\" />\n      ) : (\n        <path d=\"M14.1 27.2l7.1 7.2 14.6-14.8\" fill=\"none\" />\n      )}\n    </svg>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { Heading5 } from '@entur/typography';\nimport './Fieldset.scss';\n\nexport type FieldsetProps = {\n  /** Innholdet i felt-gruppen. */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Labelen til felt-gruppen. */\n  label?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const Fieldset: React.FC<FieldsetProps> = ({\n  children,\n  className,\n  label,\n  ...rest\n}) => (\n  <fieldset className={classNames('eds-fieldset', className)} {...rest}>\n    {label && <Heading5 as=\"legend\">{label}</Heading5>}\n    {children}\n  </fieldset>\n);\n","import React from 'react';\n\ntype RadioGroupContextProps = {\n  name: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string | null;\n};\n\nconst RadioGroupContext = React.createContext<RadioGroupContextProps | null>(\n  null,\n);\n\nexport const RadioGroupContextProvider = RadioGroupContext.Provider;\n\nexport const useRadioGroupContext: () => RadioGroupContextProps = () => {\n  const context = React.useContext(RadioGroupContext);\n  if (!context) {\n    throw new Error(\n      'You need to wrap your RadioButtons in a RadioGroup component',\n    );\n  }\n  return context;\n};\n","import React from 'react';\nimport cx from 'classnames';\nimport { Paragraph } from '@entur/typography';\nimport { useRadioGroupContext } from './RadioGroupContext';\nimport './Radio.scss';\n\nexport type RadioProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label til radio-button. Vises ved høyre side. */\n  children?: React.ReactNode;\n  /** Verdien til radioknappen */\n  value: string;\n  /** Om radiobutton er disabled eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  (\n    { className, children, value, disabled, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = cx(className, 'eds-form-component--radio__radio', {\n      'eds-form-component--radio__radio--disabled': disabled,\n    });\n    const { name, value: selectedValue, onChange } = useRadioGroupContext();\n\n    return (\n      <label className=\"eds-form-component--radio__container\">\n        <input\n          type=\"radio\"\n          name={rest.name ?? name}\n          ref={ref}\n          value={value}\n          checked={rest.checked ?? selectedValue === value}\n          onChange={rest.onChange ?? onChange}\n          disabled={disabled}\n          {...rest}\n        />\n        <span className={classList}>\n          <span className=\"eds-form-component--radio__circle\"></span>\n        </span>\n        {children && (\n          <Paragraph\n            margin=\"none\"\n            as=\"span\"\n            className=\"eds-form-component--radio__label\"\n          >\n            {children}\n          </Paragraph>\n        )}\n      </label>\n    );\n  },\n);\n","import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { mergeRefs, useRandomId, useForceUpdate } from '@entur/utils';\nimport { Checkbox } from '../Checkbox';\nimport { Radio } from '../Radio';\n\nimport './InputPanelBase.scss';\n\nexport type InputPanelProps = {\n  /** Om det er en radio- eller checkbox-variant */\n  type: string;\n  /** Verdien til input-panelet */\n  value: string;\n  /** Om input-panelet skal være valgt eller ikke */\n  checked?: boolean;\n  /** Hovedtittelen til input-panelet */\n  title: React.ReactNode;\n  /** Ektstra label som står høyrestilt, til venstre for Checkboxen/Radio-button-en */\n  secondaryLabel?: React.ReactNode;\n  /** Ekstra informasjon som legges nederst i input-panelet */\n  children?: React.ReactNode;\n  /** Størrelse på input-panelet\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /**Skjuler checkbox-/radio-button-en i input-panelet\n   * @default false\n   */\n  hideSelectionIndicator?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om input-panelet er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** */\n  style?: React.CSSProperties;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'title' | 'size'\n>;\n\nexport const InputPanelBase = React.forwardRef<\n  HTMLInputElement,\n  InputPanelProps\n>(\n  (\n    {\n      className,\n      children,\n      value,\n      title,\n      secondaryLabel,\n      size = 'medium',\n      hideSelectionIndicator = false,\n      style,\n      id,\n      disabled = false,\n      type = 'radio',\n      onChange,\n      checked,\n      name,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = classNames(\n      className,\n      'eds-input-panel__container',\n      `eds-input-panel--${size}`,\n    );\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const defaultId = useRandomId('eds-inputpanel');\n    const inputPanelId = id || defaultId;\n    const forceUpdate = useForceUpdate();\n\n    const handleOnChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (onChange === undefined) forceUpdate();\n      onChange?.(e);\n    };\n\n    return (\n      <label className=\"eds-input-panel\" htmlFor={inputPanelId}>\n        <input\n          type={type}\n          name={name}\n          ref={mergeRefs(ref, inputRef)}\n          value={value}\n          checked={checked}\n          onChange={handleOnChange}\n          id={inputPanelId}\n          disabled={disabled}\n          {...rest}\n        />\n        <div className={classList} style={style}>\n          <div className=\"eds-input-panel__title-wrapper\">\n            <div className=\"eds-input-panel__title\">{title}</div>\n            <div className=\"eds-input-panel__secondary-label-and-icon-wrapper\">\n              {secondaryLabel !== undefined && <>{secondaryLabel}</>}\n              <span style={{ pointerEvents: 'none' }}>\n                {!(disabled || hideSelectionIndicator) &&\n                  (type === 'radio' ? (\n                    <Radio\n                      name=\"\"\n                      value=\"\"\n                      checked={checked ?? inputRef.current?.checked ?? false}\n                      onChange={() => {\n                        return;\n                      }}\n                      aria-hidden=\"true\"\n                      tabIndex={-1}\n                    />\n                  ) : (\n                    <Checkbox\n                      checked={checked ?? inputRef.current?.checked ?? false}\n                      onChange={() => null}\n                      aria-hidden=\"true\"\n                      tabIndex={-1}\n                    />\n                  ))}\n              </span>\n            </div>\n          </div>\n          {children && (\n            <div className=\"eds-input-panel__additional-content\">\n              {children}\n            </div>\n          )}\n        </div>\n      </label>\n    );\n  },\n);\n","import React from 'react';\nimport { useRadioGroupContext } from '../RadioGroupContext';\nimport { InputPanelBase } from './InputPanelBase';\n\nexport type RadioPanelProps = {\n  /** Verdien til radio-panelet */\n  value: string;\n  /** Hovedtittelen til radio-panelet */\n  title: React.ReactNode;\n  /** Ektstra label som står høyrestilt, til venstre for radio-button-en */\n  secondaryLabel?: React.ReactNode;\n  /** Ekstra informasjon som legges nederst i radio-panelet */\n  children?: React.ReactNode;\n  /** Størrelse på radio-panelet\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /**Skjuler radio-button-en i radio-panelet\n   * @default false\n   */\n  hideRadioButton?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om radio-panelet er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** */\n  style?: React.CSSProperties;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'title' | 'size'\n>;\n\nexport const RadioPanel = React.forwardRef<HTMLInputElement, RadioPanelProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      title,\n      secondaryLabel,\n      size = 'medium',\n      hideRadioButton = false,\n      style,\n      id,\n      disabled = false,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const { name, value: selected, onChange } = useRadioGroupContext();\n\n    return (\n      <InputPanelBase\n        type=\"radio\"\n        name={name}\n        title={title}\n        value={value}\n        checked={selected === value}\n        onChange={onChange}\n        className={className}\n        secondaryLabel={secondaryLabel}\n        size={size}\n        hideSelectionIndicator={hideRadioButton}\n        style={style}\n        id={id}\n        disabled={disabled}\n        {...rest}\n        ref={ref}\n      >\n        {children}\n      </InputPanelBase>\n    );\n  },\n);\n","import React from 'react';\nimport { InputPanelBase } from './InputPanelBase';\n\nexport type CheckboxPanelProps = {\n  /** Verdien til CheckboxPanel */\n  value: string;\n  /** Om checkbox-panelet skal være valgt eller ikke */\n  checked?: boolean;\n  /** Hovedtittelen til CheckboxPanel */\n  title: React.ReactNode;\n  /** Ektstra label som står høyrestilt mot Checkboxen */\n  secondaryLabel?: React.ReactNode;\n  /** Ekstra informasjon som legges nederst i CheckboxPanel */\n  children?: React.ReactNode;\n  /** Størrelse på CheckboxPanel\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /**Skjuler checkbox-en i CheckboxPanel\n   * @default false\n   */\n  hideCheckbox?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om CheckboxPanel er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** */\n  style?: React.CSSProperties;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'title' | 'size'\n>;\n\nexport const CheckboxPanel = React.forwardRef<\n  HTMLInputElement,\n  CheckboxPanelProps\n>(\n  (\n    {\n      name,\n      checked,\n      onChange,\n      className,\n      children,\n      value,\n      title,\n      secondaryLabel,\n      size = 'medium',\n      hideCheckbox = false,\n      style,\n      id,\n      disabled = false,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    return (\n      <InputPanelBase\n        type=\"checkbox\"\n        name={name}\n        title={title}\n        value={value}\n        checked={checked}\n        onChange={onChange}\n        className={className}\n        secondaryLabel={secondaryLabel}\n        size={size}\n        hideSelectionIndicator={hideCheckbox}\n        style={style}\n        id={id}\n        disabled={disabled}\n        {...rest}\n        ref={ref}\n      >\n        {children}\n      </InputPanelBase>\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { colors } from '@entur/tokens';\nimport { CheckIcon, CloseSmallIcon } from '@entur/icons';\nimport './Switch.scss';\n\nexport type SwitchProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label for Switch-en. */\n  children?: React.ReactNode;\n  /** Posisjonen til label for Switch-en.\n   * @default \"right\"\n   */\n  labelPlacement?: 'right' | 'bottom';\n  /** Om switch-en er checked eller ikke */\n  checked?: boolean;\n  /** Ikonet som skal stå inne i sirkelen på Switch-en */\n  icon?: React.ReactNode;\n  /** Skjul ikonet inne i sikrelen på Switch-en\n   * @default false\n   */\n  hideIcon?: boolean;\n  /** Farge som settes på ikon og bakgrunn når Switch-en er \"checked\"\n   * @default colors.validation.mint\n   */\n  color?: string;\n  /** Farge på bakgrunn når Switch-en er \"checked\" og står i en kontrast-seksjon\n   * @default colors.validation.mintContrast\n   */\n  contrastColor?: string;\n  /** Størrelsen på Switch-en\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /** Callback for når verdien endres */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(\n  (\n    {\n      className,\n      children,\n      labelPlacement = 'right',\n      icon,\n      hideIcon = false,\n      color = colors.validation.mint,\n      contrastColor = colors.validation.mintContrast,\n      size = 'medium',\n      checked,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const displayedIcon = () => {\n      if (icon) return icon;\n      if (checked === undefined) return <></>;\n      const iconSize = size === 'large' ? 23 : undefined;\n      return checked ? (\n        <CheckIcon size={iconSize} />\n      ) : (\n        <CloseSmallIcon size={iconSize} />\n      );\n    };\n\n    return (\n      <label\n        className={classNames(\n          'eds-switch',\n          `eds-switch--${labelPlacement}`,\n          className,\n        )}\n        style={{ ...rest.style }}\n      >\n        <input type=\"checkbox\" ref={ref} checked={checked} {...rest} />\n        <span\n          className={classNames(\n            'eds-switch__switch',\n            `eds-switch__switch--${size}`,\n          )}\n          style={\n            {\n              '--eds-switch-color': color,\n              '--eds-switch-contrast-color': contrastColor,\n            } as React.CSSProperties\n          }\n          aria-hidden=\"true\"\n        >\n          <span className=\"eds-switch__circle\">\n            {!hideIcon && displayedIcon()}\n          </span>\n        </span>\n        {children && (\n          <span\n            className={classNames(\n              'eds-switch__label',\n              `eds-switch__label--${size}--${labelPlacement}`,\n            )}\n          >\n            {children}\n          </span>\n        )}\n      </label>\n    );\n  },\n);\n","// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types -- disabled during Yarn upgrade\nexport function hasValue(value: any): boolean {\n  return value != null && !(Array.isArray(value) && value.length === 0);\n}\n\n// Determine if field is empty or filled.\n// Response determines if label is presented above field or as placeholder.\n//\n// @param obj\n// @param SSR\n// @returns {boolean} False when not present or empty string.\n//                    True when any number or string with length.\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types -- disabled during Yarn upgrade\nexport function isFilled(obj: any, SSR = false): boolean {\n  return (\n    obj &&\n    ((hasValue(obj.value) && obj.value !== '') ||\n      (SSR && hasValue(obj.defaultValue) && obj.defaultValue !== ''))\n  );\n}\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { useRandomId, useOnMount, mergeRefs, VariantType } from '@entur/utils';\n\nimport { useVariant } from './VariantProvider';\nimport { BaseFormControl } from './BaseFormControl';\nimport { useInputGroupContext } from './InputGroupContext';\nimport { isFilled } from './utils';\n\nimport './TextArea.scss';\nimport { Placement } from '@entur/tooltip';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type TextAreaProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Valideringsvariant */\n  variant?: VariantType | typeof error | typeof info;\n  /** Deaktiverer tekstområdet */\n  disabled?: boolean;\n  /** Setter tekstområdet i read-only modus */\n  readOnly?: boolean;\n  /** Label over TextArea */\n  label: string;\n  /** En tooltip som forklarer labelen til inputfeltet */\n  labelTooltip?: React.ReactNode;\n  /** Forklarende tekst for knappen som åpner labelTooltip */\n  labelTooltipButtonAriaLabel?: string;\n  /** Plasseringen til tooltip-en relativt til spørsmålstegn-knappen */\n  labelTooltipPlacement?: Placement;\n  /** Varselmelding, som vil komme under TextArea */\n  feedback?: string;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      variant,\n      disabled = false,\n      readOnly = false,\n      className,\n      style,\n      label,\n      feedback,\n      labelTooltip,\n      labelTooltipButtonAriaLabel,\n      labelTooltipPlacement,\n      onChange,\n      disableLabelAnimation,\n      ...rest\n    },\n    ref: React.Ref<HTMLTextAreaElement>,\n  ) => {\n    const textAreaId = useRandomId('eds-textarea');\n    const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n    return (\n      <BaseFormControl\n        className={classNames(className, 'eds-textarea__wrapper')}\n        disabled={disabled}\n        readOnly={readOnly}\n        variant={variant}\n        style={style}\n        label={label}\n        labelId={textAreaId}\n        feedback={feedback}\n        labelTooltip={labelTooltip}\n        labelTooltipButtonAriaLabel={labelTooltipButtonAriaLabel}\n        labelTooltipPlacement={labelTooltipPlacement}\n        labelProps={{ className: 'eds-textarea__label' }}\n        disableLabelAnimation={disableLabelAnimation}\n        onClick={e => {\n          if (e.target === e.currentTarget) textareaRef?.current?.focus();\n        }}\n      >\n        <TextAreaBase\n          readOnly={readOnly}\n          disabled={disabled}\n          ref={mergeRefs(ref, textareaRef)}\n          aria-labelledby={textAreaId}\n          onChange={onChange}\n          variant={variant}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype TextAreaBaseProps = {\n  readOnly?: boolean;\n  disabled?: boolean;\n  variant?: VariantType | typeof error | typeof info;\n} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nconst TextAreaBase = React.forwardRef<HTMLTextAreaElement, TextAreaBaseProps>(\n  ({ readOnly, disabled, onChange, value, variant, ...rest }, ref) => {\n    const contextVariant = useVariant();\n    const currentVariant = variant || contextVariant;\n    const { isFilled: isInputFilled, setFilled: setFiller } =\n      useInputGroupContext();\n\n    useOnMount(() => {\n      if (value?.toString() || rest.defaultValue) {\n        setFiller && !isInputFilled && setFiller(true);\n      }\n    });\n    React.useEffect(() => {\n      if (value?.toString() && setFiller && !isInputFilled) {\n        setFiller(true);\n      }\n    }, [value, setFiller, isInputFilled]);\n\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (isFilled(event.target)) {\n        setFiller && !isInputFilled && setFiller(true);\n      } else {\n        setFiller && isInputFilled && setFiller(false);\n      }\n      if (onChange) {\n        onChange(event);\n      }\n    };\n\n    return (\n      <textarea\n        className=\"eds-form-control eds-textarea\"\n        ref={ref}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={handleChange}\n        value={value}\n        aria-invalid={currentVariant === 'error'}\n        {...rest}\n      />\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { CloseSmallIcon } from '@entur/icons';\nimport { useRandomId, useOnMount, mergeRefs, VariantType } from '@entur/utils';\n\nimport { BaseFormControl } from './BaseFormControl';\nimport { useInputGroupContext } from './InputGroupContext';\nimport { isFilled } from './utils';\nimport { useVariant } from './VariantProvider';\nimport './TextField.scss';\nimport { Placement } from '@entur/tooltip';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type TextFieldProps = {\n  /** Tekst eller ikon som kommer før inputfeltet */\n  prepend?: React.ReactNode;\n  /** Tekst eller ikon som kommer etter inputfeltet */\n  append?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over TextField */\n  label: React.ReactNode;\n  /** En tooltip som forklarer labelen til inputfeltet */\n  labelTooltip?: React.ReactNode;\n  /** Forklarende tekst for knappen som åpner labelTooltip */\n  labelTooltipButtonAriaLabel?: string;\n  /** Plasseringen til tooltip-en relativt til spørsmålstegn-knappen */\n  labelTooltipPlacement?: Placement;\n  /** Varselmelding, som vil komme under TextField */\n  feedback?: string;\n  /** Hvilken valideringsfarge som vises*/\n  variant?: VariantType | typeof error | typeof info;\n  /** Deaktiver inputfeltet */\n  disabled?: boolean;\n  /** Setter inputfeltet i read-only modus */\n  readOnly?: boolean;\n  /** Størrelsen på TextField\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Ekstra props som sendes til label-elementet */\n  labelProps?: React.DetailedHTMLProps<\n    React.LabelHTMLAttributes<HTMLLabelElement>,\n    HTMLLabelElement\n  >;\n  /** Om man skal ha muliget for å nullstille TextField. Viser lukkekryss hvis feltet er fylt.\n   * @default false\n   */\n  clearable?: boolean;\n  /** Callback for clearable */\n  onClear?: () => void;\n  ariaAlertOnFeedback?: boolean;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'label'>;\n\nexport const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      prepend,\n      append,\n      variant,\n      disabled = false,\n      readOnly = false,\n      className,\n      style,\n      size = 'medium',\n      label,\n      required,\n      labelTooltip,\n      labelTooltipButtonAriaLabel,\n      labelTooltipPlacement,\n      feedback,\n      onChange,\n      disableLabelAnimation,\n      labelProps,\n      clearable = false,\n      onClear,\n      value,\n      ariaAlertOnFeedback = false,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const randomId = useRandomId('eds-textfield');\n    const textFieldId = labelProps && labelProps.id ? labelProps.id : randomId;\n    const textFieldRef = React.useRef<HTMLInputElement>(null);\n    return (\n      <BaseFormControl\n        disabled={disabled}\n        readOnly={readOnly}\n        variant={variant}\n        prepend={prepend}\n        append={\n          clearable && onClear ? <ClearButton onClear={onClear} /> : append\n        }\n        className={classNames(className, 'eds-textfield__wrapper')}\n        style={style}\n        size={size}\n        label={label}\n        required={required}\n        labelTooltip={labelTooltip}\n        labelTooltipButtonAriaLabel={labelTooltipButtonAriaLabel}\n        labelTooltipPlacement={labelTooltipPlacement}\n        labelId={textFieldId}\n        feedback={feedback}\n        disableLabelAnimation={disableLabelAnimation}\n        labelProps={labelProps}\n        ariaAlertOnFeedback={ariaAlertOnFeedback}\n        onClick={e => {\n          if (e.target === e.currentTarget) textFieldRef?.current?.focus();\n        }}\n      >\n        <TextFieldBase\n          disabled={disabled}\n          readOnly={readOnly}\n          ref={mergeRefs(ref, textFieldRef)}\n          aria-labelledby={textFieldId}\n          onChange={onChange}\n          value={value}\n          variant={variant}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype TextFieldBaseProps = {\n  /** Deaktiver inputfeltet */\n  disabled?: boolean;\n  /** Setter inputfeltet i read-only modus */\n  readOnly?: boolean;\n  variant?: VariantType | typeof error | typeof info;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nconst TextFieldBase = React.forwardRef<HTMLInputElement, TextFieldBaseProps>(\n  (\n    { disabled, readOnly, placeholder, onChange, value, variant, ...rest },\n    forwardRef,\n  ) => {\n    const contextVariant = useVariant();\n    const currentVariant = variant || contextVariant;\n    const { isFilled: isInputFilled, setFilled: setFiller } =\n      useInputGroupContext();\n\n    useOnMount(() => {\n      if (value?.toString() || rest.defaultValue) {\n        setFiller && !isInputFilled && setFiller(true);\n      }\n    });\n    React.useEffect(() => {\n      if (value?.toString() && setFiller && !isInputFilled) {\n        setFiller(true);\n      }\n    }, [value, setFiller, isInputFilled]);\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (isFilled(event.target)) {\n        setFiller && !isInputFilled && setFiller(true);\n      } else {\n        setFiller && isInputFilled && setFiller(false);\n      }\n      if (onChange) {\n        onChange(event);\n      }\n    };\n\n    return (\n      <input\n        aria-invalid={currentVariant === 'error'}\n        className=\"eds-form-control\"\n        disabled={disabled}\n        readOnly={readOnly}\n        ref={forwardRef}\n        placeholder={placeholder}\n        onChange={handleChange}\n        value={value}\n        {...rest}\n      />\n    );\n  },\n);\n\nconst ClearButton: React.FC<{\n  onClear: () => void;\n  [key: string]: any;\n}> = ({ onClear, ...props }) => {\n  const { isFilled: hasValue, setFilled } = useInputGroupContext();\n  return (\n    <div className=\"eds-textfield__clear-button-wrapper\">\n      {hasValue && <div className=\"eds-textfield__divider\"></div>}\n      {hasValue && (\n        <button\n          className=\"eds-textfield__clear-button\"\n          type=\"button\"\n          tabIndex={-1}\n          onClick={() => {\n            setFilled(false);\n            onClear();\n          }}\n          {...props}\n        >\n          <CloseSmallIcon />\n        </button>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useRandomId } from '@entur/utils';\n\nexport type SelectedValues = { [key: string]: boolean };\nexport type SelectedValue = string | null;\nexport type SegmentedContextProps =\n  | {\n      name: string;\n      onChange: (value: SelectedValues) => void;\n      selectedValue: SelectedValues;\n      multiple: true;\n      size: 'medium' | 'large';\n    }\n  | {\n      name: string;\n      onChange: (value: SelectedValue) => void;\n      selectedValue: SelectedValue;\n      multiple: false;\n      size: 'medium' | 'large';\n    };\n\nconst SegmentedContext = React.createContext<SegmentedContextProps | null>(\n  null,\n);\n\nexport type SegmentedProviderProps =\n  | {\n      name?: string;\n      onChange?: (value: SelectedValues) => void;\n      selectedValue: SelectedValues;\n      multiple: true;\n      size: 'medium' | 'large';\n    }\n  | {\n      name?: string;\n      onChange?: (value: SelectedValue) => void;\n      selectedValue: SelectedValue;\n      multiple: false;\n      size: 'medium' | 'large';\n    };\n\nexport const SegmentedProvider: React.FC<SegmentedProviderProps> = ({\n  name,\n  onChange = () => undefined,\n  selectedValue,\n  multiple,\n  size,\n  ...rest\n}) => {\n  const generatedName = useRandomId('eds-segmented-control');\n  const contextValue = React.useMemo(\n    () => ({\n      name: name || generatedName,\n      onChange,\n      multiple,\n      selectedValue,\n      size,\n    }),\n    [generatedName, multiple, name, onChange, selectedValue, size],\n  ) as SegmentedContextProps;\n  return <SegmentedContext.Provider value={contextValue} {...rest} />;\n};\n\nexport const useSegmentedContext = (): SegmentedContextProps => {\n  const context = React.useContext(SegmentedContext);\n  if (!context) {\n    throw new Error(\n      'You need to wrap your SegmentedChoice in either SegmentedControl or MultipleSegmentedControl',\n    );\n  }\n  return context;\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n  useSegmentedContext,\n  SelectedValues,\n  SelectedValue,\n} from './SegmentedContext';\nimport './SegmentedChoice.scss';\n\nexport type SegmentedChoiceProps = {\n  /** Verdien til valget */\n  value: string;\n  /** Innhold som beskriver valget */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback som kalles når komponenten endres */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nexport const SegmentedChoice = React.forwardRef<\n  HTMLInputElement,\n  SegmentedChoiceProps\n>(\n  (\n    {\n      children,\n      className,\n      style,\n      value,\n      name,\n      onChange = () => undefined,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const {\n      name: commonName,\n      selectedValue,\n      onChange: commonOnChange,\n      multiple,\n      size,\n    } = useSegmentedContext();\n\n    const isChecked = multiple\n      ? (selectedValue as SelectedValues)[value]\n      : (selectedValue as SelectedValue) === value;\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange(e);\n      if (multiple) {\n        commonOnChange({\n          ...(selectedValue as SelectedValues),\n          [value]: e.target.checked,\n        } as any);\n      } else if (e.target.checked) {\n        commonOnChange(value as any);\n      }\n    };\n\n    return (\n      <label\n        className={classNames('eds-segmented-choice', className)}\n        style={style}\n      >\n        <input\n          type={multiple ? 'checkbox' : 'radio'}\n          name={name || commonName}\n          checked={isChecked}\n          value={value}\n          onChange={handleChange}\n          ref={ref}\n          {...rest}\n        />\n        <div\n          className={classNames('eds-base-segmented', {\n            'eds-base-segmented--large': size === 'large',\n          })}\n        >\n          {children}\n        </div>\n      </label>\n    );\n  },\n);\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('form', 'icons', 'typography');\n\nexport * from './BaseFormControl';\nexport * from './Checkbox';\nexport * from './FeedbackText';\nexport * from './Fieldset';\nexport * from './InputGroupLabel';\nexport * from './InputGroupContext';\nexport * from './inputPanel';\nexport * from './Radio';\nexport * from './RadioGroup';\nexport * from './Switch';\nexport * from './TextArea';\nexport * from './TextField';\nexport * from './VariantProvider';\nexport * from './variants';\nexport * from './utils';\nexport * from './segmented-control/SegmentedChoice';\nexport * from './segmented-control/SegmentedControl';\nexport * from './segmented-control/MultipleSegmentedControl';\n","import React from 'react';\nimport { Label } from '@entur/typography';\nimport { SegmentedProvider, SelectedValues } from './SegmentedContext';\nimport './SegmentedControl.scss';\n\nexport type MultipleSegmentedControlProps = {\n  /** Navn på input-elementene */\n  name?: string;\n  /** Beskrivende tekst */\n  label?: string;\n  /** En eller flere SegmentedChoice-komponenter */\n  children: React.ReactNode;\n  /** Den eller de valgte verdiene */\n  selectedValue: SelectedValues;\n  /** Callback for når det gjøres et valg */\n  onChange: (value: SelectedValues) => void;\n  [key: string]: any;\n};\n\n/**This component is not used by anyone, and is therefore deprecated\n * @deprecated\n */\nexport const MultipleSegmentedControl: React.FC<MultipleSegmentedControlProps> =\n  ({ children, label, name, onChange, selectedValue, ...rest }) => {\n    return (\n      <SegmentedProvider\n        name={name}\n        selectedValue={selectedValue}\n        onChange={onChange}\n        multiple={true}\n        size=\"medium\"\n      >\n        <Label as=\"div\">{label}</Label>\n        <div className=\"eds-segmented-control\" {...rest}>\n          {children}\n        </div>\n      </SegmentedProvider>\n    );\n  };\n","import React from 'react';\nimport { RadioGroupContextProvider } from './RadioGroupContext';\nimport { Fieldset } from './Fieldset';\n\nexport type RadioGroupProps = {\n  /** Navnet til radiogruppen. */\n  name: string;\n  /** Overskrift over radiogruppen */\n  label?: string;\n  /** Verdien til den valgte radioknappen */\n  value: string | null;\n  /** Radioknappene sendes inn som children */\n  children: React.ReactNode;\n  /** En callback som blir kalles hver gang en radioknapp klikkes på  */\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  [key: string]: any;\n};\n\nexport const RadioGroup: React.FC<RadioGroupProps> = ({\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    <RadioGroupContextProvider value={contextValue}>\n      {label ? (\n        <Fieldset label={label} {...rest}>\n          {children}\n        </Fieldset>\n      ) : (\n        children\n      )}\n    </RadioGroupContextProvider>\n  );\n};\n","import React from 'react';\nimport { SegmentedProvider, SelectedValue } from './SegmentedContext';\nimport { Fieldset } from '../Fieldset';\nimport classNames from 'classnames';\nimport './SegmentedControl.scss';\n\nexport type SegmentedControlProps = {\n  /** Navn på input-elementene */\n  name?: string;\n  /** Beskrivende tekst */\n  label?: string;\n  /** En eller flere SegmentedChoice-komponenter */\n  children: React.ReactNode;\n  /** Den valgte verdien */\n  selectedValue: SelectedValue;\n  /** Callback for når det gjøres et valg */\n  onChange: (value: SelectedValue) => void;\n  /** Størrelsen på SegmentedChoice-komponentene */\n  size?: 'medium' | 'large';\n  /** Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n};\n\nexport const SegmentedControl: React.FC<SegmentedControlProps> = ({\n  children,\n  label,\n  name,\n  onChange,\n  selectedValue,\n  size = 'medium',\n  className,\n  ...rest\n}) => {\n  return (\n    <SegmentedProvider\n      name={name}\n      selectedValue={selectedValue}\n      onChange={onChange}\n      multiple={false}\n      size={size}\n    >\n      <Fieldset label={label}>\n        <div\n          className={classNames('eds-segmented-control', className)}\n          {...rest}\n        >\n          {children}\n        </div>\n      </Fieldset>\n    </SegmentedProvider>\n  );\n};\n"],"names":["AlertIcon","_ref","variant","iconClass","React","createElement","ValidationSuccessFilledIcon","className","ValidationErrorFilledIcon","ValidationExclamationFilledIcon","FeedbackText","_ref2","children","_ref2$hideIcon","hideIcon","rest","_objectWithoutPropertiesLoose","_excluded","SubLabel","_extends","classNames","InputGroupContext","createContext","isFilled","setFilled","InputGroupContextProvider","_React$useState","useState","Provider","value","useInputGroupContext","useContext","InputGroupLabel","label","required","labelId","_ref$staticAnimation","staticAnimation","_useInputGroupContext","filler","id","VariantContext","useVariant","BaseFormControl","forwardRef","ref","after","before","_ref$disabled","disabled","_ref$readOnly","readOnly","prepend","append","_ref$size","size","labelTooltip","_ref$labelTooltipButt","labelTooltipButtonAriaLabel","_ref$labelTooltipPlac","labelTooltipPlacement","feedback","labelProps","style","_ref$disableLabelAnim","disableLabelAnimation","_ref$ariaAlertOnFeedb","ariaAlertOnFeedback","contextVariant","currentVariant","undefined","Tooltip","content","placement","showCloseButton","disableFocusListener","disableHoverListener","disableClickListner","disableKeyboardListener","IconButton","as","tabIndex","role","QuestionIcon","Checkbox","checked","reduceClickArea","inputRef","useRef","isIndeterminate","isControlled","useEffect","current","indeterminate","cx","type","mergeRefs","CheckboxIcon","Paragraph","margin","_ref2$indeterminate","width","height","viewBox","x","y","fill","d","Fieldset","Heading5","RadioGroupContext","RadioGroupContextProvider","useRadioGroupContext","context","Error","Radio","_rest$name","_rest$checked","_rest$onChange","classList","_useRadioGroupContext","name","onChange","InputPanelBase","_inputRef$current","_ref3","_inputRef$current2","title","secondaryLabel","_ref$hideSelectionInd","hideSelectionIndicator","_ref$type","defaultId","useRandomId","inputPanelId","forceUpdate","useForceUpdate","htmlFor","e","Fragment","pointerEvents","RadioPanel","_ref$hideRadioButton","hideRadioButton","CheckboxPanel","_ref$hideCheckbox","hideCheckbox","Switch","_ref$labelPlacement","labelPlacement","icon","_ref$hideIcon","_ref$color","color","colors","validation","mint","_ref$contrastColor","contrastColor","mintContrast","CheckIcon","CloseSmallIcon","hasValue","Array","isArray","length","obj","SSR","defaultValue","TextArea","textAreaId","textareaRef","onClick","_textareaRef$current","target","currentTarget","focus","TextAreaBase","_excluded2","isInputFilled","setFiller","useOnMount","toString","event","TextField","_ref$clearable","clearable","onClear","randomId","textFieldId","textFieldRef","ClearButton","_textFieldRef$current","TextFieldBase","placeholder","props","_excluded3","_useInputGroupContext2","SegmentedContext","SegmentedProvider","_ref$onChange","selectedValue","multiple","generatedName","contextValue","useMemo","SegmentedChoice","_useSegmentedContext","useSegmentedContext","commonName","commonOnChange","isChecked","_extends2","warnAboutMissingStyles","Label","_ref$variant"],"mappings":"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"}
+{"version":3,"file":"form.cjs.production.min.js","sources":["../src/FeedbackText.tsx","../src/InputGroupContext.tsx","../src/InputGroupLabel.tsx","../src/VariantProvider.tsx","../src/BaseFormControl.tsx","../src/Checkbox.tsx","../src/Fieldset.tsx","../src/RadioGroupContext.tsx","../src/Radio.tsx","../src/inputPanel/InputPanelBase.tsx","../src/inputPanel/RadioPanel.tsx","../src/inputPanel/CheckboxPanel.tsx","../src/Switch.tsx","../src/utils.ts","../src/TextArea.tsx","../src/TextField.tsx","../src/segmented-control/SegmentedContext.tsx","../src/segmented-control/SegmentedChoice.tsx","../src/index.tsx","../src/segmented-control/MultipleSegmentedControl.tsx","../src/RadioGroup.tsx","../src/segmented-control/SegmentedControl.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ValidationSuccessFilledIcon,\n  ValidationErrorFilledIcon,\n  ValidationExclamationFilledIcon,\n} from '@entur/icons';\nimport { SubLabel } from '@entur/typography';\nimport { VariantType } from '@entur/utils';\n\nimport classNames from 'classnames';\nimport './FeedbackText.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nconst AlertIcon: React.FC<{\n  variant: VariantType | typeof info | typeof error;\n}> = ({ variant }) => {\n  const iconClass = `eds-feedback-text__icon eds-feedback-text__icon--${variant}`;\n  switch (variant) {\n    case 'success':\n      return (\n        <ValidationSuccessFilledIcon\n          aria-label=\"Suksessmelding\"\n          className={iconClass}\n        />\n      );\n    case 'negative':\n      return (\n        <ValidationErrorFilledIcon\n          aria-label=\"Feilmelding\"\n          className={iconClass}\n        />\n      );\n    case 'information':\n      return null;\n    case 'warning':\n      return (\n        <ValidationExclamationFilledIcon\n          aria-label=\"Varselmelding\"\n          className={iconClass}\n        />\n      );\n    case error:\n      return (\n        <ValidationErrorFilledIcon\n          aria-label=\"Feilmelding\"\n          className={iconClass}\n        />\n      );\n    case info:\n      return null;\n    default:\n      return null;\n  }\n};\n\nexport type FeedbackTextProps = {\n  /** Teksten som vises */\n  children: React.ReactNode;\n  /** Skjuler ikonet */\n  hideIcon?: boolean;\n  /** Feedbackvarianten*/\n  variant: VariantType | typeof error | typeof info;\n  /** Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n};\nexport const FeedbackText: React.FC<FeedbackTextProps> = ({\n  children,\n  hideIcon = false,\n  variant,\n  className,\n  ...rest\n}) => {\n  return (\n    <SubLabel\n      className={classNames(\n        'eds-feedback-text',\n        {\n          'eds-feedback-text--information':\n            variant === info || variant === 'information',\n        },\n        className,\n      )}\n      {...rest}\n    >\n      {!hideIcon && <AlertIcon variant={variant} />}\n      <span className=\"eds-feedback-text__text\">{children}</span>\n    </SubLabel>\n  );\n};\n","import * as React from 'react';\n\ntype InputGroupContextType = {\n  isFilled: boolean;\n  setFilled: (e: boolean) => void;\n};\n\nconst InputGroupContext = React.createContext<InputGroupContextType>({\n  isFilled: false,\n  setFilled: () => null,\n});\n\nexport const InputGroupContextProvider: React.FC<{\n  children: React.ReactNode;\n}> = ({ children }) => {\n  const [filled, setFilled] = React.useState(false);\n  return (\n    <InputGroupContext.Provider\n      value={{ isFilled: filled, setFilled: setFilled }}\n    >\n      {children}\n    </InputGroupContext.Provider>\n  );\n};\n\nexport const useInputGroupContext: () => InputGroupContextType = () =>\n  React.useContext(InputGroupContext);\n","import classNames from 'classnames';\nimport React from 'react';\nimport { useInputGroupContext } from './InputGroupContext';\nimport './InputGroupLabel.scss';\n\nexport type InputGroupLabelProps = {\n  label?: React.ReactNode;\n  required?: boolean;\n  labelTooltip?: string;\n  labelId: string;\n  staticAnimation?: boolean;\n} & React.DetailedHTMLProps<\n  React.LabelHTMLAttributes<HTMLLabelElement>,\n  HTMLLabelElement\n>;\n\nexport const InputGroupLabel: React.FC<InputGroupLabelProps> = ({\n  label,\n  required,\n  labelId,\n  staticAnimation = false,\n  ...rest\n}) => {\n  const { isFilled } = useInputGroupContext();\n  const filler = staticAnimation || isFilled;\n  return (\n    <label\n      className={classNames(rest.className, {\n        'eds-input-group-label-wrapper--filled': filler,\n      })}\n      id={labelId}\n      {...rest}\n    >\n      <span\n        className={classNames('eds-input-group__label', {\n          'eds-input-group__label--filled': filler,\n        })}\n      >\n        {label} {required && <span>*</span>}\n      </span>\n    </label>\n  );\n};\n","import React from 'react';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nconst VariantContext = React.createContext<\n  VariantType | typeof error | typeof info | null\n>(null);\n\nexport type VariantProviderProps = {\n  variant?: VariantType | typeof error | typeof info;\n};\nexport const VariantProvider: React.FC<VariantProviderProps> = ({\n  children,\n  variant = null,\n}) => {\n  return (\n    <VariantContext.Provider value={variant}>\n      {children}\n    </VariantContext.Provider>\n  );\n};\n\nexport const useVariant: () => VariantType | typeof error | typeof info | null =\n  () => {\n    const context = React.useContext(VariantContext);\n    return context;\n  };\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { VariantType } from '@entur/utils';\nimport { QuestionIcon } from '@entur/icons';\nimport { Placement, Tooltip } from '@entur/tooltip';\nimport { IconButton } from '@entur/button';\n\nimport { FeedbackText } from './FeedbackText';\nimport { InputGroupContextProvider } from './InputGroupContext';\nimport { InputGroupLabel } from './InputGroupLabel';\nimport { useVariant } from './VariantProvider';\n\nimport './BaseFormControl.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type BaseFormControlProps = React.HTMLAttributes<HTMLDivElement> & {\n  /** Et skjemaelement med `eds-form-control`-klassen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Sett til true om skjema-elementet er disabled */\n  disabled?: boolean;\n  /** Sett til true om skjema-elementet er i read-only modus */\n  readOnly?: boolean;\n  /** Tekst eller ikon som vises foran skjema-elementet */\n  prepend?: React.ReactNode;\n  /** Tekst eller ikon som vises etter skjema-elementet */\n  append?: React.ReactNode;\n  /** Valideringsvariant */\n  variant?: VariantType | typeof error | typeof info;\n  /**Størrelsen på skjemaelementet\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /** Label til inputfeltet */\n  label: React.ReactNode;\n  /** En tooltip som forklarer labelen til inputfeltet */\n  labelTooltip?: React.ReactNode;\n  /** Forklarende tekst for knappen som åpner labelTooltip */\n  labelTooltipButtonAriaLabel?: string;\n  labelTooltipPlacement?: Placement;\n  /** Illustrerer om inputfeltet er påkrevd eller ikke */\n  required?: boolean;\n  /** ID som settes på labelen til inputfeltet */\n  labelId: string;\n  /** Varselmelding, som vil komme under form-komponenten */\n  feedback?: string;\n  /** Om inputfeltet er fylt med data. Brukes for plassering av label */\n  isFilled?: boolean;\n  /**Ekstra props som sendes til label */\n  labelProps?: { [key: string]: any };\n  /** Ekstra styling */\n  style?: React.CSSProperties;\n  /** Plasserer labelen statisk på toppen av inputfeltet */\n  disableLabelAnimation?: boolean;\n  /** Setter feedbackText sin rolle til \"alert\" */\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  ariaAlertOnFeedback?: boolean;\n  /** Legg til et element etter feltet */\n  after?: React.ReactNode;\n  /** Legg til et element før feltet */\n  before?: React.ReactNode;\n  /** Aria-label som brukes når inputfeltet er i read-only modus */\n  ariaLabelOnReadOnly?: string;\n};\n\nexport const BaseFormControl = React.forwardRef<\n  HTMLDivElement,\n  BaseFormControlProps\n>(\n  (\n    {\n      after,\n      before,\n      children,\n      className,\n      disabled = false,\n      readOnly = false,\n      variant,\n      prepend,\n      append,\n      size = 'medium',\n      isFilled,\n      label,\n      required,\n      labelTooltip,\n      labelTooltipButtonAriaLabel = `Klikk for tilleggsinfo om ${label}-feltet`,\n      labelTooltipPlacement = 'top',\n      feedback,\n      labelId,\n      labelProps,\n      style,\n      disableLabelAnimation = false,\n      ariaAlertOnFeedback = false,\n      ariaLabelOnReadOnly = 'Dette skjemafeltet kan bare leses',\n      ...rest\n    },\n    ref,\n  ) => {\n    const contextVariant = useVariant();\n    const currentVariant = variant || contextVariant;\n\n    return (\n      <InputGroupContextProvider>\n        <div\n          className={classNames(\n            'eds-form-control__field-and-feedback-text',\n            className,\n            {\n              'eds-form-control__field-and-feedback-text--has-tooltip':\n                labelTooltip !== undefined,\n            },\n          )}\n          style={style}\n        >\n          {before}\n          <div\n            className={classNames(\n              'eds-form-control-wrapper',\n              `eds-form-control-wrapper--size-${size}`,\n              {\n                'eds-form-control-wrapper--success':\n                  currentVariant === 'success',\n                'eds-form-control-wrapper--negative':\n                  currentVariant === 'negative' || currentVariant === error,\n                'eds-form-control-wrapper--disabled': disabled,\n                'eds-form-control-wrapper--readonly': readOnly,\n                'eds-form-control-wrapper--is-filled': isFilled,\n              },\n            )}\n            ref={ref}\n            tabIndex={readOnly ? -1 : 0}\n            {...rest}\n          >\n            {prepend && (\n              <div className=\"eds-form-control__prepend\">{prepend}</div>\n            )}\n            <InputGroupLabel\n              label={label}\n              required={required}\n              labelId={labelId}\n              staticAnimation={disableLabelAnimation}\n              aria-label={\n                readOnly ? `${label}, ${ariaLabelOnReadOnly}` : undefined\n              }\n              {...labelProps}\n            />\n            {labelTooltip && (\n              <Tooltip\n                content={labelTooltip}\n                placement={labelTooltipPlacement}\n                showCloseButton={false}\n                disableFocusListener={true}\n                disableHoverListener={true}\n                disableClickListner={false}\n                disableKeyboardListener={false}\n              >\n                <IconButton\n                  as=\"span\"\n                  tabIndex={0}\n                  role=\"button\"\n                  className=\"eds-form-control__append eds-form-control__append--tooltip\"\n                  aria-label={labelTooltipButtonAriaLabel}\n                >\n                  <QuestionIcon\n                    className=\"eds-input-group__label-tooltip-icon\"\n                    aria-hidden=\"true\"\n                  />\n                </IconButton>\n              </Tooltip>\n            )}\n            {children}\n            {append && <div className=\"eds-form-control__append\">{append}</div>}\n          </div>\n          {feedback && currentVariant && (\n            <FeedbackText\n              variant={currentVariant}\n              role={ariaAlertOnFeedback ? 'alert' : undefined}\n            >\n              {feedback}\n            </FeedbackText>\n          )}\n          {after}\n        </div>\n      </InputGroupContextProvider>\n    );\n  },\n);\n","import React, { CSSProperties } from 'react';\nimport cx from 'classnames';\nimport { Paragraph } from '@entur/typography';\nimport { mergeRefs } from '@entur/utils';\n\nimport './Checkbox.scss';\n\nexport type CheckboxProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label for checkboxen, som vises ved høyre side. */\n  children?: React.ReactNode;\n  /** Om Checkbox er avmerket, eller om den er i en indeterminate state */\n  checked?: 'indeterminate' | boolean;\n  /** Callback for Checkbox */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Om checkboxen er disabled eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** Sett til true om skjema-elementet er i read-only modus\n   * @default false\n   */\n  readOnly?: boolean;\n  /**Ekstra styling til komponenten */\n  style?: CSSProperties;\n  /** Reduserer klikkflaten for Checkbox'en\n   * @default false\n   */\n  reduceClickArea?: boolean;\n  /** Om animasjon skal deaktiveres\n   * @default false\n   */\n  disableAnimation?: boolean;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked'>;\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      checked,\n      className,\n      children,\n      style,\n      disabled = false,\n      readOnly = false,\n      reduceClickArea,\n      disableAnimation = false,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n\n    const isIndeterminate = checked === 'indeterminate';\n    const isControlled = checked !== undefined;\n\n    React.useEffect(() => {\n      if (inputRef && inputRef.current) {\n        inputRef.current.indeterminate = isIndeterminate;\n      }\n    }, [isIndeterminate]);\n\n    return (\n      <label\n        className={cx('eds-checkbox__container', className, {\n          'eds-checkbox--disabled': disabled,\n          'eds-checkbox--readonly': readOnly,\n          'eds-checkbox__container--reduced-click-area': reduceClickArea,\n        })}\n        style={style}\n      >\n        <input\n          type=\"checkbox\"\n          ref={mergeRefs(ref, inputRef)}\n          checked={isControlled ? checked === true : undefined}\n          disabled={disabled}\n          onKeyDown={e => {\n            if (readOnly && (e.key === ' ' || e.key === 'Enter')) {\n              e.preventDefault();\n              e.stopPropagation();\n            }\n          }}\n          aria-label={\n            readOnly ? ` ${children?.toString()}. Kan ikke endres` : undefined\n          }\n          {...rest}\n        />\n        <span\n          className={cx('eds-checkbox__icon', {\n            'eds-checkbox__icon--disabled': disabled,\n            'eds-checkbox__icon--readonly': readOnly,\n            'eds-checkbox__icon--reduced-click-area': reduceClickArea,\n            'eds-checkbox__icon--no-animation':\n              disableAnimation || disabled || readOnly,\n          })}\n        >\n          <CheckboxIcon indeterminate={isIndeterminate} />\n        </span>\n        {children && (\n          <Paragraph className=\"eds-checkbox__label\" margin=\"none\" as=\"span\">\n            {children}\n          </Paragraph>\n        )}\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC<{ indeterminate: boolean }> = ({\n  indeterminate = false,\n}) => {\n  return (\n    <svg\n      className=\"eds-checkbox-icon\"\n      width=\"11px\"\n      height=\"9px\"\n      viewBox=\"6 11 37 33\"\n      aria-hidden={true}\n    >\n      {indeterminate ? (\n        <rect x=\"10\" y=\"25\" width=\"28\" height=\"5\" fill=\"white\" />\n      ) : (\n        <path d=\"M14.1 27.2l7.1 7.2 14.6-14.8\" fill=\"none\" />\n      )}\n    </svg>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { Heading5 } from '@entur/typography';\nimport './Fieldset.scss';\n\nexport type FieldsetProps = {\n  /** Innholdet i felt-gruppen. */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Labelen til felt-gruppen. */\n  label?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const Fieldset: React.FC<FieldsetProps> = ({\n  children,\n  className,\n  label,\n  ...rest\n}) => (\n  <fieldset className={classNames('eds-fieldset', className)} {...rest}>\n    {label && <Heading5 as=\"legend\">{label}</Heading5>}\n    {children}\n  </fieldset>\n);\n","import React from 'react';\n\ntype RadioGroupContextProps = {\n  name: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string | null;\n  readOnly?: boolean;\n};\n\nconst RadioGroupContext = React.createContext<RadioGroupContextProps | null>(\n  null,\n);\n\nexport const RadioGroupContextProvider = RadioGroupContext.Provider;\n\nexport const useRadioGroupContext: () => RadioGroupContextProps = () => {\n  const context = React.useContext(RadioGroupContext);\n  if (!context) {\n    throw new Error(\n      'You need to wrap your RadioButtons in a RadioGroup component',\n    );\n  }\n  return context;\n};\n","import React from 'react';\nimport cx from 'classnames';\nimport { Paragraph } from '@entur/typography';\nimport { useRadioGroupContext } from './RadioGroupContext';\nimport './Radio.scss';\n\nexport type RadioProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label til radio-button. Vises ved høyre side. */\n  children?: React.ReactNode;\n  /** Verdien til radioknappen */\n  value: string;\n  /** Om radiobutton er disabled eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** Beskrivelse som leses opp av skjermlesere når radiobutton er readonly */\n  readOnlyLabelDescription?: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  (\n    { className, children, value, disabled, readOnlyLabelDescription, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const {\n      name,\n      value: selectedValue,\n      onChange,\n      readOnly,\n    } = useRadioGroupContext();\n\n    const classList = cx(className, 'eds-form-component--radio__radio', {\n      'eds-form-component--radio__radio--disabled': disabled,\n      'eds-form-component--radio__radio--readonly': readOnly,\n    });\n\n    return (\n      <label className=\"eds-form-component--radio__container\">\n        <input\n          type=\"radio\"\n          name={rest.name ?? name}\n          ref={ref}\n          value={value}\n          checked={rest.checked ?? selectedValue === value}\n          onChange={e => {\n            if (readOnly) {\n              e.preventDefault();\n              return;\n            }\n            (rest.onChange ?? onChange)?.(e);\n          }}\n          onClick={e => {\n            if (readOnly) {\n              e.preventDefault();\n            }\n          }}\n          disabled={disabled}\n          aria-label={\n            readOnly\n              ? `${children?.toString()}. ${\n                  readOnlyLabelDescription ?? 'Kan ikke endres'\n                }`\n              : undefined\n          }\n          {...rest}\n        />\n        <span className={classList}>\n          <span className=\"eds-form-component--radio__circle\"></span>\n        </span>\n        {children && (\n          <Paragraph\n            margin=\"none\"\n            as=\"span\"\n            className=\"eds-form-component--radio__label\"\n          >\n            {children}\n          </Paragraph>\n        )}\n      </label>\n    );\n  },\n);\n","import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { mergeRefs, useRandomId, useForceUpdate } from '@entur/utils';\nimport { Checkbox } from '../Checkbox';\nimport { Radio } from '../Radio';\n\nimport './InputPanelBase.scss';\n\nexport type InputPanelProps = {\n  /** Om det er en radio- eller checkbox-variant */\n  type: string;\n  /** Verdien til input-panelet */\n  value: string;\n  /** Om input-panelet skal være valgt eller ikke */\n  checked?: boolean;\n  /** Hovedtittelen til input-panelet */\n  title: React.ReactNode;\n  /** Ektstra label som står høyrestilt, til venstre for Checkboxen/Radio-button-en */\n  secondaryLabel?: React.ReactNode;\n  /** Ekstra informasjon som legges nederst i input-panelet */\n  children?: React.ReactNode;\n  /** Størrelse på input-panelet\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /**Skjuler checkbox-/radio-button-en i input-panelet\n   * @default false\n   */\n  hideSelectionIndicator?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om input-panelet er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** */\n  style?: React.CSSProperties;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'title' | 'size'\n>;\n\nexport const InputPanelBase = React.forwardRef<\n  HTMLInputElement,\n  InputPanelProps\n>(\n  (\n    {\n      className,\n      children,\n      value,\n      title,\n      secondaryLabel,\n      size = 'medium',\n      hideSelectionIndicator = false,\n      style,\n      id,\n      disabled = false,\n      type = 'radio',\n      onChange,\n      checked,\n      name,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = classNames(\n      className,\n      'eds-input-panel__container',\n      `eds-input-panel--${size}`,\n    );\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const defaultId = useRandomId('eds-inputpanel');\n    const inputPanelId = id || defaultId;\n    const forceUpdate = useForceUpdate();\n\n    const handleOnChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (onChange === undefined) forceUpdate();\n      onChange?.(e);\n    };\n\n    return (\n      <label className=\"eds-input-panel\" htmlFor={inputPanelId}>\n        <input\n          type={type}\n          name={name}\n          ref={mergeRefs(ref, inputRef)}\n          value={value}\n          checked={checked}\n          onChange={handleOnChange}\n          id={inputPanelId}\n          disabled={disabled}\n          {...rest}\n        />\n        <div className={classList} style={style}>\n          <div className=\"eds-input-panel__title-wrapper\">\n            <div className=\"eds-input-panel__title\">{title}</div>\n            <div className=\"eds-input-panel__secondary-label-and-icon-wrapper\">\n              {secondaryLabel !== undefined && <>{secondaryLabel}</>}\n              <span style={{ pointerEvents: 'none' }}>\n                {!(disabled || hideSelectionIndicator) &&\n                  (type === 'radio' ? (\n                    <Radio\n                      name=\"\"\n                      value=\"\"\n                      checked={checked ?? inputRef.current?.checked ?? false}\n                      onChange={() => {\n                        return;\n                      }}\n                      aria-hidden=\"true\"\n                      tabIndex={-1}\n                    />\n                  ) : (\n                    <Checkbox\n                      checked={checked ?? inputRef.current?.checked ?? false}\n                      onChange={() => null}\n                      aria-hidden=\"true\"\n                      tabIndex={-1}\n                    />\n                  ))}\n              </span>\n            </div>\n          </div>\n          {children && (\n            <div className=\"eds-input-panel__additional-content\">\n              {children}\n            </div>\n          )}\n        </div>\n      </label>\n    );\n  },\n);\n","import React from 'react';\nimport { useRadioGroupContext } from '../RadioGroupContext';\nimport { InputPanelBase } from './InputPanelBase';\n\nexport type RadioPanelProps = {\n  /** Verdien til radio-panelet */\n  value: string;\n  /** Hovedtittelen til radio-panelet */\n  title: React.ReactNode;\n  /** Ektstra label som står høyrestilt, til venstre for radio-button-en */\n  secondaryLabel?: React.ReactNode;\n  /** Ekstra informasjon som legges nederst i radio-panelet */\n  children?: React.ReactNode;\n  /** Størrelse på radio-panelet\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /**Skjuler radio-button-en i radio-panelet\n   * @default false\n   */\n  hideRadioButton?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om radio-panelet er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** */\n  style?: React.CSSProperties;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'title' | 'size'\n>;\n\nexport const RadioPanel = React.forwardRef<HTMLInputElement, RadioPanelProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      title,\n      secondaryLabel,\n      size = 'medium',\n      hideRadioButton = false,\n      style,\n      id,\n      disabled = false,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const { name, value: selected, onChange } = useRadioGroupContext();\n\n    return (\n      <InputPanelBase\n        type=\"radio\"\n        name={name}\n        title={title}\n        value={value}\n        checked={selected === value}\n        onChange={onChange}\n        className={className}\n        secondaryLabel={secondaryLabel}\n        size={size}\n        hideSelectionIndicator={hideRadioButton}\n        style={style}\n        id={id}\n        disabled={disabled}\n        {...rest}\n        ref={ref}\n      >\n        {children}\n      </InputPanelBase>\n    );\n  },\n);\n","import React from 'react';\nimport { InputPanelBase } from './InputPanelBase';\n\nexport type CheckboxPanelProps = {\n  /** Verdien til CheckboxPanel */\n  value: string;\n  /** Om checkbox-panelet skal være valgt eller ikke */\n  checked?: boolean;\n  /** Hovedtittelen til CheckboxPanel */\n  title: React.ReactNode;\n  /** Ektstra label som står høyrestilt mot Checkboxen */\n  secondaryLabel?: React.ReactNode;\n  /** Ekstra informasjon som legges nederst i CheckboxPanel */\n  children?: React.ReactNode;\n  /** Størrelse på CheckboxPanel\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /**Skjuler checkbox-en i CheckboxPanel\n   * @default false\n   */\n  hideCheckbox?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om CheckboxPanel er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** */\n  style?: React.CSSProperties;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'title' | 'size'\n>;\n\nexport const CheckboxPanel = React.forwardRef<\n  HTMLInputElement,\n  CheckboxPanelProps\n>(\n  (\n    {\n      name,\n      checked,\n      onChange,\n      className,\n      children,\n      value,\n      title,\n      secondaryLabel,\n      size = 'medium',\n      hideCheckbox = false,\n      style,\n      id,\n      disabled = false,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    return (\n      <InputPanelBase\n        type=\"checkbox\"\n        name={name}\n        title={title}\n        value={value}\n        checked={checked}\n        onChange={onChange}\n        className={className}\n        secondaryLabel={secondaryLabel}\n        size={size}\n        hideSelectionIndicator={hideCheckbox}\n        style={style}\n        id={id}\n        disabled={disabled}\n        {...rest}\n        ref={ref}\n      >\n        {children}\n      </InputPanelBase>\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { colors } from '@entur/tokens';\nimport { CheckIcon, CloseSmallIcon } from '@entur/icons';\nimport './Switch.scss';\n\nexport type SwitchProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label for Switch-en. */\n  children?: React.ReactNode;\n  /** Posisjonen til label for Switch-en.\n   * @default \"right\"\n   */\n  labelPlacement?: 'right' | 'bottom';\n  /** Om switch-en er checked eller ikke */\n  checked?: boolean;\n  /** Ikonet som skal stå inne i sirkelen på Switch-en */\n  icon?: React.ReactNode;\n  /** Skjul ikonet inne i sikrelen på Switch-en\n   * @default false\n   */\n  hideIcon?: boolean;\n  /** Farge som settes på ikon og bakgrunn når Switch-en er \"checked\"\n   * @default colors.validation.mint\n   */\n  color?: string;\n  /** Farge på bakgrunn når Switch-en er \"checked\" og står i en kontrast-seksjon\n   * @default colors.validation.mintContrast\n   */\n  contrastColor?: string;\n  /** Størrelsen på Switch-en\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /** Callback for når verdien endres */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(\n  (\n    {\n      className,\n      children,\n      labelPlacement = 'right',\n      icon,\n      hideIcon = false,\n      color = colors.validation.mint,\n      contrastColor = colors.validation.mintContrast,\n      size = 'medium',\n      checked,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const displayedIcon = () => {\n      if (icon) return icon;\n      if (checked === undefined) return <></>;\n      const iconSize = size === 'large' ? 23 : undefined;\n      return checked ? (\n        <CheckIcon size={iconSize} />\n      ) : (\n        <CloseSmallIcon size={iconSize} />\n      );\n    };\n\n    return (\n      <label\n        className={classNames(\n          'eds-switch',\n          `eds-switch--${labelPlacement}`,\n          className,\n        )}\n        style={{ ...rest.style }}\n      >\n        <input type=\"checkbox\" ref={ref} checked={checked} {...rest} />\n        <span\n          className={classNames(\n            'eds-switch__switch',\n            `eds-switch__switch--${size}`,\n          )}\n          style={\n            {\n              '--eds-switch-color': color,\n              '--eds-switch-contrast-color': contrastColor,\n            } as React.CSSProperties\n          }\n          aria-hidden=\"true\"\n        >\n          <span className=\"eds-switch__circle\">\n            {!hideIcon && displayedIcon()}\n          </span>\n        </span>\n        {children && (\n          <span\n            className={classNames(\n              'eds-switch__label',\n              `eds-switch__label--${size}--${labelPlacement}`,\n            )}\n          >\n            {children}\n          </span>\n        )}\n      </label>\n    );\n  },\n);\n","// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types -- disabled during Yarn upgrade\nexport function hasValue(value: any): boolean {\n  return value != null && !(Array.isArray(value) && value.length === 0);\n}\n\n// Determine if field is empty or filled.\n// Response determines if label is presented above field or as placeholder.\n//\n// @param obj\n// @param SSR\n// @returns {boolean} False when not present or empty string.\n//                    True when any number or string with length.\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types -- disabled during Yarn upgrade\nexport function isFilled(obj: any, SSR = false): boolean {\n  return (\n    obj &&\n    ((hasValue(obj.value) && obj.value !== '') ||\n      (SSR && hasValue(obj.defaultValue) && obj.defaultValue !== ''))\n  );\n}\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { useRandomId, useOnMount, mergeRefs, VariantType } from '@entur/utils';\n\nimport { useVariant } from './VariantProvider';\nimport { BaseFormControl } from './BaseFormControl';\nimport { useInputGroupContext } from './InputGroupContext';\nimport { isFilled } from './utils';\n\nimport './TextArea.scss';\nimport { Placement } from '@entur/tooltip';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type TextAreaProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Valideringsvariant */\n  variant?: VariantType | typeof error | typeof info;\n  /** Deaktiverer tekstområdet */\n  disabled?: boolean;\n  /** Setter tekstområdet i read-only modus */\n  readOnly?: boolean;\n  /** Label over TextArea */\n  label: string;\n  /** En tooltip som forklarer labelen til inputfeltet */\n  labelTooltip?: React.ReactNode;\n  /** Forklarende tekst for knappen som åpner labelTooltip */\n  labelTooltipButtonAriaLabel?: string;\n  /** Plasseringen til tooltip-en relativt til spørsmålstegn-knappen */\n  labelTooltipPlacement?: Placement;\n  /** Varselmelding, som vil komme under TextArea */\n  feedback?: string;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      variant,\n      disabled = false,\n      readOnly = false,\n      className,\n      style,\n      label,\n      feedback,\n      labelTooltip,\n      labelTooltipButtonAriaLabel,\n      labelTooltipPlacement,\n      onChange,\n      disableLabelAnimation,\n      ...rest\n    },\n    ref: React.Ref<HTMLTextAreaElement>,\n  ) => {\n    const textAreaId = useRandomId('eds-textarea');\n    const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n    return (\n      <BaseFormControl\n        className={classNames(className, 'eds-textarea__wrapper')}\n        disabled={disabled}\n        readOnly={readOnly}\n        variant={variant}\n        style={style}\n        label={label}\n        labelId={textAreaId}\n        feedback={feedback}\n        labelTooltip={labelTooltip}\n        labelTooltipButtonAriaLabel={labelTooltipButtonAriaLabel}\n        labelTooltipPlacement={labelTooltipPlacement}\n        labelProps={{ className: 'eds-textarea__label' }}\n        disableLabelAnimation={disableLabelAnimation}\n        onClick={e => {\n          if (e.target === e.currentTarget) textareaRef?.current?.focus();\n        }}\n      >\n        <TextAreaBase\n          readOnly={readOnly}\n          disabled={disabled}\n          ref={mergeRefs(ref, textareaRef)}\n          aria-labelledby={textAreaId}\n          onChange={onChange}\n          variant={variant}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype TextAreaBaseProps = {\n  readOnly?: boolean;\n  disabled?: boolean;\n  variant?: VariantType | typeof error | typeof info;\n} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nconst TextAreaBase = React.forwardRef<HTMLTextAreaElement, TextAreaBaseProps>(\n  ({ readOnly, disabled, onChange, value, variant, ...rest }, ref) => {\n    const contextVariant = useVariant();\n    const currentVariant = variant || contextVariant;\n    const { isFilled: isInputFilled, setFilled: setFiller } =\n      useInputGroupContext();\n\n    useOnMount(() => {\n      if (value?.toString() || rest.defaultValue) {\n        setFiller && !isInputFilled && setFiller(true);\n      }\n    });\n    React.useEffect(() => {\n      if (value?.toString() && setFiller && !isInputFilled) {\n        setFiller(true);\n      }\n    }, [value, setFiller, isInputFilled]);\n\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (isFilled(event.target)) {\n        setFiller && !isInputFilled && setFiller(true);\n      } else {\n        setFiller && isInputFilled && setFiller(false);\n      }\n      if (onChange) {\n        onChange(event);\n      }\n    };\n\n    return (\n      <textarea\n        className=\"eds-form-control eds-textarea\"\n        ref={ref}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={handleChange}\n        value={value}\n        aria-invalid={currentVariant === 'error'}\n        {...rest}\n      />\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { CloseSmallIcon } from '@entur/icons';\nimport { useRandomId, useOnMount, mergeRefs, VariantType } from '@entur/utils';\n\nimport { BaseFormControl } from './BaseFormControl';\nimport { useInputGroupContext } from './InputGroupContext';\nimport { isFilled } from './utils';\nimport { useVariant } from './VariantProvider';\nimport './TextField.scss';\nimport { Placement } from '@entur/tooltip';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type TextFieldProps = {\n  /** Tekst eller ikon som kommer før inputfeltet */\n  prepend?: React.ReactNode;\n  /** Tekst eller ikon som kommer etter inputfeltet */\n  append?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over TextField */\n  label: React.ReactNode;\n  /** En tooltip som forklarer labelen til inputfeltet */\n  labelTooltip?: React.ReactNode;\n  /** Forklarende tekst for knappen som åpner labelTooltip */\n  labelTooltipButtonAriaLabel?: string;\n  /** Plasseringen til tooltip-en relativt til spørsmålstegn-knappen */\n  labelTooltipPlacement?: Placement;\n  /** Varselmelding, som vil komme under TextField */\n  feedback?: string;\n  /** Hvilken valideringsfarge som vises*/\n  variant?: VariantType | typeof error | typeof info;\n  /** Deaktiver inputfeltet */\n  disabled?: boolean;\n  /** Setter inputfeltet i read-only modus */\n  readOnly?: boolean;\n  /** Størrelsen på TextField\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Ekstra props som sendes til label-elementet */\n  labelProps?: React.DetailedHTMLProps<\n    React.LabelHTMLAttributes<HTMLLabelElement>,\n    HTMLLabelElement\n  >;\n  /** Om man skal ha muliget for å nullstille TextField. Viser lukkekryss hvis feltet er fylt.\n   * @default false\n   */\n  clearable?: boolean;\n  /** Callback for clearable */\n  onClear?: () => void;\n  ariaAlertOnFeedback?: boolean;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'label'>;\n\nexport const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      prepend,\n      append,\n      variant,\n      disabled = false,\n      readOnly = false,\n      className,\n      style,\n      size = 'medium',\n      label,\n      required,\n      labelTooltip,\n      labelTooltipButtonAriaLabel,\n      labelTooltipPlacement,\n      feedback,\n      onChange,\n      disableLabelAnimation,\n      labelProps,\n      clearable = false,\n      onClear,\n      value,\n      ariaAlertOnFeedback = false,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const randomId = useRandomId('eds-textfield');\n    const textFieldId = labelProps && labelProps.id ? labelProps.id : randomId;\n    const textFieldRef = React.useRef<HTMLInputElement>(null);\n    return (\n      <BaseFormControl\n        disabled={disabled}\n        readOnly={readOnly}\n        variant={variant}\n        prepend={prepend}\n        append={\n          clearable && onClear ? <ClearButton onClear={onClear} /> : append\n        }\n        className={classNames(className, 'eds-textfield__wrapper')}\n        style={style}\n        size={size}\n        label={label}\n        required={required}\n        labelTooltip={labelTooltip}\n        labelTooltipButtonAriaLabel={labelTooltipButtonAriaLabel}\n        labelTooltipPlacement={labelTooltipPlacement}\n        labelId={textFieldId}\n        feedback={feedback}\n        disableLabelAnimation={disableLabelAnimation}\n        labelProps={labelProps}\n        ariaAlertOnFeedback={ariaAlertOnFeedback}\n        onClick={e => {\n          if (e.target === e.currentTarget) textFieldRef?.current?.focus();\n        }}\n      >\n        <TextFieldBase\n          disabled={disabled}\n          readOnly={readOnly}\n          ref={mergeRefs(ref, textFieldRef)}\n          aria-labelledby={textFieldId}\n          onChange={onChange}\n          value={value}\n          variant={variant}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype TextFieldBaseProps = {\n  /** Deaktiver inputfeltet */\n  disabled?: boolean;\n  /** Setter inputfeltet i read-only modus */\n  readOnly?: boolean;\n  variant?: VariantType | typeof error | typeof info;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nconst TextFieldBase = React.forwardRef<HTMLInputElement, TextFieldBaseProps>(\n  (\n    { disabled, readOnly, placeholder, onChange, value, variant, ...rest },\n    forwardRef,\n  ) => {\n    const contextVariant = useVariant();\n    const currentVariant = variant || contextVariant;\n    const { isFilled: isInputFilled, setFilled: setFiller } =\n      useInputGroupContext();\n\n    useOnMount(() => {\n      if (value?.toString() || rest.defaultValue) {\n        setFiller && !isInputFilled && setFiller(true);\n      }\n    });\n    React.useEffect(() => {\n      if (value?.toString() && setFiller && !isInputFilled) {\n        setFiller(true);\n      }\n    }, [value, setFiller, isInputFilled]);\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (isFilled(event.target)) {\n        setFiller && !isInputFilled && setFiller(true);\n      } else {\n        setFiller && isInputFilled && setFiller(false);\n      }\n      if (onChange) {\n        onChange(event);\n      }\n    };\n\n    return (\n      <input\n        aria-invalid={currentVariant === 'error'}\n        className=\"eds-form-control\"\n        disabled={disabled}\n        readOnly={readOnly}\n        ref={forwardRef}\n        placeholder={placeholder}\n        onChange={handleChange}\n        value={value}\n        {...rest}\n      />\n    );\n  },\n);\n\nconst ClearButton: React.FC<{\n  onClear: () => void;\n  [key: string]: any;\n}> = ({ onClear, ...props }) => {\n  const { isFilled: hasValue, setFilled } = useInputGroupContext();\n  return (\n    <div className=\"eds-textfield__clear-button-wrapper\">\n      {hasValue && <div className=\"eds-textfield__divider\"></div>}\n      {hasValue && (\n        <button\n          className=\"eds-textfield__clear-button\"\n          type=\"button\"\n          tabIndex={-1}\n          onClick={() => {\n            setFilled(false);\n            onClear();\n          }}\n          {...props}\n        >\n          <CloseSmallIcon />\n        </button>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useRandomId } from '@entur/utils';\n\nexport type SelectedValues = { [key: string]: boolean };\nexport type SelectedValue = string | null;\nexport type SegmentedContextProps =\n  | {\n      name: string;\n      onChange: (value: SelectedValues) => void;\n      selectedValue: SelectedValues;\n      multiple: true;\n      size: 'medium' | 'large';\n    }\n  | {\n      name: string;\n      onChange: (value: SelectedValue) => void;\n      selectedValue: SelectedValue;\n      multiple: false;\n      size: 'medium' | 'large';\n    };\n\nconst SegmentedContext = React.createContext<SegmentedContextProps | null>(\n  null,\n);\n\nexport type SegmentedProviderProps =\n  | {\n      name?: string;\n      onChange?: (value: SelectedValues) => void;\n      selectedValue: SelectedValues;\n      multiple: true;\n      size: 'medium' | 'large';\n    }\n  | {\n      name?: string;\n      onChange?: (value: SelectedValue) => void;\n      selectedValue: SelectedValue;\n      multiple: false;\n      size: 'medium' | 'large';\n    };\n\nexport const SegmentedProvider: React.FC<SegmentedProviderProps> = ({\n  name,\n  onChange = () => undefined,\n  selectedValue,\n  multiple,\n  size,\n  ...rest\n}) => {\n  const generatedName = useRandomId('eds-segmented-control');\n  const contextValue = React.useMemo(\n    () => ({\n      name: name || generatedName,\n      onChange,\n      multiple,\n      selectedValue,\n      size,\n    }),\n    [generatedName, multiple, name, onChange, selectedValue, size],\n  ) as SegmentedContextProps;\n  return <SegmentedContext.Provider value={contextValue} {...rest} />;\n};\n\nexport const useSegmentedContext = (): SegmentedContextProps => {\n  const context = React.useContext(SegmentedContext);\n  if (!context) {\n    throw new Error(\n      'You need to wrap your SegmentedChoice in either SegmentedControl or MultipleSegmentedControl',\n    );\n  }\n  return context;\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n  useSegmentedContext,\n  SelectedValues,\n  SelectedValue,\n} from './SegmentedContext';\nimport './SegmentedChoice.scss';\n\nexport type SegmentedChoiceProps = {\n  /** Verdien til valget */\n  value: string;\n  /** Innhold som beskriver valget */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback som kalles når komponenten endres */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nexport const SegmentedChoice = React.forwardRef<\n  HTMLInputElement,\n  SegmentedChoiceProps\n>(\n  (\n    {\n      children,\n      className,\n      style,\n      value,\n      name,\n      onChange = () => undefined,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const {\n      name: commonName,\n      selectedValue,\n      onChange: commonOnChange,\n      multiple,\n      size,\n    } = useSegmentedContext();\n\n    const isChecked = multiple\n      ? (selectedValue as SelectedValues)[value]\n      : (selectedValue as SelectedValue) === value;\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange(e);\n      if (multiple) {\n        commonOnChange({\n          ...(selectedValue as SelectedValues),\n          [value]: e.target.checked,\n        } as any);\n      } else if (e.target.checked) {\n        commonOnChange(value as any);\n      }\n    };\n\n    return (\n      <label\n        className={classNames('eds-segmented-choice', className)}\n        style={style}\n      >\n        <input\n          type={multiple ? 'checkbox' : 'radio'}\n          name={name || commonName}\n          checked={isChecked}\n          value={value}\n          onChange={handleChange}\n          ref={ref}\n          {...rest}\n        />\n        <div\n          className={classNames('eds-base-segmented', {\n            'eds-base-segmented--large': size === 'large',\n          })}\n        >\n          {children}\n        </div>\n      </label>\n    );\n  },\n);\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('form', 'icons', 'typography');\n\nexport * from './BaseFormControl';\nexport * from './Checkbox';\nexport * from './FeedbackText';\nexport * from './Fieldset';\nexport * from './InputGroupLabel';\nexport * from './InputGroupContext';\nexport * from './inputPanel';\nexport * from './Radio';\nexport * from './RadioGroup';\nexport * from './Switch';\nexport * from './TextArea';\nexport * from './TextField';\nexport * from './VariantProvider';\nexport * from './variants';\nexport * from './utils';\nexport * from './segmented-control/SegmentedChoice';\nexport * from './segmented-control/SegmentedControl';\nexport * from './segmented-control/MultipleSegmentedControl';\n","import React from 'react';\nimport { Label } from '@entur/typography';\nimport { SegmentedProvider, SelectedValues } from './SegmentedContext';\nimport './SegmentedControl.scss';\n\nexport type MultipleSegmentedControlProps = {\n  /** Navn på input-elementene */\n  name?: string;\n  /** Beskrivende tekst */\n  label?: string;\n  /** En eller flere SegmentedChoice-komponenter */\n  children: React.ReactNode;\n  /** Den eller de valgte verdiene */\n  selectedValue: SelectedValues;\n  /** Callback for når det gjøres et valg */\n  onChange: (value: SelectedValues) => void;\n  [key: string]: any;\n};\n\n/**This component is not used by anyone, and is therefore deprecated\n * @deprecated\n */\nexport const MultipleSegmentedControl: React.FC<MultipleSegmentedControlProps> =\n  ({ children, label, name, onChange, selectedValue, ...rest }) => {\n    return (\n      <SegmentedProvider\n        name={name}\n        selectedValue={selectedValue}\n        onChange={onChange}\n        multiple={true}\n        size=\"medium\"\n      >\n        <Label as=\"div\">{label}</Label>\n        <div className=\"eds-segmented-control\" {...rest}>\n          {children}\n        </div>\n      </SegmentedProvider>\n    );\n  };\n","import React from 'react';\nimport { RadioGroupContextProvider } from './RadioGroupContext';\nimport { Fieldset } from './Fieldset';\n\nexport type RadioGroupProps = {\n  /** Navnet til radiogruppen. */\n  name: string;\n  /** Overskrift over radiogruppen */\n  label?: string;\n  /** Verdien til den valgte radioknappen */\n  value: string | null;\n  /** Radioknappene sendes inn som children */\n  children: React.ReactNode;\n  /** En callback som blir kalles hver gang en radioknapp klikkes på  */\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  [key: string]: any;\n  /** Sett radiogruppen i readonly-modus */\n  readOnly?: boolean;\n};\n\nexport const RadioGroup: React.FC<RadioGroupProps> = ({\n  name,\n  value,\n  children,\n  onChange,\n  label,\n  readOnly = false,\n  ...rest\n}) => {\n  const contextValue = React.useMemo(\n    () => ({ name, value, onChange, readOnly }),\n    [name, value, onChange, readOnly],\n  );\n  return (\n    <RadioGroupContextProvider value={contextValue}>\n      {label ? (\n        <Fieldset label={label} {...rest}>\n          {children}\n        </Fieldset>\n      ) : (\n        children\n      )}\n    </RadioGroupContextProvider>\n  );\n};\n","import React from 'react';\nimport { SegmentedProvider, SelectedValue } from './SegmentedContext';\nimport { Fieldset } from '../Fieldset';\nimport classNames from 'classnames';\nimport './SegmentedControl.scss';\n\nexport type SegmentedControlProps = {\n  /** Navn på input-elementene */\n  name?: string;\n  /** Beskrivende tekst */\n  label?: string;\n  /** En eller flere SegmentedChoice-komponenter */\n  children: React.ReactNode;\n  /** Den valgte verdien */\n  selectedValue: SelectedValue;\n  /** Callback for når det gjøres et valg */\n  onChange: (value: SelectedValue) => void;\n  /** Størrelsen på SegmentedChoice-komponentene */\n  size?: 'medium' | 'large';\n  /** Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n};\n\nexport const SegmentedControl: React.FC<SegmentedControlProps> = ({\n  children,\n  label,\n  name,\n  onChange,\n  selectedValue,\n  size = 'medium',\n  className,\n  ...rest\n}) => {\n  return (\n    <SegmentedProvider\n      name={name}\n      selectedValue={selectedValue}\n      onChange={onChange}\n      multiple={false}\n      size={size}\n    >\n      <Fieldset label={label}>\n        <div\n          className={classNames('eds-segmented-control', className)}\n          {...rest}\n        >\n          {children}\n        </div>\n      </Fieldset>\n    </SegmentedProvider>\n  );\n};\n"],"names":["AlertIcon","_ref","variant","iconClass","React","createElement","ValidationSuccessFilledIcon","className","ValidationErrorFilledIcon","ValidationExclamationFilledIcon","FeedbackText","_ref2","children","_ref2$hideIcon","hideIcon","rest","_objectWithoutPropertiesLoose","_excluded","SubLabel","_extends","classNames","InputGroupContext","createContext","isFilled","setFilled","InputGroupContextProvider","_React$useState","useState","Provider","value","useInputGroupContext","useContext","InputGroupLabel","label","required","labelId","_ref$staticAnimation","staticAnimation","_useInputGroupContext","filler","id","VariantContext","useVariant","BaseFormControl","forwardRef","ref","after","before","_ref$disabled","disabled","_ref$readOnly","readOnly","prepend","append","_ref$size","size","labelTooltip","_ref$labelTooltipButt","labelTooltipButtonAriaLabel","_ref$labelTooltipPlac","labelTooltipPlacement","feedback","labelProps","style","_ref$disableLabelAnim","disableLabelAnimation","_ref$ariaAlertOnFeedb","ariaAlertOnFeedback","_ref$ariaLabelOnReadO","ariaLabelOnReadOnly","contextVariant","currentVariant","undefined","tabIndex","Tooltip","content","placement","showCloseButton","disableFocusListener","disableHoverListener","disableClickListner","disableKeyboardListener","IconButton","as","role","QuestionIcon","Checkbox","checked","reduceClickArea","_ref$disableAnimation","disableAnimation","inputRef","useRef","isIndeterminate","isControlled","useEffect","current","indeterminate","cx","type","mergeRefs","onKeyDown","e","key","preventDefault","stopPropagation","toString","CheckboxIcon","Paragraph","margin","_ref2$indeterminate","width","height","viewBox","x","y","fill","d","Fieldset","Heading5","RadioGroupContext","RadioGroupContextProvider","useRadioGroupContext","context","Error","Radio","_rest$name","_rest$checked","readOnlyLabelDescription","_useRadioGroupContext","name","selectedValue","onChange","classList","_rest$onChange","onClick","InputPanelBase","_inputRef$current","_ref3","_inputRef$current2","title","secondaryLabel","_ref$hideSelectionInd","hideSelectionIndicator","_ref$type","defaultId","useRandomId","inputPanelId","forceUpdate","useForceUpdate","htmlFor","Fragment","pointerEvents","RadioPanel","_ref$hideRadioButton","hideRadioButton","CheckboxPanel","_ref$hideCheckbox","hideCheckbox","Switch","_ref$labelPlacement","labelPlacement","icon","_ref$hideIcon","_ref$color","color","colors","validation","mint","_ref$contrastColor","contrastColor","mintContrast","CheckIcon","CloseSmallIcon","hasValue","Array","isArray","length","obj","SSR","defaultValue","TextArea","textAreaId","textareaRef","_textareaRef$current","target","currentTarget","focus","TextAreaBase","_excluded2","isInputFilled","setFiller","useOnMount","event","TextField","_ref$clearable","clearable","onClear","randomId","textFieldId","textFieldRef","ClearButton","_textFieldRef$current","TextFieldBase","placeholder","props","_excluded3","_useInputGroupContext2","SegmentedContext","SegmentedProvider","_ref$onChange","multiple","generatedName","contextValue","useMemo","SegmentedChoice","_useSegmentedContext","useSegmentedContext","commonName","commonOnChange","isChecked","_extends2","warnAboutMissingStyles","Label","_ref$variant"],"mappings":"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"}

package/dist/form.esm.js

@@ -141,7 +141,7 @@ var useVariant = function useVariant() {
   return context;
 };
 
-var _excluded$e = ["after", "before", "children", "className", "disabled", "readOnly", "variant", "prepend", "append", "size", "isFilled", "label", "required", "labelTooltip", "labelTooltipButtonAriaLabel", "labelTooltipPlacement", "feedback", "labelId", "labelProps", "style", "disableLabelAnimation", "ariaAlertOnFeedback"];
+var _excluded$e = ["after", "before", "children", "className", "disabled", "readOnly", "variant", "prepend", "append", "size", "isFilled", "label", "required", "labelTooltip", "labelTooltipButtonAriaLabel", "labelTooltipPlacement", "feedback", "labelId", "labelProps", "style", "disableLabelAnimation", "ariaAlertOnFeedback", "ariaLabelOnReadOnly"];
 /** @deprecated use variant="negative" instead */
 var error = 'error';
 var BaseFormControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
@@ -174,6 +174,8 @@ var BaseFormControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     disableLabelAnimation = _ref$disableLabelAnim === void 0 ? false : _ref$disableLabelAnim,
     _ref$ariaAlertOnFeedb = _ref.ariaAlertOnFeedback,
     ariaAlertOnFeedback = _ref$ariaAlertOnFeedb === void 0 ? false : _ref$ariaAlertOnFeedb,
+    _ref$ariaLabelOnReadO = _ref.ariaLabelOnReadOnly,
+    ariaLabelOnReadOnly = _ref$ariaLabelOnReadO === void 0 ? 'Dette skjemafeltet kan bare leses' : _ref$ariaLabelOnReadO,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   var contextVariant = useVariant();
   var currentVariant = variant || contextVariant;
@@ -190,14 +192,16 @@ var BaseFormControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
       'eds-form-control-wrapper--readonly': readOnly,
       'eds-form-control-wrapper--is-filled': isFilled
     }),
-    ref: ref
+    ref: ref,
+    tabIndex: readOnly ? -1 : 0
   }, rest), prepend && React__default.createElement("div", {
     className: "eds-form-control__prepend"
   }, prepend), React__default.createElement(InputGroupLabel, _extends({
     label: label,
     required: required,
     labelId: labelId,
-    staticAnimation: disableLabelAnimation
+    staticAnimation: disableLabelAnimation,
+    "aria-label": readOnly ? label + ", " + ariaLabelOnReadOnly : undefined
   }, labelProps)), labelTooltip && React__default.createElement(Tooltip, {
     content: labelTooltip,
     placement: labelTooltipPlacement,
@@ -223,7 +227,7 @@ var BaseFormControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
   }, feedback), after));
 });
 
-var _excluded$d = ["checked", "className", "children", "style", "disabled", "reduceClickArea"];
+var _excluded$d = ["checked", "className", "children", "style", "disabled", "readOnly", "reduceClickArea", "disableAnimation"];
 var Checkbox = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var checked = _ref.checked,
     className = _ref.className,
@@ -231,7 +235,11 @@ var Checkbox = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     reduceClickArea = _ref.reduceClickArea,
+    _ref$disableAnimation = _ref.disableAnimation,
+    disableAnimation = _ref$disableAnimation === void 0 ? false : _ref$disableAnimation,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   var inputRef = React__default.useRef(null);
   var isIndeterminate = checked === 'indeterminate';
@@ -244,6 +252,7 @@ var Checkbox = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   return React__default.createElement("label", {
     className: classNames('eds-checkbox__container', className, {
       'eds-checkbox--disabled': disabled,
+      'eds-checkbox--readonly': readOnly,
       'eds-checkbox__container--reduced-click-area': reduceClickArea
     }),
     style: style
@@ -251,11 +260,20 @@ var Checkbox = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     type: "checkbox",
     ref: mergeRefs(ref, inputRef),
     checked: isControlled ? checked === true : undefined,
-    disabled: disabled
+    disabled: disabled,
+    onKeyDown: function onKeyDown(e) {
+      if (readOnly && (e.key === ' ' || e.key === 'Enter')) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    },
+    "aria-label": readOnly ? " " + (children == null ? void 0 : children.toString()) + ". Kan ikke endres" : undefined
   }, rest)), React__default.createElement("span", {
     className: classNames('eds-checkbox__icon', {
       'eds-checkbox__icon--disabled': disabled,
-      'eds-checkbox__icon--reduced-click-area': reduceClickArea
+      'eds-checkbox__icon--readonly': readOnly,
+      'eds-checkbox__icon--reduced-click-area': reduceClickArea,
+      'eds-checkbox__icon--no-animation': disableAnimation || disabled || readOnly
     })
   }, React__default.createElement(CheckboxIcon, {
     indeterminate: isIndeterminate
@@ -309,21 +327,24 @@ var useRadioGroupContext = function useRadioGroupContext() {
   return context;
 };
 
-var _excluded$b = ["className", "children", "value", "disabled"];
+var _excluded$b = ["className", "children", "value", "disabled", "readOnlyLabelDescription"];
 var Radio = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var _rest$name, _rest$checked, _rest$onChange;
+  var _rest$name, _rest$checked;
   var className = _ref.className,
     children = _ref.children,
     value = _ref.value,
     disabled = _ref.disabled,
+    readOnlyLabelDescription = _ref.readOnlyLabelDescription,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
-  var classList = classNames(className, 'eds-form-component--radio__radio', {
-    'eds-form-component--radio__radio--disabled': disabled
-  });
   var _useRadioGroupContext = useRadioGroupContext(),
     name = _useRadioGroupContext.name,
     selectedValue = _useRadioGroupContext.value,
-    onChange = _useRadioGroupContext.onChange;
+    _onChange = _useRadioGroupContext.onChange,
+    readOnly = _useRadioGroupContext.readOnly;
+  var classList = classNames(className, 'eds-form-component--radio__radio', {
+    'eds-form-component--radio__radio--disabled': disabled,
+    'eds-form-component--radio__radio--readonly': readOnly
+  });
   return React__default.createElement("label", {
     className: "eds-form-component--radio__container"
   }, React__default.createElement("input", _extends({
@@ -332,8 +353,21 @@ var Radio = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     ref: ref,
     value: value,
     checked: (_rest$checked = rest.checked) != null ? _rest$checked : selectedValue === value,
-    onChange: (_rest$onChange = rest.onChange) != null ? _rest$onChange : onChange,
-    disabled: disabled
+    onChange: function onChange(e) {
+      var _ref2, _rest$onChange;
+      if (readOnly) {
+        e.preventDefault();
+        return;
+      }
+      (_ref2 = (_rest$onChange = rest.onChange) != null ? _rest$onChange : _onChange) == null || _ref2(e);
+    },
+    onClick: function onClick(e) {
+      if (readOnly) {
+        e.preventDefault();
+      }
+    },
+    disabled: disabled,
+    "aria-label": readOnly ? (children == null ? void 0 : children.toString()) + ". " + (readOnlyLabelDescription != null ? readOnlyLabelDescription : 'Kan ikke endres') : undefined
   }, rest)), React__default.createElement("span", {
     className: classList
   }, React__default.createElement("span", {
@@ -499,21 +533,24 @@ var CheckboxPanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
   }), children);
 });
 
-var _excluded$7 = ["name", "value", "children", "onChange", "label"];
+var _excluded$7 = ["name", "value", "children", "onChange", "label", "readOnly"];
 var RadioGroup = function RadioGroup(_ref) {
   var name = _ref.name,
     value = _ref.value,
     children = _ref.children,
     onChange = _ref.onChange,
     label = _ref.label,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   var contextValue = React__default.useMemo(function () {
     return {
       name: name,
       value: value,
-      onChange: onChange
+      onChange: onChange,
+      readOnly: readOnly
     };
-  }, [name, value, onChange]);
+  }, [name, value, onChange, readOnly]);
   return React__default.createElement(RadioGroupContextProvider, {
     value: contextValue
   }, label ? React__default.createElement(Fieldset, _extends({