@dfds-ui/react-components 2.0.23-alpha.01f1f4d4 → 2.0.23-alpha.25278a11

package/cjs/flexbox/FlexBox.d.ts

@@ -0,0 +1,100 @@
+/// <reference types="react" />
+declare type RenderAs = {
+    /**
+     * HTML tag or custom component being rendered
+     */
+    as?: React.ElementType;
+};
+export declare 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

@@ -27,7 +27,7 @@ const getRule = (ruleName, defaultRule) => props => {
     rule = _decamelize$split2.slice(1);
   return rule.join('-');
 };
-const FlexBox = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const FlexBox = exports.FlexBox = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "eqg7d3b0"
 } : {
   target: "eqg7d3b0",
@@ -40,9 +40,7 @@ const FlexBox = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ===
   gap
 }) => gap || 'initial', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mbGV4Ym94L0ZsZXhCb3gudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEcwRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZmxleGJveC9GbGV4Qm94LnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBkZWNhbWVsaXplIH0gZnJvbSAnaHVtcHMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBSZW5kZXJBcyA9IHtcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxuZXhwb3J0IHR5cGUgRmxleEJveFByb3BzID0ge1xuICAvKipcbiAgICogU2V0IHRoaXMgcHJvcCB0byBgdHJ1ZWAgdG8gc2V0IGBkaXNwbGF5YCB0byBgaW5saW5lLWZsZXhgIGluc3RlYWQgb2YgYGZsZXhgXG4gICAqL1xuICBpbmxpbmU/OiBib29sZWFuXG4gIC8qKlxuICAgKiBTZXQgdGhpcyBwcm9wIHRvIGB0cnVlYCB0byBzZXQgYGZsZXgtZGlyZWN0aW9uYCB0byBgcm93LXJldmVyc2VgXG4gICAqL1xuICBkaXJlY3Rpb25Sb3dSZXZlcnNlPzogYm9vbGVhblxuICAvKipcbiAgICogU2V0IHRoaXMgcHJvcCB0byBgdHJ1ZWAgdG8gc2V0IGBmbGV4LWRpcmVjdGlvbmAgdG8gYHJvd2BcbiAgICovXG4gIGRpcmVjdGlvblJvdz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHByb3AgdG8gYHRydWVgIHRvIHNldCBgZmxleC1kaXJlY3Rpb25gIHRvIGBjb2x1bW5gXG4gICAqL1xuICBkaXJlY3Rpb25Db2x1bW4/OiBib29sZWFuXG4gIC8qKlxuICAgKiBTZXQgdGhpcyBwcm9wIHRvIGB0cnVlYCB0byBzZXQgYGZsZXgtZGlyZWN0aW9uYCB0byBgY29sdW1uLXJldmVyc2VgXG4gICAqL1xuICBkaXJlY3Rpb25Db2x1bW5SZXZlcnNlPzogYm9vbGVhblxuICAvKipcbiAgICogU2V0IHRoaXMgcHJvcCB0byBgdHJ1ZWAgdG8gc2V0IGBmbGV4LXdyYXBgIHRvIGB3cmFwYFxuICAgKi9cbiAgd3JhcFdyYXA/OiBib29sZWFuXG4gIC8qKlxuICAgKiBTZXQgdGhpcyBwcm9wIHRvIGB0cnVlYCB0byBzZXQgYGZsZXgtd3JhcGAgdG8gYHdyYXAtcmV2ZXJzZWBcbiAgICovXG4gIHdyYXBXcmFwUmV2ZXJzZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHByb3AgdG8gYHRydWVgIHRvIHNldCBgYWxpZ24taXRlbXNgIHRvIGBmbGV4LXN0YXJ0YFxuICAgKi9cbiAgaXRlbXNGbGV4U3RhcnQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBTZXQgdGhpcyBwcm9wIHRvIGB0cnVlYCB0byBzZXQgYGFsaWduLWl0ZW1zYCB0byBgZmxleC1lbmRgXG4gICAqL1xuICBpdGVtc0ZsZXhFbmQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBTZXQgdGhpcyBwcm9wIHRvIGB0cnVlYCB0byBzZXQgYGFsaWduLWl0ZW1zYCB0byBgZmxleC1jZW50ZXJgXG4gICAqL1xuICBpdGVtc0NlbnRlcj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHByb3AgdG8gYHRydWVgIHRvIHNldCBgYWxpZ24taXRlbXNgIHRvIGBmbGV4LWJhc2VsaW5lYFxuICAgKi9cbiAgaXRlbXNCYXNlbGluZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHByb3AgdG8gYHRydWVgIHRvIHNldCBgYWxpZ24tY29udGVudGAgdG8gYGZsZXgtc3RhcnRgXG4gICAqL1xuICBjb250ZW50RmxleFN0YXJ0PzogYm9vbGVhblxuICAvKipcbiAgICogU2V0IHRoaXMgcHJvcCB0byBgdHJ1ZWAgdG8gc2V0IGBhbGlnbi1jb250ZW50YCB0byBgZmxleC1lbmRgXG4gICAqL1xuICBjb250ZW50RmxleEVuZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHByb3AgdG8gYHRydWVgIHRvIHNldCBgYWxpZ24tY29udGVudGAgdG8gYGNlbnRlcmBcbiAgICovXG4gIGNvbnRlbnRDZW50ZXI/OiBib29sZWFuXG4gIC8qKlxuICAgKiBTZXQgdGhpcyBwcm9wIHRvIGB0cnVlYCB0byBzZXQgYGFsaWduLWNvbnRlbnRgIHRvIGBzcGFjZS1iZXR3ZWVuYFxuICAgKi9cbiAgY29udGVudFNwYWNlQmV0d2Vlbj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHByb3AgdG8gYHRydWVgIHRvIHNldCBgYWxpZ24tY29udGVudGAgdG8gYHNwYWNlLWFyb3VuZGBcbiAgICovXG4gIGNvbnRlbnRTcGFjZUFyb3VuZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHByb3AgdG8gYHRydWVgIHRvIHNldCBganVzdGlmeS1jb250ZW50YCB0byBgc3BhY2UtYmV0d2VlbmBcbiAgICovXG4gIGp1c3RpZnlTcGFjZUJldHdlZW4/OiBib29sZWFuXG4gIC8qKlxuICAgKiBTZXQgdGhpcyBwcm9wIHRvIGB0cnVlYCB0byBzZXQgYGp1c3RpZnktY29udGVudGAgdG8gYHNwYWNlLWFyb3VuZGBcbiAgICovXG4gIGp1c3RpZnlTcGFjZUFyb3VuZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHByb3AgdG8gYHRydWVgIHRvIHNldCBganVzdGlmeS1jb250ZW50YCB0byBgZmxleC1lbmRgXG4gICAqL1xuICBqdXN0aWZ5RmxleEVuZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHByb3AgdG8gYHRydWVgIHRvIHNldCBganVzdGlmeS1jb250ZW50YCB0byBgY2VudGVyYFxuICAgKi9cbiAganVzdGlmeUNlbnRlcj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGUgYGZsZXhgIHNob3J0aGFuZCBwcm9wZXJ0eVxuICAgKi9cbiAgZmxleD86IG51bWJlclxuICBnYXA/OiBzdHJpbmdcbn1cblxuY29uc3QgZ2V0UnVsZSA9IChydWxlTmFtZTogYW55LCBkZWZhdWx0UnVsZTogYW55KSA9PiAocHJvcHM6IGFueSkgPT4ge1xuICBjb25zdCBmb3VuZFJ1bGUgPSBPYmplY3Qua2V5cyhwcm9wcykuZmluZCgoa2V5KSA9PiBrZXkuc3RhcnRzV2l0aChydWxlTmFtZSkpXG4gIGlmICghZm91bmRSdWxlIHx8ICFwcm9wc1tmb3VuZFJ1bGVdKSB7XG4gICAgcmV0dXJuIGRlZmF1bHRSdWxlXG4gIH1cbiAgY29uc3QgWywgLi4ucnVsZV0gPSBkZWNhbWVsaXplKGZvdW5kUnVsZSwgeyBzZXBhcmF0b3I6ICctJyB9KS5zcGxpdCgnLScpXG4gIHJldHVybiBydWxlLmpvaW4oJy0nKVxufVxuXG5leHBvcnQgY29uc3QgRmxleEJveCA9IHN0eWxlZC5kaXY8RmxleEJveFByb3BzICYgUmVuZGVyQXM+YFxuICBkaXNwbGF5OiAkeyh7IGlubGluZSB9KSA9PiAoaW5saW5lID8gJ2lubGluZS1mbGV4JyA6ICdmbGV4Jyl9O1xuICBmbGV4LWRpcmVjdGlvbjogJHtnZXRSdWxlKCdkaXJlY3Rpb24nLCAncm93Jyl9O1xuICBmbGV4LXdyYXA6ICR7Z2V0UnVsZSgnd3JhcCcsICdub3dyYXAnKX07XG4gIGp1c3RpZnktY29udGVudDogJHtnZXRSdWxlKCdqdXN0aWZ5JywgJ2ZsZXgtc3RhcnQnKX07XG4gIGFsaWduLWl0ZW1zOiAke2dldFJ1bGUoJ2l0ZW1zJywgJ3N0cmV0Y2gnKX07XG4gIGFsaWduLWNvbnRlbnQ6ICR7Z2V0UnVsZSgnY29udGVudCcsICdzdHJldGNoJyl9O1xuICBmbGV4OiAkeyh7IGZsZXggfSkgPT4gZmxleCB8fCAnaW5pdGlhbCd9O1xuICBnYXA6ICR7KHsgZ2FwIH0pID0+IGdhcCB8fCAnaW5pdGlhbCd9O1xuYFxuLy8gVE9ETzogUmVtb3ZlIGR1cGxpY2F0ZWQgc3R5bGVkIGRlY2xhdGlvbiBpbiB0aGlzIGZ1bmN0aW9uIGFuZCBpbiBGbGV4Qm94LiBSZWZhY3RvciBhbmQgdGVzdFxuZXhwb3J0IGZ1bmN0aW9uIGZsZXhCb3hTdHlsZXMocHJvcHM6IEZsZXhCb3hQcm9wcyA9IHt9KSB7XG4gIHJldHVybiBjc3NgXG4gICAgZGlzcGxheTogJHtwcm9wcy5pbmxpbmUgPyAnaW5saW5lLWZsZXgnIDogJ2ZsZXgnfTtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHtnZXRSdWxlKCdkaXJlY3Rpb24nLCAncm93JykocHJvcHMpfTtcbiAgICBmbGV4LXdyYXA6ICR7Z2V0UnVsZSgnd3JhcCcsICdub3dyYXAnKShwcm9wcyl9O1xuICAgIGp1c3RpZnktY29udGVudDogJHtnZXRSdWxlKCdqdXN0aWZ5JywgJ2ZsZXgtc3RhcnQnKShwcm9wcyl9O1xuICAgIGFsaWduLWl0ZW1zOiAke2dldFJ1bGUoJ2l0ZW1zJywgJ3N0cmV0Y2gnKShwcm9wcyl9O1xuICAgIGFsaWduLWNvbnRlbnQ6ICR7Z2V0UnVsZSgnY29udGVudCcsICdzdHJldGNoJykocHJvcHMpfTtcbiAgICBmbGV4OiAke3Byb3BzLmZsZXggfHwgJ2luaXRpYWwnfTtcbiAgYFxufVxuXG5leHBvcnQgZGVmYXVsdCBGbGV4Qm94XG4iXX0= */"));
 // TODO: Remove duplicated styled declation in this function and in FlexBox. Refactor and test
