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

package/cjs/forms/radio/Radio.js

@@ -10,10 +10,10 @@ var _theme = require("@dfds-ui/theme");
 var _react2 = require("@emotion/react");
 var _styles = require("../../styles");
 const _excluded = ["children", "disabled", "checked", "className", "error", "onChange", "htmlSize", "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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+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; }
 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 radioSizes = {
   small: {

package/cjs/forms/reactselect/ReactSelect.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import Select from 'react-select';
+export declare type BaseReactSelectProps = Omit<React.PropsWithRef<Select>, 'size' | 'css'>;
+export declare type Size = 'small' | 'medium';
+export declare const ReactSelectWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    error?: boolean | undefined;
+    size?: string | undefined;
+    arrow?: boolean | undefined;
+    selected?: boolean | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Icon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    size?: Size | undefined;
+    disabled?: boolean | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Menu: (props: any) => JSX.Element;
+export declare const ClearIndicator: (props: any) => JSX.Element;
+/** @deprecated Use dfds-ui/forms */
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export default _default;

package/cjs/forms/reactselect/ReactSelect.js

@@ -14,17 +14,16 @@ 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 _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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 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 _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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+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; }
 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"

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

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

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

@@ -15,10 +15,10 @@ 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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+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; }
 const AsyncSearchableSelect = _ref => {
   let name = _ref.name,
     error = _ref.error,

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare type BaseSelectProps = Omit<JSX.IntrinsicElements['select'], 'size' | 'css'>;
+export declare type Size = 'small' | 'medium';
+export declare 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" | "error" | "key" | "id" | "name" | "color" | "translate" | "value" | "hidden" | "form" | "slot" | "style" | "title" | "dir" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "size" | "icon" | "autoComplete" | "autoFocus" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "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

@@ -10,10 +10,10 @@ 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+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; }
 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"

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { SelectProps } from '../select/Select';
+declare 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" | "error" | "key" | "id" | "name" | "color" | "translate" | "value" | "hidden" | "form" | "label" | "slot" | "style" | "title" | "dir" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "size" | "icon" | "as" | "autoComplete" | "autoFocus" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "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

@@ -13,10 +13,10 @@ var _AssistiveText = _interopRequireDefault(require("../assistive-text/Assistive
 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+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; }
 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",
@@ -96,7 +96,7 @@ const SelectField = (props, ref) => {
     css: _ref
   }, errorMessage));
 };
