@dscout/particle 1.0.0-alpha.21 → 1.0.0-alpha.22

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

@@ -12,8 +12,9 @@ interface AttributeInputProps extends CommonComponentProps, ModifierProps {
     name?: string;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     readOnly?: boolean;
+    required?: boolean;
     tabIndex?: number;
     value: number | string;
 }
-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 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, required, tabIndex, ...rest }: AttributeInputProps): React.JSX.Element;
 export {};

package/lib/cjs/components/attribute_input.js

@@ -31,14 +31,14 @@ var class_names_1 = __importDefault(require("../utils/class_names"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
 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"], 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 _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, required = _a.required, 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", "required", "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, defaultChecked: defaultChecked, 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, required: required, 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,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"}
+{"version":3,"file":"attribute_input.js","sourceRoot":"","sources":["../../../src/components/attribute_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,6EAAyD;AAEzD,+CAA+C;AAkB/C,SAAgB,cAAc,CAAC,EAmBT;IAlBpB,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,EACR,QAAQ,cAAA,EACL,IAAI,cAlBsB,0NAmB9B,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,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;AAvDD,wCAuDC"}

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

@@ -15,7 +15,8 @@ interface AttributeSelectorProps extends CommonComponentProps, ModifierProps {
     name?: string;
     onClick: (value: string) => void;
     readOnly?: boolean;
+    required?: boolean;
     selected?: keyof AttributesMap;
 }
-export declare function AttributeSelector({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, attributes, disabled, getRef, id, name, onClick, readOnly, selected, ...rest }: AttributeSelectorProps): React.JSX.Element;
+export declare function AttributeSelector({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, attributes, disabled, getRef, id, name, onClick, readOnly, required, selected, ...rest }: AttributeSelectorProps): React.JSX.Element;
 export {};

package/lib/cjs/components/attribute_selector.js

@@ -31,14 +31,14 @@ var class_names_1 = __importDefault(require("../utils/class_names"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
 var attribute_input_1 = require("./attribute_input");
 function AttributeSelector(_a) {
-    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], attributes = _a.attributes, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, name = _a.name, onClick = _a.onClick, readOnly = _a.readOnly, selected = _a.selected, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "attributes", "disabled", "getRef", "id", "name", "onClick", "readOnly", "selected"]);
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], attributes = _a.attributes, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, name = _a.name, onClick = _a.onClick, readOnly = _a.readOnly, required = _a.required, selected = _a.selected, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "attributes", "disabled", "getRef", "id", "name", "onClick", "readOnly", "required", "selected"]);
     function handleAttributeSelected(_a) {
         var target = _a.target;
         if (onClick)
             onClick(target.value);
     }
     function renderAttribute(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(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, required: required, 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;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"}
+{"version":3,"file":"attribute_selector.js","sourceRoot":"","sources":["../../../src/components/attribute_selector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,6EAAyD;AAEzD,qDAAmD;AAqBnD,SAAgB,iBAAiB,CAAC,EAeT;IAdvB,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,EACR,QAAQ,cAAA,EACL,IAAI,cAdyB,wKAejC,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,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;AAvDD,8CAuDC"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type RefObject } from 'react';
 import type { CommonComponentProps } from '../types';
 import type { GetRef } from '../utils/refs';
 interface BlitzProps extends CommonComponentProps {
@@ -6,7 +6,7 @@ interface BlitzProps extends CommonComponentProps {
     closeButtonTitle?: string;
     getRef?: GetRef<HTMLDivElement>;
     id?: string;
-    initialFocusOn?: Element | string;
+    initialFocusOn?: RefObject<Element> | Element | string;
     isVisible?: boolean;
     requestClose?: () => void;
     type?: 'alert' | 'notification' | 'coaching';

package/lib/cjs/components/blitz.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.Blitz = 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,17 +60,18 @@ var CLOSE_BUTTON_NAME = 'close';
 var DEFAULT_FOCUS_SELECTOR = "button[name=\"".concat(CLOSE_BUTTON_NAME, "\"]");
 function Blitz(_a) {
     var ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, _b = _a.closeButtonTitle, closeButtonTitle = _b === void 0 ? 'Close' : _b, getRef = _a.getRef, id = _a.id, initialFocusOn = _a.initialFocusOn, isVisible = _a.isVisible, requestClose = _a.requestClose, _c = _a.type, type = _c === void 0 ? 'notification' : _c, rest = __rest(_a, ['aria-label', 'aria-labelledby', 'aria-describedby', "children", "closeButtonTitle", "getRef", "id", "initialFocusOn", "isVisible", "requestClose", "type"]);
+    var labelId = (0, react_1.useId)();
     var wrapperClassName = (0, class_names_1.default)('Blitz__Wrapper', {
         'Blitz__Wrapper--show': isVisible
     });
-    var alertClassName = (0, class_names_1.default)('Blitz', 'flex', {
+    var alertClassName = (0, class_names_1.default)('Blitz', 'flex', 'color--invert', {
         'bg-color--dscout': type === 'notification',
         'bg-color--alert': type === 'alert',
         'bg-color--coachmark': type === 'coaching'
     });
     return (react_1.default.createElement("div", __assign({}, (0, data_attributes_1.default)(rest), { className: wrapperClassName }),
-        react_1.default.createElement(focus_trap_1.FocusTrap, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: alertClassName, fallbackFocusOn: DEFAULT_FOCUS_SELECTOR, getRef: getRef, id: id, initialFocusOn: initialFocusOn, role: "alertdialog", setInitialFocus: isVisible },
-            children,
+        react_1.default.createElement(focus_trap_1.FocusTrap, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby || labelId, "aria-describedby": ariaDescribedby, className: alertClassName, fallbackFocusOn: DEFAULT_FOCUS_SELECTOR, getRef: getRef, id: id, initialFocusOn: initialFocusOn, role: "alertdialog", setInitialFocus: isVisible },
+            react_1.default.createElement("span", { className: "flex", id: labelId }, children),
             react_1.default.createElement(modifier_1.Modifier, { margin: { left: '1' } },
                 react_1.default.createElement(button_plain_1.ButtonPlain, { "aria-label": closeButtonTitle, name: CLOSE_BUTTON_NAME, onClick: requestClose, title: closeButtonTitle },
                     react_1.default.createElement(x_1.IconX, { "aria-hidden": true }))))));

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

@@ -1 +1 @@
-{"version":3,"file":"blitz.js","sourceRoot":"","sources":["../../../src/components/blitz.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAAsC;AACtC,6EAAyD;AAEzD,+CAA6C;AAC7C,2CAAyC;AACzC,gCAAmC;AACnC,uCAAsC;AAatC,IAAM,iBAAiB,GAAG,OAAO,CAAC;AAClC,IAAM,sBAAsB,GAAG,wBAAgB,iBAAiB,QAAI,CAAC;AAErE,SAAgB,KAAK,CAAC,EAaT;IAZX,IAAc,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,wBAA0B,EAA1B,gBAAgB,mBAAG,OAAO,KAAA,EAC1B,MAAM,YAAA,EACN,EAAE,QAAA,EACF,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,YAAqB,EAArB,IAAI,mBAAG,cAAc,KAAA,EAClB,IAAI,cAZa,4JAarB,CADQ;IAEP,IAAM,gBAAgB,GAAG,IAAA,qBAAE,EAAC,gBAAgB,EAAE;QAC5C,sBAAsB,EAAE,SAAS;KAClC,CAAC,CAAC;IAEH,IAAM,cAAc,GAAG,IAAA,qBAAE,EAAC,OAAO,EAAE,MAAM,EAAE;QACzC,kBAAkB,EAAE,IAAI,KAAK,cAAc;QAC3C,iBAAiB,EAAE,IAAI,KAAK,OAAO;QACnC,qBAAqB,EAAE,IAAI,KAAK,UAAU;KAC3C,CAAC,CAAC;IAEH,OAAO,CACL,kDAAS,IAAA,yBAAiB,EAAC,IAAI,CAAC,IAAE,SAAS,EAAE,gBAAgB;QAC3D,8BAAC,sBAAS,kBACI,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,cAAc,EACzB,eAAe,EAAE,sBAAsB,EACvC,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAC,aAAa,EAClB,eAAe,EAAE,SAAS;YAEzB,QAAQ;YACT,8BAAC,mBAAQ,IAAC,MAAM,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;gBAC7B,8BAAC,0BAAW,kBACE,gBAAgB,EAC5B,IAAI,EAAE,iBAAiB,EACvB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,gBAAgB;oBAEvB,8BAAC,SAAK,0BAAe,CACT,CACL,CACD,CACR,CACP,CAAC;AACJ,CAAC;AApDD,sBAoDC"}
+{"version":3,"file":"blitz.js","sourceRoot":"","sources":["../../../src/components/blitz.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAqD;AAKrD,qEAAsC;AACtC,6EAAyD;AAEzD,+CAA6C;AAC7C,2CAAyC;AACzC,gCAAmC;AACnC,uCAAsC;AAatC,IAAM,iBAAiB,GAAG,OAAO,CAAC;AAClC,IAAM,sBAAsB,GAAG,wBAAgB,iBAAiB,QAAI,CAAC;AAErE,SAAgB,KAAK,CAAC,EAaT;IAZX,IAAc,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,wBAA0B,EAA1B,gBAAgB,mBAAG,OAAO,KAAA,EAC1B,MAAM,YAAA,EACN,EAAE,QAAA,EACF,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,YAAqB,EAArB,IAAI,mBAAG,cAAc,KAAA,EAClB,IAAI,cAZa,4JAarB,CADQ;IAEP,IAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IAExB,IAAM,gBAAgB,GAAG,IAAA,qBAAE,EAAC,gBAAgB,EAAE;QAC5C,sBAAsB,EAAE,SAAS;KAClC,CAAC,CAAC;IAEH,IAAM,cAAc,GAAG,IAAA,qBAAE,EAAC,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE;QAC1D,kBAAkB,EAAE,IAAI,KAAK,cAAc;QAC3C,iBAAiB,EAAE,IAAI,KAAK,OAAO;QACnC,qBAAqB,EAAE,IAAI,KAAK,UAAU;KAC3C,CAAC,CAAC;IAEH,OAAO,CACL,kDAAS,IAAA,yBAAiB,EAAC,IAAI,CAAC,IAAE,SAAS,EAAE,gBAAgB;QAC3D,8BAAC,sBAAS,kBACI,SAAS,qBACJ,cAAc,IAAI,OAAO,sBACxB,eAAe,EACjC,SAAS,EAAE,cAAc,EACzB,eAAe,EAAE,sBAAsB,EACvC,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAC,aAAa,EAClB,eAAe,EAAE,SAAS;YAE1B,wCAAM,SAAS,EAAC,MAAM,EAAC,EAAE,EAAE,OAAO,IAC/B,QAAQ,CACJ;YACP,8BAAC,mBAAQ,IAAC,MAAM,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;gBAC7B,8BAAC,0BAAW,kBACE,gBAAgB,EAC5B,IAAI,EAAE,iBAAiB,EACvB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,gBAAgB;oBAEvB,8BAAC,SAAK,0BAAe,CACT,CACL,CACD,CACR,CACP,CAAC;AACJ,CAAC;AAxDD,sBAwDC"}

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

@@ -3,6 +3,7 @@ import type { GetRef } from '../utils/refs';
 import type { Colors, CommonComponentProps, ModifierProps } from '../types';
 interface CheckboxInputProps extends CommonComponentProps, ModifierProps {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
+    'aria-required'?: React.AriaAttributes['aria-required'];
     checked?: boolean;
     color?: Colors;
     defaultChecked?: boolean;
@@ -14,8 +15,9 @@ interface CheckboxInputProps extends CommonComponentProps, ModifierProps {
     name?: string;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     readOnly?: boolean;
+    required?: boolean;
     tabIndex?: number;
     value?: number | string;
 }
-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 declare function CheckboxInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-required': ariaRequired, checked, color, defaultChecked, disabled, getRef, id, indeterminate, label, name, onChange, readOnly, required, tabIndex, value, ...rest }: CheckboxInputProps): React.JSX.Element;
 export {};

package/lib/cjs/components/checkbox_input.js

@@ -40,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, 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 _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaRequired = _a["aria-required"], 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, required = _a.required, tabIndex = _a.tabIndex, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', 'aria-required', "checked", "color", "defaultChecked", "disabled", "getRef", "id", "indeterminate", "label", "name", "onChange", "readOnly", "required", "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", defaultChecked: defaultChecked, 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, "aria-required": ariaRequired, checked: checked, className: "Selector__Checkbox", defaultChecked: defaultChecked, disabled: disabled || readOnly, id: checkboxId, name: name, onChange: onChange, readOnly: readOnly, required: required, 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,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"}
+{"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;AAqB5E,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,EAsBT;IArBnB,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EAChB,YAAY,sBAAA,EAC7B,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,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cArBqB,qQAsB7B,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,mBAChB,YAAY,EAC3B,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,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;AA/DD,sCA+DC"}

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

@@ -2,6 +2,7 @@ import React from 'react';
 import type { CommonComponentProps, ModifierProps } from '../types';
 import type { GetRef } from '../utils/refs';
 interface DragAndDropProps extends CommonComponentProps, ModifierProps {
+    'aria-required'?: React.AriaAttributes['aria-required'];
     accept?: string;
     children?: React.ReactNode;
     disabled?: boolean;
@@ -15,9 +16,10 @@ interface DragAndDropProps extends CommonComponentProps, ModifierProps {
     onDragLeave?: React.DragEventHandler<HTMLInputElement>;
     onDragOver?: React.DragEventHandler<HTMLInputElement>;
     onDrop?: React.DragEventHandler<HTMLInputElement>;
+    required?: boolean;
     success?: boolean;
     tabIndex?: number;
     value?: string;
 }
-export declare function DragAndDrop({ _modifierClass, accept, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, error, children, disabled, getRef, id, multiple, name, onChange, onDrop, onDragEnter, onDragOver, onDragLeave, success, tabIndex, value, ...rest }: DragAndDropProps): React.JSX.Element;
+export declare function DragAndDrop({ _modifierClass, accept, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-required': ariaRequired, error, children, disabled, getRef, id, multiple, name, onChange, onDrop, onDragEnter, onDragOver, onDragLeave, required, success, tabIndex, value, ...rest }: DragAndDropProps): React.JSX.Element;
 export {};

package/lib/cjs/components/drag_and_drop.js

@@ -53,7 +53,7 @@ var react_1 = __importStar(require("react"));
 var class_names_1 = __importDefault(require("../utils/class_names"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
 function DragAndDrop(_a) {
-    var _modifierClass = _a._modifierClass, accept = _a.accept, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], error = _a.error, children = _a.children, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, multiple = _a.multiple, name = _a.name, onChange = _a.onChange, onDrop = _a.onDrop, onDragEnter = _a.onDragEnter, onDragOver = _a.onDragOver, onDragLeave = _a.onDragLeave, success = _a.success, tabIndex = _a.tabIndex, _b = _a.value, value = _b === void 0 ? '' : _b, rest = __rest(_a, ["_modifierClass", "accept", 'aria-label', 'aria-labelledby', 'aria-describedby', "error", "children", "disabled", "getRef", "id", "multiple", "name", "onChange", "onDrop", "onDragEnter", "onDragOver", "onDragLeave", "success", "tabIndex", "value"]);
+    var _modifierClass = _a._modifierClass, accept = _a.accept, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], ariaRequired = _a["aria-required"], error = _a.error, children = _a.children, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, multiple = _a.multiple, name = _a.name, onChange = _a.onChange, onDrop = _a.onDrop, onDragEnter = _a.onDragEnter, onDragOver = _a.onDragOver, onDragLeave = _a.onDragLeave, required = _a.required, success = _a.success, tabIndex = _a.tabIndex, _b = _a.value, value = _b === void 0 ? '' : _b, rest = __rest(_a, ["_modifierClass", "accept", 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-required', "error", "children", "disabled", "getRef", "id", "multiple", "name", "onChange", "onDrop", "onDragEnter", "onDragOver", "onDragLeave", "required", "success", "tabIndex", "value"]);
     var _c = (0, react_1.useState)(false), draggedOver = _c[0], setDraggedOver = _c[1];
     var className = (0, class_names_1.default)('Drag-and-Drop', _modifierClass, {
         'Drag-and-Drop--dragged-over': draggedOver,
@@ -75,7 +75,7 @@ function DragAndDrop(_a) {
             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 },
-        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 })),
+        react_1.default.createElement("input", __assign({}, (0, data_attributes_1.default)(rest), { accept: accept, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-required": ariaRequired, className: fileInputClassName, disabled: disabled, id: id, multiple: multiple, name: name, onChange: onChange, ref: getRef, required: required, 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;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"}
+{"version":3,"file":"drag_and_drop.js","sourceRoot":"","sources":["../../../src/components/drag_and_drop.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAKxC,qEAA8C;AAC9C,6EAAyD;AAuBzD,SAAgB,WAAW,CAAC,EAwBT;IAvBjB,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EAClB,YAAY,sBAAA,EAC7B,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,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACP,IAAI,cAvBmB,qRAwB3B,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,mBAClB,YAAY,EAC3B,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,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,IACZ;QACD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AA7ED,kCA6EC"}

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

@@ -4,15 +4,17 @@ import type { GetRef } from '../utils/refs';
 interface FileInputProps extends CommonComponentProps, ModifierProps {
     accept?: string;
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
+    'aria-required'?: React.AriaAttributes['aria-required'];
     filename?: string;
     getRef?: GetRef<HTMLInputElement>;
     id?: string;
     label?: string;
     multiple?: boolean;
     name?: string;
+    required?: boolean;
     value?: string;
     tabIndex?: number;
     onChange?: React.ChangeEventHandler;
 }
-export declare function FileInput({ _modifierClass, accept, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, filename, getRef, id, label, multiple, name, value, tabIndex, onChange, ...rest }: FileInputProps): React.JSX.Element;
+export declare function FileInput({ _modifierClass, accept, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-required': ariaRequired, filename, getRef, id, label, multiple, name, required, value, tabIndex, onChange, ...rest }: FileInputProps): React.JSX.Element;
 export {};

package/lib/cjs/components/file_input.js

@@ -30,10 +30,10 @@ var react_1 = __importDefault(require("react"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
 var shared_hooks_1 = require("./shared_hooks");
 function FileInput(_a) {
-    var _modifierClass = _a._modifierClass, accept = _a.accept, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], filename = _a.filename, getRef = _a.getRef, id = _a.id, label = _a.label, multiple = _a.multiple, name = _a.name, _b = _a.value, value = _b === void 0 ? '' : _b, tabIndex = _a.tabIndex, onChange = _a.onChange, rest = __rest(_a, ["_modifierClass", "accept", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "filename", "getRef", "id", "label", "multiple", "name", "value", "tabIndex", "onChange"]);
+    var _modifierClass = _a._modifierClass, accept = _a.accept, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaRequired = _a["aria-required"], filename = _a.filename, getRef = _a.getRef, id = _a.id, label = _a.label, multiple = _a.multiple, name = _a.name, required = _a.required, _b = _a.value, value = _b === void 0 ? '' : _b, tabIndex = _a.tabIndex, onChange = _a.onChange, rest = __rest(_a, ["_modifierClass", "accept", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', 'aria-required', "filename", "getRef", "id", "label", "multiple", "name", "required", "value", "tabIndex", "onChange"]);
     var inputId = (0, shared_hooks_1.useFallbackId)(id);
     return (react_1.default.createElement("div", { className: _modifierClass },
-        react_1.default.createElement("input", __assign({}, (0, data_attributes_1.default)(rest), { accept: accept, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ref: getRef, id: inputId, className: "File-Input", multiple: multiple, name: name, value: value, onChange: onChange, tabIndex: tabIndex, type: "file" })),
+        react_1.default.createElement("input", __assign({}, (0, data_attributes_1.default)(rest), { accept: accept, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-required": ariaRequired, ref: getRef, id: inputId, className: "File-Input", multiple: multiple, name: name, required: required, value: value, onChange: onChange, tabIndex: tabIndex, type: "file" })),
         react_1.default.createElement("label", { htmlFor: inputId, className: "File-Input__Label Button Button--small Button--color-dscout" }, label),
         !!filename && (react_1.default.createElement("span", { className: "color--gray-2 margin-l--0.75" }, filename))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"file_input.js","sourceRoot":"","sources":["../../../src/components/file_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,6EAAyD;AACzD,+CAA+C;AAgB/C,SAAgB,SAAS,CAAC,EAiBT;IAhBf,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACc,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACjC,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAhBiB,2LAiBzB,CADQ;IAEP,IAAM,OAAO,GAAG,IAAA,4BAAa,EAAC,EAAE,CAAC,CAAC;IAElC,OAAO,CACL,uCAAK,SAAS,EAAE,cAAc;QAC5B,oDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,IAC3B,MAAM,EAAE,MAAM,sBACI,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,EAC/B,GAAG,EAAE,MAAM,EACX,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,MAAM,IACX;QACF,yCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,6DAA6D,IAEtE,KAAK,CACA;QACP,CAAC,CAAC,QAAQ,IAAI,CACb,wCAAM,SAAS,EAAC,8BAA8B,IAAE,QAAQ,CAAQ,CACjE,CACG,CACP,CAAC;AACJ,CAAC;AAlDD,8BAkDC"}
+{"version":3,"file":"file_input.js","sourceRoot":"","sources":["../../../src/components/file_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,6EAAyD;AACzD,+CAA+C;AAkB/C,SAAgB,SAAS,CAAC,EAmBT;IAlBf,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACc,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EAChB,YAAY,sBAAA,EAC7B,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAlBiB,wNAmBzB,CADQ;IAEP,IAAM,OAAO,GAAG,IAAA,4BAAa,EAAC,EAAE,CAAC,CAAC;IAElC,OAAO,CACL,uCAAK,SAAS,EAAE,cAAc;QAC5B,oDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,IAC3B,MAAM,EAAE,MAAM,sBACI,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,mBAChB,YAAY,EAC3B,GAAG,EAAE,MAAM,EACX,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,MAAM,IACX;QACF,yCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,6DAA6D,IAEtE,KAAK,CACA;QACP,CAAC,CAAC,QAAQ,IAAI,CACb,wCAAM,SAAS,EAAC,8BAA8B,IAAE,QAAQ,CAAQ,CACjE,CACG,CACP,CAAC;AACJ,CAAC;AAtDD,8BAsDC"}

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

@@ -7,7 +7,7 @@ interface FocusTrapProps extends CommonComponentProps {
     children?: React.ReactNode;
     fallbackFocusOn?: RefObject<Element> | Element | string;
     getRef?: GetRef<HTMLDivElement | HTMLSpanElement>;
-    initialFocusOn?: Element | string;
+    initialFocusOn?: RefObject<Element> | Element | string;
     refProp?: string;
     setInitialFocus?: boolean;
     [key: string]: unknown;

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

@@ -1,11 +1,11 @@
-import React from 'react';
+import React, { type RefObject } from 'react';
 import type { CommonComponentProps, Spacing } from '../types';
 import type { GetRef } from '../utils/refs';
 interface ModalProps extends CommonComponentProps {
     animationDuration?: number;
     backdropColor?: 'coachmark' | 'default' | 'dscout' | 'main' | 'success';
     children?: React.ReactNode;
-    initialFocusOn?: Element | string;
+    initialFocusOn?: RefObject<Element> | Element | string;
     getRef?: GetRef;
     id?: string;
     isOpen?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modal.tsx"],"names":[],"mappings":"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"}

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

@@ -13,8 +13,9 @@ interface RadioInputProps extends CommonComponentProps, ModifierProps {
     name?: string;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     readOnly?: boolean;
+    required?: boolean;
     tabIndex?: number;
     value?: number | string;
 }
-export declare function RadioInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, checked, color, defaultChecked, disabled, getRef, id, label, name, onChange, readOnly, tabIndex, value, ...rest }: RadioInputProps): React.JSX.Element;
+export declare function RadioInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, checked, color, defaultChecked, disabled, getRef, id, label, name, onChange, readOnly, required, tabIndex, value, ...rest }: RadioInputProps): React.JSX.Element;
 export {};

package/lib/cjs/components/radio_input.js

@@ -33,13 +33,13 @@ var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
 var shared_hooks_1 = require("./shared_hooks");
 var radio_circle_1 = require("../icons/radio_circle");
 function RadioInput(_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, defaultChecked = _a.defaultChecked, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, 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", "label", "name", "onChange", "readOnly", "tabIndex", "value"]);
+    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, label = _a.label, name = _a.name, onChange = _a.onChange, readOnly = _a.readOnly, required = _a.required, tabIndex = _a.tabIndex, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "checked", "color", "defaultChecked", "disabled", "getRef", "id", "label", "name", "onChange", "readOnly", "required", "tabIndex", "value"]);
     var radioId = (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__Radio", defaultChecked: defaultChecked, disabled: disabled, id: radioId, name: name, onChange: onChange, readOnly: readOnly, ref: getRef, tabIndex: tabIndex, type: "radio", value: (0, forms_1.inputValue)(value, onChange) })),
+        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__Radio", defaultChecked: defaultChecked, disabled: disabled, id: radioId, name: name, onChange: onChange, readOnly: readOnly, required: required, ref: getRef, tabIndex: tabIndex, type: "radio", value: (0, forms_1.inputValue)(value, onChange) })),
         react_1.default.createElement("div", { className: (0, class_names_1.default)('Selector__Field', "color--".concat(color)) }),
         label && (react_1.default.createElement("label", { className: "Selector__Label", htmlFor: radioId }, label)),
         react_1.default.createElement(radio_circle_1.IconRadioCircle, { "aria-hidden": true })));

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

@@ -1 +1 @@
-{"version":3,"file":"radio_input.js","sourceRoot":"","sources":["../../../src/components/radio_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,wCAA4C;AAC5C,6EAAyD;AAEzD,+CAA+C;AAE/C,sDAAwD;AAkBxD,SAAgB,UAAU,CAAC,EAmBT;IAlBhB,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,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cAlBkB,uNAmB1B,CADQ;IAEP,IAAM,OAAO,GAAG,IAAA,4BAAa,EAAC,EAAE,CAAC,CAAC;IAElC,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,UAAU,EAAE,cAAc,EAAE;QACvD,sBAAsB,EAAE,KAAK;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS;QAEvB,oDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,wBACT,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,EAC/B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,iBAAiB,EAC3B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,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,OAAO,IAChD,KAAK,CACA,CACT;QACD,8BAAC,8BAAe,0BAAe,CAC3B,CACP,CAAC;AACJ,CAAC;AAzDD,gCAyDC"}
+{"version":3,"file":"radio_input.js","sourceRoot":"","sources":["../../../src/components/radio_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,wCAA4C;AAC5C,6EAAyD;AAEzD,+CAA+C;AAE/C,sDAAwD;AAmBxD,SAAgB,UAAU,CAAC,EAoBT;IAnBhB,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,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cAnBkB,mOAoB1B,CADQ;IAEP,IAAM,OAAO,GAAG,IAAA,4BAAa,EAAC,EAAE,CAAC,CAAC;IAElC,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,UAAU,EAAE,cAAc,EAAE;QACvD,sBAAsB,EAAE,KAAK;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS;QAEvB,oDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,wBACT,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,EAC/B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,iBAAiB,EAC3B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,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,OAAO,IAChD,KAAK,CACA,CACT;QACD,8BAAC,8BAAe,0BAAe,CAC3B,CACP,CAAC;AACJ,CAAC;AA3DD,gCA2DC"}

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

@@ -12,9 +12,10 @@ interface RangeInputProps extends CommonComponentProps, ModifierProps {
     minimum?: number | string;
     name?: string;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    required?: boolean;
     step?: string | number;
     tabIndex?: number;
     value?: number | string;
 }
-export declare function RangeInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, autoComplete, getRef, id, defaultValue, disabled, maximum, minimum, name, onChange, tabIndex, value, step, ...rest }: RangeInputProps): React.JSX.Element;
+export declare function RangeInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, autoComplete, getRef, id, defaultValue, disabled, maximum, minimum, name, onChange, required, tabIndex, value, step, ...rest }: RangeInputProps): React.JSX.Element;
 export {};

package/lib/cjs/components/range_input.js

@@ -34,9 +34,9 @@ function renderMinOrMax(value) {
     return react_1.default.createElement("div", { className: className }, value);
 }
 function RangeInput(_a) {
-    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], autoComplete = _a.autoComplete, getRef = _a.getRef, id = _a.id, defaultValue = _a.defaultValue, disabled = _a.disabled, maximum = _a.maximum, minimum = _a.minimum, name = _a.name, onChange = _a.onChange, tabIndex = _a.tabIndex, value = _a.value, step = _a.step, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "autoComplete", "getRef", "id", "defaultValue", "disabled", "maximum", "minimum", "name", "onChange", "tabIndex", "value", "step"]);
+    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], autoComplete = _a.autoComplete, getRef = _a.getRef, id = _a.id, defaultValue = _a.defaultValue, disabled = _a.disabled, maximum = _a.maximum, minimum = _a.minimum, name = _a.name, onChange = _a.onChange, required = _a.required, tabIndex = _a.tabIndex, value = _a.value, step = _a.step, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "autoComplete", "getRef", "id", "defaultValue", "disabled", "maximum", "minimum", "name", "onChange", "required", "tabIndex", "value", "step"]);
     return (react_1.default.createElement("fieldset", { className: _modifierClass },
-        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, className: "Range margin-t--0.75 margin-b--1", defaultValue: defaultValue, id: id, max: maximum || 100, min: minimum || 0, name: name, onChange: onChange, ref: getRef, step: step, tabIndex: tabIndex, type: "range", disabled: disabled, value: value })),
+        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, className: "Range margin-t--0.75 margin-b--1", defaultValue: defaultValue, id: id, max: maximum || 100, min: minimum || 0, name: name, onChange: onChange, ref: getRef, required: required, step: step, tabIndex: tabIndex, type: "range", disabled: disabled, value: value })),
         ((0, types_1.exists)(minimum) || (0, types_1.exists)(maximum)) && (react_1.default.createElement("div", { className: "flex justify--between" },
             renderMinOrMax(minimum),
             renderMinOrMax(maximum)))));

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

@@ -1 +1 @@
-{"version":3,"file":"range_input.js","sourceRoot":"","sources":["../../../src/components/range_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,wCAAwC;AACxC,6EAAyD;AAkBzD,SAAS,cAAc,CAAC,KAAsB;IAC5C,IAAM,SAAS,GAAG,yCAAyC,CAAC;IAE5D,OAAO,uCAAK,SAAS,EAAE,SAAS,IAAG,KAAK,CAAO,CAAC;AAClD,CAAC;AAED,SAAgB,UAAU,CAAC,EAmBT;IAlBhB,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACjC,YAAY,kBAAA,EACZ,MAAM,YAAA,EACN,EAAE,QAAA,EACF,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACD,IAAI,cAlBkB,0NAmB1B,CADQ;IAEP,OAAO,CACL,4CAAU,SAAS,EAAE,cAAc;QACjC,oDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,wBACT,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,EAC/B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,kCAAkC,EAC5C,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,OAAO,IAAI,GAAG,EACnB,GAAG,EAAE,OAAO,IAAI,CAAC,EACjB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IACZ;QACD,CAAC,IAAA,cAAM,EAAC,OAAO,CAAC,IAAI,IAAA,cAAM,EAAC,OAAO,CAAC,CAAC,IAAI,CACvC,uCAAK,SAAS,EAAC,uBAAuB;YACnC,cAAc,CAAC,OAAO,CAAC;YACvB,cAAc,CAAC,OAAO,CAAC,CACpB,CACP,CACQ,CACZ,CAAC;AACJ,CAAC;AAnDD,gCAmDC"}
+{"version":3,"file":"range_input.js","sourceRoot":"","sources":["../../../src/components/range_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,wCAAwC;AACxC,6EAAyD;AAmBzD,SAAS,cAAc,CAAC,KAAsB;IAC5C,IAAM,SAAS,GAAG,yCAAyC,CAAC;IAE5D,OAAO,uCAAK,SAAS,EAAE,SAAS,IAAG,KAAK,CAAO,CAAC;AAClD,CAAC;AAED,SAAgB,UAAU,CAAC,EAoBT;IAnBhB,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACjC,YAAY,kBAAA,EACZ,MAAM,YAAA,EACN,EAAE,QAAA,EACF,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACD,IAAI,cAnBkB,sOAoB1B,CADQ;IAEP,OAAO,CACL,4CAAU,SAAS,EAAE,cAAc;QACjC,oDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,wBACT,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,EAC/B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,kCAAkC,EAC5C,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,OAAO,IAAI,GAAG,EACnB,GAAG,EAAE,OAAO,IAAI,CAAC,EACjB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IACZ;QACD,CAAC,IAAA,cAAM,EAAC,OAAO,CAAC,IAAI,IAAA,cAAM,EAAC,OAAO,CAAC,CAAC,IAAI,CACvC,uCAAK,SAAS,EAAC,uBAAuB;YACnC,cAAc,CAAC,OAAO,CAAC;YACvB,cAAc,CAAC,OAAO,CAAC,CACpB,CACP,CACQ,CACZ,CAAC;AACJ,CAAC;AArDD,gCAqDC"}

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

@@ -3,6 +3,7 @@ import type { CommonComponentProps, ModifierProps } from '../types';
 import { type GetRef } from '../utils/refs';
 interface SelectInputProps extends CommonComponentProps, ModifierProps {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
+    'aria-required'?: React.AriaAttributes['aria-required'];
     autoComplete?: string;
     children?: React.ReactNode;
     defaultValue?: number | string;
@@ -16,9 +17,10 @@ interface SelectInputProps extends CommonComponentProps, ModifierProps {
     onFocus?: React.FocusEventHandler<HTMLSelectElement>;
     prefix?: React.ReactNode;
     readOnly?: boolean;
+    required?: boolean;
     suffix?: React.ReactNode;
     tabIndex?: number;
     value?: number | string;
 }
-export declare function SelectInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, autoComplete, children, defaultValue, disabled, getRef, id, invalid, mini, name, onChange, onFocus, prefix, readOnly, suffix, tabIndex, value, ...rest }: SelectInputProps): React.JSX.Element;
+export declare function SelectInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-required': ariaRequired, autoComplete, children, defaultValue, disabled, getRef, id, invalid, mini, name, onChange, onFocus, prefix, readOnly, required, suffix, tabIndex, value, ...rest }: SelectInputProps): React.JSX.Element;
 export {};

package/lib/cjs/components/select_input.js

@@ -57,7 +57,7 @@ var triangle_inverted_1 = require("../icons/triangle_inverted");
 var with_addons_1 = require("./with_addons");
 function SelectInput(_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, children = _a.children, defaultValue = _a.defaultValue, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, invalid = _a.invalid, _c = _a.mini, mini = _c === void 0 ? false : _c, name = _a.name, onChange = _a.onChange, onFocus = _a.onFocus, 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", "children", "defaultValue", "disabled", "getRef", "id", "invalid", "mini", "name", "onChange", "onFocus", "prefix", "readOnly", "suffix", "tabIndex", "value"]);
+    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaRequired = _a["aria-required"], autoComplete = _a.autoComplete, children = _a.children, defaultValue = _a.defaultValue, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, invalid = _a.invalid, _c = _a.mini, mini = _c === void 0 ? false : _c, name = _a.name, onChange = _a.onChange, onFocus = _a.onFocus, 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', 'aria-required', "autoComplete", "children", "defaultValue", "disabled", "getRef", "id", "invalid", "mini", "name", "onChange", "onFocus", "prefix", "readOnly", "required", "suffix", "tabIndex", "value"]);
     var isControlledInput = value !== undefined;
     var _d = (0, react_1.useState)(isControlledInput ? null : !!defaultValue), filled = _d[0], setFilled = _d[1];
     var inputRef = (0, react_1.useRef)(null);
@@ -96,7 +96,7 @@ function SelectInput(_a) {
         'Input--mini': mini
     });
     var input = (react_1.default.createElement("div", { className: wrapperClassName },
-        react_1.default.createElement("select", __assign({}, (0, data_attributes_1.default)(rest), { "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, autoComplete: autoComplete, className: selectClassName, defaultValue: defaultValue, disabled: disabled, id: id, name: name, onChange: function (event) {
+        react_1.default.createElement("select", __assign({}, (0, data_attributes_1.default)(rest), { "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-required": ariaRequired, autoComplete: autoComplete, className: selectClassName, defaultValue: defaultValue, disabled: disabled, id: id, name: name, onChange: function (event) {
                 if (isControlledInput) {
                     if (onChange)
                         onChange(event);
@@ -107,7 +107,7 @@ function SelectInput(_a) {
             }, onFocus: onFocus, tabIndex: tabIndex, ref: function (ref) {
                 (0, refs_1.handleGetRef)(inputRef, ref);
                 (0, refs_1.handleGetRef)(getRef, ref);
-            }, value: value }), children),
+            }, required: required, value: value }), children),
         react_1.default.createElement("div", { className: "Dropdown__Toggle__Icon" },
             react_1.default.createElement(triangle_inverted_1.IconTriangleInverted, null))));
     if (affixed) {

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

@@ -1 +1 @@
-{"version":3,"file":"select_input.js","sourceRoot":"","sources":["../../../src/components/select_input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"select_input.js","sourceRoot":"","sources":["../../../src/components/select_input.tsx"],"names":[],"mappings":"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"}

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

@@ -4,6 +4,7 @@ import type { GetRef } from '../utils/refs';
 type TshirtSize = 'small' | 'medium' | 'large';
 interface TextareaProps extends CommonComponentProps, ModifierProps {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
+    'aria-required'?: React.AriaAttributes['aria-required'];
     autoComplete?: string;
     autoFocus?: boolean;
     defaultValue?: string;
@@ -22,7 +23,8 @@ interface TextareaProps extends CommonComponentProps, ModifierProps {
     onPaste?: React.ClipboardEventHandler<HTMLTextAreaElement>;
     placeholder?: string;
     readOnly?: boolean;
+    required?: boolean;
     value?: string;
 }
-export declare function Textarea({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, autoComplete, autoFocus, defaultValue, disabled, getRef, height, id, invalid, maxLength, name, onBlur, onChange, onCut, onFocus, onKeyDown, onPaste, placeholder, readOnly, value, ...rest }: TextareaProps): React.JSX.Element;
+export declare function Textarea({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-required': ariaRequired, autoComplete, autoFocus, defaultValue, disabled, getRef, height, id, invalid, maxLength, name, onBlur, onChange, onCut, onFocus, onKeyDown, onPaste, placeholder, readOnly, required, value, ...rest }: TextareaProps): React.JSX.Element;
 export {};

package/lib/cjs/components/textarea.js

@@ -44,13 +44,13 @@ function heightClassName(height) {
     return "height--".concat(heightEnum);
 }
 function Textarea(_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, defaultValue = _a.defaultValue, disabled = _a.disabled, getRef = _a.getRef, height = _a.height, id = _a.id, invalid = _a.invalid, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onCut = _a.onCut, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, placeholder = _a.placeholder, readOnly = _a.readOnly, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "autoComplete", "autoFocus", "defaultValue", "disabled", "getRef", "height", "id", "invalid", "maxLength", "name", "onBlur", "onChange", "onCut", "onFocus", "onKeyDown", "onPaste", "placeholder", "readOnly", "value"]);
+    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaRequired = _a["aria-required"], autoComplete = _a.autoComplete, autoFocus = _a.autoFocus, defaultValue = _a.defaultValue, disabled = _a.disabled, getRef = _a.getRef, height = _a.height, id = _a.id, invalid = _a.invalid, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onCut = _a.onCut, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, placeholder = _a.placeholder, readOnly = _a.readOnly, required = _a.required, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', 'aria-required', "autoComplete", "autoFocus", "defaultValue", "disabled", "getRef", "height", "id", "invalid", "maxLength", "name", "onBlur", "onChange", "onCut", "onFocus", "onKeyDown", "onPaste", "placeholder", "readOnly", "required", "value"]);
     var textareaClassName = (0, class_names_1.default)('Input', 'resize--vertical', heightClassName(height), _modifierClass, {
         'Input--invalid': invalid
     });
-    return (react_1.default.createElement("textarea", __assign({}, (0, data_attributes_1.default)(rest), { "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, autoComplete: autoComplete, 
+    return (react_1.default.createElement("textarea", __assign({}, (0, data_attributes_1.default)(rest), { "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-required": ariaRequired, autoComplete: autoComplete, 
         // eslint-disable-next-line jsx-a11y/no-autofocus
-        autoFocus: autoFocus, className: textareaClassName, defaultValue: defaultValue, disabled: disabled, id: id, maxLength: maxLength, name: name, onBlur: onBlur, onChange: onChange, onCut: onCut, onFocus: onFocus, onKeyDown: onKeyDown, onPaste: onPaste, placeholder: placeholder, readOnly: readOnly, ref: getRef, value: (0, forms_1.inputValue)(value, onChange) })));
+        autoFocus: autoFocus, className: textareaClassName, defaultValue: defaultValue, disabled: disabled, id: id, maxLength: maxLength, name: name, onBlur: onBlur, onChange: onChange, onCut: onCut, onFocus: onFocus, onKeyDown: onKeyDown, onPaste: onPaste, placeholder: placeholder, readOnly: readOnly, required: required, ref: getRef, value: (0, forms_1.inputValue)(value, onChange) })));
 }
 exports.Textarea = Textarea;
 //# sourceMappingURL=textarea.js.map