-exports.FlexBox = FlexBox;
 function flexBoxStyles(props = {}) {
   return /*#__PURE__*/(0, _react.css)("display:", props.inline ? 'inline-flex' : 'flex', ";flex-direction:", getRule('direction', 'row')(props), ";flex-wrap:", getRule('wrap', 'nowrap')(props), ";justify-content:", getRule('justify', 'flex-start')(props), ";align-items:", getRule('items', 'stretch')(props), ";align-content:", getRule('content', 'stretch')(props), ";flex:", props.flex || 'initial', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:flexBoxStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mbGV4Ym94L0ZsZXhCb3gudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0hZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9mbGV4Ym94L0ZsZXhCb3gudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGRlY2FtZWxpemUgfSBmcm9tICdodW1wcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIFJlbmRlckFzID0ge1xuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZFxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG5leHBvcnQgdHlwZSBGbGV4Qm94UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXQgdGhpcyBwcm9wIHRvIGB0cnVlYCB0byBzZXQgYGRpc3BsYXlgIHRvIGBpbmxpbmUtZmxleGAgaW5zdGVhZCBvZiBgZmxleGBcbiAgICovXG4gIGlubGluZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHByb3AgdG8gYHRydWVgIHRvIHNldCBgZmxleC1kaXJlY3Rpb25gIHRvIGByb3ctcmV2ZXJzZWBcbiAgICovXG4gIGRpcmVjdGlvblJvd1JldmVyc2U/OiBib29sZWFuXG4gIC8qKlxuICAgKiBTZXQgdGhpcyBwcm9wIHRvIGB0cnVlYCB0byBzZXQgYGZsZXgtZGlyZWN0aW9uYCB0byBgcm93YFxuICAgKi9cbiAgZGlyZWN0aW9uUm93PzogYm9vbGVhblxuICAvKipcbiAgICogU2V0IHRoaXMgcHJvcCB0byBgdHJ1ZWAgdG8gc2V0IGBmbGV4LWRpcmVjdGlvbmAgdG8gYGNvbHVtbmBcbiAgICovXG4gIGRpcmVjdGlvbkNvbHVtbj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHByb3AgdG8gYHRydWVgIHRvIHNldCBgZmxleC1kaXJlY3Rpb25gIHRvIGBjb2x1bW4tcmV2ZXJzZWBcbiAgICovXG4gIGRpcmVjdGlvbkNvbHVtblJldmVyc2U/OiBib29sZWFuXG4gIC8qKlxuICAgKiBTZXQgdGhpcyBwcm9wIHRvIGB0cnVlYCB0byBzZXQgYGZsZXgtd3JhcGAgdG8gYHdyYXBgXG4gICAqL1xuICB3cmFwV3JhcD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHByb3AgdG8gYHRydWVgIHRvIHNldCBgZmxleC13cmFwYCB0byBgd3JhcC1yZXZlcnNlYFxuICAgKi9cbiAgd3JhcFdyYXBSZXZlcnNlPzogYm9vbGVhblxuICAvKipcbiAgICogU2V0IHRoaXMgcHJvcCB0byBgdHJ1ZWAgdG8gc2V0IGBhbGlnbi1pdGVtc2AgdG8gYGZsZXgtc3RhcnRgXG4gICAqL1xuICBpdGVtc0ZsZXhTdGFydD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHByb3AgdG8gYHRydWVgIHRvIHNldCBgYWxpZ24taXRlbXNgIHRvIGBmbGV4LWVuZGBcbiAgICovXG4gIGl0ZW1zRmxleEVuZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHByb3AgdG8gYHRydWVgIHRvIHNldCBgYWxpZ24taXRlbXNgIHRvIGBmbGV4LWNlbnRlcmBcbiAgICovXG4gIGl0ZW1zQ2VudGVyPzogYm9vbGVhblxuICAvKipcbiAgICogU2V0IHRoaXMgcHJvcCB0byBgdHJ1ZWAgdG8gc2V0IGBhbGlnbi1pdGVtc2AgdG8gYGZsZXgtYmFzZWxpbmVgXG4gICAqL1xuICBpdGVtc0Jhc2VsaW5lPzogYm9vbGVhblxuICAvKipcbiAgICogU2V0IHRoaXMgcHJvcCB0byBgdHJ1ZWAgdG8gc2V0IGBhbGlnbi1jb250ZW50YCB0byBgZmxleC1zdGFydGBcbiAgICovXG4gIGNvbnRlbnRGbGV4U3RhcnQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBTZXQgdGhpcyBwcm9wIHRvIGB0cnVlYCB0byBzZXQgYGFsaWduLWNvbnRlbnRgIHRvIGBmbGV4LWVuZGBcbiAgICovXG4gIGNvbnRlbnRGbGV4RW5kPzogYm9vbGVhblxuICAvKipcbiAgICogU2V0IHRoaXMgcHJvcCB0byBgdHJ1ZWAgdG8gc2V0IGBhbGlnbi1jb250ZW50YCB0byBgY2VudGVyYFxuICAgKi9cbiAgY29udGVudENlbnRlcj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHByb3AgdG8gYHRydWVgIHRvIHNldCBgYWxpZ24tY29udGVudGAgdG8gYHNwYWNlLWJldHdlZW5gXG4gICAqL1xuICBjb250ZW50U3BhY2VCZXR3ZWVuPzogYm9vbGVhblxuICAvKipcbiAgICogU2V0IHRoaXMgcHJvcCB0byBgdHJ1ZWAgdG8gc2V0IGBhbGlnbi1jb250ZW50YCB0byBgc3BhY2UtYXJvdW5kYFxuICAgKi9cbiAgY29udGVudFNwYWNlQXJvdW5kPzogYm9vbGVhblxuICAvKipcbiAgICogU2V0IHRoaXMgcHJvcCB0byBgdHJ1ZWAgdG8gc2V0IGBqdXN0aWZ5LWNvbnRlbnRgIHRvIGBzcGFjZS1iZXR3ZWVuYFxuICAgKi9cbiAganVzdGlmeVNwYWNlQmV0d2Vlbj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHByb3AgdG8gYHRydWVgIHRvIHNldCBganVzdGlmeS1jb250ZW50YCB0byBgc3BhY2UtYXJvdW5kYFxuICAgKi9cbiAganVzdGlmeVNwYWNlQXJvdW5kPzogYm9vbGVhblxuICAvKipcbiAgICogU2V0IHRoaXMgcHJvcCB0byBgdHJ1ZWAgdG8gc2V0IGBqdXN0aWZ5LWNvbnRlbnRgIHRvIGBmbGV4LWVuZGBcbiAgICovXG4gIGp1c3RpZnlGbGV4RW5kPzogYm9vbGVhblxuICAvKipcbiAgICogU2V0IHRoaXMgcHJvcCB0byBgdHJ1ZWAgdG8gc2V0IGBqdXN0aWZ5LWNvbnRlbnRgIHRvIGBjZW50ZXJgXG4gICAqL1xuICBqdXN0aWZ5Q2VudGVyPzogYm9vbGVhblxuICAvKipcbiAgICogU2V0IHRoZSBgZmxleGAgc2hvcnRoYW5kIHByb3BlcnR5XG4gICAqL1xuICBmbGV4PzogbnVtYmVyXG4gIGdhcD86IHN0cmluZ1xufVxuXG5jb25zdCBnZXRSdWxlID0gKHJ1bGVOYW1lOiBhbnksIGRlZmF1bHRSdWxlOiBhbnkpID0+IChwcm9wczogYW55KSA9PiB7XG4gIGNvbnN0IGZvdW5kUnVsZSA9IE9iamVjdC5rZXlzKHByb3BzKS5maW5kKChrZXkpID0+IGtleS5zdGFydHNXaXRoKHJ1bGVOYW1lKSlcbiAgaWYgKCFmb3VuZFJ1bGUgfHwgIXByb3BzW2ZvdW5kUnVsZV0pIHtcbiAgICByZXR1cm4gZGVmYXVsdFJ1bGVcbiAgfVxuICBjb25zdCBbLCAuLi5ydWxlXSA9IGRlY2FtZWxpemUoZm91bmRSdWxlLCB7IHNlcGFyYXRvcjogJy0nIH0pLnNwbGl0KCctJylcbiAgcmV0dXJuIHJ1bGUuam9pbignLScpXG59XG5cbmV4cG9ydCBjb25zdCBGbGV4Qm94ID0gc3R5bGVkLmRpdjxGbGV4Qm94UHJvcHMgJiBSZW5kZXJBcz5gXG4gIGRpc3BsYXk6ICR7KHsgaW5saW5lIH0pID0+IChpbmxpbmUgPyAnaW5saW5lLWZsZXgnIDogJ2ZsZXgnKX07XG4gIGZsZXgtZGlyZWN0aW9uOiAke2dldFJ1bGUoJ2RpcmVjdGlvbicsICdyb3cnKX07XG4gIGZsZXgtd3JhcDogJHtnZXRSdWxlKCd3cmFwJywgJ25vd3JhcCcpfTtcbiAganVzdGlmeS1jb250ZW50OiAke2dldFJ1bGUoJ2p1c3RpZnknLCAnZmxleC1zdGFydCcpfTtcbiAgYWxpZ24taXRlbXM6ICR7Z2V0UnVsZSgnaXRlbXMnLCAnc3RyZXRjaCcpfTtcbiAgYWxpZ24tY29udGVudDogJHtnZXRSdWxlKCdjb250ZW50JywgJ3N0cmV0Y2gnKX07XG4gIGZsZXg6ICR7KHsgZmxleCB9KSA9PiBmbGV4IHx8ICdpbml0aWFsJ307XG4gIGdhcDogJHsoeyBnYXAgfSkgPT4gZ2FwIHx8ICdpbml0aWFsJ307XG5gXG4vLyBUT0RPOiBSZW1vdmUgZHVwbGljYXRlZCBzdHlsZWQgZGVjbGF0aW9uIGluIHRoaXMgZnVuY3Rpb24gYW5kIGluIEZsZXhCb3guIFJlZmFjdG9yIGFuZCB0ZXN0XG5leHBvcnQgZnVuY3Rpb24gZmxleEJveFN0eWxlcyhwcm9wczogRmxleEJveFByb3BzID0ge30pIHtcbiAgcmV0dXJuIGNzc2BcbiAgICBkaXNwbGF5OiAke3Byb3BzLmlubGluZSA/ICdpbmxpbmUtZmxleCcgOiAnZmxleCd9O1xuICAgIGZsZXgtZGlyZWN0aW9uOiAke2dldFJ1bGUoJ2RpcmVjdGlvbicsICdyb3cnKShwcm9wcyl9O1xuICAgIGZsZXgtd3JhcDogJHtnZXRSdWxlKCd3cmFwJywgJ25vd3JhcCcpKHByb3BzKX07XG4gICAganVzdGlmeS1jb250ZW50OiAke2dldFJ1bGUoJ2p1c3RpZnknLCAnZmxleC1zdGFydCcpKHByb3BzKX07XG4gICAgYWxpZ24taXRlbXM6ICR7Z2V0UnVsZSgnaXRlbXMnLCAnc3RyZXRjaCcpKHByb3BzKX07XG4gICAgYWxpZ24tY29udGVudDogJHtnZXRSdWxlKCdjb250ZW50JywgJ3N0cmV0Y2gnKShwcm9wcyl9O1xuICAgIGZsZXg6ICR7cHJvcHMuZmxleCB8fCAnaW5pdGlhbCd9O1xuICBgXG59XG5cbmV4cG9ydCBkZWZhdWx0IEZsZXhCb3hcbiJdfQ== */");
 }
-var _default = FlexBox;
-exports.default = _default;
+var _default = exports.default = FlexBox;

package/cjs/flexbox/index.d.ts

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

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

@@ -36,5 +36,4 @@ const Footer = ({
     className: className
   }, children && (0, _react2.jsx)(FooterTopSection, null, children), (0, _react2.jsx)(FooterBottomSection, null, (0, _react2.jsx)(StyledLogo, null), bottomChildren));
 };
