@dscout/particle 1.0.0-alpha.18 → 1.0.0-alpha.19

package/lib/cjs/components/advanced_options.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -26,7 +49,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AdvancedOptions = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var class_names_1 = __importDefault(require("../utils/class_names"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
 var button_plain_1 = require("./button_plain");
@@ -37,19 +60,17 @@ var modifier_1 = require("./modifier");
 var collapsible_1 = require("./collapsible");
 function AdvancedOptions(_a) {
     var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, _b = _a.initialCollapsed, initialCollapsed = _b === void 0 ? true : _b, name = _a.name, title = _a.title, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "disabled", "getRef", "id", "initialCollapsed", "name", "title"]);
-    var ariaControlsId = id
-        ? "advanced-options-collapsible-content-".concat(id)
-        : null;
+    var collapsibleContentId = (0, react_1.useId)();
     return (react_1.default.createElement(collapsible_1.CollapsibleStateProvider, { initialCollapsed: initialCollapsed }, function (_a) {
         var isCollapsed = _a.isCollapsed, toggleCollapsed = _a.toggleCollapsed;
         return (react_1.default.createElement("div", { className: (0, class_names_1.default)(_modifierClass), ref: getRef },
             react_1.default.createElement(modifier_1.Modifier, { margin: { bottom: '0.75' } },
-                react_1.default.createElement(button_plain_1.ButtonPlain, __assign({}, (0, data_attributes_1.default)(rest), { "aria-controls": ariaControlsId, "aria-expanded": !isCollapsed, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, disabled: disabled, id: id, onClick: toggleCollapsed, name: name || (typeof title === 'string' ? title : undefined) }),
+                react_1.default.createElement(button_plain_1.ButtonPlain, __assign({}, (0, data_attributes_1.default)(rest), { "aria-controls": collapsibleContentId, "aria-expanded": !isCollapsed, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, disabled: disabled, id: id, onClick: toggleCollapsed, name: name || (typeof title === 'string' ? title : undefined) }),
                     react_1.default.createElement(flex_1.Flex, null,
                         title,
                         ' ',
                         react_1.default.createElement(triangle_inverted_1.IconTriangleInverted, { direction: isCollapsed ? 'right' : 'down' })))),
-            react_1.default.createElement(collapsible_content_1.CollapsibleContent, { collapsed: isCollapsed, id: ariaControlsId }, children)));
+            react_1.default.createElement(collapsible_content_1.CollapsibleContent, { collapsed: isCollapsed, id: collapsibleContentId }, children)));
     }));
 }
 exports.AdvancedOptions = AdvancedOptions;

package/lib/cjs/components/advanced_options.js.map

@@ -1 +1 @@
-{"version":3,"file":"advanced_options.js","sourceRoot":"","sources":["../../../src/components/advanced_options.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,6EAAyD;AAEzD,+CAA6C;AAC7C,6DAA2D;AAC3D,gEAAkE;AAClE,+BAA8B;AAC9B,uCAAsC;AAEtC,6CAAyD;AAYzD,SAAgB,eAAe,CAAC,EAaT;IAZrB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,wBAAuB,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EACvB,IAAI,UAAA,EACJ,KAAK,WAAA,EACF,IAAI,cAZuB,oJAa/B,CADQ;IAEP,IAAM,cAAc,GAAG,EAAE;QACvB,CAAC,CAAC,+CAAwC,EAAE,CAAE;QAC9C,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,8BAAC,sCAAwB,IAAC,gBAAgB,EAAE,gBAAgB,IACzD,UAAC,EAAgC;YAA9B,WAAW,iBAAA,EAAE,eAAe,qBAAA;QAAO,OAAA,CACrC,uCAAK,SAAS,EAAE,IAAA,qBAAU,EAAC,cAAc,CAAC,EAAE,GAAG,EAAE,MAAM;YACrD,8BAAC,mBAAQ,IAAC,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;gBAClC,8BAAC,0BAAW,eACN,IAAA,yBAAiB,EAAC,IAAI,CAAC,qBACZ,cAAc,mBACd,CAAC,WAAW,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,eAAe,EACxB,IAAI,EAAE,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;oBAE7D,8BAAC,WAAI;wBACF,KAAK;wBAAE,GAAG;wBACX,8BAAC,wCAAoB,IACnB,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GACzC,CACG,CACK,CACL;YACX,8BAAC,wCAAkB,IAAC,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,cAAc,IAC3D,QAAQ,CACU,CACjB,CACP;IA3BsC,CA2BtC,CACwB,CAC5B,CAAC;AACJ,CAAC;AAlDD,0CAkDC"}
+{"version":3,"file":"advanced_options.js","sourceRoot":"","sources":["../../../src/components/advanced_options.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAqC;AAKrC,qEAA8C;AAC9C,6EAAyD;AAEzD,+CAA6C;AAC7C,6DAA2D;AAC3D,gEAAkE;AAClE,+BAA8B;AAC9B,uCAAsC;AAEtC,6CAAyD;AAYzD,SAAgB,eAAe,CAAC,EAaT;IAZrB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,wBAAuB,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EACvB,IAAI,UAAA,EACJ,KAAK,WAAA,EACF,IAAI,cAZuB,oJAa/B,CADQ;IAEP,IAAM,oBAAoB,GAAG,IAAA,aAAK,GAAE,CAAC;IAErC,OAAO,CACL,8BAAC,sCAAwB,IAAC,gBAAgB,EAAE,gBAAgB,IACzD,UAAC,EAAgC;YAA9B,WAAW,iBAAA,EAAE,eAAe,qBAAA;QAAO,OAAA,CACrC,uCAAK,SAAS,EAAE,IAAA,qBAAU,EAAC,cAAc,CAAC,EAAE,GAAG,EAAE,MAAM;YACrD,8BAAC,mBAAQ,IAAC,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;gBAClC,8BAAC,0BAAW,eACN,IAAA,yBAAiB,EAAC,IAAI,CAAC,qBACZ,oBAAoB,mBACpB,CAAC,WAAW,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,eAAe,EACxB,IAAI,EAAE,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;oBAE7D,8BAAC,WAAI;wBACF,KAAK;wBAAE,GAAG;wBACX,8BAAC,wCAAoB,IACnB,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GACzC,CACG,CACK,CACL;YACX,8BAAC,wCAAkB,IAAC,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,oBAAoB,IACjE,QAAQ,CACU,CACjB,CACP;IA3BsC,CA2BtC,CACwB,CAC5B,CAAC;AACJ,CAAC;AAhDD,0CAgDC"}

package/lib/cjs/components/attribute_input.d.ts

@@ -4,6 +4,7 @@ import type { GetRef } from '../utils/refs';
 interface AttributeInputProps extends CommonComponentProps, ModifierProps {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
     checked?: boolean;
+    defaultChecked?: boolean;
     disabled?: boolean;
     getRef?: GetRef<HTMLInputElement>;
     id?: string;
@@ -14,5 +15,5 @@ interface AttributeInputProps extends CommonComponentProps, ModifierProps {
     tabIndex?: number;
     value: number | string;
 }
-export declare function AttributeInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, checked, disabled, getRef, id, label, name, value, onChange, readOnly, tabIndex, ...rest }: AttributeInputProps): React.JSX.Element;
+export declare function AttributeInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, defaultChecked, checked, disabled, getRef, id, label, name, value, onChange, readOnly, tabIndex, ...rest }: AttributeInputProps): React.JSX.Element;
 export {};

package/lib/cjs/components/attribute_input.js

@@ -28,24 +28,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AttributeInput = void 0;
 var react_1 = __importDefault(require("react"));
 var class_names_1 = __importDefault(require("../utils/class_names"));
-var forms_1 = require("../utils/forms");
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
-function determineIdValue(id, label) {
-    if (id)
-        return id;
-    if (typeof label === 'string') {
-        return (0, forms_1.looksUnique)(label) ? label : (0, forms_1.unique)(label);
-    }
-}
+var shared_hooks_1 = require("./shared_hooks");
 function AttributeInput(_a) {
-    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], checked = _a.checked, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, label = _a.label, name = _a.name, value = _a.value, onChange = _a.onChange, readOnly = _a.readOnly, tabIndex = _a.tabIndex, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "checked", "disabled", "getRef", "id", "label", "name", "value", "onChange", "readOnly", "tabIndex"]);
-    var attributeId = determineIdValue(id, label);
+    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], defaultChecked = _a.defaultChecked, checked = _a.checked, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, label = _a.label, name = _a.name, value = _a.value, onChange = _a.onChange, readOnly = _a.readOnly, tabIndex = _a.tabIndex, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "defaultChecked", "checked", "disabled", "getRef", "id", "label", "name", "value", "onChange", "readOnly", "tabIndex"]);
+    var attributeId = (0, shared_hooks_1.useFallbackId)(id);
     var selectorClassName = (0, class_names_1.default)('Attribute', _modifierClass);
     var labelClassName = (0, class_names_1.default)('Attribute__Label', {
         'Attribute__Label--read-only': readOnly
     });
     return (react_1.default.createElement("div", { className: selectorClassName },
-        react_1.default.createElement("input", __assign({}, (0, data_attributes_1.default)(rest), { id: attributeId, name: name, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, ref: getRef, checked: checked, className: "Attribute__Input", onChange: readOnly ? undefined : onChange, type: "radio", value: value, tabIndex: tabIndex, readOnly: readOnly, disabled: disabled })),
+        react_1.default.createElement("input", __assign({}, (0, data_attributes_1.default)(rest), { id: attributeId, name: name, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, ref: getRef, checked: checked, defaultChecked: defaultChecked, className: "Attribute__Input", onChange: readOnly ? undefined : onChange, type: "radio", value: value, tabIndex: tabIndex, readOnly: readOnly, disabled: disabled })),
         react_1.default.createElement("label", { className: labelClassName, htmlFor: attributeId },
             react_1.default.createElement("span", { className: "Attribute__Label__Content" }, label))));
 }

