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

package/lib/esm/components/password_input.js.map

@@ -1 +1 @@
-{"version":3,"file":"password_input.js","sourceRoot":"","sources":["../../../src/components/password_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA6B7C,MAAM,UAAU,aAAa,CAAC,EA8BT;IA7BnB,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EAChB,YAAY,sBAAA,EAC7B,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,OAAO,aAAA,EACP,SAAS,eAAA,EACT,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,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cA7BqB,kWA8B7B,CADQ;IAEP,OAAO,CACL,oBAAC,WAAW,eACN,iBAAiB,CAAC,IAAI,CAAC,IAC3B,cAAc,EAAE,cAAc,sBACZ,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,mBAChB,YAAY,EAC3B,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,SAAS,EAAE,SAAS,EACpB,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,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"password_input.js","sourceRoot":"","sources":["../../../src/components/password_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAgC7C,MAAM,UAAU,aAAa,CAAC,EA+BT;IA9BnB,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EAChB,YAAY,sBAAA,EAC7B,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,OAAO,aAAA,EACP,MAAM,YAAA,EACN,SAAS,eAAA,EACT,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,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cA9BqB,4WA+B7B,CADQ;IAEP,OAAO,CACL,oBAAC,WAAW,eACN,iBAAiB,CAAC,IAAI,CAAC,IAC3B,cAAc,EAAE,cAAc,sBACZ,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,mBAChB,YAAY,EAC3B,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,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,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,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC"}

package/lib/esm/components/pill.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import type { CommonComponentProps, ModifierProps } from '../types';
+import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
-interface PillProps extends CommonComponentProps, ModifierProps {
+interface PillProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     children?: React.ReactNode;
     color?: 'part-0' | 'part-1' | 'part-2' | 'part-3' | 'part-4' | 'part-5' | 'part-6' | 'part-7' | 'part-8' | 'part-9';
     getRef?: GetRef<HTMLSpanElement>;
     id?: string;
 }
-export declare function Pill({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, color, getRef, id, ...rest }: PillProps): React.JSX.Element;
+export declare function Pill({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, color, getRef, margin, id, ...rest }: PillProps): React.JSX.Element;
 export {};

package/lib/esm/components/pill.js

@@ -23,10 +23,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import classNames from '../utils/class_names';
 import getDataAttributes from '../utils/data_attributes';
+import { getMarginClass } from '../utils/modifier_classes';
 export function Pill(_a) {
     var _b;
-    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, color = _a.color, getRef = _a.getRef, id = _a.id, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "color", "getRef", "id"]);
-    var className = classNames('Pill', _modifierClass, (_b = {},
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, color = _a.color, getRef = _a.getRef, margin = _a.margin, id = _a.id, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "color", "getRef", "margin", "id"]);
+    var className = classNames('Pill', _modifierClass, getMarginClass(margin), (_b = {},
         _b["Pill--".concat(color)] = color,
         _b));
     return (React.createElement("span", __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id, ref: getRef }, getDataAttributes(rest)), children));