-var _default = Footer;
-exports.default = _default;
+var _default = exports.default = Footer;

package/cjs/footer/index.d.ts

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

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/assistive-text/AssistiveText.js

@@ -14,5 +14,4 @@ const AssistiveText = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_EN
   target: "e1risoj30",
   label: "AssistiveText"
 })("font-size:12px;line-height:15px;", p => p.inverted && /*#__PURE__*/(0, _react.css)("color:", _theme.theme.colors.text.light.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:AssistiveText;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTTyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvYXNzaXN0aXZlLXRleHQvQXNzaXN0aXZlVGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuY29uc3QgQXNzaXN0aXZlVGV4dCA9IHN0eWxlZC5kaXY8eyBpbnZlcnRlZD86IGJvb2xlYW4gfT5gXG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbGluZS1oZWlnaHQ6IDE1cHg7XG4gICR7KHApID0+XG4gICAgcC5pbnZlcnRlZCAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgIGB9O1xuYFxuZXhwb3J0IGRlZmF1bHQgQXNzaXN0aXZlVGV4dFxuIl19 */"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJd0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2Zvcm1zL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmNvbnN0IEFzc2lzdGl2ZVRleHQgPSBzdHlsZWQuZGl2PHsgaW52ZXJ0ZWQ/OiBib29sZWFuIH0+YFxuICBmb250LXNpemU6IDEycHg7XG4gIGxpbmUtaGVpZ2h0OiAxNXB4O1xuICAkeyhwKSA9PlxuICAgIHAuaW52ZXJ0ZWQgJiZcbiAgICBjc3NgXG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICBgfTtcbmBcbmV4cG9ydCBkZWZhdWx0IEFzc2lzdGl2ZVRleHRcbiJdfQ== */"));
