@entur/form 8.3.2-beta.9 → 8.3.2

package/dist/form.cjs.development.js

@@ -1,1026 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils = require('@entur/utils');
-var React = require('react');
-var classNames = require('classnames');
-var icons = require('@entur/icons');
-var tooltip = require('@entur/tooltip');
-var button = require('@entur/button');
-var typography = require('@entur/typography');
-var tokens = require('@entur/tokens');
-
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return n;
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-
-var _excluded$g = ["children", "hideIcon", "variant", "className"];
-/** @deprecated use variant="information" instead */
-var info = 'info';
-/** @deprecated use variant="negative" instead */
-var error$1 = 'error';
-var AlertIcon = function AlertIcon(_ref) {
-  var variant = _ref.variant;
-  var iconClass = "eds-feedback-text__icon eds-feedback-text__icon--" + variant;
-  switch (variant) {
-    case 'success':
-      return React.createElement(icons.ValidationSuccessFilledIcon, {
-        "aria-label": "Suksessmelding",
-        className: iconClass
-      });
-    case 'negative':
-      return React.createElement(icons.ValidationErrorFilledIcon, {
-        "aria-label": "Feilmelding",
-        className: iconClass
-      });
-    case 'information':
-      return null;
-    case 'warning':
-      return React.createElement(icons.ValidationExclamationFilledIcon, {
-        "aria-label": "Varselmelding",
-        className: iconClass
-      });
-    case error$1:
-      return React.createElement(icons.ValidationErrorFilledIcon, {
-        "aria-label": "Feilmelding",
-        className: iconClass
-      });
-    case info:
-      return null;
-    default:
-      return null;
-  }
-};
-var FeedbackText = function FeedbackText(_ref2) {
-  var children = _ref2.children,
-    _ref2$hideIcon = _ref2.hideIcon,
-    hideIcon = _ref2$hideIcon === void 0 ? false : _ref2$hideIcon,
-    variant = _ref2.variant,
-    className = _ref2.className,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded$g);
-  return React.createElement(typography.SubLabel, _extends({
-    className: classNames('eds-feedback-text', {
-      'eds-feedback-text--information': variant === info || variant === 'information'
-    }, className)
-  }, rest), !hideIcon && React.createElement(AlertIcon, {
-    variant: variant
-  }), React.createElement("span", {
-    className: "eds-feedback-text__text"
-  }, children));
-};
-
-var InputGroupContext = /*#__PURE__*/React__namespace.createContext({
-  isFilled: false,
-  setFilled: function setFilled() {
-    return null;
-  }
-});
-var InputGroupContextProvider = function InputGroupContextProvider(_ref) {
-  var children = _ref.children;
-  var _React$useState = React__namespace.useState(false),
-    filled = _React$useState[0],
-    setFilled = _React$useState[1];
-  return React__namespace.createElement(InputGroupContext.Provider, {
-    value: {
-      isFilled: filled,
-      setFilled: setFilled
-    }
-  }, children);
-};
-var useInputGroupContext = function useInputGroupContext() {
-  return React__namespace.useContext(InputGroupContext);
-};
-
-var _excluded$f = ["label", "required", "labelId", "staticAnimation"];
-var InputGroupLabel = function InputGroupLabel(_ref) {
-  var label = _ref.label,
-    required = _ref.required,
-    labelId = _ref.labelId,
-    _ref$staticAnimation = _ref.staticAnimation,
-    staticAnimation = _ref$staticAnimation === void 0 ? false : _ref$staticAnimation,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
-  var _useInputGroupContext = useInputGroupContext(),
-    isFilled = _useInputGroupContext.isFilled;
-  var filler = staticAnimation || isFilled;
-  return React.createElement("label", _extends({
-    className: classNames(rest.className, {
-      'eds-input-group-label-wrapper--filled': filler
-    }),
-    id: labelId
-  }, rest), React.createElement("span", {
-    className: classNames('eds-input-group__label', {
-      'eds-input-group__label--filled': filler
-    })
-  }, label, " ", required && React.createElement("span", null, "*")));
-};
-
-var VariantContext = /*#__PURE__*/React.createContext(null);
-var VariantProvider = function VariantProvider(_ref) {
-  var children = _ref.children,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? null : _ref$variant;
-  return React.createElement(VariantContext.Provider, {
-    value: variant
-  }, children);
-};
-var useVariant = function useVariant() {
-  var context = React.useContext(VariantContext);
-  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", "ariaLabelOnReadOnly"];
-/** @deprecated use variant="negative" instead */
-var error = 'error';
-var BaseFormControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var after = _ref.after,
-    before = _ref.before,
-    children = _ref.children,
-    className = _ref.className,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    variant = _ref.variant,
-    prepend = _ref.prepend,
-    append = _ref.append,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    isFilled = _ref.isFilled,
-    label = _ref.label,
-    required = _ref.required,
-    labelTooltip = _ref.labelTooltip,
-    _ref$labelTooltipButt = _ref.labelTooltipButtonAriaLabel,
-    labelTooltipButtonAriaLabel = _ref$labelTooltipButt === void 0 ? "Klikk for tilleggsinfo om " + label + "-feltet" : _ref$labelTooltipButt,
-    _ref$labelTooltipPlac = _ref.labelTooltipPlacement,
-    labelTooltipPlacement = _ref$labelTooltipPlac === void 0 ? 'top' : _ref$labelTooltipPlac,
-    feedback = _ref.feedback,
-    labelId = _ref.labelId,
-    labelProps = _ref.labelProps,
-    style = _ref.style,
-    _ref$disableLabelAnim = _ref.disableLabelAnimation,
-    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;
-  return React.createElement(InputGroupContextProvider, null, React.createElement("div", {
-    className: classNames('eds-form-control__field-and-feedback-text', className, {
-      'eds-form-control__field-and-feedback-text--has-tooltip': labelTooltip !== undefined
-    }),
-    style: style
-  }, before, React.createElement("div", _extends({
-    className: classNames('eds-form-control-wrapper', "eds-form-control-wrapper--size-" + size, {
-      'eds-form-control-wrapper--success': currentVariant === 'success',
-      'eds-form-control-wrapper--negative': currentVariant === 'negative' || currentVariant === error,
-      'eds-form-control-wrapper--disabled': disabled,
-      'eds-form-control-wrapper--readonly': readOnly,
-      'eds-form-control-wrapper--is-filled': isFilled
-    }),
-    ref: ref,
-    tabIndex: readOnly ? -1 : undefined
-  }, rest), prepend && React.createElement("div", {
-    className: "eds-form-control__prepend"
-  }, prepend), React.createElement(InputGroupLabel, _extends({
-    label: label,
-    required: required,
-    labelId: labelId,
-    staticAnimation: disableLabelAnimation,
-    "aria-label": readOnly ? label + ", " + ariaLabelOnReadOnly : undefined
-  }, labelProps)), labelTooltip && React.createElement(tooltip.Tooltip, {
-    content: labelTooltip,
-    placement: labelTooltipPlacement,
-    showCloseButton: false,
-    disableFocusListener: true,
-    disableHoverListener: true,
-    disableClickListner: false,
-    disableKeyboardListener: false
-  }, React.createElement(button.IconButton, {
-    as: "span",
-    tabIndex: 0,
-    role: "button",
-    className: "eds-form-control__append eds-form-control__append--tooltip",
-    "aria-label": labelTooltipButtonAriaLabel
-  }, React.createElement(icons.QuestionIcon, {
-    className: "eds-input-group__label-tooltip-icon",
-    "aria-hidden": "true"
-  }))), children, append && React.createElement("div", {
-    className: "eds-form-control__append"
-  }, append)), feedback && currentVariant && React.createElement(FeedbackText, {
-    variant: currentVariant,
-    role: ariaAlertOnFeedback ? 'alert' : undefined
-  }, feedback), after));
-});
-
-var _excluded$d = ["checked", "className", "children", "style", "disabled", "readOnly", "reduceClickArea", "disableAnimation"];
-var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var checked = _ref.checked,
-    className = _ref.className,
-    children = _ref.children,
-    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.useRef(null);
-  var isIndeterminate = checked === 'indeterminate';
-  var isControlled = checked !== undefined;
-  React.useEffect(function () {
-    if (inputRef && inputRef.current) {
-      inputRef.current.indeterminate = isIndeterminate;
-    }
-  }, [isIndeterminate]);
-  return React.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
-  }, React.createElement("input", _extends({
-    type: "checkbox",
-    ref: utils.mergeRefs(ref, inputRef),
-    checked: isControlled ? checked === true : undefined,
-    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.createElement("span", {
-    className: classNames('eds-checkbox__icon', {
-      'eds-checkbox__icon--disabled': disabled,
-      'eds-checkbox__icon--readonly': readOnly,
-      'eds-checkbox__icon--reduced-click-area': reduceClickArea,
-      'eds-checkbox__icon--no-animation': disableAnimation || disabled || readOnly
-    })
-  }, React.createElement(CheckboxIcon, {
-    indeterminate: isIndeterminate
-  })), children && React.createElement(typography.Paragraph, {
-    className: "eds-checkbox__label",
-    margin: "none",
-    as: "span"
-  }, children));
-});
-var CheckboxIcon = function CheckboxIcon(_ref2) {
-  var _ref2$indeterminate = _ref2.indeterminate,
-    indeterminate = _ref2$indeterminate === void 0 ? false : _ref2$indeterminate;
-  return React.createElement("svg", {
-    className: "eds-checkbox-icon",
-    width: "11px",
-    height: "9px",
-    viewBox: "6 11 37 33",
-    "aria-hidden": true
-  }, indeterminate ? React.createElement("rect", {
-    x: "10",
-    y: "25",
-    width: "28",
-    height: "5",
-    fill: "white"
-  }) : React.createElement("path", {
-    d: "M14.1 27.2l7.1 7.2 14.6-14.8",
-    fill: "none"
-  }));
-};
-
-var _excluded$c = ["children", "className", "label"];
-var Fieldset = function Fieldset(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    label = _ref.label,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
-  return React.createElement("fieldset", _extends({
-    className: classNames('eds-fieldset', className)
-  }, rest), label && React.createElement(typography.Heading5, {
-    as: "legend"
-  }, label), children);
-};
-
-var RadioGroupContext = /*#__PURE__*/React.createContext(null);
-var RadioGroupContextProvider = RadioGroupContext.Provider;
-var useRadioGroupContext = function useRadioGroupContext() {
-  var context = React.useContext(RadioGroupContext);
-  if (!context) {
-    throw new Error('You need to wrap your RadioButtons in a RadioGroup component');
-  }
-  return context;
-};
-
-var _excluded$b = ["className", "children", "value", "disabled", "readOnlyLabelDescription"];
-var Radio = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  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 _useRadioGroupContext = useRadioGroupContext(),
-    name = _useRadioGroupContext.name,
-    selectedValue = _useRadioGroupContext.value,
-    _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.createElement("label", {
-    className: "eds-form-component--radio__container"
-  }, React.createElement("input", _extends({
-    type: "radio",
-    name: (_rest$name = rest.name) != null ? _rest$name : name,
-    ref: ref,
-    value: value,
-    checked: (_rest$checked = rest.checked) != null ? _rest$checked : selectedValue === value,
-    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.createElement("span", {
-    className: classList
-  }, React.createElement("span", {
-    className: "eds-form-component--radio__circle"
-  })), children && React.createElement(typography.Paragraph, {
-    margin: "none",
-    as: "span",
-    className: "eds-form-component--radio__label"
-  }, children));
-});
-
-var _excluded$a = ["className", "children", "value", "title", "secondaryLabel", "size", "hideSelectionIndicator", "style", "id", "disabled", "type", "onChange", "checked", "name"];
-var InputPanelBase = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _ref2, _inputRef$current, _ref3, _inputRef$current2;
-  var className = _ref.className,
-    children = _ref.children,
-    value = _ref.value,
-    title = _ref.title,
-    secondaryLabel = _ref.secondaryLabel,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    _ref$hideSelectionInd = _ref.hideSelectionIndicator,
-    hideSelectionIndicator = _ref$hideSelectionInd === void 0 ? false : _ref$hideSelectionInd,
-    style = _ref.style,
-    id = _ref.id,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'radio' : _ref$type,
-    onChange = _ref.onChange,
-    checked = _ref.checked,
-    name = _ref.name,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
-  var classList = classNames(className, 'eds-input-panel__container', "eds-input-panel--" + size);
-  var inputRef = React.useRef(null);
-  var defaultId = utils.useRandomId('eds-inputpanel');
-  var inputPanelId = id || defaultId;
-  var forceUpdate = utils.useForceUpdate();
-  var handleOnChange = function handleOnChange(e) {
-    if (onChange === undefined) forceUpdate();
-    onChange == null || onChange(e);
-  };
-  return React.createElement("label", {
-    className: "eds-input-panel",
-    htmlFor: inputPanelId
-  }, React.createElement("input", _extends({
-    type: type,
-    name: name,
-    ref: utils.mergeRefs(ref, inputRef),
-    value: value,
-    checked: checked,
-    onChange: handleOnChange,
-    id: inputPanelId,
-    disabled: disabled
-  }, rest)), React.createElement("div", {
-    className: classList,
-    style: style
-  }, React.createElement("div", {
-    className: "eds-input-panel__title-wrapper"
-  }, React.createElement("div", {
-    className: "eds-input-panel__title"
-  }, title), React.createElement("div", {
-    className: "eds-input-panel__secondary-label-and-icon-wrapper"
-  }, secondaryLabel !== undefined && React.createElement(React.Fragment, null, secondaryLabel), React.createElement("span", {
-    style: {
-      pointerEvents: 'none'
-    }
-  }, !(disabled || hideSelectionIndicator) && (type === 'radio' ? React.createElement(Radio, {
-    name: "",
-    value: "",
-    checked: (_ref2 = checked != null ? checked : (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.checked) != null ? _ref2 : false,
-    onChange: function onChange() {
-      return;
-    },
-    "aria-hidden": "true",
-    tabIndex: -1
-  }) : React.createElement(Checkbox, {
-    checked: (_ref3 = checked != null ? checked : (_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.checked) != null ? _ref3 : false,
-    onChange: function onChange() {
-      return null;
-    },
-    "aria-hidden": "true",
-    tabIndex: -1
-  }))))), children && React.createElement("div", {
-    className: "eds-input-panel__additional-content"
-  }, children)));
-});
-
-var _excluded$9 = ["className", "children", "value", "title", "secondaryLabel", "size", "hideRadioButton", "style", "id", "disabled"];
-var RadioPanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    value = _ref.value,
-    title = _ref.title,
-    secondaryLabel = _ref.secondaryLabel,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    _ref$hideRadioButton = _ref.hideRadioButton,
-    hideRadioButton = _ref$hideRadioButton === void 0 ? false : _ref$hideRadioButton,
-    style = _ref.style,
-    id = _ref.id,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
-  var _useRadioGroupContext = useRadioGroupContext(),
-    name = _useRadioGroupContext.name,
-    selected = _useRadioGroupContext.value,
-    onChange = _useRadioGroupContext.onChange;
-  return React.createElement(InputPanelBase, _extends({
-    type: "radio",
-    name: name,
-    title: title,
-    value: value,
-    checked: selected === value,
-    onChange: onChange,
-    className: className,
-    secondaryLabel: secondaryLabel,
-    size: size,
-    hideSelectionIndicator: hideRadioButton,
-    style: style,
-    id: id,
-    disabled: disabled
-  }, rest, {
-    ref: ref
-  }), children);
-});
-
-var _excluded$8 = ["name", "checked", "onChange", "className", "children", "value", "title", "secondaryLabel", "size", "hideCheckbox", "style", "id", "disabled"];
-var CheckboxPanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var name = _ref.name,
-    checked = _ref.checked,
-    onChange = _ref.onChange,
-    className = _ref.className,
-    children = _ref.children,
-    value = _ref.value,
-    title = _ref.title,
-    secondaryLabel = _ref.secondaryLabel,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    _ref$hideCheckbox = _ref.hideCheckbox,
-    hideCheckbox = _ref$hideCheckbox === void 0 ? false : _ref$hideCheckbox,
-    style = _ref.style,
-    id = _ref.id,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
-  return React.createElement(InputPanelBase, _extends({
-    type: "checkbox",
-    name: name,
-    title: title,
-    value: value,
-    checked: checked,
-    onChange: onChange,
-    className: className,
-    secondaryLabel: secondaryLabel,
-    size: size,
-    hideSelectionIndicator: hideCheckbox,
-    style: style,
-    id: id,
-    disabled: disabled
-  }, rest, {
-    ref: ref
-  }), children);
-});
-
-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.useMemo(function () {
-    return {
-      name: name,
-      value: value,
-      onChange: onChange,
-      readOnly: readOnly
-    };
-  }, [name, value, onChange, readOnly]);
-  return React.createElement(RadioGroupContextProvider, {
-    value: contextValue
-  }, label ? React.createElement(Fieldset, _extends({
-    label: label
-  }, rest), children) : children);
-};
-
-var _excluded$6 = ["className", "children", "labelPlacement", "icon", "hideIcon", "color", "contrastColor", "size", "checked"];
-var Switch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    _ref$labelPlacement = _ref.labelPlacement,
-    labelPlacement = _ref$labelPlacement === void 0 ? 'right' : _ref$labelPlacement,
-    icon = _ref.icon,
-    _ref$hideIcon = _ref.hideIcon,
-    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? tokens.colors.validation.mint : _ref$color,
-    _ref$contrastColor = _ref.contrastColor,
-    contrastColor = _ref$contrastColor === void 0 ? tokens.colors.validation.mintContrast : _ref$contrastColor,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    checked = _ref.checked,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
-  var displayedIcon = function displayedIcon() {
-    if (icon) return icon;
-    if (checked === undefined) return React.createElement(React.Fragment, null);
-    var iconSize = size === 'large' ? 23 : undefined;
-    return checked ? React.createElement(icons.CheckIcon, {
-      size: iconSize
-    }) : React.createElement(icons.CloseSmallIcon, {
-      size: iconSize
-    });
-  };
-  return React.createElement("label", {
-    className: classNames('eds-switch', "eds-switch--" + labelPlacement, className),
-    style: _extends({}, rest.style)
-  }, React.createElement("input", _extends({
-    type: "checkbox",
-    ref: ref,
-    checked: checked
-  }, rest)), React.createElement("span", {
-    className: classNames('eds-switch__switch', "eds-switch__switch--" + size),
-    style: {
-      '--eds-switch-color': color,
-      '--eds-switch-contrast-color': contrastColor
-    },
-    "aria-hidden": "true"
-  }, React.createElement("span", {
-    className: "eds-switch__circle"
-  }, !hideIcon && displayedIcon())), children && React.createElement("span", {
-    className: classNames('eds-switch__label', "eds-switch__label--" + size + "--" + labelPlacement)
-  }, children));
-});
-
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types -- disabled during Yarn upgrade
-function hasValue(value) {
-  return value != null && !(Array.isArray(value) && value.length === 0);
-}
-// Determine if field is empty or filled.
-// Response determines if label is presented above field or as placeholder.
-//
-// @param obj
-// @param SSR
-// @returns {boolean} False when not present or empty string.
-//                    True when any number or string with length.
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types -- disabled during Yarn upgrade
-function isFilled(obj, SSR) {
-  if (SSR === void 0) {
-    SSR = false;
-  }
-  return obj && (hasValue(obj.value) && obj.value !== '' || SSR && hasValue(obj.defaultValue) && obj.defaultValue !== '');
-}
-
-var _excluded$5 = ["variant", "disabled", "readOnly", "className", "style", "label", "feedback", "labelTooltip", "labelTooltipButtonAriaLabel", "labelTooltipPlacement", "onChange", "disableLabelAnimation"],
-  _excluded2$1 = ["readOnly", "disabled", "onChange", "value", "variant"];
-var TextArea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var variant = _ref.variant,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    className = _ref.className,
-    style = _ref.style,
-    label = _ref.label,
-    feedback = _ref.feedback,
-    labelTooltip = _ref.labelTooltip,
-    labelTooltipButtonAriaLabel = _ref.labelTooltipButtonAriaLabel,
-    labelTooltipPlacement = _ref.labelTooltipPlacement,
-    onChange = _ref.onChange,
-    disableLabelAnimation = _ref.disableLabelAnimation,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-  var textAreaId = utils.useRandomId('eds-textarea');
-  var textareaRef = React.useRef(null);
-  return React.createElement(BaseFormControl, {
-    className: classNames(className, 'eds-textarea__wrapper'),
-    disabled: disabled,
-    readOnly: readOnly,
-    variant: variant,
-    style: style,
-    label: label,
-    labelId: textAreaId,
-    feedback: feedback,
-    labelTooltip: labelTooltip,
-    labelTooltipButtonAriaLabel: labelTooltipButtonAriaLabel,
-    labelTooltipPlacement: labelTooltipPlacement,
-    labelProps: {
-      className: 'eds-textarea__label'
-    },
-    disableLabelAnimation: disableLabelAnimation,
-    onClick: function onClick(e) {
-      var _textareaRef$current;
-      if (e.target === e.currentTarget) textareaRef == null || (_textareaRef$current = textareaRef.current) == null || _textareaRef$current.focus();
-    }
-  }, React.createElement(TextAreaBase, _extends({
-    readOnly: readOnly,
-    disabled: disabled,
-    ref: utils.mergeRefs(ref, textareaRef),
-    "aria-labelledby": textAreaId,
-    onChange: onChange,
-    variant: variant
-  }, rest)));
-});
-var TextAreaBase = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
-  var readOnly = _ref2.readOnly,
-    disabled = _ref2.disabled,
-    onChange = _ref2.onChange,
-    value = _ref2.value,
-    variant = _ref2.variant,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);
-  var contextVariant = useVariant();
-  var currentVariant = variant || contextVariant;
-  var _useInputGroupContext = useInputGroupContext(),
-    isInputFilled = _useInputGroupContext.isFilled,
-    setFiller = _useInputGroupContext.setFilled;
-  utils.useOnMount(function () {
-    if (value != null && value.toString() || rest.defaultValue) {
-      setFiller && !isInputFilled && setFiller(true);
-    }
-  });
-  React.useEffect(function () {
-    if (value != null && value.toString() && setFiller && !isInputFilled) {
-      setFiller(true);
-    }
-  }, [value, setFiller, isInputFilled]);
-  var handleChange = function handleChange(event) {
-    if (isFilled(event.target)) {
-      setFiller && !isInputFilled && setFiller(true);
-    } else {
-      setFiller && isInputFilled && setFiller(false);
-    }
-    if (onChange) {
-      onChange(event);
-    }
-  };
-  return React.createElement("textarea", _extends({
-    className: "eds-form-control eds-textarea",
-    ref: ref,
-    readOnly: readOnly,
-    disabled: disabled,
-    onChange: handleChange,
-    value: value,
-    "aria-invalid": currentVariant === 'error'
-  }, rest));
-});
-
-var _excluded$4 = ["prepend", "append", "variant", "disabled", "readOnly", "className", "style", "size", "label", "required", "labelTooltip", "labelTooltipButtonAriaLabel", "labelTooltipPlacement", "feedback", "onChange", "disableLabelAnimation", "labelProps", "clearable", "onClear", "value", "ariaAlertOnFeedback"],
-  _excluded2 = ["disabled", "readOnly", "placeholder", "onChange", "value", "variant"],
-  _excluded3 = ["onClear"];
-var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var prepend = _ref.prepend,
-    append = _ref.append,
-    variant = _ref.variant,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    className = _ref.className,
-    style = _ref.style,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    label = _ref.label,
-    required = _ref.required,
-    labelTooltip = _ref.labelTooltip,
-    labelTooltipButtonAriaLabel = _ref.labelTooltipButtonAriaLabel,
-    labelTooltipPlacement = _ref.labelTooltipPlacement,
-    feedback = _ref.feedback,
-    onChange = _ref.onChange,
-    disableLabelAnimation = _ref.disableLabelAnimation,
-    labelProps = _ref.labelProps,
-    _ref$clearable = _ref.clearable,
-    clearable = _ref$clearable === void 0 ? false : _ref$clearable,
-    onClear = _ref.onClear,
-    value = _ref.value,
-    _ref$ariaAlertOnFeedb = _ref.ariaAlertOnFeedback,
-    ariaAlertOnFeedback = _ref$ariaAlertOnFeedb === void 0 ? false : _ref$ariaAlertOnFeedb,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-  var randomId = utils.useRandomId('eds-textfield');
-  var textFieldId = labelProps && labelProps.id ? labelProps.id : randomId;
-  var textFieldRef = React.useRef(null);
-  return React.createElement(BaseFormControl, {
-    disabled: disabled,
-    readOnly: readOnly,
-    variant: variant,
-    prepend: prepend,
-    append: clearable && onClear ? React.createElement(ClearButton, {
-      onClear: onClear
-    }) : append,
-    className: classNames(className, 'eds-textfield__wrapper'),
-    style: style,
-    size: size,
-    label: label,
-    required: required,
-    labelTooltip: labelTooltip,
-    labelTooltipButtonAriaLabel: labelTooltipButtonAriaLabel,
-    labelTooltipPlacement: labelTooltipPlacement,
-    labelId: textFieldId,
-    feedback: feedback,
-    disableLabelAnimation: disableLabelAnimation,
-    labelProps: labelProps,
-    ariaAlertOnFeedback: ariaAlertOnFeedback,
-    onClick: function onClick(e) {
-      var _textFieldRef$current;
-      if (e.target === e.currentTarget) textFieldRef == null || (_textFieldRef$current = textFieldRef.current) == null || _textFieldRef$current.focus();
-    }
-  }, React.createElement(TextFieldBase, _extends({
-    disabled: disabled,
-    readOnly: readOnly,
-    ref: utils.mergeRefs(ref, textFieldRef),
-    "aria-labelledby": textFieldId,
-    onChange: onChange,
-    value: value,
-    variant: variant
-  }, rest)));
-});
-var TextFieldBase = /*#__PURE__*/React.forwardRef(function (_ref2, forwardRef) {
-  var disabled = _ref2.disabled,
-    readOnly = _ref2.readOnly,
-    placeholder = _ref2.placeholder,
-    onChange = _ref2.onChange,
-    value = _ref2.value,
-    variant = _ref2.variant,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-  var contextVariant = useVariant();
-  var currentVariant = variant || contextVariant;
-  var _useInputGroupContext = useInputGroupContext(),
-    isInputFilled = _useInputGroupContext.isFilled,
-    setFiller = _useInputGroupContext.setFilled;
-  utils.useOnMount(function () {
-    if (value != null && value.toString() || rest.defaultValue) {
-      setFiller && !isInputFilled && setFiller(true);
-    }
-  });
-  React.useEffect(function () {
-    if (value != null && value.toString() && setFiller && !isInputFilled) {
-      setFiller(true);
-    }
-  }, [value, setFiller, isInputFilled]);
-  var handleChange = function handleChange(event) {
-    if (isFilled(event.target)) {
-      setFiller && !isInputFilled && setFiller(true);
-    } else {
-      setFiller && isInputFilled && setFiller(false);
-    }
-    if (onChange) {
-      onChange(event);
-    }
-  };
-  return React.createElement("input", _extends({
-    "aria-invalid": currentVariant === 'error',
-    className: "eds-form-control",
-    disabled: disabled,
-    readOnly: readOnly,
-    ref: forwardRef,
-    placeholder: placeholder,
-    onChange: handleChange,
-    value: value
-  }, rest));
-});
-var ClearButton = function ClearButton(_ref3) {
-  var onClear = _ref3.onClear,
-    props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
-  var _useInputGroupContext2 = useInputGroupContext(),
-    hasValue = _useInputGroupContext2.isFilled,
-    setFilled = _useInputGroupContext2.setFilled;
-  return React.createElement("div", {
-    className: "eds-textfield__clear-button-wrapper"
-  }, hasValue && React.createElement("div", {
-    className: "eds-textfield__divider"
-  }), hasValue && React.createElement("button", _extends({
-    className: "eds-textfield__clear-button",
-    type: "button",
-    tabIndex: -1,
-    onClick: function onClick() {
-      setFilled(false);
-      onClear();
-    }
-  }, props), React.createElement(icons.CloseSmallIcon, null)));
-};
-
-var _excluded$3 = ["name", "onChange", "selectedValue", "multiple", "size"];
-var SegmentedContext = /*#__PURE__*/React.createContext(null);
-var SegmentedProvider = function SegmentedProvider(_ref) {
-  var name = _ref.name,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? function () {
-      return undefined;
-    } : _ref$onChange,
-    selectedValue = _ref.selectedValue,
-    multiple = _ref.multiple,
-    size = _ref.size,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-  var generatedName = utils.useRandomId('eds-segmented-control');
-  var contextValue = React.useMemo(function () {
-    return {
-      name: name || generatedName,
-      onChange: onChange,
-      multiple: multiple,
-      selectedValue: selectedValue,
-      size: size
-    };
-  }, [generatedName, multiple, name, onChange, selectedValue, size]);
-  return React.createElement(SegmentedContext.Provider, _extends({
-    value: contextValue
-  }, rest));
-};
-var useSegmentedContext = function useSegmentedContext() {
-  var context = React.useContext(SegmentedContext);
-  if (!context) {
-    throw new Error('You need to wrap your SegmentedChoice in either SegmentedControl or MultipleSegmentedControl');
-  }
-  return context;
-};
-
-var _excluded$2 = ["children", "className", "style", "value", "name", "onChange"];
-var SegmentedChoice = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    style = _ref.style,
-    value = _ref.value,
-    name = _ref.name,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? function () {
-      return undefined;
-    } : _ref$onChange,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-  var _useSegmentedContext = useSegmentedContext(),
-    commonName = _useSegmentedContext.name,
-    selectedValue = _useSegmentedContext.selectedValue,
-    commonOnChange = _useSegmentedContext.onChange,
-    multiple = _useSegmentedContext.multiple,
-    size = _useSegmentedContext.size;
-  var isChecked = multiple ? selectedValue[value] : selectedValue === value;
-  var handleChange = function handleChange(e) {
-    onChange(e);
-    if (multiple) {
-      var _extends2;
-      commonOnChange(_extends({}, selectedValue, (_extends2 = {}, _extends2[value] = e.target.checked, _extends2)));
-    } else if (e.target.checked) {
-      commonOnChange(value);
-    }
-  };
-  return React.createElement("label", {
-    className: classNames('eds-segmented-choice', className),
-    style: style
-  }, React.createElement("input", _extends({
-    type: multiple ? 'checkbox' : 'radio',
-    name: name || commonName,
-    checked: isChecked,
-    value: value,
-    onChange: handleChange,
-    ref: ref
-  }, rest)), React.createElement("div", {
-    className: classNames('eds-base-segmented', {
-      'eds-base-segmented--large': size === 'large'
-    })
-  }, children));
-});
-
-var _excluded$1 = ["children", "label", "name", "onChange", "selectedValue", "size", "className"];
-var SegmentedControl = function SegmentedControl(_ref) {
-  var children = _ref.children,
-    label = _ref.label,
-    name = _ref.name,
-    onChange = _ref.onChange,
-    selectedValue = _ref.selectedValue,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  return React.createElement(SegmentedProvider, {
-    name: name,
-    selectedValue: selectedValue,
-    onChange: onChange,
-    multiple: false,
-    size: size
-  }, React.createElement(Fieldset, {
-    label: label
-  }, React.createElement("div", _extends({
-    className: classNames('eds-segmented-control', className)
-  }, rest), children)));
-};
-
-var _excluded = ["children", "label", "name", "onChange", "selectedValue"];
-/**This component is not used by anyone, and is therefore deprecated
- * @deprecated
- */
-var MultipleSegmentedControl = function MultipleSegmentedControl(_ref) {
-  var children = _ref.children,
-    label = _ref.label,
-    name = _ref.name,
-    onChange = _ref.onChange,
-    selectedValue = _ref.selectedValue,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return React.createElement(SegmentedProvider, {
-    name: name,
-    selectedValue: selectedValue,
-    onChange: onChange,
-    multiple: true,
-    size: "medium"
-  }, React.createElement(typography.Label, {
-    as: "div"
-  }, label), React.createElement("div", _extends({
-    className: "eds-segmented-control"
-  }, rest), children));
-};
-
-utils.warnAboutMissingStyles('form', 'icons', 'typography');
-
-exports.BaseFormControl = BaseFormControl;
-exports.Checkbox = Checkbox;
-exports.CheckboxPanel = CheckboxPanel;
-exports.FeedbackText = FeedbackText;
-exports.Fieldset = Fieldset;
-exports.InputGroupContextProvider = InputGroupContextProvider;
-exports.InputGroupLabel = InputGroupLabel;
-exports.MultipleSegmentedControl = MultipleSegmentedControl;
-exports.Radio = Radio;
-exports.RadioGroup = RadioGroup;
-exports.RadioPanel = RadioPanel;
-exports.SegmentedChoice = SegmentedChoice;
-exports.SegmentedControl = SegmentedControl;
-exports.Switch = Switch;
-exports.TextArea = TextArea;
-exports.TextField = TextField;
-exports.VariantProvider = VariantProvider;
-exports.hasValue = hasValue;
-exports.isFilled = isFilled;
-exports.useInputGroupContext = useInputGroupContext;
-exports.useVariant = useVariant;
-//# sourceMappingURL=form.cjs.development.js.map