package/lib/cjs/components/attribute_input.js.map

@@ -1 +1 @@
-{"version":3,"file":"attribute_input.js","sourceRoot":"","sources":["../../../src/components/attribute_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,wCAAqD;AACrD,6EAAyD;AAgBzD,SAAS,gBAAgB,CAAC,EAAU,EAAE,KAAsB;IAC1D,IAAI,EAAE;QAAE,OAAO,EAAE,CAAC;IAElB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,IAAA,mBAAW,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;KACnD;AACH,CAAC;AAED,SAAgB,cAAc,CAAC,EAiBT;IAhBpB,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACjC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAhBsB,4LAiB9B,CADQ;IAEP,IAAM,WAAW,GAAG,gBAAgB,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAChD,IAAM,iBAAiB,GAAG,IAAA,qBAAU,EAAC,WAAW,EAAE,cAAc,CAAC,CAAC;IAClE,IAAM,cAAc,GAAG,IAAA,qBAAU,EAAC,kBAAkB,EAAE;QACpD,6BAA6B,EAAE,QAAQ;KACxC,CAAC,CAAC;IAEH,OAAO,CACL,uCAAK,SAAS,EAAE,iBAAiB;QAE/B,oDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,IAC3B,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,IAAI,gBACE,SAAS,qBACJ,cAAc,kBACjB,WAAW,sBACP,eAAe,EACjC,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,kBAAkB,EAC5B,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACzC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IAClB;QACF,yCAAO,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW;YACpD,wCAAM,SAAS,EAAC,2BAA2B,IAAE,KAAK,CAAQ,CACpD,CACJ,CACP,CAAC;AACJ,CAAC;AAlDD,wCAkDC"}
+{"version":3,"file":"attribute_input.js","sourceRoot":"","sources":["../../../src/components/attribute_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,6EAAyD;AAEzD,+CAA+C;AAiB/C,SAAgB,cAAc,CAAC,EAkBT;IAjBpB,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACjC,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAjBsB,8MAkB9B,CADQ;IAEP,IAAM,WAAW,GAAG,IAAA,4BAAa,EAAC,EAAE,CAAC,CAAC;IAEtC,IAAM,iBAAiB,GAAG,IAAA,qBAAU,EAAC,WAAW,EAAE,cAAc,CAAC,CAAC;IAClE,IAAM,cAAc,GAAG,IAAA,qBAAU,EAAC,kBAAkB,EAAE;QACpD,6BAA6B,EAAE,QAAQ;KACxC,CAAC,CAAC;IAEH,OAAO,CACL,uCAAK,SAAS,EAAE,iBAAiB;QAE/B,oDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,IAC3B,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,IAAI,gBACE,SAAS,qBACJ,cAAc,kBACjB,WAAW,sBACP,eAAe,EACjC,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAC,kBAAkB,EAC5B,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACzC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IAClB;QACF,yCAAO,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW;YACpD,wCAAM,SAAS,EAAC,2BAA2B,IAAE,KAAK,CAAQ,CACpD,CACJ,CACP,CAAC;AACJ,CAAC;AArDD,wCAqDC"}

package/lib/cjs/components/attribute_selector.d.ts

@@ -5,6 +5,9 @@ type AttributesMap = {
     [name: string]: string;
 };
 interface AttributeSelectorProps extends CommonComponentProps, ModifierProps {
+    /**
+     * A mapping of each inputs `value` to is `<label>` text.
+     */
     attributes: AttributesMap;
     disabled?: boolean;
     getRef?: GetRef<HTMLInputElement>;

package/lib/cjs/components/attribute_selector.js

@@ -38,7 +38,7 @@ function AttributeSelector(_a) {
             onClick(target.value);
     }
     function renderAttribute(attribute) {
-        return (react_1.default.createElement(attribute_input_1.AttributeInput, { checked: attribute === selected, disabled: disabled, id: "".concat(name, "[").concat(attribute, "]"), key: attribute, label: attributes[attribute], name: name, onChange: handleAttributeSelected, readOnly: readOnly, value: attribute }));
+        return (react_1.default.createElement(attribute_input_1.AttributeInput, { checked: selected !== undefined ? attribute === selected : undefined, disabled: disabled, id: "".concat(name, "[").concat(attribute, "]"), key: attribute, label: attributes[attribute], name: name, onChange: handleAttributeSelected, readOnly: readOnly, value: attribute }));
     }
     return (react_1.default.createElement("div", __assign({}, (0, data_attributes_1.default)(rest), { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: (0, class_names_1.default)('Attribute__Selector spacing-h--0.25', _modifierClass), id: id, ref: getRef }), Object.keys(attributes).map(renderAttribute)));
 }

package/lib/cjs/components/attribute_selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"attribute_selector.js","sourceRoot":"","sources":["../../../src/components/attribute_selector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,6EAAyD;AAEzD,qDAAmD;AAiBnD,SAAgB,iBAAiB,CAAC,EAcT;IAbvB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAbyB,4JAcjC,CADQ;IAEP,SAAS,uBAAuB,CAAC,EAEK;YADpC,MAAM,YAAA;QAEN,IAAI,OAAO;YAAE,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,SAAS,eAAe,CAAC,SAA8B;QACrD,OAAO,CACL,8BAAC,gCAAc,IACb,OAAO,EAAE,SAAS,KAAK,QAAQ,EAC/B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,UAAG,IAAI,cAAI,SAAS,MAAG,EAC3B,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,EAC5B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,uBAAuB,EACjC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,SAAS,GAChB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,kDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,IAAA,qBAAU,EACnB,qCAAqC,EACrC,cAAc,CACf,EACD,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,KAEV,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,CACzC,CACP,CAAC;AACJ,CAAC;AArDD,8CAqDC"}
+{"version":3,"file":"attribute_selector.js","sourceRoot":"","sources":["../../../src/components/attribute_selector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,6EAAyD;AAEzD,qDAAmD;AAoBnD,SAAgB,iBAAiB,CAAC,EAcT;IAbvB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAbyB,4JAcjC,CADQ;IAEP,SAAS,uBAAuB,CAAC,EAEK;YADpC,MAAM,YAAA;QAEN,IAAI,OAAO;YAAE,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,SAAS,eAAe,CAAC,SAA8B;QACrD,OAAO,CACL,8BAAC,gCAAc,IACb,OAAO,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpE,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,UAAG,IAAI,cAAI,SAAS,MAAG,EAC3B,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,EAC5B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,uBAAuB,EACjC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,SAAS,GAChB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,kDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,IAAA,qBAAU,EACnB,qCAAqC,EACrC,cAAc,CACf,EACD,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,KAEV,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,CACzC,CACP,CAAC;AACJ,CAAC;AArDD,8CAqDC"}

package/lib/cjs/components/button.d.ts

@@ -26,10 +26,11 @@ interface ButtonProps extends CommonComponentProps, ModifierProps {
     onMouseDown?: React.MouseEventHandler<HTMLButtonElement>;
     refProp?: string;
     size?: Sizes;
+    tabIndex?: number;
     title?: string;
     type?: 'button' | 'submit';
     width?: Widths;
     variant?: Variants;
 }
-export declare function Button({ _modifierClass, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-pressed': ariaPressed, children, color, disabled, getRef, id, linkComponent, linkProps, name, onClick, onMouseUp, onMouseDown, refProp, size, title, type, width, variant, ...rest }: ButtonProps): React.JSX.Element;
+export declare function Button({ _modifierClass, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-pressed': ariaPressed, children, color, disabled, getRef, id, linkComponent, linkProps, name, onClick, onMouseUp, onMouseDown, refProp, size, tabIndex, title, type, width, variant, ...rest }: ButtonProps): React.JSX.Element;
 export {};

package/lib/cjs/components/button.js

@@ -66,9 +66,9 @@ function supportedClassFor(type, value) {
     }
 }
 function Button(_a) {
-    var _modifierClass = _a._modifierClass, ariaControls = _a["aria-controls"], ariaExpanded = _a["aria-expanded"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], ariaPressed = _a["aria-pressed"], children = _a.children, color = _a.color, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, linkComponent = _a.linkComponent, linkProps = _a.linkProps, name = _a.name, onClick = _a.onClick, onMouseUp = _a.onMouseUp, onMouseDown = _a.onMouseDown, refProp = _a.refProp, size = _a.size, title = _a.title, type = _a.type, width = _a.width, variant = _a.variant, rest = __rest(_a, ["_modifierClass", 'aria-controls', 'aria-expanded', 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-pressed', "children", "color", "disabled", "getRef", "id", "linkComponent", "linkProps", "name", "onClick", "onMouseUp", "onMouseDown", "refProp", "size", "title", "type", "width", "variant"]);
+    var _modifierClass = _a._modifierClass, ariaControls = _a["aria-controls"], ariaExpanded = _a["aria-expanded"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], ariaPressed = _a["aria-pressed"], children = _a.children, color = _a.color, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, linkComponent = _a.linkComponent, linkProps = _a.linkProps, name = _a.name, onClick = _a.onClick, onMouseUp = _a.onMouseUp, onMouseDown = _a.onMouseDown, refProp = _a.refProp, size = _a.size, tabIndex = _a.tabIndex, title = _a.title, type = _a.type, width = _a.width, variant = _a.variant, rest = __rest(_a, ["_modifierClass", 'aria-controls', 'aria-expanded', 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-pressed', "children", "color", "disabled", "getRef", "id", "linkComponent", "linkProps", "name", "onClick", "onMouseUp", "onMouseDown", "refProp", "size", "tabIndex", "title", "type", "width", "variant"]);
     var className = (0, class_names_1.default)('Button', supportedClassFor('size', size), supportedClassFor('width', width), supportedClassFor('variant', variant), supportedClassFor('color', color), _modifierClass);
-    return (react_1.default.createElement(common_button_1.CommonButton, __assign({}, (0, data_attributes_1.default)(rest), { "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-pressed": ariaPressed, className: className, disabled: disabled, getRef: getRef, id: id, linkComponent: linkComponent, linkProps: linkProps, name: name, onClick: onClick, onMouseUp: onMouseUp, onMouseDown: onMouseDown, refProp: refProp, title: title, type: type }), children));
+    return (react_1.default.createElement(common_button_1.CommonButton, __assign({}, (0, data_attributes_1.default)(rest), { "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-pressed": ariaPressed, className: className, disabled: disabled, getRef: getRef, id: id, linkComponent: linkComponent, linkProps: linkProps, name: name, onClick: onClick, onMouseUp: onMouseUp, onMouseDown: onMouseDown, refProp: refProp, tabIndex: tabIndex, title: title, type: type }), children));
 }
 exports.Button = Button;
 //# sourceMappingURL=button.js.map

package/lib/cjs/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,6EAAyD;AAEzD,iDAA+C;AAE/C,IAAM,MAAM,GAAG;IACb,OAAO;IACP,OAAO;IACP,WAAW;IACX,QAAQ;IACR,SAAS;IACT,MAAM;IACN,SAAS;IACT,MAAM;IACN,UAAU;IACV,MAAM;IACN,OAAO;IACP,MAAM;IACN,QAAQ;IACR,OAAO;IACP,OAAO;CACC,CAAC;AAEX,IAAM,KAAK,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAU,CAAC;AAEhD,IAAM,MAAM,GAAG,CAAC,WAAW,EAAE,OAAO,CAAU,CAAC;AAE/C,IAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,SAAS,CAAU,CAAC;AAE/C,IAAM,KAAK,GAAG;IACZ,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,QAAQ;CAClB,CAAC;AA8BF,IAAM,SAAS,GAA2B;IACxC,IAAI,EAAE,OAAO;CACd,CAAC;AAEF,SAAS,iBAAiB,CAAC,IAAwB,EAAE,KAAa;IAChE,IAAM,WAAW,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC;IAErE,IAAK,KAAK,CAAC,IAAI,CAA2B,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QAC1D,OAAO,UAAG,WAAW,SAAG,SAAS,CAAC,KAAK,CAAC,IAAI,KAAK,CAAE,CAAC;KACrD;AACH,CAAC;AAED,SAAgB,MAAM,CAAC,EA0BT;IAzBZ,IAAA,cAAc,oBAAA,EACG,YAAY,sBAAA,EACZ,YAAY,sBAAA,EACf,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnB,WAAW,qBAAA,EAC3B,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,OAAO,aAAA,EACJ,IAAI,cAzBc,+SA0BtB,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAC1B,QAAQ,EACR,iBAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,EAC/B,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,EACjC,iBAAiB,CAAC,SAAS,EAAE,OAAO,CAAC,EACrC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,EACjC,cAAc,CACf,CAAC;IAEF,OAAO,CACL,8BAAC,4BAAY,eACP,IAAA,yBAAiB,EAAC,IAAI,CAAC,qBACZ,YAAY,mBACZ,YAAY,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,kBACnB,WAAW,EACzB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,KAET,QAAQ,CACI,CAChB,CAAC;AACJ,CAAC;AA9DD,wBA8DC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,6EAAyD;AAEzD,iDAA+C;AAE/C,IAAM,MAAM,GAAG;IACb,OAAO;IACP,OAAO;IACP,WAAW;IACX,QAAQ;IACR,SAAS;IACT,MAAM;IACN,SAAS;IACT,MAAM;IACN,UAAU;IACV,MAAM;IACN,OAAO;IACP,MAAM;IACN,QAAQ;IACR,OAAO;IACP,OAAO;CACC,CAAC;AAEX,IAAM,KAAK,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAU,CAAC;AAEhD,IAAM,MAAM,GAAG,CAAC,WAAW,EAAE,OAAO,CAAU,CAAC;AAE/C,IAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,SAAS,CAAU,CAAC;AAE/C,IAAM,KAAK,GAAG;IACZ,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,QAAQ;CAClB,CAAC;AA+BF,IAAM,SAAS,GAA2B;IACxC,IAAI,EAAE,OAAO;CACd,CAAC;AAEF,SAAS,iBAAiB,CAAC,IAAwB,EAAE,KAAa;IAChE,IAAM,WAAW,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC;IAErE,IAAK,KAAK,CAAC,IAAI,CAA2B,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QAC1D,OAAO,UAAG,WAAW,SAAG,SAAS,CAAC,KAAK,CAAC,IAAI,KAAK,CAAE,CAAC;KACrD;AACH,CAAC;AAED,SAAgB,MAAM,CAAC,EA2BT;IA1BZ,IAAA,cAAc,oBAAA,EACG,YAAY,sBAAA,EACZ,YAAY,sBAAA,EACf,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnB,WAAW,qBAAA,EAC3B,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,OAAO,aAAA,EACJ,IAAI,cA1Bc,2TA2BtB,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAC1B,QAAQ,EACR,iBAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,EAC/B,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,EACjC,iBAAiB,CAAC,SAAS,EAAE,OAAO,CAAC,EACrC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,EACjC,cAAc,CACf,CAAC;IAEF,OAAO,CACL,8BAAC,4BAAY,eACP,IAAA,yBAAiB,EAAC,IAAI,CAAC,qBACZ,YAAY,mBACZ,YAAY,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,kBACnB,WAAW,EACzB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,KAET,QAAQ,CACI,CAChB,CAAC;AACJ,CAAC;AAhED,wBAgEC"}

package/lib/cjs/components/checkbox_input.d.ts

@@ -5,6 +5,7 @@ interface CheckboxInputProps extends CommonComponentProps, ModifierProps {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
     checked?: boolean;
     color?: Colors;
+    defaultChecked?: boolean;
     disabled?: boolean;
     getRef?: GetRef<HTMLInputElement>;
     id?: string;
@@ -16,5 +17,5 @@ interface CheckboxInputProps extends CommonComponentProps, ModifierProps {
     tabIndex?: number;
     value?: number | string;
 }
-export declare function CheckboxInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, checked, color, disabled, getRef, id, indeterminate, label, name, onChange, readOnly, tabIndex, value, ...rest }: CheckboxInputProps): React.JSX.Element;
+export declare function CheckboxInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, checked, color, defaultChecked, disabled, getRef, id, indeterminate, label, name, onChange, readOnly, tabIndex, value, ...rest }: CheckboxInputProps): React.JSX.Element;
 export {};

package/lib/cjs/components/checkbox_input.js

@@ -31,6 +31,7 @@ var class_names_1 = __importDefault(require("../utils/class_names"));
 var forms_1 = require("../utils/forms");
 var refs_1 = require("../utils/refs");
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
+var shared_hooks_1 = require("./shared_hooks");
 var checkbox_check_1 = require("../icons/checkbox_check");
 var checkbox_indeterminate_1 = require("../icons/checkbox_indeterminate");
 function renderIcon(checked, indeterminate, readOnly) {
@@ -39,13 +40,13 @@ function renderIcon(checked, indeterminate, readOnly) {
     return react_1.default.createElement(checkbox_check_1.IconCheckboxCheck, { "aria-hidden": true });
 }
 function CheckboxInput(_a) {
-    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], checked = _a.checked, _b = _a.color, color = _b === void 0 ? 'dscout' : _b, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, indeterminate = _a.indeterminate, label = _a.label, name = _a.name, onChange = _a.onChange, readOnly = _a.readOnly, tabIndex = _a.tabIndex, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "checked", "color", "disabled", "getRef", "id", "indeterminate", "label", "name", "onChange", "readOnly", "tabIndex", "value"]);
-    var checkboxId = (0, forms_1.looksUnique)(id) ? id : (0, forms_1.unique)(id);
+    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], checked = _a.checked, _b = _a.color, color = _b === void 0 ? 'dscout' : _b, defaultChecked = _a.defaultChecked, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, indeterminate = _a.indeterminate, label = _a.label, name = _a.name, onChange = _a.onChange, readOnly = _a.readOnly, tabIndex = _a.tabIndex, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "checked", "color", "defaultChecked", "disabled", "getRef", "id", "indeterminate", "label", "name", "onChange", "readOnly", "tabIndex", "value"]);
+    var checkboxId = (0, shared_hooks_1.useFallbackId)(id);
     var className = (0, class_names_1.default)('Selector', _modifierClass, {
         'Selector--with-label': label
     });
     return (react_1.default.createElement("div", { className: className },
-        react_1.default.createElement("input", __assign({}, (0, data_attributes_1.default)(rest), { "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, checked: checked, className: "Selector__Checkbox", disabled: disabled || readOnly, id: checkboxId, name: name, onChange: onChange, readOnly: readOnly, ref: function (ref) {
+        react_1.default.createElement("input", __assign({}, (0, data_attributes_1.default)(rest), { "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, checked: checked, className: "Selector__Checkbox", defaultChecked: defaultChecked, disabled: disabled || readOnly, id: checkboxId, name: name, onChange: onChange, readOnly: readOnly, ref: function (ref) {
                 if (ref)
                     ref.indeterminate = indeterminate;
                 (0, refs_1.handleGetRef)(getRef, ref);

package/lib/cjs/components/checkbox_input.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox_input.js","sourceRoot":"","sources":["../../../src/components/checkbox_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,wCAAiE;AACjE,sCAA6C;AAC7C,6EAAyD;AAEzD,0DAA4D;AAC5D,0EAA4E;AAkB5E,SAAS,UAAU,CACjB,OAAgB,EAChB,aAAsB,EACtB,QAAiB;IAEjB,IAAI,aAAa,IAAI,CAAC,CAAC,OAAO,IAAI,QAAQ,CAAC;QACzC,OAAO,8BAAC,kDAAyB,0BAAe,CAAC;IAEnD,OAAO,8BAAC,kCAAiB,0BAAe,CAAC;AAC3C,CAAC;AAED,SAAgB,aAAa,CAAC,EAmBT;IAlBnB,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACjC,OAAO,aAAA,EACP,aAAgB,EAAhB,KAAK,mBAAG,QAAQ,KAAA,EAChB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cAlBqB,sNAmB7B,CADQ;IAEP,IAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAA,cAAM,EAAC,EAAE,CAAC,CAAC;IACrD,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,UAAU,EAAE,cAAc,EAAE;QACvD,sBAAsB,EAAE,KAAK;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS;QACvB,oDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,wBACT,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,EAC/B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,oBAAoB,EAC9B,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,UAAC,GAAG;gBACP,IAAI,GAAG;oBAAE,GAAG,CAAC,aAAa,GAAG,aAAa,CAAC;gBAC3C,IAAA,mBAAY,EAAC,MAAM,EAAE,GAAG,CAAC,CAAC;YAC5B,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,IAAA,kBAAU,EAAC,KAAK,EAAE,QAAQ,CAAC,IAClC;QACF,uCAAK,SAAS,EAAE,IAAA,qBAAU,EAAC,iBAAiB,EAAE,iBAAU,KAAK,CAAE,CAAC,GAAI;QACnE,KAAK,IAAI,CACR,yCAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,UAAU,IACnD,KAAK,CACA,CACT;QACA,UAAU,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,CAAC,CACzC,CACP,CAAC;AACJ,CAAC;AAzDD,sCAyDC"}
+{"version":3,"file":"checkbox_input.js","sourceRoot":"","sources":["../../../src/components/checkbox_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,wCAA4C;AAC5C,sCAA6C;AAC7C,6EAAyD;AAEzD,+CAA+C;AAE/C,0DAA4D;AAC5D,0EAA4E;AAmB5E,SAAS,UAAU,CACjB,OAAgB,EAChB,aAAsB,EACtB,QAAiB;IAEjB,IAAI,aAAa,IAAI,CAAC,CAAC,OAAO,IAAI,QAAQ,CAAC;QACzC,OAAO,8BAAC,kDAAyB,0BAAe,CAAC;IAEnD,OAAO,8BAAC,kCAAiB,0BAAe,CAAC;AAC3C,CAAC;AAED,SAAgB,aAAa,CAAC,EAoBT;IAnBnB,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACjC,OAAO,aAAA,EACP,aAAgB,EAAhB,KAAK,mBAAG,QAAQ,KAAA,EAChB,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cAnBqB,wOAoB7B,CADQ;IAEP,IAAM,UAAU,GAAG,IAAA,4BAAa,EAAC,EAAE,CAAC,CAAC;IACrC,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,UAAU,EAAE,cAAc,EAAE;QACvD,sBAAsB,EAAE,KAAK;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS;QACvB,oDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,wBACT,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,EAC/B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,oBAAoB,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,UAAC,GAAG;gBACP,IAAI,GAAG;oBAAE,GAAG,CAAC,aAAa,GAAG,aAAa,CAAC;gBAC3C,IAAA,mBAAY,EAAC,MAAM,EAAE,GAAG,CAAC,CAAC;YAC5B,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,IAAA,kBAAU,EAAC,KAAK,EAAE,QAAQ,CAAC,IAClC;QACF,uCAAK,SAAS,EAAE,IAAA,qBAAU,EAAC,iBAAiB,EAAE,iBAAU,KAAK,CAAE,CAAC,GAAI;QACnE,KAAK,IAAI,CACR,yCAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,UAAU,IACnD,KAAK,CACA,CACT;QACA,UAAU,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,CAAC,CACzC,CACP,CAAC;AACJ,CAAC;AA3DD,sCA2DC"}

package/lib/cjs/components/collapsible.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 interface CollapsibleStateProviderProps {
     initialCollapsed?: boolean;
     children: ({ isCollapsed, toggleCollapsed }: {
         isCollapsed: boolean;
         toggleCollapsed: () => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 }
-export declare function CollapsibleStateProvider({ initialCollapsed, children }: CollapsibleStateProviderProps): JSX.Element;
+export declare function CollapsibleStateProvider({ initialCollapsed, children }: CollapsibleStateProviderProps): React.JSX.Element;
 export {};

package/lib/cjs/components/collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.js","sourceRoot":"","sources":["../../../src/components/collapsible.tsx"],"names":[],"mappings":";;;AAAA,+BAAiC;AAajC,SAAgB,wBAAwB,CAAC,EAGT;QAF9B,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,QAAQ,cAAA;IAEF,IAAA,KAAgC,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,EAAzD,WAAW,QAAA,EAAE,cAAc,QAA8B,CAAC;IAEjE,SAAS,qBAAqB;QAC5B,cAAc,CAAC,UAAC,aAAa,IAAK,OAAA,CAAC,aAAa,EAAd,CAAc,CAAC,CAAC;IACpD,CAAC;IAED,OAAO,QAAQ,CAAC;QACd,WAAW,aAAA;QACX,eAAe,EAAE,qBAAqB;KACvC,CAAC,CAAC;AACL,CAAC;AAdD,4DAcC"}
+{"version":3,"file":"collapsible.js","sourceRoot":"","sources":["../../../src/components/collapsible.tsx"],"names":[],"mappings":";;;AAAA,+BAAwC;AAaxC,SAAgB,wBAAwB,CAAC,EAGT;QAF9B,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,QAAQ,cAAA;IAEF,IAAA,KAAgC,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,EAAzD,WAAW,QAAA,EAAE,cAAc,QAA8B,CAAC;IAEjE,SAAS,qBAAqB;QAC5B,cAAc,CAAC,UAAC,aAAa,IAAK,OAAA,CAAC,aAAa,EAAd,CAAc,CAAC,CAAC;IACpD,CAAC;IAED,OAAO,QAAQ,CAAC;QACd,WAAW,aAAA;QACX,eAAe,EAAE,qBAAqB;KACvC,CAAC,CAAC;AACL,CAAC;AAdD,4DAcC"}

package/lib/cjs/components/collapsing_menu.js

@@ -35,6 +35,7 @@ var circle_minus_1 = require("../icons/circle_minus");
 var circle_plus_1 = require("../icons/circle_plus");
 var collapsible_1 = require("./collapsible");
 var separator_1 = require("./separator");
+var shared_hooks_1 = require("./shared_hooks");
 function renderIcon(isCollapsed) {
     if (isCollapsed)
         return react_1.default.createElement(circle_plus_1.IconCirclePlus, null);
@@ -43,18 +44,16 @@ function renderIcon(isCollapsed) {
 function CollapsingMenu(_a) {
     var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, collapsedTitle = _a.collapsedTitle, expandedTitle = _a.expandedTitle, getRef = _a.getRef, heading = _a.heading, id = _a.id, _b = _a.initialCollapsed, initialCollapsed = _b === void 0 ? false : _b, name = _a.name, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "collapsedTitle", "expandedTitle", "getRef", "heading", "id", "initialCollapsed", "name"]);
     var className = (0, class_names_1.default)('Menu', 'Menu--tight', 'Menu--contained', _modifierClass);
-    var ariaControlsId = id
-        ? "collapsing-menu-collapsible-content-".concat(id)
-        : null;
+    var collapsibleContentId = (0, shared_hooks_1.useFallbackId)(id);
     return (react_1.default.createElement(collapsible_1.CollapsibleStateProvider, { initialCollapsed: initialCollapsed }, function (_a) {
         var isCollapsed = _a.isCollapsed, toggleCollapsed = _a.toggleCollapsed;
         return (react_1.default.createElement("div", { className: className, ref: getRef },
             react_1.default.createElement("header", { className: "margin-b--none" },
-                react_1.default.createElement("button", __assign({}, (0, data_attributes_1.default)(rest), { "aria-controls": ariaControlsId, "aria-expanded": !isCollapsed, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: "Menu__Title Menu__Toggle", name: name ? "".concat(name, "_toggle") : 'toggle', onClick: toggleCollapsed, title: isCollapsed ? collapsedTitle : expandedTitle, type: "button" }),
+                react_1.default.createElement("button", __assign({}, (0, data_attributes_1.default)(rest), { "aria-controls": collapsibleContentId, "aria-expanded": !isCollapsed, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: "Menu__Title Menu__Toggle", name: name ? "".concat(name, "_toggle") : 'toggle', onClick: toggleCollapsed, title: isCollapsed ? collapsedTitle : expandedTitle, type: "button" }),
                     react_1.default.createElement(flex_1.Flex, { justify: "between", width: "100%" },
                         heading,
-                        react_1.default.createElement("div", { className: "toggle--icon" }, renderIcon(isCollapsed))))),
-            react_1.default.createElement(collapsible_content_1.CollapsibleContent, { id: ariaControlsId, collapsed: isCollapsed },
+                        react_1.default.createElement("div", { className: "Menu__Toggle-Icon" }, renderIcon(isCollapsed))))),
+            react_1.default.createElement(collapsible_content_1.CollapsibleContent, { id: collapsibleContentId, collapsed: isCollapsed },
                 react_1.default.createElement(separator_1.Separator, { size: "0.25" }),
                 children)));
     }));

package/lib/cjs/components/collapsing_menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsing_menu.js","sourceRoot":"","sources":["../../../src/components/collapsing_menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,6EAAyD;AAEzD,+BAA8B;AAC9B,6DAA2D;AAC3D,sDAAwD;AACxD,oDAAsD;AAEtD,6CAAyD;AACzD,yCAAwC;AAaxC,SAAS,UAAU,CAAC,WAAoB;IACtC,IAAI,WAAW;QAAE,OAAO,8BAAC,4BAAc,OAAG,CAAC;IAE3C,OAAO,8BAAC,8BAAe,OAAG,CAAC;AAC7B,CAAC;AAED,SAAgB,cAAc,CAAC,EAcT;IAbpB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,OAAO,aAAA,EACP,EAAE,QAAA,EACF,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,IAAI,UAAA,EACD,IAAI,cAbsB,6KAc9B,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAC1B,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,cAAc,CACf,CAAC;IACF,IAAM,cAAc,GAAG,EAAE;QACvB,CAAC,CAAC,8CAAuC,EAAE,CAAE;QAC7C,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,8BAAC,sCAAwB,IAAC,gBAAgB,EAAE,gBAAgB,IACzD,UAAC,EAAgC;YAA9B,WAAW,iBAAA,EAAE,eAAe,qBAAA;QAAO,OAAA,CACrC,uCAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM;YACpC,0CAAQ,SAAS,EAAC,gBAAgB;gBAChC,qDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,qBACZ,cAAc,mBACd,CAAC,WAAW,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,UAAG,IAAI,YAAS,CAAC,CAAC,CAAC,QAAQ,EACxC,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EACnD,IAAI,EAAC,QAAQ;oBAEb,8BAAC,WAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM;wBACjC,OAAO;wBACR,uCAAK,SAAS,EAAC,cAAc,IAAE,UAAU,CAAC,WAAW,CAAC,CAAO,CACxD,CACA,CACF;YACT,8BAAC,wCAAkB,IAAC,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,WAAW;gBAC5D,8BAAC,qBAAS,IAAC,IAAI,EAAC,MAAM,GAAG;gBACxB,QAAQ,CACU,CACjB,CACP;IA3BsC,CA2BtC,CACwB,CAC5B,CAAC;AACJ,CAAC;AAzDD,wCAyDC"}
+{"version":3,"file":"collapsing_menu.js","sourceRoot":"","sources":["../../../src/components/collapsing_menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,6EAAyD;AAEzD,+BAA8B;AAC9B,6DAA2D;AAC3D,sDAAwD;AACxD,oDAAsD;AAEtD,6CAAyD;AACzD,yCAAwC;AACxC,+CAA+C;AAa/C,SAAS,UAAU,CAAC,WAAoB;IACtC,IAAI,WAAW;QAAE,OAAO,8BAAC,4BAAc,OAAG,CAAC;IAE3C,OAAO,8BAAC,8BAAe,OAAG,CAAC;AAC7B,CAAC;AAED,SAAgB,cAAc,CAAC,EAcT;IAbpB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,OAAO,aAAA,EACP,EAAE,QAAA,EACF,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,IAAI,UAAA,EACD,IAAI,cAbsB,6KAc9B,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAC1B,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,cAAc,CACf,CAAC;IACF,IAAM,oBAAoB,GAAG,IAAA,4BAAa,EAAC,EAAE,CAAC,CAAC;IAE/C,OAAO,CACL,8BAAC,sCAAwB,IAAC,gBAAgB,EAAE,gBAAgB,IACzD,UAAC,EAAgC;YAA9B,WAAW,iBAAA,EAAE,eAAe,qBAAA;QAAO,OAAA,CACrC,uCAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM;YACpC,0CAAQ,SAAS,EAAC,gBAAgB;gBAChC,qDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,qBACZ,oBAAoB,mBACpB,CAAC,WAAW,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,UAAG,IAAI,YAAS,CAAC,CAAC,CAAC,QAAQ,EACxC,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EACnD,IAAI,EAAC,QAAQ;oBAEb,8BAAC,WAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM;wBACjC,OAAO;wBACR,uCAAK,SAAS,EAAC,mBAAmB,IAC/B,UAAU,CAAC,WAAW,CAAC,CACpB,CACD,CACA,CACF;YACT,8BAAC,wCAAkB,IAAC,EAAE,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW;gBAClE,8BAAC,qBAAS,IAAC,IAAI,EAAC,MAAM,GAAG;gBACxB,QAAQ,CACU,CACjB,CACP;IA7BsC,CA6BtC,CACwB,CAC5B,CAAC;AACJ,CAAC;AAzDD,wCAyDC"}

package/lib/cjs/components/common_button.d.ts

@@ -22,8 +22,9 @@ interface CommonButtonProps extends CommonComponentProps {
     onMouseUp?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
     refProp?: string;
     style?: React.CSSProperties;
+    tabIndex?: number;
     title?: string;
     type?: 'button' | 'submit';
 }
-export declare function CommonButton({ 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-pressed': ariaPressed, children, className, disabled, getRef, id, linkComponent, linkProps, name, onBlur, onClick, onFocus, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, refProp, style, title, type, ...rest }: CommonButtonProps): React.JSX.Element;
+export declare function CommonButton({ 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-pressed': ariaPressed, children, className, disabled, getRef, id, linkComponent, linkProps, name, onBlur, onClick, onFocus, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, refProp, style, tabIndex, title, type, ...rest }: CommonButtonProps): React.JSX.Element;
 export {};

package/lib/cjs/components/common_button.js

@@ -41,11 +41,11 @@ function sanitizeProps(props, disabled) {
 }
 function CommonButton(_a) {
     var _b;
-    var ariaControls = _a["aria-controls"], ariaExpanded = _a["aria-expanded"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], ariaPressed = _a["aria-pressed"], children = _a.children, className = _a.className, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, linkComponent = _a.linkComponent, linkProps = _a.linkProps, name = _a.name, onBlur = _a.onBlur, onClick = _a.onClick, onFocus = _a.onFocus, onMouseDown = _a.onMouseDown, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onMouseUp = _a.onMouseUp, _c = _a.refProp, refProp = _c === void 0 ? 'ref' : _c, style = _a.style, title = _a.title, _d = _a.type, type = _d === void 0 ? 'button' : _d, rest = __rest(_a, ['aria-controls', 'aria-expanded', 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-pressed', "children", "className", "disabled", "getRef", "id", "linkComponent", "linkProps", "name", "onBlur", "onClick", "onFocus", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseUp", "refProp", "style", "title", "type"]);
+    var ariaControls = _a["aria-controls"], ariaExpanded = _a["aria-expanded"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], ariaPressed = _a["aria-pressed"], children = _a.children, className = _a.className, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, linkComponent = _a.linkComponent, linkProps = _a.linkProps, name = _a.name, onBlur = _a.onBlur, onClick = _a.onClick, onFocus = _a.onFocus, onMouseDown = _a.onMouseDown, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onMouseUp = _a.onMouseUp, _c = _a.refProp, refProp = _c === void 0 ? 'ref' : _c, style = _a.style, tabIndex = _a.tabIndex, title = _a.title, _d = _a.type, type = _d === void 0 ? 'button' : _d, rest = __rest(_a, ['aria-controls', 'aria-expanded', 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-pressed', "children", "className", "disabled", "getRef", "id", "linkComponent", "linkProps", "name", "onBlur", "onClick", "onFocus", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseUp", "refProp", "style", "tabIndex", "title", "type"]);
     var isLink = !!linkComponent;
     var Component = linkComponent || 'button';
     var refProps = getRef ? (_b = {}, _b[refProp] = getRef, _b) : {};
-    return (react_1.default.createElement(Component, __assign({}, sanitizeProps(linkProps, disabled), refProps, (0, data_attributes_1.default)(rest), { "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-pressed": ariaPressed, className: className, disabled: disabled, id: id, name: name, onBlur: onBlur, onClick: onClick, onFocus: onFocus, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseUp: onMouseUp, onMouseDown: onMouseDown, style: style, tabIndex: isLink && disabled ? -1 : undefined, title: title, type: isLink ? undefined : type }), children));
+    return (react_1.default.createElement(Component, __assign({}, sanitizeProps(linkProps, disabled), refProps, (0, data_attributes_1.default)(rest), { "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-pressed": ariaPressed, className: className, disabled: disabled, id: id, name: name, onBlur: onBlur, onClick: onClick, onFocus: onFocus, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseUp: onMouseUp, onMouseDown: onMouseDown, style: style, tabIndex: isLink && disabled ? -1 : tabIndex, title: title, type: isLink ? undefined : type }), children));
 }
 exports.CommonButton = CommonButton;
 //# sourceMappingURL=common_button.js.map

package/lib/cjs/components/common_button.js.map

@@ -1 +1 @@
-{"version":3,"file":"common_button.js","sourceRoot":"","sources":["../../../src/components/common_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,2DAAqC;AACrC,6EAAyD;AA2BzD,IAAM,qBAAqB,GAAG,CAAC,WAAW,CAAC,CAAC;AAC5C,IAAM,IAAI,GAAG,MAAM,CAAC;AAEpB,SAAS,aAAa,CAAC,KAA8B,EAAE,QAAiB;IACtE,IAAI,CAAC,KAAK;QAAE,OAAO;IAEnB,IAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC,qBAAqB,CAAC,MAAM,CAAC,IAAI,CAAC;QACpC,CAAC,CAAC,qBAAqB,CAAC;IAE1B,OAAO,IAAA,gBAAM,EAAC,KAAK,EAAE,aAAa,CAAC,CAAC;AACtC,CAAC;AAED,SAAgB,YAAY,CAAC,EA2BT;;IA1BlB,IAAiB,YAAY,sBAAA,EACZ,YAAY,sBAAA,EACf,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnB,WAAW,qBAAA,EAC3B,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,KAAK,WAAA,EACL,KAAK,WAAA,EACL,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACZ,IAAI,cA1BoB,mUA2B5B,CADQ;IAEP,IAAM,MAAM,GAAG,CAAC,CAAC,aAAa,CAAC;IAC/B,IAAM,SAAS,GAAG,aAAa,IAAI,QAAQ,CAAC;IAC5C,IAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,WAAG,GAAC,OAAO,IAAG,MAAM,MAAG,CAAC,CAAC,EAAE,CAAC;IAErD,OAAO,CACL,8BAAC,SAAS,eACJ,aAAa,CAAC,SAAS,EAAE,QAAQ,CAAC,EAClC,QAAQ,EACR,IAAA,yBAAiB,EAAC,IAAI,CAAC,qBACZ,YAAY,mBACZ,YAAY,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,kBACnB,WAAW,EACzB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC7C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAE9B,QAAQ,CACC,CACb,CAAC;AACJ,CAAC;AA9DD,oCA8DC"}
+{"version":3,"file":"common_button.js","sourceRoot":"","sources":["../../../src/components/common_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,2DAAqC;AACrC,6EAAyD;AA4BzD,IAAM,qBAAqB,GAAG,CAAC,WAAW,CAAC,CAAC;AAC5C,IAAM,IAAI,GAAG,MAAM,CAAC;AAEpB,SAAS,aAAa,CAAC,KAA8B,EAAE,QAAiB;IACtE,IAAI,CAAC,KAAK;QAAE,OAAO;IAEnB,IAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC,qBAAqB,CAAC,MAAM,CAAC,IAAI,CAAC;QACpC,CAAC,CAAC,qBAAqB,CAAC;IAE1B,OAAO,IAAA,gBAAM,EAAC,KAAK,EAAE,aAAa,CAAC,CAAC;AACtC,CAAC;AAED,SAAgB,YAAY,CAAC,EA4BT;;IA3BlB,IAAiB,YAAY,sBAAA,EACZ,YAAY,sBAAA,EACf,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnB,WAAW,qBAAA,EAC3B,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACZ,IAAI,cA3BoB,+UA4B5B,CADQ;IAEP,IAAM,MAAM,GAAG,CAAC,CAAC,aAAa,CAAC;IAC/B,IAAM,SAAS,GAAG,aAAa,IAAI,QAAQ,CAAC;IAC5C,IAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,WAAG,GAAC,OAAO,IAAG,MAAM,MAAG,CAAC,CAAC,EAAE,CAAC;IAErD,OAAO,CACL,8BAAC,SAAS,eACJ,aAAa,CAAC,SAAS,EAAE,QAAQ,CAAC,EAClC,QAAQ,EACR,IAAA,yBAAiB,EAAC,IAAI,CAAC,qBACZ,YAAY,mBACZ,YAAY,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,kBACnB,WAAW,EACzB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAC5C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAE9B,QAAQ,CACC,CACb,CAAC;AACJ,CAAC;AA/DD,oCA+DC"}

package/lib/cjs/components/common_input.d.ts

@@ -5,6 +5,7 @@ interface CommonInputProps extends CommonComponentProps, ModifierProps {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
     autoComplete?: string;
     autoFocus?: boolean;
+    defaultValue?: number | string;
     disabled?: boolean;
     getRef?: GetRef<HTMLInputElement>;
     id?: string;
@@ -22,11 +23,12 @@ interface CommonInputProps extends CommonComponentProps, ModifierProps {
     placeholder?: string;
     prefix?: React.ReactNode;
     readOnly?: boolean;
+    required?: boolean;
     step?: string | number;
     suffix?: React.ReactNode;
     tabIndex?: number;
     type?: string;
     value?: number | string;
 }
-export declare function CommonInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, autoComplete, autoFocus, disabled, getRef, id, invalid, max, maxLength, min, mini, name, onBlur, onChange, onFocus, onKeyDown, onPaste, placeholder, prefix, readOnly, suffix, step, tabIndex, type, value, ...rest }: CommonInputProps): React.JSX.Element;
+export declare function CommonInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, autoComplete, autoFocus, defaultValue, disabled, getRef, id, invalid, max, maxLength, min, mini, name, onBlur, onChange, onFocus, onKeyDown, onPaste, placeholder, prefix, readOnly, required, suffix, step, tabIndex, type, value, ...rest }: CommonInputProps): React.JSX.Element;
 export {};

package/lib/cjs/components/common_input.js

@@ -33,19 +33,18 @@ var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
 var with_addons_1 = require("./with_addons");
 function CommonInput(_a) {
     var _b;
-    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], autoComplete = _a.autoComplete, autoFocus = _a.autoFocus, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, invalid = _a.invalid, max = _a.max, maxLength = _a.maxLength, min = _a.min, mini = _a.mini, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, placeholder = _a.placeholder, prefix = _a.prefix, readOnly = _a.readOnly, suffix = _a.suffix, step = _a.step, tabIndex = _a.tabIndex, type = _a.type, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "autoComplete", "autoFocus", "disabled", "getRef", "id", "invalid", "max", "maxLength", "min", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "placeholder", "prefix", "readOnly", "suffix", "step", "tabIndex", "type", "value"]);
+    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], autoComplete = _a.autoComplete, autoFocus = _a.autoFocus, defaultValue = _a.defaultValue, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, invalid = _a.invalid, max = _a.max, maxLength = _a.maxLength, min = _a.min, mini = _a.mini, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, placeholder = _a.placeholder, prefix = _a.prefix, readOnly = _a.readOnly, required = _a.required, suffix = _a.suffix, step = _a.step, tabIndex = _a.tabIndex, type = _a.type, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "autoComplete", "autoFocus", "defaultValue", "disabled", "getRef", "id", "invalid", "max", "maxLength", "min", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "placeholder", "prefix", "readOnly", "required", "suffix", "step", "tabIndex", "type", "value"]);
     var affixed = !!prefix || !!suffix;
     var inputClass = (0, class_names_1.default)('Input', (_b = {},
         _b[_modifierClass] = _modifierClass && !affixed,
-        _b['Input--filled'] = value,
         _b['Input--invalid'] = invalid,
         _b['Input--mini'] = mini,
         _b));
     var input = (react_1.default.createElement("input", __assign({}, (0, data_attributes_1.default)(rest), { "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, autoComplete: autoComplete, 
         // eslint-disable-next-line jsx-a11y/no-autofocus
-        autoFocus: autoFocus, className: inputClass, disabled: disabled, id: id, max: max, maxLength: maxLength, min: min, name: name, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onPaste: onPaste, placeholder: placeholder, readOnly: readOnly, ref: getRef, step: step, tabIndex: tabIndex, type: type, value: (0, forms_1.inputValue)(value, onChange) })));
+        autoFocus: autoFocus, className: inputClass, defaultValue: defaultValue, disabled: disabled, id: id, max: max, maxLength: maxLength, min: min, name: name, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onPaste: onPaste, placeholder: placeholder, readOnly: readOnly, required: required, ref: getRef, step: step, tabIndex: tabIndex, type: type, value: (0, forms_1.inputValue)(value, onChange) })));
     if (affixed) {
-        return (react_1.default.createElement(with_addons_1.WithAddons, { _modifierClass: _modifierClass, disabled: disabled, filled: !!value, mini: mini, prefix: prefix, suffix: suffix }, input));
+        return (react_1.default.createElement(with_addons_1.WithAddons, { _modifierClass: _modifierClass, disabled: disabled, mini: mini, prefix: prefix, suffix: suffix }, input));
     }
     return input;
 }

package/lib/cjs/components/common_input.js.map

@@ -1 +1 @@
-{"version":3,"file":"common_input.js","sourceRoot":"","sources":["../../../src/components/common_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,wCAA4C;AAC5C,6EAAyD;AAEzD,6CAA2C;AA8B3C,SAAgB,WAAW,CAAC,EA+BT;;IA9BjB,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACjC,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,OAAO,aAAA,EACP,GAAG,SAAA,EACH,SAAS,eAAA,EACT,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACF,IAAI,cA9BmB,mVA+B3B,CADQ;IAEP,IAAM,OAAO,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC;IAErC,IAAM,UAAU,GAAG,IAAA,qBAAU,EAAC,OAAO;QACnC,GAAC,cAAc,IAAG,cAAc,IAAI,CAAC,OAAO;QAC5C,mBAAe,GAAE,KAAK;QACtB,oBAAgB,GAAE,OAAO;QACzB,iBAAa,GAAE,IAAI;YACnB,CAAC;IAEH,IAAM,KAAK,GAAG,CACZ,oDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,wBACT,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,EAC/B,YAAY,EAAE,YAAY;QAC1B,iDAAiD;QACjD,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,UAAU,EACrB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAA,kBAAU,EAAC,KAAK,EAAE,QAAQ,CAAC,IAClC,CACH,CAAC;IAEF,IAAI,OAAO,EAAE;QACX,OAAO,CACL,8BAAC,wBAAU,IACT,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,CAAC,CAAC,KAAK,EACf,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,IAEb,KAAK,CACK,CACd,CAAC;KACH;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAzFD,kCAyFC"}
+{"version":3,"file":"common_input.js","sourceRoot":"","sources":["../../../src/components/common_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,wCAA4C;AAC5C,6EAAyD;AAEzD,6CAA2C;AAgC3C,SAAgB,WAAW,CAAC,EAiCT;;IAhCjB,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACjC,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,OAAO,aAAA,EACP,GAAG,SAAA,EACH,SAAS,eAAA,EACT,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACF,IAAI,cAhCmB,+WAiC3B,CADQ;IAEP,IAAM,OAAO,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC;IAErC,IAAM,UAAU,GAAG,IAAA,qBAAU,EAAC,OAAO;QACnC,GAAC,cAAc,IAAG,cAAc,IAAI,CAAC,OAAO;QAC5C,oBAAgB,GAAE,OAAO;QACzB,iBAAa,GAAE,IAAI;YACnB,CAAC;IAEH,IAAM,KAAK,GAAG,CACZ,oDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,wBACT,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,EAC/B,YAAY,EAAE,YAAY;QAC1B,iDAAiD;QACjD,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAA,kBAAU,EAAC,KAAK,EAAE,QAAQ,CAAC,IAClC,CACH,CAAC;IAEF,IAAI,OAAO,EAAE;QACX,OAAO,CACL,8BAAC,wBAAU,IACT,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,IAEb,KAAK,CACK,CACd,CAAC;KACH;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AA3FD,kCA2FC"}

package/lib/cjs/components/date_input.d.ts

@@ -1,11 +1,15 @@
 import React from 'react';
 import type { CommonComponentProps, ModifierProps } from '../types';
 import type { GetRef } from '../utils/refs';
+/**
+ * Date string in the yyyy-mm-dd format
+ */
 type DateString = `${number}${number}${number}${number}-${number}${number}-${number}${number}`;
 interface DateInputProps extends CommonComponentProps, ModifierProps {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
     autoComplete?: string;
     autoFocus?: boolean;
+    defaultValue?: number | string;
     disabled?: boolean;
     getRef?: GetRef<HTMLInputElement>;
     id?: string;
@@ -20,9 +24,10 @@ interface DateInputProps extends CommonComponentProps, ModifierProps {
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
     onPaste?: React.ClipboardEventHandler<HTMLInputElement>;
     readOnly?: boolean;
+    required?: boolean;
     step?: string | number;
     tabIndex?: number;
     value?: number | string;
 }
-export declare function DateInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, autoComplete, autoFocus, disabled, getRef, id, invalid, max, min, mini, name, onBlur, onChange, onFocus, onKeyDown, onPaste, readOnly, step, tabIndex, value, ...rest }: DateInputProps): React.JSX.Element;
+export declare function DateInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, autoComplete, autoFocus, defaultValue, disabled, getRef, id, invalid, max, min, mini, name, onBlur, onChange, onFocus, onKeyDown, onPaste, readOnly, required, step, tabIndex, value, ...rest }: DateInputProps): React.JSX.Element;
 export {};

package/lib/cjs/components/date_input.js

@@ -30,8 +30,8 @@ var react_1 = __importDefault(require("react"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
 var common_input_1 = require("./common_input");
 function DateInput(_a) {
-    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], autoComplete = _a.autoComplete, autoFocus = _a.autoFocus, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, invalid = _a.invalid, max = _a.max, min = _a.min, mini = _a.mini, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, readOnly = _a.readOnly, step = _a.step, tabIndex = _a.tabIndex, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "autoComplete", "autoFocus", "disabled", "getRef", "id", "invalid", "max", "min", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "readOnly", "step", "tabIndex", "value"]);
-    return (react_1.default.createElement(common_input_1.CommonInput, __assign({}, (0, data_attributes_1.default)(rest), { _modifierClass: _modifierClass, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, autoComplete: autoComplete, autoFocus: autoFocus, disabled: disabled, getRef: getRef, id: id, invalid: invalid, max: max, min: min, mini: mini, name: name, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onPaste: onPaste, readOnly: readOnly, step: step, tabIndex: tabIndex, type: "date", value: value })));
+    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], autoComplete = _a.autoComplete, autoFocus = _a.autoFocus, defaultValue = _a.defaultValue, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, invalid = _a.invalid, max = _a.max, min = _a.min, mini = _a.mini, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, readOnly = _a.readOnly, required = _a.required, step = _a.step, tabIndex = _a.tabIndex, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "autoComplete", "autoFocus", "defaultValue", "disabled", "getRef", "id", "invalid", "max", "min", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "readOnly", "required", "step", "tabIndex", "value"]);
+    return (react_1.default.createElement(common_input_1.CommonInput, __assign({}, (0, data_attributes_1.default)(rest), { _modifierClass: _modifierClass, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, getRef: getRef, id: id, invalid: invalid, max: max, min: min, mini: mini, name: name, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onPaste: onPaste, readOnly: readOnly, required: required, step: step, tabIndex: tabIndex, type: "date", value: value })));
 }
 exports.DateInput = DateInput;
 //# sourceMappingURL=date_input.js.map

package/lib/cjs/components/date_input.js.map

@@ -1 +1 @@
-{"version":3,"file":"date_input.js","sourceRoot":"","sources":["../../../src/components/date_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,6EAAyD;AAEzD,+CAA6C;AA4B7C,SAAgB,SAAS,CAAC,EA0BT;IAzBf,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACjC,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,OAAO,aAAA,EACP,GAAG,SAAA,EACH,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cAzBiB,2RA0BzB,CADQ;IAEP,OAAO,CACL,8BAAC,0BAAW,eACN,IAAA,yBAAiB,EAAC,IAAI,CAAC,IAC3B,cAAc,EAAE,cAAc,sBACZ,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,EAC/B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC;AAzDD,8BAyDC"}
+{"version":3,"file":"date_input.js","sourceRoot":"","sources":["../../../src/components/date_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,6EAAyD;AAEzD,+CAA6C;AAiC7C,SAAgB,SAAS,CAAC,EA4BT;IA3Bf,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACjC,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,OAAO,aAAA,EACP,GAAG,SAAA,EACH,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cA3BiB,uTA4BzB,CADQ;IAEP,OAAO,CACL,8BAAC,0BAAW,eACN,IAAA,yBAAiB,EAAC,IAAI,CAAC,IAC3B,cAAc,EAAE,cAAc,sBACZ,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,EAC/B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC;AA7DD,8BA6DC"}

package/lib/cjs/components/drag_and_drop.js

@@ -74,8 +74,8 @@ function DragAndDrop(_a) {
         if (onDragLeave)
             onDragLeave(event);
     }
-    return (react_1.default.createElement("div", { className: className, onDragOver: disabled ? undefined : onDragOver, onDragEnter: disabled ? undefined : handleEnter, onDragLeave: disabled ? undefined : handleLeave, onDrop: disabled ? undefined : onDrop, tabIndex: tabIndex || 0 },
-        react_1.default.createElement("input", __assign({}, (0, data_attributes_1.default)(rest), { accept: accept, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: fileInputClassName, disabled: disabled, id: id, multiple: multiple, name: name, onChange: onChange, ref: getRef, type: "file", value: value })),
+    return (react_1.default.createElement("div", { className: className, onDragOver: disabled ? undefined : onDragOver, onDragEnter: disabled ? undefined : handleEnter, onDragLeave: disabled ? undefined : handleLeave, onDrop: disabled ? undefined : onDrop },
+        react_1.default.createElement("input", __assign({}, (0, data_attributes_1.default)(rest), { accept: accept, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: fileInputClassName, disabled: disabled, id: id, multiple: multiple, name: name, onChange: onChange, ref: getRef, tabIndex: tabIndex, type: "file", value: value })),
         children));
 }
 exports.DragAndDrop = DragAndDrop;

package/lib/cjs/components/drag_and_drop.js.map

@@ -1 +1 @@
-{"version":3,"file":"drag_and_drop.js","sourceRoot":"","sources":["../../../src/components/drag_and_drop.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAKxC,qEAA8C;AAC9C,6EAAyD;AAqBzD,SAAgB,WAAW,CAAC,EAsBT;IArBjB,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACP,IAAI,cArBmB,wPAsB3B,CADQ;IAED,IAAA,KAAgC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAC;IACtD,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,eAAe,EAAE,cAAc,EAAE;QAC5D,6BAA6B,EAAE,WAAW;QAC1C,sBAAsB,EAAE,KAAK;QAC7B,wBAAwB,EAAE,OAAO;QACjC,yBAAyB,EAAE,QAAQ;KACpC,CAAC,CAAC;IAEH,IAAM,kBAAkB,GAAG,IAAA,qBAAU,EAAC,2BAA2B,EAAE;QACjE,qCAAqC,EAAE,QAAQ;KAChD,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,KAAwC;QAC3D,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,WAAW;YAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,SAAS,WAAW,CAAC,KAAwC;QAC3D,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,IAAI,WAAW;YAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,CACL,uCACE,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAC7C,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC/C,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC/C,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EACrC,QAAQ,EAAE,QAAQ,IAAI,CAAC;QAEvB,oDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,IAC3B,MAAM,EAAE,MAAM,gBACF,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,kBAAkB,EAC7B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,IACZ;QACD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAzED,kCAyEC"}
+{"version":3,"file":"drag_and_drop.js","sourceRoot":"","sources":["../../../src/components/drag_and_drop.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAKxC,qEAA8C;AAC9C,6EAAyD;AAqBzD,SAAgB,WAAW,CAAC,EAsBT;IArBjB,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACP,IAAI,cArBmB,wPAsB3B,CADQ;IAED,IAAA,KAAgC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAC;IACtD,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,eAAe,EAAE,cAAc,EAAE;QAC5D,6BAA6B,EAAE,WAAW;QAC1C,sBAAsB,EAAE,KAAK;QAC7B,wBAAwB,EAAE,OAAO;QACjC,yBAAyB,EAAE,QAAQ;KACpC,CAAC,CAAC;IAEH,IAAM,kBAAkB,GAAG,IAAA,qBAAU,EAAC,2BAA2B,EAAE;QACjE,qCAAqC,EAAE,QAAQ;KAChD,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,KAAwC;QAC3D,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,WAAW;YAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,SAAS,WAAW,CAAC,KAAwC;QAC3D,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,IAAI,WAAW;YAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,CACL,uCACE,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAC7C,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC/C,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC/C,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;QAErC,oDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,IAC3B,MAAM,EAAE,MAAM,gBACF,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,kBAAkB,EAC7B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,IACZ;QACD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAzED,kCAyEC"}

package/lib/cjs/components/email_input.d.ts

@@ -5,6 +5,7 @@ interface EmailInputProps extends CommonComponentProps, ModifierProps {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
     autoComplete?: string;
     autoFocus?: boolean;
+    defaultValue?: number | string;
     disabled?: boolean;
     getRef?: GetRef<HTMLInputElement>;
     id?: string;
@@ -20,9 +21,10 @@ interface EmailInputProps extends CommonComponentProps, ModifierProps {
     placeholder?: string;
     prefix?: React.ReactNode;
     readOnly?: boolean;
+    required?: boolean;
     suffix?: React.ReactNode;
     tabIndex?: number;
     value?: number | string;
 }
-export declare function EmailInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, autoComplete, autoFocus, disabled, getRef, id, invalid, maxLength, mini, name, onBlur, onChange, onFocus, onKeyDown, onPaste, placeholder, prefix, readOnly, suffix, tabIndex, value, ...rest }: EmailInputProps): React.JSX.Element;
+export declare function EmailInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, autoComplete, autoFocus, defaultValue, disabled, getRef, id, invalid, maxLength, mini, name, onBlur, onChange, onFocus, onKeyDown, onPaste, placeholder, prefix, readOnly, required, suffix, tabIndex, value, ...rest }: EmailInputProps): React.JSX.Element;
 export {};

package/lib/cjs/components/email_input.js

@@ -30,8 +30,8 @@ var react_1 = __importDefault(require("react"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
 var common_input_1 = require("./common_input");
 function EmailInput(_a) {
-    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], autoComplete = _a.autoComplete, autoFocus = _a.autoFocus, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, invalid = _a.invalid, maxLength = _a.maxLength, mini = _a.mini, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, placeholder = _a.placeholder, prefix = _a.prefix, readOnly = _a.readOnly, suffix = _a.suffix, tabIndex = _a.tabIndex, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "autoComplete", "autoFocus", "disabled", "getRef", "id", "invalid", "maxLength", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "placeholder", "prefix", "readOnly", "suffix", "tabIndex", "value"]);
-    return (react_1.default.createElement(common_input_1.CommonInput, __assign({}, (0, data_attributes_1.default)(rest), { _modifierClass: _modifierClass, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, autoComplete: autoComplete, autoFocus: autoFocus, disabled: disabled, getRef: getRef, id: id, invalid: invalid, maxLength: maxLength, mini: mini, name: name, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onPaste: onPaste, placeholder: placeholder, prefix: prefix, readOnly: readOnly, suffix: suffix, tabIndex: tabIndex, type: "email", value: value })));
+    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], autoComplete = _a.autoComplete, autoFocus = _a.autoFocus, defaultValue = _a.defaultValue, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, invalid = _a.invalid, maxLength = _a.maxLength, mini = _a.mini, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, placeholder = _a.placeholder, prefix = _a.prefix, readOnly = _a.readOnly, required = _a.required, suffix = _a.suffix, tabIndex = _a.tabIndex, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "autoComplete", "autoFocus", "defaultValue", "disabled", "getRef", "id", "invalid", "maxLength", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "placeholder", "prefix", "readOnly", "required", "suffix", "tabIndex", "value"]);
+    return (react_1.default.createElement(common_input_1.CommonInput, __assign({}, (0, data_attributes_1.default)(rest), { _modifierClass: _modifierClass, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, getRef: getRef, id: id, invalid: invalid, maxLength: maxLength, mini: mini, name: name, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onPaste: onPaste, placeholder: placeholder, prefix: prefix, readOnly: readOnly, required: required, suffix: suffix, tabIndex: tabIndex, type: "email", value: value })));
 }
 exports.EmailInput = EmailInput;
 //# sourceMappingURL=email_input.js.map