-var _default = AssistiveText;
-exports.default = _default;
+var _default = exports.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/asterisk/Asterisk.js

@@ -18,5 +18,4 @@ const Wrapper = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV ===
 const Asterisk = () => {
   return (0, _react2.jsx)(Wrapper, null, "*");
 };
-var _default = Asterisk;
-exports.default = _default;
+var _default = exports.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;
+    };
+};
+declare type Size = keyof typeof checkboxSizes;
+declare type BaseProps = Omit<JSX.IntrinsicElements['input'], 'size' | 'css'> & {
+    htmlSize?: number;
+};
+export declare 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" | "error" | "key" | "id" | "height" | "width" | "name" | "color" | "translate" | "value" | "hidden" | "form" | "slot" | "style" | "title" | "dir" | "pattern" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "enterKeyHint" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "size" | "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" | "indeterminate" | "leadingLabel" | "onLabelClick" | "htmlSize"> & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/cjs/forms/checkbox/Checkbox.js

@@ -120,5 +120,4 @@ const Checkbox = (_ref2, ref) => {
     leadingLabel: leadingLabel
   }, children));
 };
-var _default = /*#__PURE__*/_react.default.forwardRef(Checkbox);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(Checkbox);

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

@@ -0,0 +1,10 @@
+import React from 'react';
+declare 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