-var _default = /*#__PURE__*/(0, _base.default)( /*#__PURE__*/_react.default.forwardRef(SelectField), {
+var _default = /*#__PURE__*/(0, _base.default)(/*#__PURE__*/_react.default.forwardRef(SelectField), {
   target: "e1jkh8ge0"
 })(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9zZWxlY3QtZmllbGQvU2VsZWN0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNGZSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvc2VsZWN0LWZpZWxkL1NlbGVjdEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgTGFiZWwgZnJvbSAnLi4vbGFiZWwvTGFiZWwnXG5pbXBvcnQgU2VsZWN0LCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi4vc2VsZWN0L1NlbGVjdCdcbmltcG9ydCBBc3Npc3RpdmVUZXh0IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgRXJyb3JUZXh0IGZyb20gJy4uL2Vycm9yLXRleHQvRXJyb3JUZXh0J1xuaW1wb3J0IHsgdjQgYXMgdXVpZHY0IH0gZnJvbSAndXVpZCdcblxudHlwZSBTZWxlY3RGaWVsZFByb3BzID0gU2VsZWN0UHJvcHMgJiB7XG4gIGxhYmVsPzogUmVhY3QuUmVhY3ROb2RlXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBlcnJvck1lc3NhZ2U/OiBzdHJpbmdcbiAgYXNzaXN0aXZlVGV4dD86IHN0cmluZ1xuICBzZWxlY3RlZD86IHN0cmluZ1xuICBkZWZhdWx0VmFsdWU/OiBzdHJpbmdcbiAgdmFsdWU/OiBzdHJpbmdcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxuY29uc3QgbWFyZ2lucyA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICBkaXNwbGF5OiBibG9jaztcbmBcblxuLy8gU2VsZWN0RmllbGQgaXMgYSBjb21wb3NpdGUgY29tcG9uZW50IHVzZWQgdG8gZW5jYXBzdWxhdGUgYSBjb21wbGV0ZSBmaWVsZCB3aXRoIGxhYmVsLCBzZWxlY3QgYW5kIGVycm9yXG5jb25zdCBTZWxlY3RGaWVsZDogUmVhY3QuRm9yd2FyZFJlZlJlbmRlckZ1bmN0aW9uPEhUTUxJbnB1dEVsZW1lbnQsIFNlbGVjdEZpZWxkUHJvcHM+ID0gKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBsYWJlbCwgYXNzaXN0aXZlVGV4dCwgc2VsZWN0ZWQsIHJlcXVpcmVkLCBlcnJvck1lc3NhZ2UsIGNsYXNzTmFtZSwgaW52ZXJ0ZWQsIHNpemUsIG5hbWUsIHZhbHVlLCAuLi5yZXN0IH0gPVxuICAgIHByb3BzXG4gIGNvbnN0IGZpZWxkTmFtZSA9IG5hbWUgfHwgdXVpZHY0KClcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17XG4gICAgICAgIGFzc2lzdGl2ZVRleHQgfHwgZXJyb3JNZXNzYWdlXG4gICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDVweDtcbiAgICAgICAgICAgIGBcbiAgICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMjBweDtcbiAgICAgICAgICAgIGBcbiAgICAgIH1cbiAgICA+XG4gICAgICA8TGFiZWxcbiAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAke21hcmdpbnN9XG4gICAgICAgIGB9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIGludmVydGVkPXtpbnZlcnRlZH1cbiAgICAgICAgaHRtbEZvcj17ZmllbGROYW1lfVxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0xhYmVsPlxuICAgICAgPFNlbGVjdFxuICAgICAgICByZWY9e3JlZiBhcyBhbnl9XG4gICAgICAgIG5hbWU9e2ZpZWxkTmFtZX1cbiAgICAgICAgaWQ9e2ZpZWxkTmFtZX1cbiAgICAgICAgdmFsdWU9e3ZhbHVlIHx8IHNlbGVjdGVkfVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICBlcnJvcj17ISFlcnJvck1lc3NhZ2UgfHwgdW5kZWZpbmVkfVxuICAgICAgICBhcmlhLWRlc2NyaWJlZGJ5PXthc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSA/IGZpZWxkTmFtZSArICdfYXJpYScgOiB1bmRlZmluZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgLz5cbiAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8QXNzaXN0aXZlVGV4dCBpbnZlcnRlZD17aW52ZXJ0ZWR9IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfT5cbiAgICAgICAgICB7YXNzaXN0aXZlVGV4dH1cbiAgICAgICAgPC9Bc3Npc3RpdmVUZXh0PlxuICAgICAgKX1cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8RXJyb3JUZXh0XG4gICAgICAgICAgaWQ9e2ZpZWxkTmFtZSArICdfYXJpYSd9XG4gICAgICAgICAgcm9sZT1cImFsZXJ0XCJcbiAgICAgICAgICBzbWFsbFxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxNXB4O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICA8L0Vycm9yVGV4dD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVkKFJlYWN0LmZvcndhcmRSZWYoU2VsZWN0RmllbGQpKSgpXG4iXX0= */");
 exports.default = _default;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+declare type Size = 'small' | 'medium';
+declare 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

@@ -13,10 +13,10 @@ 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+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; }
 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"

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" | "color" | "translate" | "value" | "hidden" | "form" | "label" | "slot" | "style" | "title" | "dir" | "pattern" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "enterKeyHint" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "size" | "icon" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "maxLength" | "min" | "minLength" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "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/tel-field/TelField.js

@@ -8,15 +8,15 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
 var _TextField = _interopRequireDefault(require("../text-field/TextField"));
 var _react2 = require("@emotion/react");
-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); } // TelField is a composite component used to encapsulate a complete field with label, input and error/hint
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); } // TelField is a composite component used to encapsulate a complete field with label, input and error/hint
 const TelField = (props, ref) => {
   return (0, _react2.jsx)(_TextField.default, _extends({}, props, {
     ref: ref,
     type: "tel"
   }));
 };
-var _default = /*#__PURE__*/(0, _base.default)( /*#__PURE__*/_react.default.forwardRef(TelField), {
+var _default = /*#__PURE__*/(0, _base.default)(/*#__PURE__*/_react.default.forwardRef(TelField), {
   target: "e1x81cog0"
 })(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy90ZWwtZmllbGQvVGVsRmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVlIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9mb3Jtcy90ZWwtZmllbGQvVGVsRmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgVGV4dEZpZWxkLCB7IFRleHRGaWVsZFByb3BzIH0gZnJvbSAnLi4vdGV4dC1maWVsZC9UZXh0RmllbGQnXG5cbi8vIFRlbEZpZWxkIGlzIGEgY29tcG9zaXRlIGNvbXBvbmVudCB1c2VkIHRvIGVuY2Fwc3VsYXRlIGEgY29tcGxldGUgZmllbGQgd2l0aCBsYWJlbCwgaW5wdXQgYW5kIGVycm9yL2hpbnRcblxuY29uc3QgVGVsRmllbGQ6IFJlYWN0LkZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbjxIVE1MSW5wdXRFbGVtZW50LCBUZXh0RmllbGRQcm9wcz4gPSAocHJvcHMsIHJlZikgPT4ge1xuICByZXR1cm4gPFRleHRGaWVsZCB7Li4ucHJvcHN9IHJlZj17cmVmIGFzIGFueX0gdHlwZT1cInRlbFwiIC8+XG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlZChSZWFjdC5mb3J3YXJkUmVmKFRlbEZpZWxkKSkoKVxuIl19 */");
 exports.default = _default;

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Size } from '../input/Input';
+export declare type BaseInputProps = Omit<JSX.IntrinsicElements['input'], 'size' | 'css'>;
+export declare 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" | "color" | "translate" | "value" | "hidden" | "form" | "label" | "slot" | "style" | "title" | "dir" | "pattern" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "enterKeyHint" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "size" | "icon" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "maxLength" | "min" | "minLength" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "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

@@ -13,10 +13,10 @@ var _AssistiveText = _interopRequireDefault(require("../assistive-text/Assistive
 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+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; }
 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",
@@ -105,7 +105,7 @@ const TextField = (props, ref) => {
   }, errorMessage));
 };
 exports.TextField = TextField;
