@dfds-ui/react-components 2.2.0-alpha.8d87a90d → 2.2.0-alpha.e74a6756

package/cjs/forms/reactselect/ReactSelect.js

@@ -11,20 +11,10 @@ var _theme = require("@dfds-ui/theme");
 var _icons = require("@dfds-ui/icons");
 var _drawer = require("../../drawer");
 var _reactSelect = _interopRequireWildcard(require("react-select"));
-const _excluded = ["ref"],
-  _excluded2 = ["name", "error", "selectClassName", "className", "icon", "disabled", "size", "arrow", "htmlSize", "isClearable", "components", "menuPlacement"],
-  _excluded3 = ["ref"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /* eslint-disable deprecation/deprecation */ /* eslint-disable @typescript-eslint/no-unsafe-assignment */ /* eslint-disable @typescript-eslint/no-unsafe-call */ /* eslint-disable @typescript-eslint/no-unsafe-member-access */
 const ReactSelectWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "emyde7z1"
@@ -57,12 +47,14 @@ const Menu = props => {
 };
 exports.Menu = Menu;
 const ClearIndicator = props => {
-  const _props$children = props.children,
-    children = _props$children === void 0 ? (0, _react2.jsx)(_icons.Close, null) : _props$children,
-    getStyles = props.getStyles,
-    _props$innerProps = props.innerProps,
-    ref = _props$innerProps.ref,
-    restInnerProps = _objectWithoutProperties(_props$innerProps, _excluded);
+  const {
+    children = (0, _react2.jsx)(_icons.Close, null),
+    getStyles,
+    innerProps: {
+      ref,
+      ...restInnerProps
+    }
+  } = props;
   return (0, _react2.jsx)("div", _extends({}, restInnerProps, {
     ref: ref,
     style: getStyles('clearIndicator', props)
@@ -75,34 +67,33 @@ const ClearIndicator = props => {
 
 // low level component for select element
 exports.ClearIndicator = ClearIndicator;
-const ReactSelect = (_ref2, ref) => {
-  let name = _ref2.name,
-    error = _ref2.error,
-    selectClassName = _ref2.selectClassName,
-    className = _ref2.className,
-    icon = _ref2.icon,
-    disabled = _ref2.disabled,
-    _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
-    _ref2$arrow = _ref2.arrow,
-    arrow = _ref2$arrow === void 0 ? true : _ref2$arrow,
-    htmlSize = _ref2.htmlSize,
-    _ref2$isClearable = _ref2.isClearable,
-    isClearable = _ref2$isClearable === void 0 ? false : _ref2$isClearable,
-    components = _ref2.components,
-    _ref2$menuPlacement = _ref2.menuPlacement,
-    menuPlacement = _ref2$menuPlacement === void 0 ? 'auto' : _ref2$menuPlacement,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
+const ReactSelect = ({
+  name,
+  error,
+  selectClassName,
+  className,
+  icon,
+  disabled,
+  size = 'medium',
+  arrow = true,
+  htmlSize,
+  isClearable = false,
+  components,
+  menuPlacement = 'auto',
+  ...rest
+}, ref) => {
   const DropdownIndicator = props => {
-    const _props$children2 = props.children,
-      children = _props$children2 === void 0 ? (0, _react2.jsx)(Icon, {
+    const {
+      children = (0, _react2.jsx)(Icon, {
         size: size,
         disabled: disabled
-      }, icon || (0, _react2.jsx)(_icons.Down, null)) : _props$children2,
-      getStyles = props.getStyles,
-      _props$innerProps2 = props.innerProps,
-      ref = _props$innerProps2.ref,
-      restInnerProps = _objectWithoutProperties(_props$innerProps2, _excluded3);
+      }, icon || (0, _react2.jsx)(_icons.Down, null)),
+      getStyles,
+      innerProps: {
+        ref,
+        ...restInnerProps
+      }
+    } = props;
     return (0, _react2.jsx)("div", _extends({}, restInnerProps, {
       ref: ref,
       style: getStyles('dropdownIndicator', props)
@@ -123,11 +114,12 @@ const ReactSelect = (_ref2, ref) => {
     menuPlacement: menuPlacement,
     styles: {
       option: provided => {
-        return _objectSpread(_objectSpread({}, provided), {}, {
+        return {
+          ...provided,
           ':active': {
             backgroundColor: 'transparent'
           }
-        });
+        };
       }
     },
     "aria-invalid": error,
@@ -137,12 +129,12 @@ const ReactSelect = (_ref2, ref) => {
     isClearable: isClearable,
     classNamePrefix: "react-select",
     className: selectClassName,
-    components: _objectSpread(_objectSpread({
-      Menu
-    }, components), {}, {
+    components: {
+      Menu,
+      ...components,
       ClearIndicator,
       DropdownIndicator
-    })
+    }
   }, rest, {
     ref: ref
   })));

package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import AsyncSelect from 'react-select/async';
+export type SearchableSelectProps = Omit<React.PropsWithRef<AsyncSelect>, 'size' | 'css'>;
+export type Size = 'small' | 'medium';
+declare const AsyncSearchableSelect: React.ForwardRefRenderFunction<any, any>;
+export default AsyncSearchableSelect;

package/cjs/forms/searchable-select/AsyncSearchableSelect.js

@@ -12,43 +12,39 @@ var _ErrorText = _interopRequireDefault(require("../error-text/ErrorText"));
 var _AssistiveText = _interopRequireDefault(require("../assistive-text/AssistiveText"));
 var _theme = require("@dfds-ui/theme");
 var _react2 = require("@emotion/react");
-const _excluded = ["name", "error", "selectClassName", "className", "icon", "disabled", "size", "arrow", "htmlSize", "handleInputChange", "loadOptions", "onBlur", "onFocus", "onChange", "assistiveText", "autoFocus"],
-  _excluded2 = ["ref"];
-/* eslint-disable deprecation/deprecation */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const AsyncSearchableSelect = _ref => {
-  let name = _ref.name,
-    error = _ref.error,
-    selectClassName = _ref.selectClassName,
-    className = _ref.className,
-    icon = _ref.icon,
-    disabled = _ref.disabled,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    _ref$arrow = _ref.arrow,
-    arrow = _ref$arrow === void 0 ? true : _ref$arrow,
-    htmlSize = _ref.htmlSize,
-    handleInputChange = _ref.handleInputChange,
-    loadOptions = _ref.loadOptions,
-    onBlur = _ref.onBlur,
-    onFocus = _ref.onFocus,
-    onChange = _ref.onChange,
-    assistiveText = _ref.assistiveText,
-    autoFocus = _ref.autoFocus,
-    rest = _objectWithoutProperties(_ref, _excluded);
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* eslint-disable deprecation/deprecation */
+const AsyncSearchableSelect = ({
+  name,
+  error,
+  selectClassName,
+  className,
+  icon,
+  disabled,
+  size = 'medium',
+  arrow = true,
+  htmlSize,
+  handleInputChange,
+  loadOptions,
+  onBlur,
+  onFocus,
+  onChange,
+  assistiveText,
+  autoFocus,
+  ...rest
+}) => {
   const DropdownIndicator = props => {
-    const _props$children = props.children,
-      children = _props$children === void 0 ? (0, _react2.jsx)(_ReactSelect.Icon, {
+    const {
+      children = (0, _react2.jsx)(_ReactSelect.Icon, {
         size: size,
         disabled: disabled
-      }, icon || (0, _react2.jsx)(_icons.Down, null)) : _props$children,
-      getStyles = props.getStyles,
-      _props$innerProps = props.innerProps,
-      ref = _props$innerProps.ref,
-      restInnerProps = _objectWithoutProperties(_props$innerProps, _excluded2);
+      }, icon || (0, _react2.jsx)(_icons.Down, null)),
+      getStyles,
+      innerProps: {
+        ref,
+        ...restInnerProps
+      }
+    } = props;
     return (0, _react2.jsx)("div", _extends({}, restInnerProps, {
       ref: ref,
       style: getStyles('dropdownIndicator', props)

package/cjs/forms/select/Select.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export type BaseSelectProps = Omit<JSX.IntrinsicElements['select'], 'size' | 'css'>;
+export type Size = 'small' | 'medium';
+export type SelectProps = BaseSelectProps & {
+    name: string;
+    required?: boolean;
+    error?: boolean;
+    className?: string;
+    icon?: React.ReactNode;
+    wrapperClassName?: string;
+    children?: React.ReactNode;
+    size?: Size;
+    htmlSize?: number;
+};
+declare const _default: React.ForwardRefExoticComponent<Pick<SelectProps, "required" | "key" | "error" | "id" | "name" | "color" | "translate" | "value" | "hidden" | "form" | "slot" | "style" | "title" | "dir" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "role" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "size" | "icon" | "autoComplete" | "autoFocus" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "htmlSize" | "wrapperClassName"> & React.RefAttributes<HTMLSelectElement>>;
+export default _default;

package/cjs/forms/select/Select.js

@@ -9,11 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
 var _icons = require("@dfds-ui/icons");
-const _excluded = ["name", "error", "wrapperClassName", "icon", "size", "htmlSize", "disabled"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /* eslint-disable deprecation/deprecation */
 const Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "em3vnrq2"
@@ -80,15 +77,16 @@ const Icon = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "p
 
 // low level component for select element
 const Select = (props, ref) => {
-  const name = props.name,
-    error = props.error,
-    wrapperClassName = props.wrapperClassName,
-    icon = props.icon,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'medium' : _props$size,
-    htmlSize = props.htmlSize,
-    disabled = props.disabled,
-    rest = _objectWithoutProperties(props, _excluded);
+  const {
+    name,
+    error,
+    wrapperClassName,
+    icon,
+    size = 'medium',
+    htmlSize,
+    disabled,
+    ...rest
+  } = props;
   return (0, _react2.jsx)(Wrapper, {
     className: wrapperClassName
   }, (0, _react2.jsx)(StyledSelect, _extends({

package/cjs/forms/select-field/SelectField.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { SelectProps } from '../select/Select';
+type SelectFieldProps = SelectProps & {
+    label?: React.ReactNode;
+    disabled?: boolean;
+    errorMessage?: string;
+    assistiveText?: string;
+    selected?: string;
+    defaultValue?: string;
+    value?: string;
+    inverted?: boolean;
+    as?: React.ElementType;
+};
+declare const _default: import("@emotion/styled").StyledComponent<Pick<SelectFieldProps, "required" | "key" | "error" | "id" | "name" | "color" | "translate" | "value" | "hidden" | "form" | "label" | "slot" | "style" | "title" | "dir" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "role" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "size" | "icon" | "as" | "autoComplete" | "autoFocus" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "selected" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "inverted" | "htmlSize" | "assistiveText" | "wrapperClassName" | "errorMessage"> & React.RefAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export default _default;

package/cjs/forms/select-field/SelectField.js

@@ -12,11 +12,8 @@ var _Select = _interopRequireDefault(require("../select/Select"));
 var _AssistiveText = _interopRequireDefault(require("../assistive-text/AssistiveText"));
 var _ErrorText = _interopRequireDefault(require("../error-text/ErrorText"));
 var _uuid = require("uuid");
-const _excluded = ["label", "assistiveText", "selected", "required", "errorMessage", "className", "inverted", "size", "name", "value"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const margins = process.env.NODE_ENV === "production" ? {
   name: "7yx9dh",
@@ -57,17 +54,19 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const SelectField = (props, ref) => {
-  const label = props.label,
-    assistiveText = props.assistiveText,
-    selected = props.selected,
-    required = props.required,
-    errorMessage = props.errorMessage,
-    className = props.className,
-    inverted = props.inverted,
-    size = props.size,
-    name = props.name,
-    value = props.value,
-    rest = _objectWithoutProperties(props, _excluded);
+  const {
+    label,
+    assistiveText,
+    selected,
+    required,
+    errorMessage,
+    className,
+    inverted,
+    size,
+    name,
+    value,
+    ...rest
+  } = props;
   const fieldName = name || (0, _uuid.v4)();
   return (0, _react2.jsx)("div", {
     className: className,

package/cjs/forms/switch/Switch.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type Size = 'small' | 'medium';
+type SwitchProps = React.PropsWithRef<JSX.IntrinsicElements['label']> & {
+    name?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    right?: boolean;
+    size?: Size;
+    error?: boolean;
+};
+declare const Switch: React.FunctionComponent<SwitchProps>;
+export default Switch;

package/cjs/forms/switch/Switch.js

@@ -12,11 +12,8 @@ var _elevation = _interopRequireDefault(require("../../elevation"));
 var _styles = require("../../styles");
 var _theme = require("@dfds-ui/theme");
 var _typography = require("@dfds-ui/typography");
-const _excluded = ["name", "checked", "onChange", "disabled", "children", "right", "error", "size"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const ToggleKnot = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e1moguuh6"
@@ -102,18 +99,17 @@ const Label = /*#__PURE__*/(0, _base.default)("label", process.env.NODE_ENV ===
   target: "e1moguuh0",
   label: "Label"
 })("-webkit-tap-highlight-color:rgba(0, 0, 0, 0);position:relative;display:inline-flex;flex-wrap:wrap;align-items:center;", p => p.right && _ref, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9zd2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4TGdEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9zd2l0Y2gvU3dpdGNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBZZXNUaWNrIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgZWxldmF0aW9uIGZyb20gJy4uLy4uL2VsZXZhdGlvbidcbmltcG9ydCB7IHZpc3VhbGx5SGlkZGVuIH0gZnJvbSAnLi4vLi4vc3R5bGVzJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIFNpemUgPSAnc21hbGwnIHwgJ21lZGl1bSdcblxuY29uc3QgVG9nZ2xlS25vdCA9IHN0eWxlZC5kaXZgXG4gIHRyYW5zaXRpb246IDI1MG1zO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgJHtlbGV2YXRpb24oMyl9XG5gXG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBkZXByZWNhdGlvbi9kZXByZWNhdGlvblxuY29uc3QgQ2hlY2ttYXJrID0gc3R5bGVkKFllc1RpY2spYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMjUwbXM7XG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zZm9ybTogc2NhbGUoMCk7XG5gXG5cbi8vIEJ5IHNwZWNpZnlpbmcgdGhlIHR5cGUgb2YgdG9nZ2xlU2l6ZXMgd2UgZW5zdXJlIHRoYXQgYWxsIChhbmQgb25seSkga2V5cyB3aGljaCBhcmUgcGFydCBvZiB0aGUgU2l6ZSB1bmlvbiB0eXBlIGFyZSBkZWZpbmVkXG4vLyBbUCBpbiBTaXplXTogU2VyaWFsaXplZFN0eWxlc1xuY29uc3QgdG9nZ2xlU2l6ZXM6IFJlY29yZDxTaXplLCBTZXJpYWxpemVkU3R5bGVzPiA9IHtcbiAgc21hbGw6IGNzc2BcbiAgICB3aWR0aDogMzJweDtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcblxuICAgICR7VG9nZ2xlS25vdH0ge1xuICAgICAgd2lkdGg6IDE2cHg7XG4gICAgICBoZWlnaHQ6IDE2cHg7XG4gICAgfVxuXG4gICAgJHtDaGVja21hcmt9IHtcbiAgICAgIHdpZHRoOiA4cHg7XG4gICAgICBoZWlnaHQ6IDhweDtcbiAgICB9XG4gIGAsXG4gIG1lZGl1bTogY3NzYFxuICAgIHdpZHRoOiA0MHB4O1xuICAgIGhlaWdodDogMjRweDtcbiAgICBib3JkZXItcmFkaXVzOiAxMnB4O1xuXG4gICAgJHtUb2dnbGVLbm90fSB7XG4gICAgICB3aWR0aDogMjBweDtcbiAgICAgIGhlaWdodDogMjBweDtcbiAgICB9XG5cbiAgICAke0NoZWNrbWFya30ge1xuICAgICAgd2lkdGg6IDEwcHg7XG4gICAgICBoZWlnaHQ6IDEwcHg7XG4gICAgfVxuICBgLFxufVxuXG5jb25zdCBrbm90VHJhbnNsYXRlRGlzdGFuY2VzOiBSZWNvcmQ8U2l6ZSwgU2VyaWFsaXplZFN0eWxlcz4gPSB7XG4gIHNtYWxsOiBjc3NgXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEycHgpO1xuICBgLFxuICBtZWRpdW06IGNzc2BcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTZweCk7XG4gIGAsXG59XG5cbmNvbnN0IFRvZ2dsZSA9IHN0eWxlZC5kaXY8eyBzd2l0Y2hTaXplOiBTaXplIH0+YFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5zZWNvbmRhcnl9O1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDI1MG1zO1xuICBmb250LXNpemU6IDA7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBwYWRkaW5nOiAycHg7XG4gICR7KHsgc3dpdGNoU2l6ZSB9KSA9PiB0b2dnbGVTaXplc1tzd2l0Y2hTaXplXX1cbmBcblxuY29uc3QgVG9nZ2xlT3V0ZXJSaW5nID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3JkZXItcmFkaXVzOiAyOHB4O1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5IDI1MG1zO1xuICBkaXNwbGF5OiBub25lO1xuICB3aWR0aDogY2FsYygxMDAlICsgNHB4KTtcbiAgaGVpZ2h0OiBjYWxjKDEwMCUgKyA0cHgpO1xuICB0b3A6IC0ycHg7XG4gIGxlZnQ6IC0ycHg7XG4gIGJveC1zaGFkb3c6IDAgMCAwIDJweCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn0sIDAgMCA0cHggMnB4ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5gXG5cbmNvbnN0IEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0PHsgc3dpdGNoU2l6ZTogU2l6ZTsgZXJyb3I6IGJvb2xlYW4gfT5gXG4gICR7dmlzdWFsbHlIaWRkZW4oKX1cblxuICAvKiogT24gKi9cbiAgJjpjaGVja2VkIHtcbiAgICArICR7VG9nZ2xlfSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgfVxuXG4gICAgKyAke1RvZ2dsZX0gJHtUb2dnbGVLbm90fSB7XG4gICAgICAkeyh7IHN3aXRjaFNpemUgfSkgPT4ga25vdFRyYW5zbGF0ZURpc3RhbmNlc1tzd2l0Y2hTaXplXX07XG4gICAgfVxuXG4gICAgKyAke1RvZ2dsZX0gJHtDaGVja21hcmt9IHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgIH1cbiAgfVxuXG4gIC8qKiBIb3ZlciAqL1xuICAmOmhvdmVyICsgJHtUb2dnbGV9IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gIH1cblxuICAmOmhvdmVyICsgJHtUb2dnbGV9ICR7Q2hlY2ttYXJrfSB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgfVxuXG4gIC8qKiBGb2N1cyAqL1xuICAmOmZvY3VzICsgJHtUb2dnbGV9ICR7VG9nZ2xlT3V0ZXJSaW5nfSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cblxuICAuanMtZm9jdXMtdmlzaWJsZSAmIDpmb2N1czpub3QoW2RhdGEtZm9jdXMtdmlzaWJsZS1hZGRlZF0pIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5cbiAgLyoqIERpc2FibGVkICovXG4gICZbZGlzYWJsZWRdICsgJHtUb2dnbGV9IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cbiAgICAke1RvZ2dsZUtub3R9IHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuXG4gICAgJHtDaGVja21hcmt9IHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuXG4gICY6YWN0aXZlOm5vdChbZGlzYWJsZWRdKSArICR7VG9nZ2xlfSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICB9XG5cbiAgLyoqIEVycm9yICovXG4gICR7KHApID0+XG4gICAgcC5lcnJvciAmJlxuICAgIGNzc2BcbiAgICAgICY6Y2hlY2tlZCArICR7VG9nZ2xlfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gICAgICB9XG5cbiAgICAgICY6Y2hlY2tlZCArICR7VG9nZ2xlfSAke0NoZWNrbWFya30ge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICAgIH1cbiAgICBgfVxuYFxuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLnNwYW48UGFydGlhbDxTd2l0Y2hQcm9wcz4+YFxuICAke3R5cG9ncmFwaHkuYm9keX07XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICAkeyhwKSA9PlxuICAgIHAucmlnaHQgJiZcbiAgICBjc3NgXG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgYH07XG4gICR7KHApID0+XG4gICAgIXAucmlnaHQgJiZcbiAgICBjc3NgXG4gICAgICBtYXJnaW4tbGVmdDogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICBgfTtcbiAgJHsocCkgPT5cbiAgICBwLmRpc2FibGVkICYmXG4gICAgY3NzYFxuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5kaXNhYmxlZH07XG4gICAgYH07XG5gXG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmxhYmVsPFBhcnRpYWw8U3dpdGNoUHJvcHM+PmBcbiAgLXdlYmtpdC10YXAtaGlnaGxpZ2h0LWNvbG9yOiByZ2JhKDAsIDAsIDAsIDApO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7KHApID0+XG4gICAgcC5yaWdodCAmJlxuICAgIGNzc2BcbiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgYH07XG5gXG5cbnR5cGUgU3dpdGNoUHJvcHMgPSBSZWFjdC5Qcm9wc1dpdGhSZWY8SlNYLkludHJpbnNpY0VsZW1lbnRzWydsYWJlbCddPiAmIHtcbiAgbmFtZT86IHN0cmluZ1xuICBjaGVja2VkPzogYm9vbGVhblxuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWRcbiAgcmlnaHQ/OiBib29sZWFuXG4gIHNpemU/OiBTaXplXG4gIGVycm9yPzogYm9vbGVhblxufVxuXG5jb25zdCBTd2l0Y2g6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PFN3aXRjaFByb3BzPiA9ICh7XG4gIG5hbWUsXG4gIGNoZWNrZWQsXG4gIG9uQ2hhbmdlLFxuICBkaXNhYmxlZCxcbiAgY2hpbGRyZW4sXG4gIHJpZ2h0LFxuICBlcnJvciA9IGZhbHNlLFxuICBzaXplID0gJ21lZGl1bScsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TGFiZWwgcmlnaHQ9e3JpZ2h0fSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW4gJiYgcmlnaHQgJiYgKFxuICAgICAgICA8Q29udGVudCByaWdodD17cmlnaHR9IGRpc2FibGVkPXtkaXNhYmxlZH0+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0NvbnRlbnQ+XG4gICAgICApfVxuXG4gICAgICA8SGlkZGVuSW5wdXRcbiAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIHJlYWRPbmx5PXshb25DaGFuZ2V9XG4gICAgICAgIHN3aXRjaFNpemU9e3NpemV9XG4gICAgICAgIGVycm9yPXtlcnJvcn1cbiAgICAgIC8+XG5cbiAgICAgIDxUb2dnbGUgc3dpdGNoU2l6ZT17c2l6ZX0+XG4gICAgICAgIDxUb2dnbGVLbm90PlxuICAgICAgICAgIDxDaGVja21hcmsgLz5cbiAgICAgICAgPC9Ub2dnbGVLbm90PlxuICAgICAgICA8VG9nZ2xlT3V0ZXJSaW5nIC8+XG4gICAgICA8L1RvZ2dsZT5cblxuICAgICAge2NoaWxkcmVuICYmICFyaWdodCAmJiAoXG4gICAgICAgIDxDb250ZW50IHNpemU9e3NpemV9IGRpc2FibGVkPXtkaXNhYmxlZH0+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0NvbnRlbnQ+XG4gICAgICApfVxuICAgIDwvTGFiZWw+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3dpdGNoXG4iXX0= */"));
-const Switch = _ref2 => {
-  let name = _ref2.name,
-    checked = _ref2.checked,
-    onChange = _ref2.onChange,
-    disabled = _ref2.disabled,
-    children = _ref2.children,
-    right = _ref2.right,
-    _ref2$error = _ref2.error,
-    error = _ref2$error === void 0 ? false : _ref2$error,
-    _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
-    rest = _objectWithoutProperties(_ref2, _excluded);
+const Switch = ({
+  name,
+  checked,
+  onChange,
+  disabled,
+  children,
+  right,
+  error = false,
+  size = 'medium',
+  ...rest
+}) => {
   return (0, _react2.jsx)(Label, _extends({
     right: right
   }, rest), children && right && (0, _react2.jsx)(Content, {

package/cjs/forms/tel-field/TelField.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TextFieldProps } from '../text-field/TextField';
+declare const _default: import("@emotion/styled").StyledComponent<Pick<TextFieldProps, "max" | "required" | "type" | "key" | "id" | "height" | "width" | "name" | "min" | "color" | "translate" | "value" | "hidden" | "form" | "label" | "slot" | "style" | "title" | "dir" | "pattern" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "role" | "children" | "contentEditable" | "enterKeyHint" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "size" | "icon" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "maxLength" | "minLength" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "readOnly" | "src" | "step" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "inverted" | "hideAsterisk" | "assistiveText" | "hintText" | "errorMessage"> & React.RefAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export default _default;

package/cjs/forms/text-field/TextField.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Size } from '../input/Input';
+export type BaseInputProps = Omit<JSX.IntrinsicElements['input'], 'size' | 'css'>;
+export type TextFieldProps = BaseInputProps & {
+    label?: React.ReactNode;
+    name?: string;
+    required?: boolean;
+    hintText?: string;
+    disabled?: boolean;
+    defaultValue?: string;
+    errorMessage?: string;
+    assistiveText?: string;
+    className?: string;
+    size?: Size;
+    value?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    icon?: React.ReactNode;
+    inverted?: boolean;
+    type?: string;
+    hideAsterisk?: boolean;
+};
+export declare const TextField: React.ForwardRefRenderFunction<HTMLInputElement, TextFieldProps>;
+declare const _default: import("@emotion/styled").StyledComponent<Pick<TextFieldProps, "max" | "required" | "type" | "key" | "id" | "height" | "width" | "name" | "min" | "color" | "translate" | "value" | "hidden" | "form" | "label" | "slot" | "style" | "title" | "dir" | "pattern" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "role" | "children" | "contentEditable" | "enterKeyHint" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "size" | "icon" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "maxLength" | "minLength" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "readOnly" | "src" | "step" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "inverted" | "hideAsterisk" | "assistiveText" | "hintText" | "errorMessage"> & React.RefAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export default _default;

package/cjs/forms/text-field/TextField.js

@@ -12,11 +12,8 @@ var _Input = _interopRequireDefault(require("../input/Input"));
 var _AssistiveText = _interopRequireDefault(require("../assistive-text/AssistiveText"));
 var _ErrorText = _interopRequireDefault(require("../error-text/ErrorText"));
 var _uuid = require("uuid");
-const _excluded = ["label", "name", "hintText", "disabled", "defaultValue", "assistiveText", "required", "errorMessage", "className", "inverted", "size", "type", "hideAsterisk"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } // TODO: extend on JSX.IntrinsicElements['input'] will give us some of the other props
 const margins = process.env.NODE_ENV === "production" ? {
   name: "7yx9dh",
@@ -57,20 +54,22 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const TextField = (props, ref) => {
-  const label = props.label,
-    name = props.name,
-    hintText = props.hintText,
-    disabled = props.disabled,
-    defaultValue = props.defaultValue,
-    assistiveText = props.assistiveText,
-    required = props.required,
-    errorMessage = props.errorMessage,
-    className = props.className,
-    inverted = props.inverted,
-    size = props.size,
-    type = props.type,
-    hideAsterisk = props.hideAsterisk,
-    rest = _objectWithoutProperties(props, _excluded);
+  const {
+    label,
+    name,
+    hintText,
+    disabled,
+    defaultValue,
+    assistiveText,
+    required,
+    errorMessage,
+    className,
+    inverted,
+    size,
+    type,
+    hideAsterisk,
+    ...rest
+  } = props;
   const fieldName = name || (0, _uuid.v4)();
   return (0, _react2.jsx)("div", {
     className: className,

package/cjs/global-styles/GlobalStyles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const GlobalStyles: () => JSX.Element;
+export declare const DfdsFontFace: () => JSX.Element;

package/cjs/global-styles/ResetStyles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * Minimal/modern CSS reset.
+ *
+ * Taken from: https://www.joshwcomeau.com/css/custom-css-reset/
+ *
+ * TODO: Include this in the GlobalStyles component when adapted and tested in solutions.
+ */
+export declare const ResetStyles: () => JSX.Element;

package/cjs/global-styles/sanitize.d.ts

@@ -0,0 +1 @@
+export declare const sanitize: import("@emotion/utils").SerializedStyles;

package/cjs/grid/Column.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type ColumnProps = {
+    m?: 6 | 12;
+    l?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    xxl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    children?: React.ReactNode;
+};
+declare const Column: React.FunctionComponent<ColumnProps>;
+export default Column;