package/lib/esm/components/pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"pill.js","sourceRoot":"","sources":["../../../src/components/pill.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAmBzD,MAAM,UAAU,IAAI,CAAC,EAUT;;IATV,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,MAAM,YAAA,EACN,EAAE,QAAA,EACC,IAAI,cATY,4GAUpB,CADQ;IAEP,IAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE,cAAc;QACjD,GAAC,gBAAS,KAAK,CAAE,IAAG,KAAK;YACzB,CAAC;IAEH,OAAO,CACL,qDACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,iBAAiB,CAAC,IAAI,CAAC,GAE1B,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"pill.js","sourceRoot":"","sources":["../../../src/components/pill.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAsB3D,MAAM,UAAU,IAAI,CAAC,EAWT;;IAVV,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,MAAM,YAAA,EACN,MAAM,YAAA,EACN,EAAE,QAAA,EACC,IAAI,cAVY,sHAWpB,CADQ;IAEP,IAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE,cAAc,EAAE,cAAc,CAAC,MAAM,CAAC;QACzE,GAAC,gBAAS,KAAK,CAAE,IAAG,KAAK;YACzB,CAAC;IAEH,OAAO,CACL,qDACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,iBAAiB,CAAC,IAAI,CAAC,GAE1B,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC"}

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { Colors, CommonComponentProps, ModifierProps } from '../types';
+import type { Colors, CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
-interface RadioInputProps extends CommonComponentProps, ModifierProps {
+interface RadioInputProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
     checked?: boolean;
     color?: Colors;
@@ -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, margin, name, onChange, readOnly, required, tabIndex, value, ...rest }: RadioInputProps): React.JSX.Element;
 export {};

package/lib/esm/components/radio_input.js

@@ -24,16 +24,17 @@ import React from 'react';
 import classNames from '../utils/class_names';
 import { inputValue } from '../utils/forms';
 import getDataAttributes from '../utils/data_attributes';
+import { getMarginClass } from '../utils/modifier_classes';
 import { useFallbackId } from './shared_hooks';
 import { IconRadioCircle } from '../icons/radio_circle';
 export 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, margin = _a.margin, 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", "margin", "name", "onChange", "readOnly", "required", "tabIndex", "value"]);
     var radioId = useFallbackId(id);
-    var className = classNames('Selector', _modifierClass, {
+    var className = classNames('Selector', getMarginClass(margin), _modifierClass, {
         'Selector--with-label': label
     });
     return (React.createElement("div", { className: className },
-        React.createElement("input", __assign({}, getDataAttributes(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: inputValue(value, onChange) })),
+        React.createElement("input", __assign({}, getDataAttributes(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: inputValue(value, onChange) })),
         React.createElement("div", { className: classNames('Selector__Field', "color--".concat(color)) }),
         label && (React.createElement("label", { className: "Selector__Label", htmlFor: radioId }, label)),
         React.createElement(IconRadioCircle, { "aria-hidden": true })));

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

@@ -1 +1 @@
-{"version":3,"file":"radio_input.js","sourceRoot":"","sources":["../../../src/components/radio_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAkBxD,MAAM,UAAU,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,aAAa,CAAC,EAAE,CAAC,CAAC;IAElC,IAAM,SAAS,GAAG,UAAU,CAAC,UAAU,EAAE,cAAc,EAAE;QACvD,sBAAsB,EAAE,KAAK;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QAEvB,0CACM,iBAAiB,CAAC,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,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,IAClC;QACF,6BAAK,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,iBAAU,KAAK,CAAE,CAAC,GAAI;QACnE,KAAK,IAAI,CACR,+BAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,IAChD,KAAK,CACA,CACT;QACD,oBAAC,eAAe,0BAAe,CAC3B,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"radio_input.js","sourceRoot":"","sources":["../../../src/components/radio_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAsBxD,MAAM,UAAU,UAAU,CAAC,EAqBT;IApBhB,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,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cApBkB,6OAqB1B,CADQ;IAEP,IAAM,OAAO,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;IAElC,IAAM,SAAS,GAAG,UAAU,CAC1B,UAAU,EACV,cAAc,CAAC,MAAM,CAAC,EACtB,cAAc,EACd;QACE,sBAAsB,EAAE,KAAK;KAC9B,CACF,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QAEvB,0CACM,iBAAiB,CAAC,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,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,IAClC;QACF,6BAAK,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,iBAAU,KAAK,CAAE,CAAC,GAAI;QACnE,KAAK,IAAI,CACR,+BAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,IAChD,KAAK,CACA,CACT;QACD,oBAAC,eAAe,0BAAe,CAC3B,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { CommonComponentProps, ModifierProps } from '../types';
+import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
-interface RangeInputProps extends CommonComponentProps, ModifierProps {
+interface RangeInputProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
     autoComplete?: string;
     defaultValue?: number | string;
@@ -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, margin, maximum, minimum, name, onChange, required, tabIndex, value, step, ...rest }: RangeInputProps): React.JSX.Element;
 export {};

package/lib/esm/components/range_input.js

@@ -22,15 +22,17 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import { exists } from '../utils/types';
+import classNames from '../utils/class_names';
 import getDataAttributes from '../utils/data_attributes';
+import { getMarginClass } from '../utils/modifier_classes';
 function renderMinOrMax(value) {
     var className = 'color--gray-1 font-size--s margin--none';
     return React.createElement("div", { className: className }, value);
 }
 export 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"]);
-    return (React.createElement("fieldset", { className: _modifierClass },
-        React.createElement("input", __assign({}, getDataAttributes(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 })),
+    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, margin = _a.margin, 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", "margin", "maximum", "minimum", "name", "onChange", "required", "tabIndex", "value", "step"]);
+    return (React.createElement("fieldset", { className: classNames(getMarginClass(margin), _modifierClass) },
+        React.createElement("input", __assign({}, getDataAttributes(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 })),
         (exists(minimum) || exists(maximum)) && (React.createElement("div", { className: "flex justify--between" },
             renderMinOrMax(minimum),
             renderMinOrMax(maximum)))));

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

@@ -1 +1 @@
-{"version":3,"file":"range_input.js","sourceRoot":"","sources":["../../../src/components/range_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAkBzD,SAAS,cAAc,CAAC,KAAsB;IAC5C,IAAM,SAAS,GAAG,yCAAyC,CAAC;IAE5D,OAAO,6BAAK,SAAS,EAAE,SAAS,IAAG,KAAK,CAAO,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,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,kCAAU,SAAS,EAAE,cAAc;QACjC,0CACM,iBAAiB,CAAC,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,MAAM,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CACvC,6BAAK,SAAS,EAAC,uBAAuB;YACnC,cAAc,CAAC,OAAO,CAAC;YACvB,cAAc,CAAC,OAAO,CAAC,CACpB,CACP,CACQ,CACZ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"range_input.js","sourceRoot":"","sources":["../../../src/components/range_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAsB3D,SAAS,cAAc,CAAC,KAAsB;IAC5C,IAAM,SAAS,GAAG,yCAAyC,CAAC;IAE5D,OAAO,6BAAK,SAAS,EAAE,SAAS,IAAG,KAAK,CAAO,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAqBT;IApBhB,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,MAAM,YAAA,EACN,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,cApBkB,gPAqB1B,CADQ;IAEP,OAAO,CACL,kCAAU,SAAS,EAAE,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,cAAc,CAAC;QACrE,0CACM,iBAAiB,CAAC,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,MAAM,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CACvC,6BAAK,SAAS,EAAC,uBAAuB;YACnC,cAAc,CAAC,OAAO,CAAC;YACvB,cAAc,CAAC,OAAO,CAAC,CACpB,CACP,CACQ,CACZ,CAAC;AACJ,CAAC"}

package/lib/esm/components/row.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import type { CommonComponentProps, ModifierProps } from '../types';
+import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
-interface RowProps extends CommonComponentProps, ModifierProps {
+interface RowProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     children?: React.ReactNode;
     columnGap?: 'none' | 'tiny' | 'small' | 'default';
     getRef?: GetRef<HTMLDivElement>;
     id?: string;
 }
-export declare function Row({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, columnGap, getRef, id, ...rest }: RowProps): React.JSX.Element;
+export declare function Row({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, columnGap, getRef, id, margin, ...rest }: RowProps): React.JSX.Element;
 export {};

package/lib/esm/components/row.js

@@ -23,9 +23,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import classNames from '../utils/class_names';
 import getDataAttributes from '../utils/data_attributes';
+import { getMarginClass } from '../utils/modifier_classes';
 export function Row(_a) {
-    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, _b = _a.columnGap, columnGap = _b === void 0 ? 'default' : _b, getRef = _a.getRef, id = _a.id, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "columnGap", "getRef", "id"]);
-    var rowClassNames = classNames('Row', "Row--column-gap--".concat(columnGap), _modifierClass);
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, _b = _a.columnGap, columnGap = _b === void 0 ? 'default' : _b, getRef = _a.getRef, id = _a.id, margin = _a.margin, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "columnGap", "getRef", "id", "margin"]);
+    var rowClassNames = classNames('Row', "Row--column-gap--".concat(columnGap), getMarginClass(margin), _modifierClass);
     return (React.createElement("div", __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: rowClassNames, id: id, ref: getRef }, getDataAttributes(rest)), children));
 }
 //# sourceMappingURL=row.js.map

package/lib/esm/components/row.js.map

@@ -1 +1 @@
-{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../src/components/row.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AASzD,MAAM,UAAU,GAAG,CAAC,EAUT;IATT,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,MAAM,YAAA,EACN,EAAE,QAAA,EACC,IAAI,cATW,gHAUnB,CADQ;IAEP,IAAM,aAAa,GAAG,UAAU,CAC9B,KAAK,EACL,2BAAoB,SAAS,CAAE,EAC/B,cAAc,CACf,CAAC;IAEF,OAAO,CACL,oDACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,aAAa,EACxB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,iBAAiB,CAAC,IAAI,CAAC,GAE1B,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../src/components/row.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAY3D,MAAM,UAAU,GAAG,CAAC,EAWT;IAVT,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,MAAM,YAAA,EACN,EAAE,QAAA,EACF,MAAM,YAAA,EACH,IAAI,cAVW,0HAWnB,CADQ;IAEP,IAAM,aAAa,GAAG,UAAU,CAC9B,KAAK,EACL,2BAAoB,SAAS,CAAE,EAC/B,cAAc,CAAC,MAAM,CAAC,EACtB,cAAc,CACf,CAAC;IAEF,OAAO,CACL,oDACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,aAAa,EACxB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,iBAAiB,CAAC,IAAI,CAAC,GAE1B,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}

package/lib/esm/components/search_input.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { GetRef } from '../utils/refs';
-import type { CommonComponentProps, ModifierProps } from '../types';
-interface SearchInputProps extends CommonComponentProps, ModifierProps {
+import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
+interface SearchInputProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
     'aria-required'?: React.AriaAttributes['aria-required'];
     autoComplete?: string;
@@ -24,5 +24,5 @@ interface SearchInputProps extends CommonComponentProps, ModifierProps {
     tabIndex?: number;
     value?: string;
 }
-export declare function SearchInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-required': ariaRequired, autoComplete, autoFocus, defaultValue, disabled, getRef, id, invalid, mini, name, onBlur, onChange, onFocus, onKeyDown, onPaste, placeholder, readOnly, required, tabIndex, value, ...rest }: SearchInputProps): React.JSX.Element;
+export declare function SearchInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-required': ariaRequired, autoComplete, autoFocus, defaultValue, disabled, getRef, id, invalid, margin, mini, name, onBlur, onChange, onFocus, onKeyDown, onPaste, placeholder, readOnly, required, tabIndex, value, ...rest }: SearchInputProps): React.JSX.Element;
 export {};

package/lib/esm/components/search_input.js

@@ -24,7 +24,7 @@ import React from 'react';
 import getDataAttributes from '../utils/data_attributes';
 import { CommonInput } from './common_input';
 export function SearchInput(_a) {
-    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, id = _a.id, invalid = _a.invalid, mini = _a.mini, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, _b = _a.placeholder, placeholder = _b === void 0 ? 'Search' : _b, 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', "autoComplete", "autoFocus", "defaultValue", "disabled", "getRef", "id", "invalid", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "placeholder", "readOnly", "required", "tabIndex", "value"]);
-    return (React.createElement(CommonInput, __assign({}, getDataAttributes(rest), { _modifierClass: _modifierClass, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-required": ariaRequired, autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, getRef: getRef, id: id, invalid: invalid, mini: mini, name: name, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onPaste: onPaste, placeholder: placeholder, readOnly: readOnly, required: required, tabIndex: tabIndex, type: "search", value: 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, id = _a.id, invalid = _a.invalid, margin = _a.margin, mini = _a.mini, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, _b = _a.placeholder, placeholder = _b === void 0 ? 'Search' : _b, 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', "autoComplete", "autoFocus", "defaultValue", "disabled", "getRef", "id", "invalid", "margin", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "placeholder", "readOnly", "required", "tabIndex", "value"]);
+    return (React.createElement(CommonInput, __assign({}, getDataAttributes(rest), { _modifierClass: _modifierClass, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-required": ariaRequired, autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, getRef: getRef, id: id, invalid: invalid, margin: margin, mini: mini, name: name, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onPaste: onPaste, placeholder: placeholder, readOnly: readOnly, required: required, tabIndex: tabIndex, type: "search", value: value })));
 }
 //# sourceMappingURL=search_input.js.map

package/lib/esm/components/search_input.js.map

@@ -1 +1 @@
-{"version":3,"file":"search_input.js","sourceRoot":"","sources":["../../../src/components/search_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA0B7C,MAAM,UAAU,WAAW,CAAC,EA2BT;IA1BjB,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EAChB,YAAY,sBAAA,EAC7B,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,OAAO,aAAA,EACP,mBAAsB,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EACtB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cA1BmB,iUA2B3B,CADQ;IAEP,OAAO,CACL,oBAAC,WAAW,eACN,iBAAiB,CAAC,IAAI,CAAC,IAC3B,cAAc,EAAE,cAAc,sBACZ,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,mBAChB,YAAY,EAC3B,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,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,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"search_input.js","sourceRoot":"","sources":["../../../src/components/search_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA6B7C,MAAM,UAAU,WAAW,CAAC,EA4BT;IA3BjB,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EAChB,YAAY,sBAAA,EAC7B,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,OAAO,aAAA,EACP,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,OAAO,aAAA,EACP,mBAAsB,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EACtB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cA3BmB,2UA4B3B,CADQ;IAEP,OAAO,CACL,oBAAC,WAAW,eACN,iBAAiB,CAAC,IAAI,CAAC,IAC3B,cAAc,EAAE,cAAc,sBACZ,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,mBAChB,YAAY,EAC3B,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,MAAM,EAAE,MAAM,EACd,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,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC"}

package/lib/esm/components/segmented_controls.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import type { CommonComponentProps, ModifierProps } from '../types';
+import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
-interface SegmentedControlsProps extends CommonComponentProps, ModifierProps {
+interface SegmentedControlsProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     children?: React.ReactNode;
     getRef?: GetRef<HTMLDivElement>;
     id?: string;
 }
-export declare function SegmentedControls({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, getRef, id, ...rest }: SegmentedControlsProps): React.JSX.Element;
+export declare function SegmentedControls({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, getRef, id, margin, ...rest }: SegmentedControlsProps): React.JSX.Element;
 export {};

package/lib/esm/components/segmented_controls.js

@@ -23,8 +23,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import classNames from '../utils/class_names';
 import getDataAttributes from '../utils/data_attributes';
+import { getMarginClass } from '../utils/modifier_classes';
 export function SegmentedControls(_a) {
-    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, getRef = _a.getRef, id = _a.id, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "getRef", "id"]);
-    return (React.createElement("div", __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: classNames('Segmented-Controls', _modifierClass), id: id, ref: getRef }, getDataAttributes(rest)), children));
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, getRef = _a.getRef, id = _a.id, margin = _a.margin, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "getRef", "id", "margin"]);
+    return (React.createElement("div", __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: classNames('Segmented-Controls', getMarginClass(margin), _modifierClass), id: id, ref: getRef }, getDataAttributes(rest)), children));
 }
 //# sourceMappingURL=segmented_controls.js.map

package/lib/esm/components/segmented_controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"segmented_controls.js","sourceRoot":"","sources":["../../../src/components/segmented_controls.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAQzD,MAAM,UAAU,iBAAiB,CAAC,EAST;IARvB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACC,IAAI,cARyB,mGASjC,CADQ;IAEP,OAAO,CACL,oDACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,cAAc,CAAC,EAC3D,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,iBAAiB,CAAC,IAAI,CAAC,GAE1B,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"segmented_controls.js","sourceRoot":"","sources":["../../../src/components/segmented_controls.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAW3D,MAAM,UAAU,iBAAiB,CAAC,EAUT;IATvB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,MAAM,YAAA,EACH,IAAI,cATyB,6GAUjC,CADQ;IAEP,OAAO,CACL,oDACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,UAAU,CACnB,oBAAoB,EACpB,cAAc,CAAC,MAAM,CAAC,EACtB,cAAc,CACf,EACD,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,iBAAiB,CAAC,IAAI,CAAC,GAE1B,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,8 +1,9 @@
 import React from 'react';
-import type { CommonComponentProps, ModifierProps } from '../types';
+import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
 import { type GetRef } from '../utils/refs';
-interface SelectInputProps extends CommonComponentProps, ModifierProps {
+interface SelectInputProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     '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, margin, mini, name, onChange, onFocus, prefix, readOnly, required, suffix, tabIndex, value, ...rest }: SelectInputProps): React.JSX.Element;
 export {};

package/lib/esm/components/select_input.js

@@ -24,11 +24,12 @@ import React, { useEffect, useRef, useState } from 'react';
 import { handleGetRef } from '../utils/refs';
 import classNames from '../utils/class_names';
 import getDataAttributes from '../utils/data_attributes';
+import { getMarginClass } from '../utils/modifier_classes';
 import { IconTriangleInverted } from '../icons/triangle_inverted';
 import { WithAddons } from './with_addons';
 export 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, margin = _a.margin, _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", "margin", "mini", "name", "onChange", "onFocus", "prefix", "readOnly", "required", "suffix", "tabIndex", "value"]);
     var isControlledInput = value !== undefined;
     var _d = useState(isControlledInput ? null : !!defaultValue), filled = _d[0], setFilled = _d[1];
     var inputRef = useRef(null);
@@ -56,6 +57,7 @@ export function SelectInput(_a) {
     }, []);
     var affixed = !!prefix || !!suffix;
     var wrapperClassName = classNames('Dropdown__Toggle', (_b = {},
+        _b[getMarginClass(margin)] = !affixed,
         _b[_modifierClass] = _modifierClass && !affixed,
         _b['Dropdown__Toggle--disabled'] = disabled,
         _b['Dropdown__Toggle--mini'] = mini,
@@ -67,7 +69,7 @@ export function SelectInput(_a) {
         'Input--mini': mini
     });
     var input = (React.createElement("div", { className: wrapperClassName },
-        React.createElement("select", __assign({}, getDataAttributes(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.createElement("select", __assign({}, getDataAttributes(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);
@@ -78,11 +80,11 @@ export function SelectInput(_a) {
             }, onFocus: onFocus, tabIndex: tabIndex, ref: function (ref) {
                 handleGetRef(inputRef, ref);
                 handleGetRef(getRef, ref);
-            }, value: value }), children),
+            }, required: required, value: value }), children),
         React.createElement("div", { className: "Dropdown__Toggle__Icon" },
             React.createElement(IconTriangleInverted, null))));
     if (affixed) {
-        return (React.createElement(WithAddons, { _modifierClass: _modifierClass, disabled: disabled, mini: mini, prefix: prefix, suffix: suffix }, input));
+        return (React.createElement(WithAddons, { _modifierClass: _modifierClass, disabled: disabled, margin: margin, mini: mini, prefix: prefix, suffix: suffix }, input));
     }
     return input;
 }

package/lib/esm/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/esm/components/separator.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { Colors, CommonComponentProps, ModifierProps, Spacing } from '../types';
+import type { Colors, CommonComponentProps, ModifierClassProp, Spacing } from '../types';
 import type { GetRef } from '../utils/refs';
-interface SeparatorProps extends CommonComponentProps, ModifierProps {
+interface SeparatorProps extends CommonComponentProps, ModifierClassProp {
     color?: Colors;
     getRef?: GetRef<HTMLSpanElement | HTMLHRElement>;
     height?: number | string;

package/lib/esm/components/speech_bubble.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { Colors, CommonComponentProps, ModifierProps } from '../types';
+import type { Colors, CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
-interface SpeechBubbleProps extends CommonComponentProps, ModifierProps {
+interface SpeechBubbleProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     bgColor?: Colors;
     children?: React.ReactNode;
     getRef?: GetRef<HTMLDivElement>;
@@ -9,5 +9,5 @@ interface SpeechBubbleProps extends CommonComponentProps, ModifierProps {
     tail?: 'left' | 'right' | 'none';
     textColor?: Colors;
 }
-export declare function SpeechBubble({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, bgColor, children, getRef, id, tail, textColor, ...rest }: SpeechBubbleProps): React.JSX.Element;
+export declare function SpeechBubble({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, bgColor, children, getRef, id, margin, tail, textColor, ...rest }: SpeechBubbleProps): React.JSX.Element;
 export {};

package/lib/esm/components/speech_bubble.js

@@ -23,8 +23,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import classNames from '../utils/class_names';
 import getDataAttributes from '../utils/data_attributes';
+import { getMarginClass } from '../utils/modifier_classes';
 export function SpeechBubble(_a) {
-    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], _b = _a.bgColor, bgColor = _b === void 0 ? 'dscout' : _b, children = _a.children, getRef = _a.getRef, id = _a.id, _c = _a.tail, tail = _c === void 0 ? 'left' : _c, _d = _a.textColor, textColor = _d === void 0 ? 'invert' : _d, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "bgColor", "children", "getRef", "id", "tail", "textColor"]);
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], _b = _a.bgColor, bgColor = _b === void 0 ? 'dscout' : _b, children = _a.children, getRef = _a.getRef, id = _a.id, margin = _a.margin, _c = _a.tail, tail = _c === void 0 ? 'left' : _c, _d = _a.textColor, textColor = _d === void 0 ? 'invert' : _d, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "bgColor", "children", "getRef", "id", "margin", "tail", "textColor"]);
     // We ran into a specifity issue when trying to clean up the css class nesting for this component
     // Our solution for it was to not set tai/arrow's border color directly, but have it be
     // inherited from its parent's text color.  So we apply a `color--#{bgColor}` on the speech bubble
@@ -35,7 +36,7 @@ export function SpeechBubble(_a) {
             return React.createElement("div", { className: tailClassNames });
         }
     }
-    return (React.createElement("div", __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: classNames('Speech-Bubble', 'line-wrap', "color--".concat(bgColor), _modifierClass), id: id, ref: getRef }, getDataAttributes(rest)),
+    return (React.createElement("div", __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: classNames('Speech-Bubble', 'line-wrap', "color--".concat(bgColor), getMarginClass(margin), _modifierClass), id: id, ref: getRef }, getDataAttributes(rest)),
         React.createElement("div", { className: "Speech-Bubble__Text bg-color--".concat(bgColor, " color--").concat(textColor) }, children),
         maybeRenderTail()));
 }