-var _default = /*#__PURE__*/(0, _base.default)( /*#__PURE__*/_react.default.forwardRef(TextField), {
+var _default = /*#__PURE__*/(0, _base.default)(/*#__PURE__*/_react.default.forwardRef(TextField), {
   target: "e15dcc9e0"
 })(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkdlIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExhYmVsIGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IElucHV0LCB7IFNpemUgfSBmcm9tICcuLi9pbnB1dC9JbnB1dCdcbmltcG9ydCBBc3Npc3RpdmVUZXh0IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgRXJyb3JUZXh0IGZyb20gJy4uL2Vycm9yLXRleHQvRXJyb3JUZXh0J1xuaW1wb3J0IHsgdjQgYXMgdXVpZHY0IH0gZnJvbSAndXVpZCdcblxuZXhwb3J0IHR5cGUgQmFzZUlucHV0UHJvcHMgPSBPbWl0PEpTWC5JbnRyaW5zaWNFbGVtZW50c1snaW5wdXQnXSwgJ3NpemUnIHwgJ2Nzcyc+XG4vLyBUT0RPOiBleHRlbmQgb24gSlNYLkludHJpbnNpY0VsZW1lbnRzWydpbnB1dCddIHdpbGwgZ2l2ZSB1cyBzb21lIG9mIHRoZSBvdGhlciBwcm9wc1xuZXhwb3J0IHR5cGUgVGV4dEZpZWxkUHJvcHMgPSBCYXNlSW5wdXRQcm9wcyAmIHtcbiAgbGFiZWw/OiBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICByZXF1aXJlZD86IGJvb2xlYW5cbiAgaGludFRleHQ/OiBzdHJpbmdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGRlZmF1bHRWYWx1ZT86IHN0cmluZ1xuICBlcnJvck1lc3NhZ2U/OiBzdHJpbmdcbiAgYXNzaXN0aXZlVGV4dD86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgc2l6ZT86IFNpemVcbiAgdmFsdWU/OiBzdHJpbmdcbiAgb25DaGFuZ2U/OiAoZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkXG4gIGljb24/OiBSZWFjdC5SZWFjdE5vZGVcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuXG4gIHR5cGU/OiBzdHJpbmdcbiAgaGlkZUFzdGVyaXNrPzogYm9vbGVhblxufVxuXG5jb25zdCBtYXJnaW5zID0gY3NzYFxuICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuYFxuXG4vLyBUZXh0RmllbGQgaXMgYSBjb21wb3NpdGUgY29tcG9uZW50IHVzZWQgdG8gZW5jYXBzdWxhdGUgYSBjb21wbGV0ZSBmaWVsZCB3aXRoIGxhYmVsLCBpbnB1dCBhbmQgZXJyb3IvaGludFxuZXhwb3J0IGNvbnN0IFRleHRGaWVsZDogUmVhY3QuRm9yd2FyZFJlZlJlbmRlckZ1bmN0aW9uPEhUTUxJbnB1dEVsZW1lbnQsIFRleHRGaWVsZFByb3BzPiA9IChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBsYWJlbCxcbiAgICBuYW1lLFxuICAgIGhpbnRUZXh0LFxuICAgIGRpc2FibGVkLFxuICAgIGRlZmF1bHRWYWx1ZSxcbiAgICBhc3Npc3RpdmVUZXh0LFxuICAgIHJlcXVpcmVkLFxuICAgIGVycm9yTWVzc2FnZSxcbiAgICBjbGFzc05hbWUsXG4gICAgaW52ZXJ0ZWQsXG4gICAgc2l6ZSxcbiAgICB0eXBlLFxuICAgIGhpZGVBc3RlcmlzayxcbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wc1xuICBjb25zdCBmaWVsZE5hbWUgPSBuYW1lIHx8IHV1aWR2NCgpXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e1xuICAgICAgICBhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZVxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBjc3NgXG4gICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gICAgICAgICAgICBgXG4gICAgICB9XG4gICAgPlxuICAgICAgPExhYmVsXG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIGludmVydGVkPXtpbnZlcnRlZH1cbiAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza31cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHttYXJnaW5zfVxuICAgICAgICBgfVxuICAgICAgICBodG1sRm9yPXtmaWVsZE5hbWV9XG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvTGFiZWw+XG4gICAgICA8SW5wdXRcbiAgICAgICAgaWQ9e2ZpZWxkTmFtZX1cbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgbmFtZT17ZmllbGROYW1lfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRlZmF1bHRWYWx1ZT17ZGVmYXVsdFZhbHVlfVxuICAgICAgICBwbGFjZWhvbGRlcj17aGludFRleHR9XG4gICAgICAgIGVycm9yPXshIWVycm9yTWVzc2FnZSB8fCB1bmRlZmluZWR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHJlZj17cmVmIGFzIGFueX1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgPyBmaWVsZE5hbWUgKyAnX2FyaWEnIDogdW5kZWZpbmVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgICAgICBgfVxuICAgICAgLz5cbiAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8QXNzaXN0aXZlVGV4dCBpbnZlcnRlZD17aW52ZXJ0ZWR9IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfT5cbiAgICAgICAgICB7YXNzaXN0aXZlVGV4dH1cbiAgICAgICAgPC9Bc3Npc3RpdmVUZXh0PlxuICAgICAgKX1cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8RXJyb3JUZXh0IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfSByb2xlPVwiYWxlcnRcIiBzbWFsbD5cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICA8L0Vycm9yVGV4dD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVkKFJlYWN0LmZvcndhcmRSZWYoVGV4dEZpZWxkKSkoKVxuIl19 */");
 exports.default = _default;

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/GlobalStyles.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _sanitize = require("./sanitize");
 var _theme = require("@dfds-ui/theme");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import regular2 from '@dfds-ui/fonts/fonts/DFDS-Regular.woff2'
 // import italic2 from '@dfds-ui/fonts/fonts/DFDS-Italic.woff2'
 // import bold2 from '@dfds-ui/fonts/fonts/DFDS-Bold.woff2'

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/ResetStyles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ResetStyles = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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)."; } /**
  * Minimal/modern CSS reset.
  *

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';
+declare 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;

package/cjs/grid/Column.js

@@ -8,10 +8,10 @@ var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 var _react2 = require("@emotion/react");
 const _excluded = ["children", "m", "l", "xl", "xxl"];
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+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; }
 const Column = _ref => {
   let children = _ref.children,
     m = _ref.m,

package/cjs/grid/Container.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SurfaceType } from '../surface';
+declare type ContainerProps = {
+    /**
+     * Specify whether the container spans the entire width of its parent or it has a max-width set to 1200px (75rem)
+     */
+    fluid?: boolean;
+    /**
+     * Specify the surface variant for the container
+     */
+    surface?: SurfaceType;
+    children?: React.ReactNode;
+};
+declare const Container: React.FC<ContainerProps>;
+export default Container;

package/cjs/grid/Container.js

@@ -15,10 +15,10 @@ var _theme = require("@dfds-ui/theme");
 var _spacing2 = require("@dfds-ui/spacing");
 var _surface = require("../surface");
 const _excluded = ["children", "fluid", "surface"];
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+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; }
 const breakpointsObj = (0, _createBreakpoints.default)({
   values: {
     xs: _theme.theme.breakpoints.s,

package/cjs/grid/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Container } from './Container';
+export { default as Column } from './Column';

package/cjs/grid/index.js

@@ -17,4 +17,4 @@ Object.defineProperty(exports, "Container", {
 });
 var _Container = _interopRequireDefault(require("./Container"));
 var _Column = _interopRequireDefault(require("./Column"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/cjs/hero/Hero.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare type Props = {
+    title: string;
+    headline: string;
+    headlineAs?: React.ElementType;
+    imageSrc: string;
+    color?: string;
+};
+declare const Hero: React.FC<Props>;
+export default Hero;

package/cjs/hero/Hero.js

@@ -10,7 +10,7 @@ var _theme = require("@dfds-ui/theme");
 var _typography = require("@dfds-ui/typography");
 var _stripes = _interopRequireDefault(require("./stripes"));
 var _react2 = require("@emotion/react");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e4lk5o38"

package/cjs/hero/index.d.ts

@@ -0,0 +1 @@
+export { default as Hero } from './Hero';

package/cjs/hero/index.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "Hero", {
   }
 });
 var _Hero = _interopRequireDefault(require("./Hero"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/cjs/hero/stripes.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type Props = {
+    color?: string;
+};
+declare const Stripes: React.FC<Props>;
+export default Stripes;