@@ -14,7 +14,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+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; }
@@ -32,5 +32,4 @@ const ExampleControlComponent = _ref => {
     name: "test"
   }, rest), children);
 };
-var _default = ExampleControlComponent;
-exports.default = _default;
+var _default = exports.default = ExampleControlComponent;

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

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

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" | "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/email-field/EmailField.js

@@ -9,15 +9,13 @@ 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); }
-// EmailField is a composite component used to encapsulate a complete field with label, input and error/hint
+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); } // EmailField is a composite component used to encapsulate a complete field with label, input and error/hint
 const EmailField = (props, ref) => {
   return (0, _react2.jsx)(_TextField.default, _extends({}, props, {
     ref: ref,
     type: "email"
   }));
 };
-var _default = /*#__PURE__*/(0, _base.default)( /*#__PURE__*/_react.default.forwardRef(EmailField), {
+var _default = exports.default = /*#__PURE__*/(0, _base.default)( /*#__PURE__*/_react.default.forwardRef(EmailField), {
   target: "eoo1you0"
-})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9lbWFpbC1maWVsZC9FbWFpbEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTZSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvZW1haWwtZmllbGQvRW1haWxGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBUZXh0RmllbGQsIHsgVGV4dEZpZWxkUHJvcHMgfSBmcm9tICcuLi90ZXh0LWZpZWxkL1RleHRGaWVsZCdcblxuLy8gRW1haWxGaWVsZCBpcyBhIGNvbXBvc2l0ZSBjb21wb25lbnQgdXNlZCB0byBlbmNhcHN1bGF0ZSBhIGNvbXBsZXRlIGZpZWxkIHdpdGggbGFiZWwsIGlucHV0IGFuZCBlcnJvci9oaW50XG5jb25zdCBFbWFpbEZpZWxkOiBSZWFjdC5Gb3J3YXJkUmVmUmVuZGVyRnVuY3Rpb248SFRNTElucHV0RWxlbWVudCwgVGV4dEZpZWxkUHJvcHM+ID0gKHByb3BzLCByZWYpID0+IHtcbiAgcmV0dXJuIDxUZXh0RmllbGQgey4uLnByb3BzfSByZWY9e3JlZiBhcyBhbnl9IHR5cGU9XCJlbWFpbFwiIC8+XG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlZChSZWFjdC5mb3J3YXJkUmVmKEVtYWlsRmllbGQpKSgpXG4iXX0= */");
-exports.default = _default;
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9lbWFpbC1maWVsZC9FbWFpbEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTZSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvZW1haWwtZmllbGQvRW1haWxGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBUZXh0RmllbGQsIHsgVGV4dEZpZWxkUHJvcHMgfSBmcm9tICcuLi90ZXh0LWZpZWxkL1RleHRGaWVsZCdcblxuLy8gRW1haWxGaWVsZCBpcyBhIGNvbXBvc2l0ZSBjb21wb25lbnQgdXNlZCB0byBlbmNhcHN1bGF0ZSBhIGNvbXBsZXRlIGZpZWxkIHdpdGggbGFiZWwsIGlucHV0IGFuZCBlcnJvci9oaW50XG5jb25zdCBFbWFpbEZpZWxkOiBSZWFjdC5Gb3J3YXJkUmVmUmVuZGVyRnVuY3Rpb248SFRNTElucHV0RWxlbWVudCwgVGV4dEZpZWxkUHJvcHM+ID0gKHByb3BzLCByZWYpID0+IHtcbiAgcmV0dXJuIDxUZXh0RmllbGQgey4uLnByb3BzfSByZWY9e3JlZiBhcyBhbnl9IHR5cGU9XCJlbWFpbFwiIC8+XG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlZChSZWFjdC5mb3J3YXJkUmVmKEVtYWlsRmllbGQpKSgpXG4iXX0= */");

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/error-text/ErrorText.js

@@ -33,5 +33,4 @@ const ErrorText = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ==
   target: "e1dvcboa0",
   label: "ErrorText"
 })("color:", _theme.theme.colors.status.alert, ";", p => p.small ? _ref2 : _ref, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9lcnJvci10ZXh0L0Vycm9yVGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWlEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9lcnJvci10ZXh0L0Vycm9yVGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuY29uc3QgRXJyb3JUZXh0ID0gc3R5bGVkLmRpdjx7IHNtYWxsPzogYm9vbGVhbiB9PmBcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gICR7KHApID0+XG4gICAgcC5zbWFsbFxuICAgICAgPyBjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxNXB4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDI2cHg7XG4gICAgICAgIGB9XG5gXG5cbmV4cG9ydCBkZWZhdWx0IEVycm9yVGV4dFxuIl19 */"));
-var _default = ErrorText;
-exports.default = _default;
+var _default = exports.default = ErrorText;

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

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

package/cjs/forms/field/Field.js

@@ -62,5 +62,4 @@ const Field = ({
     required: required
   }, label), children, assistiveText !== undefined && (0, _react2.jsx)(Assistive, null, assistiveText));
 };
