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

package/cjs/flexbox/FlexBox.d.ts

@@ -0,0 +1,100 @@
+/// <reference types="react" />
+type RenderAs = {
+    /**
+     * HTML tag or custom component being rendered
+     */
+    as?: React.ElementType;
+};
+export type FlexBoxProps = {
+    /**
+     * Set this prop to `true` to set `display` to `inline-flex` instead of `flex`
+     */
+    inline?: boolean;
+    /**
+     * Set this prop to `true` to set `flex-direction` to `row-reverse`
+     */
+    directionRowReverse?: boolean;
+    /**
+     * Set this prop to `true` to set `flex-direction` to `row`
+     */
+    directionRow?: boolean;
+    /**
+     * Set this prop to `true` to set `flex-direction` to `column`
+     */
+    directionColumn?: boolean;
+    /**
+     * Set this prop to `true` to set `flex-direction` to `column-reverse`
+     */
+    directionColumnReverse?: boolean;
+    /**
+     * Set this prop to `true` to set `flex-wrap` to `wrap`
+     */
+    wrapWrap?: boolean;
+    /**
+     * Set this prop to `true` to set `flex-wrap` to `wrap-reverse`
+     */
+    wrapWrapReverse?: boolean;
+    /**
+     * Set this prop to `true` to set `align-items` to `flex-start`
+     */
+    itemsFlexStart?: boolean;
+    /**
+     * Set this prop to `true` to set `align-items` to `flex-end`
+     */
+    itemsFlexEnd?: boolean;
+    /**
+     * Set this prop to `true` to set `align-items` to `flex-center`
+     */
+    itemsCenter?: boolean;
+    /**
+     * Set this prop to `true` to set `align-items` to `flex-baseline`
+     */
+    itemsBaseline?: boolean;
+    /**
+     * Set this prop to `true` to set `align-content` to `flex-start`
+     */
+    contentFlexStart?: boolean;
+    /**
+     * Set this prop to `true` to set `align-content` to `flex-end`
+     */
+    contentFlexEnd?: boolean;
+    /**
+     * Set this prop to `true` to set `align-content` to `center`
+     */
+    contentCenter?: boolean;
+    /**
+     * Set this prop to `true` to set `align-content` to `space-between`
+     */
+    contentSpaceBetween?: boolean;
+    /**
+     * Set this prop to `true` to set `align-content` to `space-around`
+     */
+    contentSpaceAround?: boolean;
+    /**
+     * Set this prop to `true` to set `justify-content` to `space-between`
+     */
+    justifySpaceBetween?: boolean;
+    /**
+     * Set this prop to `true` to set `justify-content` to `space-around`
+     */
+    justifySpaceAround?: boolean;
+    /**
+     * Set this prop to `true` to set `justify-content` to `flex-end`
+     */
+    justifyFlexEnd?: boolean;
+    /**
+     * Set this prop to `true` to set `justify-content` to `center`
+     */
+    justifyCenter?: boolean;
+    /**
+     * Set the `flex` shorthand property
+     */
+    flex?: number;
+    gap?: string;
+};
+export declare const FlexBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & FlexBoxProps & RenderAs, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare function flexBoxStyles(props?: FlexBoxProps): import("@emotion/utils").SerializedStyles;
+export default FlexBox;

package/cjs/flexbox/FlexBox.js

@@ -9,22 +9,14 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _humps = require("humps");
 var _react = require("@emotion/react");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 const getRule = (ruleName, defaultRule) => props => {
   const foundRule = Object.keys(props).find(key => key.startsWith(ruleName));
   if (!foundRule || !props[foundRule]) {
     return defaultRule;
   }
-  const _decamelize$split = (0, _humps.decamelize)(foundRule, {
-      separator: '-'
-    }).split('-'),
-    _decamelize$split2 = _toArray(_decamelize$split),
-    rule = _decamelize$split2.slice(1);
+  const [, ...rule] = (0, _humps.decamelize)(foundRule, {
+    separator: '-'
+  }).split('-');
   return rule.join('-');
 };
 const FlexBox = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {

package/cjs/flexbox/index.d.ts

@@ -0,0 +1 @@
+export * from './FlexBox';

package/cjs/flexbox/index.js

@@ -9,7 +9,7 @@ Object.keys(_FlexBox).forEach(function (key) {
   if (key in exports && exports[key] === _FlexBox[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _FlexBox[key];
     }
   });

package/cjs/footer/Footer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const Footer: React.FC<{
+    className?: string;
+    bottomChildren?: React.ReactNode;
+    children?: React.ReactNode;
+}>;
+export default Footer;

package/cjs/footer/index.d.ts

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

package/cjs/footer/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Footer", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Footer.default;
   }
 });