package/lib/esm/components/speech_bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"speech_bubble.js","sourceRoot":"","sources":["../../../src/components/speech_bubble.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAWzD,MAAM,UAAU,YAAY,CAAC,EAYT;IAXlB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EAClB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EACb,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACjB,IAAI,cAXoB,mIAY5B,CADQ;IAEP,iGAAiG;IACjG,uFAAuF;IACvF,kGAAkG;IAClG,6DAA6D;IAC7D,SAAS,eAAe;QACtB,IAAI,IAAI,KAAK,MAAM,EAAE;YACnB,IAAM,cAAc,GAAG,UAAU,CAC/B,qBAAqB,EACrB,+BAAwB,IAAI,CAAE,CAC/B,CAAC;YAEF,OAAO,6BAAK,SAAS,EAAE,cAAc,GAAI,CAAC;SAC3C;IACH,CAAC;IAED,OAAO,CACL,oDACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,UAAU,CACnB,eAAe,EACf,WAAW,EACX,iBAAU,OAAO,CAAE,EACnB,cAAc,CACf,EACD,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,iBAAiB,CAAC,IAAI,CAAC;QAE3B,6BACE,SAAS,EAAE,wCAAiC,OAAO,qBAAW,SAAS,CAAE,IAExE,QAAQ,CACL;QACL,eAAe,EAAE,CACd,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"speech_bubble.js","sourceRoot":"","sources":["../../../src/components/speech_bubble.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAc3D,MAAM,UAAU,YAAY,CAAC,EAaT;IAZlB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EAClB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,MAAM,YAAA,EACN,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EACb,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACjB,IAAI,cAZoB,6IAa5B,CADQ;IAEP,iGAAiG;IACjG,uFAAuF;IACvF,kGAAkG;IAClG,6DAA6D;IAC7D,SAAS,eAAe;QACtB,IAAI,IAAI,KAAK,MAAM,EAAE;YACnB,IAAM,cAAc,GAAG,UAAU,CAC/B,qBAAqB,EACrB,+BAAwB,IAAI,CAAE,CAC/B,CAAC;YAEF,OAAO,6BAAK,SAAS,EAAE,cAAc,GAAI,CAAC;SAC3C;IACH,CAAC;IAED,OAAO,CACL,oDACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,UAAU,CACnB,eAAe,EACf,WAAW,EACX,iBAAU,OAAO,CAAE,EACnB,cAAc,CAAC,MAAM,CAAC,EACtB,cAAc,CACf,EACD,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,iBAAiB,CAAC,IAAI,CAAC;QAE3B,6BACE,SAAS,EAAE,wCAAiC,OAAO,qBAAW,SAAS,CAAE,IAExE,QAAQ,CACL;QACL,eAAe,EAAE,CACd,CACP,CAAC;AACJ,CAAC"}

package/lib/esm/components/tags_input.d.ts

@@ -1,8 +1,8 @@
 import React, { Component } from 'react';
-import type { CommonComponentProps, ModifierProps, Dimensions } from '../types';
+import type { CommonComponentProps, MarginModifierProp, Dimensions, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
 type TshirtSize = 'small' | 'medium' | 'large';
-interface TagsInputProps<Tag = unknown> extends CommonComponentProps, ModifierProps {
+interface TagsInputProps<Tag = unknown> extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
     autoComplete?: string;
     getRef?: GetRef<HTMLDivElement>;

package/lib/esm/components/tags_input.js

@@ -40,6 +40,7 @@ import React, { Component } from 'react';
 import { handleGetRef } from '../utils/refs';
 import classNames from '../utils/class_names';
 import getDataAttributes from '../utils/data_attributes';
+import { getMarginClass } from '../utils/modifier_classes';
 var ENTER_KEY = 'Enter';
 var TAB_KEY = 'Tab';
 var BACKSPACE_KEY = 'Backspace';
@@ -93,8 +94,8 @@ var TagsInput = /** @class */ (function (_super) {
         var focused = this.state.focused;
         var _a = this.props, 
         // eslint-disable-next-line @typescript-eslint/naming-convention
-        _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, invalid = _a.invalid, maxHeight = _a.maxHeight, name = _a.name, placeholder = _a.placeholder, tags = _a.tags, tabIndex = _a.tabIndex, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "autoComplete", "getRef", "id", "invalid", "maxHeight", "name", "placeholder", "tags", "tabIndex", "value"]);
-        var className = classNames('Tags-Input__Container', 'Input', maxHeightClassName(maxHeight), _modifierClass, {
+        _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, invalid = _a.invalid, margin = _a.margin, maxHeight = _a.maxHeight, name = _a.name, placeholder = _a.placeholder, tags = _a.tags, tabIndex = _a.tabIndex, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "autoComplete", "getRef", "id", "invalid", "margin", "maxHeight", "name", "placeholder", "tags", "tabIndex", "value"]);
+        var className = classNames('Tags-Input__Container', 'Input', maxHeightClassName(maxHeight), getMarginClass(margin), _modifierClass, {
             'Input--focused': focused,
             'Input--invalid': invalid
         });

package/lib/esm/components/tags_input.js.map

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

package/lib/esm/components/text_input.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { GetRef } from '../utils/refs';
-import type { CommonComponentProps, ModifierProps } from '../types';
-interface TextInputProps extends CommonComponentProps, ModifierProps {
+import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
+interface TextInputProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
     'aria-required'?: React.AriaAttributes['aria-required'];
     autoComplete?: string;
@@ -27,5 +27,5 @@ interface TextInputProps extends CommonComponentProps, ModifierProps {
     tabIndex?: number;
     value?: number | string;
 }
-export declare function TextInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-required': ariaRequired, autoComplete, autoFocus, defaultValue, disabled, getRef, id, invalid, maxLength, mini, name, onBlur, onChange, onFocus, onKeyDown, onPaste, placeholder, prefix, readOnly, required, suffix, tabIndex, value, ...rest }: TextInputProps): React.JSX.Element;
+export declare function TextInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-required': ariaRequired, autoComplete, autoFocus, defaultValue, disabled, getRef, id, invalid, margin, maxLength, mini, name, onBlur, onChange, onFocus, onKeyDown, onPaste, placeholder, prefix, readOnly, required, suffix, tabIndex, value, ...rest }: TextInputProps): React.JSX.Element;
 export {};

package/lib/esm/components/text_input.js

@@ -24,7 +24,7 @@ import React from 'react';
 import getDataAttributes from '../utils/data_attributes';
 import { CommonInput } from './common_input';
 export function TextInput(_a) {
-    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, 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', 'aria-required', "autoComplete", "autoFocus", "defaultValue", "disabled", "getRef", "id", "invalid", "maxLength", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "placeholder", "prefix", "readOnly", "required", "suffix", "tabIndex", "value"]);
-    return (React.createElement(CommonInput, __assign({}, getDataAttributes(rest), { _modifierClass: _modifierClass, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-required": ariaRequired, 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: "text", value: 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, id = _a.id, invalid = _a.invalid, margin = _a.margin, 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', 'aria-required', "autoComplete", "autoFocus", "defaultValue", "disabled", "getRef", "id", "invalid", "margin", "maxLength", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "placeholder", "prefix", "readOnly", "required", "suffix", "tabIndex", "value"]);
+    return (React.createElement(CommonInput, __assign({}, getDataAttributes(rest), { _modifierClass: _modifierClass, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-required": ariaRequired, autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, getRef: getRef, id: id, invalid: invalid, margin: margin, 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: "text", value: value })));
 }
 //# sourceMappingURL=text_input.js.map

package/lib/esm/components/text_input.js.map

@@ -1 +1 @@
-{"version":3,"file":"text_input.js","sourceRoot":"","sources":["../../../src/components/text_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA6B7C,MAAM,UAAU,SAAS,CAAC,EA8BT;IA7Bf,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EAChB,YAAY,sBAAA,EAC7B,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,OAAO,aAAA,EACP,SAAS,eAAA,EACT,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,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cA7BiB,kWA8BzB,CADQ;IAEP,OAAO,CACL,oBAAC,WAAW,eACN,iBAAiB,CAAC,IAAI,CAAC,IAC3B,cAAc,EAAE,cAAc,sBACZ,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,mBAChB,YAAY,EAC3B,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,SAAS,EAAE,SAAS,EACpB,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,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"text_input.js","sourceRoot":"","sources":["../../../src/components/text_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAgC7C,MAAM,UAAU,SAAS,CAAC,EA+BT;IA9Bf,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EAChB,YAAY,sBAAA,EAC7B,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,OAAO,aAAA,EACP,MAAM,YAAA,EACN,SAAS,eAAA,EACT,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,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cA9BiB,4WA+BzB,CADQ;IAEP,OAAO,CACL,oBAAC,WAAW,eACN,iBAAiB,CAAC,IAAI,CAAC,IAC3B,cAAc,EAAE,cAAc,sBACZ,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,mBAChB,YAAY,EAC3B,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,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,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,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC"}

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

@@ -1,9 +1,10 @@
 import React from 'react';
-import type { CommonComponentProps, Dimensions, ModifierProps } from '../types';
+import type { CommonComponentProps, Dimensions, MarginModifierProp, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
 type TshirtSize = 'small' | 'medium' | 'large';
-interface TextareaProps extends CommonComponentProps, ModifierProps {
+interface TextareaProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     '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, margin, maxLength, name, onBlur, onChange, onCut, onFocus, onKeyDown, onPaste, placeholder, readOnly, required, value, ...rest }: TextareaProps): React.JSX.Element;
 export {};