-var _default = Field;
-exports.default = _default;
+var _default = exports.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 declare type RadioProps = import('./radio/Radio').RadioProps;
+export { default as Checkbox } from './checkbox/Checkbox';
+export declare 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 declare 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/input/Input.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export declare type Alignment = 'left' | 'right';
+export declare 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" | "error" | "key" | "id" | "height" | "width" | "name" | "color" | "translate" | "value" | "hidden" | "form" | "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" | "multiline" | "htmlSize" | "placeholderAlignment" | "wrapperClassName" | "iconAlignment"> & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/cjs/forms/input/Input.js

@@ -142,5 +142,4 @@ const Input = (props, ref) => {
     disabled: disabled
   }, icon));
 };
-var _default = /*#__PURE__*/_react.default.forwardRef(Input);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(Input);

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

@@ -0,0 +1,43 @@
+import React, { ReactNode } from 'react';
+export declare type Alignment = 'left' | 'right';
+export declare type Size = 'small' | 'medium' | 'large';
+declare type ReactInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export declare type InputCompositionProps = {
+    visualSize?: Size;
+    className?: string;
+    children?: ReactNode;
+} & React.PropsWithoutRef<JSX.IntrinsicElements['div']>;
+export declare type InputIconProps = {
+    icon: React.ElementType;
+    color?: string;
+    className?: string;
+    size?: Size;
+};
+export declare type InputProps = {
+    /**
+     * Name of the input element
+     */
+    name: string;
+    /**
+     * Indicates that the input element has an error
+     */
+    error?: boolean;
+    className?: string;
+    placeholder?: string;
+    placeholderAlignment?: Alignment;
+    disabled?: boolean;
+    children?: React.ReactNode;
+} & Omit<ReactInputProps, 'css'>;
+export declare function inputTypography(size: Size): import("@emotion/utils").SerializedStyles;
+export declare const InputComposition: ({ visualSize, children, ...rest }: InputCompositionProps) => JSX.Element;
+export declare const InputIcon: import("@emotion/styled").StyledComponent<InputIconProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const InputAddon: import("@emotion/styled").StyledComponent<{
+    className?: string | undefined;
+    children?: ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const InputControl: React.ForwardRefExoticComponent<Pick<InputProps, "error" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "placeholderAlignment"> & React.RefAttributes<HTMLInputElement>>;
+export {};