package/cjs/forms/assistive-text/AssistiveText.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const AssistiveText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    inverted?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default AssistiveText;

package/cjs/forms/asterisk/Asterisk.d.ts

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

package/cjs/forms/checkbox/Checkbox.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+declare const checkboxSizes: {
+    small: {
+        checkbox: string;
+        outline: string;
+        tick: string;
+        fontSize: string;
+        lineHeight: string;
+        paddingLeft: string;
+    };
+    medium: {
+        checkbox: string;
+        outline: string;
+        fontSize: string;
+        lineHeight: string;
+        tick: string;
+        paddingLeft: string;
+    };
+};
+type Size = keyof typeof checkboxSizes;
+type BaseProps = Omit<JSX.IntrinsicElements['input'], 'size' | 'css'> & {
+    htmlSize?: number;
+};
+export type CheckboxProps = BaseProps & {
+    className?: string;
+    error?: boolean;
+    name?: string;
+    value?: string;
+    onChange?: (...args: any[]) => void;
+    onLabelClick?: JSX.IntrinsicElements['label']['onClick'];
+    disabled?: boolean;
+    checked?: boolean;
+    htmlSize?: number;
+    size?: Size;
+    indeterminate?: boolean;
+    leadingLabel?: boolean;
+};
+declare const _default: React.ForwardRefExoticComponent<Pick<CheckboxProps, "max" | "required" | "type" | "key" | "error" | "id" | "height" | "width" | "name" | "min" | "color" | "translate" | "value" | "hidden" | "form" | "slot" | "style" | "title" | "dir" | "pattern" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "role" | "children" | "contentEditable" | "enterKeyHint" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "size" | "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" | "indeterminate" | "leadingLabel" | "onLabelClick" | "htmlSize"> & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/cjs/forms/checkbox/Checkbox.js

@@ -11,11 +11,8 @@ var _system = require("@dfds-ui/icons/system");
 var _theme = require("@dfds-ui/theme");
 var _typography = require("@dfds-ui/typography");
 var _styles = require("../../styles");
-const _excluded = ["children", "className", "error", "checked", "disabled", "indeterminate", "onChange", "onLabelClick", "size", "htmlSize", "leadingLabel"];
 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 checkboxSizes = {
   small: {
@@ -70,22 +67,20 @@ const Indeterminate = /*#__PURE__*/(0, _base.default)(_system.Minus, process.env
   target: "e1v4lf540",
   label: "Indeterminate"
 })("color:", _theme.theme.colors.text.light.primary, ";font-size:", p => checkboxSizes[p.size].checkbox, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9jaGVja2JveC9DaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd09tRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY2hlY2tib3gvQ2hlY2tib3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFllcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IE1pbnVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdmlzdWFsbHlIaWRkZW4gfSBmcm9tICcuLi8uLi9zdHlsZXMnXG5cbmNvbnN0IGNoZWNrYm94U2l6ZXMgPSB7XG4gIHNtYWxsOiB7XG4gICAgY2hlY2tib3g6ICcxNnB4JyxcbiAgICBvdXRsaW5lOiAnMjRweCcsXG4gICAgdGljazogJzEycHgnLFxuICAgIGZvbnRTaXplOiAnMTRweCcsXG4gICAgbGluZUhlaWdodDogJzE4cHgnLFxuICAgIHBhZGRpbmdMZWZ0OiAnMjZweCcsXG4gIH0sXG4gIG1lZGl1bToge1xuICAgIGNoZWNrYm94OiAnMjRweCcsXG4gICAgb3V0bGluZTogJzMycHgnLFxuICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgbGluZUhlaWdodDogJzIwcHgnLFxuICAgIHRpY2s6ICcxNnB4JyxcbiAgICBwYWRkaW5nTGVmdDogJzM0cHgnLFxuICB9LFxufVxuXG50eXBlIFNpemUgPSBrZXlvZiB0eXBlb2YgY2hlY2tib3hTaXplc1xuXG50eXBlIEJhc2VQcm9wcyA9IE9taXQ8SlNYLkludHJpbnNpY0VsZW1lbnRzWydpbnB1dCddLCAnc2l6ZScgfCAnY3NzJz4gJiB7IGh0bWxTaXplPzogbnVtYmVyIH1cblxuZXhwb3J0IHR5cGUgQ2hlY2tib3hQcm9wcyA9IEJhc2VQcm9wcyAmIHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGVycm9yPzogYm9vbGVhblxuICBuYW1lPzogc3RyaW5nXG4gIHZhbHVlPzogc3RyaW5nXG4gIG9uQ2hhbmdlPzogKC4uLmFyZ3M6IGFueVtdKSA9PiB2b2lkXG4gIG9uTGFiZWxDbGljaz86IEpTWC5JbnRyaW5zaWNFbGVtZW50c1snbGFiZWwnXVsnb25DbGljayddXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjaGVja2VkPzogYm9vbGVhblxuICBodG1sU2l6ZT86IG51bWJlclxuICBzaXplPzogU2l6ZVxuICBpbmRldGVybWluYXRlPzogYm9vbGVhblxuICBsZWFkaW5nTGFiZWw/OiBib29sZWFuXG59XG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmxhYmVsPHtcbiAgaGFzRXJyb3I/OiBib29sZWFuXG4gIHNpemU6IFNpemVcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxlYWRpbmdMYWJlbD86IGJvb2xlYW5cbn0+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LXdyYXA6IG5vd3JhcDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXI6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5zZWNvbmRhcnl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgaW5wdXQge1xuICAgICR7dmlzdWFsbHlIaWRkZW4oKX1cblxuICAgIC8qIEluY3JlYXNlIGJvcmRlciB3aWR0aCBhbmQgYWRqdXN0IHRoZSBjaXJjbGVzIHRvIGl0ICovXG4gICAgJjpjaGVja2VkIHtcbiAgICAgICsgaSB7XG4gICAgICAgIGJvcmRlci13aWR0aDogMnB4O1xuICAgICAgfVxuICAgIH1cblxuICAgIC8qIERlZmF1bHQgc3RhdGUgKi9cbiAgICAmOm5vdCg6ZGlzYWJsZWQpIHtcbiAgICAgICY6Zm9jdXMgKyBpLFxuICAgICAgW2RhdGEtanMtZm9jdXMtdmlzaWJsZV0gJltkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdOmZvY3VzICsgaSB7XG4gICAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cblxuICAgICAgW2RhdGEtanMtZm9jdXMtdmlzaWJsZV0gJjpmb2N1cyArIGkge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuc2Vjb25kYXJ5fTtcbiAgICAgIH1cbiAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSArIGkge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuc2Vjb25kYXJ5fTtcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cyArIGk6YWZ0ZXIsXG4gICAgICBbZGF0YS1qcy1mb2N1cy12aXNpYmxlXSAmW2RhdGEtZm9jdXMtdmlzaWJsZS1hZGRlZF06Zm9jdXMgKyBpOmFmdGVyIHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgIH1cblxuICAgICAgW2RhdGEtanMtZm9jdXMtdmlzaWJsZV0gJjpmb2N1cyArIGk6YWZ0ZXIge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgfVxuICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpICsgaTphZnRlciB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXIgKyBpLFxuICAgICAgW2RhdGEtanMtZm9jdXMtdmlzaWJsZV0gJjpob3ZlciArIGkge1xuICAgICAgICBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICB9XG4gICAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSk6aG92ZXIgKyBpIHtcbiAgICAgICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgICAgfVxuICAgIH1cblxuICAgIC8qIENoZWNrZWQgKi9cbiAgICAmOm5vdCg6ZGlzYWJsZWQpOmNoZWNrZWQge1xuICAgICAgKyBpLFxuICAgICAgW2RhdGEtanMtZm9jdXMtdmlzaWJsZV0gJjpmb2N1cyArIGkge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgfVxuXG4gICAgICAmOm5vdCg6Zm9jdXMtdmlzaWJsZSkgKyBpIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlciArIGksXG4gICAgICBbZGF0YS1qcy1mb2N1cy12aXNpYmxlXSAmOmhvdmVyICsgaSB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXI6bm90KDpmb2N1cy12aXNpYmxlKSArIGkge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgICAgfVxuICAgIH1cblxuICAgIC8qIERpc2FibGVkICovXG4gICAgJjpkaXNhYmxlZCB7XG4gICAgICB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnNlY29uZGFyeX07XG4gICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgfVxuXG4gICAgICAmOm5vdCg6Y2hlY2tlZCkgKyBpIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICAgICAgfVxuICAgICAgJjpjaGVja2VkICsgaSB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgICAgICAgYm9yZGVyOiAwO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGkge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJvcmRlci1yYWRpdXM6IDFweDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuc2Vjb25kYXJ5fTtcbiAgICB3aWR0aDogJHsocCkgPT4gY2hlY2tib3hTaXplc1twLnNpemVdLmNoZWNrYm94fTtcbiAgICBoZWlnaHQ6ICR7KHApID0+IGNoZWNrYm94U2l6ZXNbcC5zaXplXS5jaGVja2JveH07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgZmxleC1zaHJpbms6IDA7XG5cbiAgICAmOmFmdGVyIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHdpZHRoOiAkeyhwKSA9PiBjaGVja2JveFNpemVzW3Auc2l6ZV0ub3V0bGluZX07XG4gICAgICBoZWlnaHQ6ICR7KHApID0+IGNoZWNrYm94U2l6ZXNbcC5zaXplXS5vdXRsaW5lfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCA0cHggMCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgfVxuXG4gICAgJjphZnRlcixcbiAgICBzdmcge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBsZWZ0OiA1MCU7XG4gICAgICB0b3A6IDUwJTtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuICAgIH1cbiAgfVxuXG4gICR7KHApID0+XG4gICAgcC5oYXNFcnJvciAmJlxuICAgIGNzc2BcbiAgICAgIGlucHV0Om5vdCg6ZGlzYWJsZWQpIHtcbiAgICAgICAgKyBpIHtcbiAgICAgICAgICBib3JkZXItd2lkdGg6IDJweDtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gICAgICAgIH1cblxuICAgICAgICAmOmNoZWNrZWQgKyBpIHtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICAgICAgfVxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICArIGkge1xuICAgICAgICAgICAgLyogIzk4MTgyNCA9IGRhcmtlbih0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0LCAyMCUpICovXG4gICAgICAgICAgICBib3JkZXItY29sb3I6ICM5ODE4MjQgIWltcG9ydGFudDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmOmNoZWNrZWQgKyBpIHtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogIzk4MTgyNDtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICM5ODE4MjQ7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgYH07XG5cbiAgJHsocCkgPT5cbiAgICBwLmRpc2FibGVkICYmXG4gICAgY3NzYFxuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICBgfVxuYFxuXG5jb25zdCBTdHlsZWRMYWJlbFRleHQgPSBzdHlsZWQoVGV4dCwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHApID0+IHAgIT09ICdsZWFkaW5nTGFiZWwnIH0pPHtcbiAgc2l6ZTogU2l6ZVxuICBsZWFkaW5nTGFiZWw/OiBib29sZWFuXG59PmBcbiAgJHsocCkgPT5cbiAgICBwLmxlYWRpbmdMYWJlbFxuICAgICAgPyBjc3NgXG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgYH1cbmBcblxuY29uc3QgQ2hlY2ttYXJrID0gc3R5bGVkKFllcyk8eyBzaXplOiBTaXplIH0+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgZm9udC1zaXplOiAkeyhwKSA9PiBjaGVja2JveFNpemVzW3Auc2l6ZV0uY2hlY2tib3h9O1xuYFxuXG5jb25zdCBJbmRldGVybWluYXRlID0gc3R5bGVkKE1pbnVzKTx7IHNpemU6IFNpemUgfT5gXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBmb250LXNpemU6ICR7KHApID0+IGNoZWNrYm94U2l6ZXNbcC5zaXplXS5jaGVja2JveH07XG5gXG5cbmNvbnN0IENoZWNrYm94OiBSZWFjdC5Gb3J3YXJkUmVmUmVuZGVyRnVuY3Rpb248SFRNTElucHV0RWxlbWVudCwgQ2hlY2tib3hQcm9wcz4gPSAoXG4gIHtcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgZXJyb3IsXG4gICAgY2hlY2tlZCA9IGZhbHNlLFxuICAgIGRpc2FibGVkLFxuICAgIGluZGV0ZXJtaW5hdGUgPSBmYWxzZSxcbiAgICBvbkNoYW5nZSxcbiAgICBvbkxhYmVsQ2xpY2ssXG4gICAgc2l6ZSA9ICdtZWRpdW0nLFxuICAgIGh0bWxTaXplLFxuICAgIGxlYWRpbmdMYWJlbCxcbiAgICAuLi5yZXN0XG4gIH0sXG4gIHJlZlxuKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExhYmVsXG4gICAgICBoYXNFcnJvcj17ZXJyb3J9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBsZWFkaW5nTGFiZWw9e2xlYWRpbmdMYWJlbH1cbiAgICAgIG9uQ2xpY2s9e29uTGFiZWxDbGlja31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW4gJiYgbGVhZGluZ0xhYmVsICYmIChcbiAgICAgICAgPFN0eWxlZExhYmVsVGV4dCBhcz1cInNwYW5cIiBzdHlsZWRBcz17J2JvZHknfSBzaXplPXtzaXplfSBsZWFkaW5nTGFiZWw9e2xlYWRpbmdMYWJlbH0+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZExhYmVsVGV4dD5cbiAgICAgICl9XG5cbiAgICAgIDxpbnB1dFxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgcmVhZE9ubHk9eyFvbkNoYW5nZX1cbiAgICAgICAgYXJpYS1pbnZhbGlkPXtlcnJvcn1cbiAgICAgICAgc2l6ZT17aHRtbFNpemV9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgIC8+XG4gICAgICA8aT5cbiAgICAgICAge2luZGV0ZXJtaW5hdGUgPyAoXG4gICAgICAgICAgPEluZGV0ZXJtaW5hdGUgc2l6ZT17c2l6ZX0gZm9jdXNhYmxlPVwiZmFsc2VcIiAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGNoZWNrZWQgJiYgPENoZWNrbWFyayBzaXplPXtzaXplfSBmb2N1c2FibGU9XCJmYWxzZVwiIC8+XG4gICAgICAgICl9XG4gICAgICA8L2k+XG5cbiAgICAgIHtjaGlsZHJlbiAmJiAhbGVhZGluZ0xhYmVsICYmIChcbiAgICAgICAgPFN0eWxlZExhYmVsVGV4dCBhcz1cInNwYW5cIiBzdHlsZWRBcz17J2JvZHknfSBzaXplPXtzaXplfSBsZWFkaW5nTGFiZWw9e2xlYWRpbmdMYWJlbH0+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZExhYmVsVGV4dD5cbiAgICAgICl9XG4gICAgPC9MYWJlbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBSZWFjdC5mb3J3YXJkUmVmKENoZWNrYm94KVxuIl19 */"));
-const Checkbox = (_ref2, ref) => {
-  let children = _ref2.children,
-    className = _ref2.className,
-    error = _ref2.error,
-    _ref2$checked = _ref2.checked,
-    checked = _ref2$checked === void 0 ? false : _ref2$checked,
-    disabled = _ref2.disabled,
-    _ref2$indeterminate = _ref2.indeterminate,
-    indeterminate = _ref2$indeterminate === void 0 ? false : _ref2$indeterminate,
-    onChange = _ref2.onChange,
-    onLabelClick = _ref2.onLabelClick,
-    _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
-    htmlSize = _ref2.htmlSize,
-    leadingLabel = _ref2.leadingLabel,
-    rest = _objectWithoutProperties(_ref2, _excluded);
+const Checkbox = ({
+  children,
+  className,
+  error,
+  checked = false,
+  disabled,
+  indeterminate = false,
+  onChange,
+  onLabelClick,
+  size = 'medium',
+  htmlSize,
+  leadingLabel,
+  ...rest
+}, ref) => {
   return (0, _react2.jsx)(Label, {
     hasError: error,
     size: size,

package/cjs/forms/checkbox/ExampleControlComponent.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type ExampleControlComponentProps = {
+    onChange?: (...args: any[]) => void;
+    checked?: boolean;
+    error?: boolean;
+    disabled?: boolean;
+    size?: 'small' | 'medium';
+};
+declare const ExampleControlComponent: React.FunctionComponent<ExampleControlComponentProps>;
+export default ExampleControlComponent;

package/cjs/forms/checkbox/ExampleControlComponent.js

@@ -7,25 +7,14 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Checkbox = _interopRequireDefault(require("./Checkbox"));
 var _react2 = require("@emotion/react");
-const _excluded = ["checked", "children"];
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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 ExampleControlComponent = _ref => {
-  let defaultChecked = _ref.checked,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const _React$useState = _react.default.useState(defaultChecked),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    checked = _React$useState2[0],
-    setChecked = _React$useState2[1];
+const ExampleControlComponent = ({
+  checked: defaultChecked,
+  children,
+  ...rest
+}) => {
+  const [checked, setChecked] = _react.default.useState(defaultChecked);
   return (0, _react2.jsx)(_Checkbox.default, _extends({
     onChange: () => setChecked(state => !state),
     checked: checked,

package/cjs/forms/checkbox/index.d.ts

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

package/cjs/forms/checkbox/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Checkbox.default;
   }
 });

package/cjs/forms/email-field/EmailField.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/error-text/ErrorText.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const ErrorText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    small?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default ErrorText;

package/cjs/forms/field/Field.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { LabelProps } from '../label/Label';
+type FieldProps = {
+    labelProps?: LabelProps;
+    label?: React.ReactNode;
+    required?: boolean;
+    assistiveText?: string;
+};
+declare const Field: React.FunctionComponent<FieldProps>;
+export default Field;

package/cjs/forms/index.d.ts

@@ -0,0 +1,21 @@
+export { default as AssistiveText } from './assistive-text/AssistiveText';
+export { default as Asterisk } from './asterisk/Asterisk';
+export { default as Field } from './field/Field';
+export { default as Input } from './input/Input';
+export { default as Switch } from './switch/Switch';
+export { default as Select } from './select/Select';
+export { default as Label } from './label/Label';
+export { default as TextField } from './text-field/TextField';
+export { default as Radio } from './radio/Radio';
+export type RadioProps = import('./radio/Radio').RadioProps;
+export { default as Checkbox } from './checkbox/Checkbox';
+export type CheckboxProps = import('./checkbox/Checkbox').CheckboxProps;
+export { default as SelectField } from './select-field/SelectField';
+export { default as TelField } from './tel-field/TelField';
+export { default as EmailField } from './email-field/EmailField';
+export { default as NumberField } from './number-field/NumberField';
+export { default as ReactSelect } from './reactselect/ReactSelect';
+export type BaseReactSelectProps = import('./reactselect/ReactSelect').BaseReactSelectProps;
+export { default as PasswordField } from './password-field/PasswordField';
+export { default as AsyncSearchableSelect } from './searchable-select/AsyncSearchableSelect';
+export { default as ErrorText } from './error-text/ErrorText';

package/cjs/forms/index.js

@@ -5,109 +5,109 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "AssistiveText", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _AssistiveText.default;
   }
 });
 Object.defineProperty(exports, "Asterisk", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Asterisk.default;
   }
 });
 Object.defineProperty(exports, "AsyncSearchableSelect", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _AsyncSearchableSelect.default;
   }
 });
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Checkbox.default;
   }
 });
 Object.defineProperty(exports, "EmailField", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _EmailField.default;
   }
 });
 Object.defineProperty(exports, "ErrorText", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ErrorText.default;
   }
 });
 Object.defineProperty(exports, "Field", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Field.default;
   }
 });
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Input.default;
   }
 });
 Object.defineProperty(exports, "Label", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Label.default;
   }
 });
 Object.defineProperty(exports, "NumberField", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _NumberField.default;
   }
 });
 Object.defineProperty(exports, "PasswordField", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _PasswordField.default;
   }
 });
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Radio.default;
   }
 });
 Object.defineProperty(exports, "ReactSelect", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ReactSelect.default;
   }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Select.default;
   }
 });
 Object.defineProperty(exports, "SelectField", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SelectField.default;
   }
 });
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Switch.default;
   }
 });
 Object.defineProperty(exports, "TelField", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _TelField.default;
   }
 });
 Object.defineProperty(exports, "TextField", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _TextField.default;
   }
 });

package/cjs/forms/input/Input.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export type Alignment = 'left' | 'right';
+export type Size = 'small' | 'medium';
+interface InputProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'size' | 'css'> {
+    name: string;
+    multiline?: boolean;
+    required?: boolean;
+    error?: boolean;
+    className?: string;
+    wrapperClassName?: string;
+    icon?: React.ReactNode;
+    iconAlignment?: Alignment;
+    placeholder?: string;
+    placeholderAlignment?: Alignment;
+    size?: Size;
+    htmlSize?: number;
+}
+declare const _default: React.ForwardRefExoticComponent<Pick<InputProps, "max" | "required" | "type" | "key" | "error" | "id" | "height" | "width" | "name" | "min" | "color" | "translate" | "value" | "hidden" | "form" | "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" | "multiline" | "htmlSize" | "placeholderAlignment" | "wrapperClassName" | "iconAlignment"> & React.RefAttributes<HTMLInputElement>>;
+export default _default;