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

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

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

package/lib/cjs/components/email_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 EmailInputProps extends CommonComponentProps, ModifierProps {
+interface EmailInputProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
     'aria-required'?: React.AriaAttributes['aria-required'];
     autoComplete?: string;
@@ -27,5 +27,5 @@ interface EmailInputProps extends CommonComponentProps, ModifierProps {
     tabIndex?: number;
     value?: number | string;
 }
-export declare function EmailInput({ _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 }: EmailInputProps): React.JSX.Element;
+export declare function EmailInput({ _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 }: EmailInputProps): React.JSX.Element;
 export {};

package/lib/cjs/components/email_input.js

@@ -30,8 +30,8 @@ var react_1 = __importDefault(require("react"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
 var common_input_1 = require("./common_input");
 function EmailInput(_a) {
-    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], 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_1.default.createElement(common_input_1.CommonInput, __assign({}, (0, data_attributes_1.default)(rest), { _modifierClass: _modifierClass, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "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: "email", 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_1.default.createElement(common_input_1.CommonInput, __assign({}, (0, data_attributes_1.default)(rest), { _modifierClass: _modifierClass, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "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: "email", value: value })));
 }
 exports.EmailInput = EmailInput;
 //# sourceMappingURL=email_input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"email_input.js","sourceRoot":"","sources":["../../../src/components/email_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,6EAAyD;AAEzD,+CAA6C;AA6B7C,SAAgB,UAAU,CAAC,EA8BT;IA7BhB,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,cA7BkB,kWA8B1B,CADQ;IAEP,OAAO,CACL,8BAAC,0BAAW,eACN,IAAA,yBAAiB,EAAC,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,OAAO,EACZ,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC;AAjED,gCAiEC"}
+{"version":3,"file":"email_input.js","sourceRoot":"","sources":["../../../src/components/email_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAS1B,6EAAyD;AAEzD,+CAA6C;AAgC7C,SAAgB,UAAU,CAAC,EA+BT;IA9BhB,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,cA9BkB,4WA+B1B,CADQ;IAEP,OAAO,CACL,8BAAC,0BAAW,eACN,IAAA,yBAAiB,EAAC,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,OAAO,EACZ,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC;AAnED,gCAmEC"}

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

@@ -1,18 +1,20 @@
 import React from 'react';
-import type { CommonComponentProps, ModifierProps } from '../types';
+import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
-interface FileInputProps extends CommonComponentProps, ModifierProps {
+interface FileInputProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     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, margin, multiple, name, required, value, tabIndex, onChange, ...rest }: FileInputProps): React.JSX.Element;
 export {};

package/lib/cjs/components/file_input.js

@@ -29,12 +29,14 @@ exports.FileInput = void 0;
 var react_1 = __importDefault(require("react"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
 var shared_hooks_1 = require("./shared_hooks");
+var class_names_1 = __importDefault(require("../utils/class_names"));
+var modifier_classes_1 = require("../utils/modifier_classes");
 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, margin = _a.margin, 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", "margin", "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("label", { htmlFor: inputId, className: "File-Input__Label Button Button--small Button--color-dscout" }, label),
+    return (react_1.default.createElement("div", { className: (0, class_names_1.default)((0, modifier_classes_1.getMarginClass)(margin), _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, "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 margin-b--none" }, label),
         !!filename && (react_1.default.createElement("span", { className: "color--gray-2 margin-l--0.75" }, filename))));
 }
 exports.FileInput = FileInput;

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;AAS1B,6EAAyD;AACzD,+CAA+C;AAC/C,qEAA8C;AAC9C,8DAA2D;AAqB3D,SAAgB,SAAS,CAAC,EAoBT;IAnBf,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,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAnBiB,kOAoBzB,CADQ;IAEP,IAAM,OAAO,GAAG,IAAA,4BAAa,EAAC,EAAE,CAAC,CAAC;IAElC,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,qBAAU,EAAC,IAAA,iCAAc,EAAC,MAAM,CAAC,EAAE,cAAc,CAAC;QAChE,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,4EAA4E,IAErF,KAAK,CACA;QACP,CAAC,CAAC,QAAQ,IAAI,CACb,wCAAM,SAAS,EAAC,8BAA8B,IAAE,QAAQ,CAAQ,CACjE,CACG,CACP,CAAC;AACJ,CAAC;AAvDD,8BAuDC"}

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

@@ -1,23 +1,30 @@
 import React from 'react';
-import type { CommonComponentProps, Dimensions, ModifierProps, Spacing } from '../types';
+import type { CommonComponentProps, Dimensions, MarginModifierProp, ModifierClassProp, Spacing } from '../types';
 import type { GetRef } from '../utils/refs';
 type AlignContentEnums = 'around' | 'between' | 'center' | 'end' | 'start';
 type AlignItemsEnums = 'baseline' | 'center' | 'end' | 'start' | 'stretch';
 type DirectionEnums = 'column' | 'column-reverse' | 'row' | 'row-reverse';
 type JustifyEnums = 'around' | 'between' | 'center' | 'end' | 'start' | 'stretch';
-interface FlexProps extends CommonComponentProps, ModifierProps {
+interface FlexProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     alignContent?: AlignContentEnums;
     alignItems?: AlignItemsEnums;
     children?: React.ReactNode;
     direction?: DirectionEnums;
+    gap?: Spacing | {
+        all?: Spacing;
+        horizontal?: Spacing;
+        vertical?: Spacing;
+    };
     getRef?: GetRef<HTMLDivElement>;
     height?: Dimensions;
     id?: string;
     inline?: boolean;
     justify?: JustifyEnums;
+    minHeight?: Dimensions;
+    minWidth?: Dimensions;
     spacing?: Spacing;
     width?: Dimensions;
-    wrap?: boolean | string;
+    wrap?: boolean | 'reverse';
 }
-export declare function Flex({ _modifierClass, alignContent, alignItems, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, direction, getRef, height, id, inline, justify, spacing, width, wrap, ...rest }: FlexProps): React.JSX.Element;
+export declare function Flex({ _modifierClass, alignContent, alignItems, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, direction, gap, getRef, height, id, inline, justify, margin, minHeight, minWidth, spacing, width, wrap, ...rest }: FlexProps): React.JSX.Element;
 export {};

package/lib/cjs/components/flex.js

@@ -29,35 +29,41 @@ exports.Flex = void 0;
 var react_1 = __importDefault(require("react"));
 var class_names_1 = __importDefault(require("../utils/class_names"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
+var modifier_classes_1 = require("../utils/modifier_classes");
 var DIRECTION_MAP = {
     column: 'v',
     'column-reverse': 'v',
     row: 'h',
     'row-reverse': 'h'
 };
-function getSpacingClassname(direction, spacing) {
+function getGapClassName(gap) {
+    var _a;
+    if (typeof gap === 'string')
+        return "flex-gap--".concat(gap);
+    if (typeof gap === 'object') {
+        var all = gap.all, horizontal = gap.horizontal, vertical = gap.vertical;
+        return (0, class_names_1.default)((_a = {},
+            _a["flex-gap--".concat(all)] = all,
+            _a["flex-gap-h--".concat(horizontal)] = horizontal,
+            _a["flex-gap-v--".concat(vertical)] = vertical,
+            _a));
+    }
+}
+function getSpacingClassName(direction, spacing) {
     if (spacing)
         return "spacing-".concat(DIRECTION_MAP[direction], "--").concat(spacing);
 }
-function formatPercent(size) {
-    if (size && size.endsWith && size.endsWith('%')) {
-        return size.replace('%', '-pct');
-    }
-    return size;
-}
 function Flex(_a) {
     var _b;
-    var _modifierClass = _a._modifierClass, alignContent = _a.alignContent, alignItems = _a.alignItems, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, _c = _a.direction, direction = _c === void 0 ? 'row' : _c, getRef = _a.getRef, height = _a.height, id = _a.id, inline = _a.inline, justify = _a.justify, spacing = _a.spacing, width = _a.width, wrap = _a.wrap, rest = __rest(_a, ["_modifierClass", "alignContent", "alignItems", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "direction", "getRef", "height", "id", "inline", "justify", "spacing", "width", "wrap"]);
-    var className = (0, class_names_1.default)(_modifierClass, getSpacingClassname(direction, spacing), (_b = {
+    var _modifierClass = _a._modifierClass, alignContent = _a.alignContent, alignItems = _a.alignItems, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, _c = _a.direction, direction = _c === void 0 ? 'row' : _c, gap = _a.gap, getRef = _a.getRef, height = _a.height, id = _a.id, inline = _a.inline, justify = _a.justify, margin = _a.margin, minHeight = _a.minHeight, minWidth = _a.minWidth, spacing = _a.spacing, width = _a.width, wrap = _a.wrap, rest = __rest(_a, ["_modifierClass", "alignContent", "alignItems", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "direction", "gap", "getRef", "height", "id", "inline", "justify", "margin", "minHeight", "minWidth", "spacing", "width", "wrap"]);
+    var className = (0, class_names_1.default)(_modifierClass, (0, modifier_classes_1.getDimensionClass)('height', height), (0, modifier_classes_1.getDimensionClass)('min-height', minHeight), (0, modifier_classes_1.getDimensionClass)('min-width', minWidth), (0, modifier_classes_1.getDimensionClass)('width', width), getGapClassName(gap), (0, modifier_classes_1.getMarginClass)(margin), getSpacingClassName(direction, spacing), (_b = {
             flex: !inline,
             'flex--inline': inline
         },
         _b["align-content--".concat(alignContent)] = alignContent,
         _b["align-items--".concat(alignItems)] = alignItems,
         _b["direction--".concat(direction)] = direction,
-        _b["height--".concat(formatPercent(height))] = height,
         _b["justify--".concat(justify)] = justify,
-        _b["width--".concat(formatPercent(width))] = width,
         _b.wrap = wrap === true,
         _b['wrap--reverse'] = wrap === 'reverse',
         _b));

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

@@ -1 +1 @@
-{"version":3,"file":"flex.js","sourceRoot":"","sources":["../../../src/components/flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAU1B,qEAA8C;AAC9C,6EAAyD;AA4BzD,IAAM,aAAa,GAAG;IACpB,MAAM,EAAE,GAAG;IACX,gBAAgB,EAAE,GAAG;IACrB,GAAG,EAAE,GAAG;IACR,aAAa,EAAE,GAAG;CACnB,CAAC;AAEF,SAAS,mBAAmB,CAAC,SAAyB,EAAE,OAAgB;IACtE,IAAI,OAAO;QAAE,OAAO,kBAAW,aAAa,CAAC,SAAS,CAAC,eAAK,OAAO,CAAE,CAAC;AACxE,CAAC;AAED,SAAS,aAAa,CAAC,IAAgB;IACrC,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;QAC/C,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;KAClC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAgB,IAAI,CAAC,EAkBT;;IAjBV,IAAA,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACI,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,MAAM,YAAA,EACN,MAAM,YAAA,EACN,EAAE,QAAA,EACF,MAAM,YAAA,EACN,OAAO,aAAA,EACP,OAAO,aAAA,EACP,KAAK,WAAA,EACL,IAAI,UAAA,EACD,IAAI,cAjBY,yMAkBpB,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAC1B,cAAc,EACd,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC;YAErC,IAAI,EAAE,CAAC,MAAM;YACb,cAAc,EAAE,MAAM;;QACtB,GAAC,yBAAkB,YAAY,CAAE,IAAG,YAAY;QAChD,GAAC,uBAAgB,UAAU,CAAE,IAAG,UAAU;QAC1C,GAAC,qBAAc,SAAS,CAAE,IAAG,SAAS;QACtC,GAAC,kBAAW,aAAa,CAAC,MAAM,CAAC,CAAE,IAAG,MAAM;QAC5C,GAAC,mBAAY,OAAO,CAAE,IAAG,OAAO;QAChC,GAAC,iBAAU,aAAa,CAAC,KAAK,CAAC,CAAE,IAAG,KAAK;QACzC,OAAI,GAAE,IAAI,KAAK,IAAI;QACnB,mBAAe,GAAE,IAAI,KAAK,SAAS;YAEtC,CAAC;IAEF,OAAO,CACL,kDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,KAEV,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAjDD,oBAiDC"}
+{"version":3,"file":"flex.js","sourceRoot":"","sources":["../../../src/components/flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAW1B,qEAA8C;AAC9C,6EAAyD;AACzD,8DAA8E;AAwC9E,IAAM,aAAa,GAAG;IACpB,MAAM,EAAE,GAAG;IACX,gBAAgB,EAAE,GAAG;IACrB,GAAG,EAAE,GAAG;IACR,aAAa,EAAE,GAAG;CACnB,CAAC;AAEF,SAAS,eAAe,CAAC,GAAqB;;IAC5C,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,OAAO,oBAAa,GAAG,CAAE,CAAC;IAEvD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QACnB,IAAA,GAAG,GAA2B,GAAG,IAA9B,EAAE,UAAU,GAAe,GAAG,WAAlB,EAAE,QAAQ,GAAK,GAAG,SAAR,CAAS;QAE1C,OAAO,IAAA,qBAAU;YACf,GAAC,oBAAa,GAAG,CAAE,IAAG,GAAG;YACzB,GAAC,sBAAe,UAAU,CAAE,IAAG,UAAU;YACzC,GAAC,sBAAe,QAAQ,CAAE,IAAG,QAAQ;gBACrC,CAAC;KACJ;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,SAAyB,EAAE,OAAgB;IACtE,IAAI,OAAO;QAAE,OAAO,kBAAW,aAAa,CAAC,SAAS,CAAC,eAAK,OAAO,CAAE,CAAC;AACxE,CAAC;AAED,SAAgB,IAAI,CAAC,EAsBT;;IArBV,IAAA,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACI,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,GAAG,SAAA,EACH,MAAM,YAAA,EACN,MAAM,YAAA,EACN,EAAE,QAAA,EACF,MAAM,YAAA,EACN,OAAO,aAAA,EACP,MAAM,YAAA,EACN,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA,EACL,IAAI,UAAA,EACD,IAAI,cArBY,mPAsBpB,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAC1B,cAAc,EACd,IAAA,oCAAiB,EAAC,QAAQ,EAAE,MAAM,CAAC,EACnC,IAAA,oCAAiB,EAAC,YAAY,EAAE,SAAS,CAAC,EAC1C,IAAA,oCAAiB,EAAC,WAAW,EAAE,QAAQ,CAAC,EACxC,IAAA,oCAAiB,EAAC,OAAO,EAAE,KAAK,CAAC,EACjC,eAAe,CAAC,GAAG,CAAC,EACpB,IAAA,iCAAc,EAAC,MAAM,CAAC,EACtB,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC;YAErC,IAAI,EAAE,CAAC,MAAM;YACb,cAAc,EAAE,MAAM;;QACtB,GAAC,yBAAkB,YAAY,CAAE,IAAG,YAAY;QAChD,GAAC,uBAAgB,UAAU,CAAE,IAAG,UAAU;QAC1C,GAAC,qBAAc,SAAS,CAAE,IAAG,SAAS;QACtC,GAAC,mBAAY,OAAO,CAAE,IAAG,OAAO;QAChC,OAAI,GAAE,IAAI,KAAK,IAAI;QACnB,mBAAe,GAAE,IAAI,KAAK,SAAS;YAEtC,CAAC;IAEF,OAAO,CACL,kDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,KAEV,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAzDD,oBAyDC"}

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/footnote.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 FootnoteProps extends CommonComponentProps, ModifierProps {
+interface FootnoteProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     children?: React.ReactNode;
     getRef?: GetRef<HTMLElement>;
     id?: string;
 }
-export declare function Footnote({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, getRef, id, ...rest }: FootnoteProps): React.JSX.Element;
+export declare function Footnote({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, getRef, id, margin, ...rest }: FootnoteProps): React.JSX.Element;
 export {};

package/lib/cjs/components/footnote.js

@@ -29,9 +29,10 @@ exports.Footnote = void 0;
 var react_1 = __importDefault(require("react"));
 var class_names_1 = __importDefault(require("../utils/class_names"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
+var modifier_classes_1 = require("../utils/modifier_classes");
 function Footnote(_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_1.default.createElement("aside", __assign({}, (0, data_attributes_1.default)(rest), { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: (0, class_names_1.default)('Footnote', _modifierClass), id: id, ref: getRef }), 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_1.default.createElement("aside", __assign({}, (0, data_attributes_1.default)(rest), { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: (0, class_names_1.default)('Footnote', (0, modifier_classes_1.getMarginClass)(margin), _modifierClass), id: id, ref: getRef }), children));
 }
 exports.Footnote = Footnote;
 //# sourceMappingURL=footnote.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"footnote.js","sourceRoot":"","sources":["../../../src/components/footnote.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,6EAAyD;AAQzD,SAAgB,QAAQ,CAAC,EAST;IARd,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACC,IAAI,cARgB,mGASxB,CADQ;IAEP,OAAO,CACL,oDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,IAAA,qBAAU,EAAC,UAAU,EAAE,cAAc,CAAC,EACjD,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,KAEV,QAAQ,CACH,CACT,CAAC;AACJ,CAAC;AAvBD,4BAuBC"}
+{"version":3,"file":"footnote.js","sourceRoot":"","sources":["../../../src/components/footnote.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAS1B,qEAA8C;AAC9C,6EAAyD;AACzD,8DAA2D;AAW3D,SAAgB,QAAQ,CAAC,EAUT;IATd,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,cATgB,6GAUxB,CADQ;IAEP,OAAO,CACL,oDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,IAAA,qBAAU,EAAC,UAAU,EAAE,IAAA,iCAAc,EAAC,MAAM,CAAC,EAAE,cAAc,CAAC,EACzE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,KAEV,QAAQ,CACH,CACT,CAAC;AACJ,CAAC;AAxBD,4BAwBC"}

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { CommonComponentProps, FontWeights, LineHeights, ModifierProps, Tracking, TypeSizes } from '../types';
+import type { CommonComponentProps, FontWeights, LineHeights, MarginModifierProp, ModifierClassProp, Tracking, TypeSizes } from '../types';
 import type { GetRef } from '../utils/refs';
-interface HeadingProps extends CommonComponentProps, ModifierProps {
+interface HeadingProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     children?: React.ReactNode;
     getRef?: GetRef<HTMLHeadingElement>;
     id?: string;
@@ -19,5 +19,5 @@ interface HeadingProps extends CommonComponentProps, ModifierProps {
  *
  * Apply the desired font size and weight via props.
  */
-export declare function Heading({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, getRef, id, level, lineHeight, size, tracking, weight, ...rest }: HeadingProps): React.JSX.Element;
+export declare function Heading({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, getRef, id, level, lineHeight, margin, size, tracking, weight, ...rest }: HeadingProps): React.JSX.Element;
 export {};

package/lib/cjs/components/heading.js

@@ -29,6 +29,7 @@ exports.Heading = void 0;
 var react_1 = __importDefault(require("react"));
 var class_names_1 = __importDefault(require("../utils/class_names"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
+var modifier_classes_1 = require("../utils/modifier_classes");
 /**
  * __Note:__ By default, Particle styles all heading levels indentically.
  * This is an intentional decision to separate the semantic meaning of the
@@ -39,15 +40,15 @@ var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
  */
 function Heading(_a) {
     var _b;
-    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, level = _a.level, lineHeight = _a.lineHeight, size = _a.size, tracking = _a.tracking, weight = _a.weight, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "getRef", "id", "level", "lineHeight", "size", "tracking", "weight"]);
+    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, level = _a.level, lineHeight = _a.lineHeight, margin = _a.margin, size = _a.size, tracking = _a.tracking, weight = _a.weight, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "getRef", "id", "level", "lineHeight", "margin", "size", "tracking", "weight"]);
     var HeadingComponent = "h".concat(level);
-    var className = (0, class_names_1.default)(_modifierClass, (_b = {},
+    var className = (0, class_names_1.default)(_modifierClass, (0, modifier_classes_1.getMarginClass)(margin), (_b = {},
         _b["font-size--".concat(size)] = size,
         _b["font-weight--".concat(weight)] = weight,
         _b["line-height--".concat(lineHeight)] = lineHeight,
         _b["tracked--".concat(tracking)] = tracking,
         _b));
-    return (react_1.default.createElement(HeadingComponent, __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id, ref: getRef }, (0, data_attributes_1.default)(rest)), children));
+    return (react_1.default.createElement(HeadingComponent, __assign({}, (0, data_attributes_1.default)(rest), { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id, ref: getRef }), children));
 }
 exports.Heading = Heading;
 //# sourceMappingURL=heading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../src/components/heading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAY1B,qEAA8C;AAC9C,6EAAyD;AAazD;;;;;;;GAOG;AAEH,SAAgB,OAAO,CAAC,EAcT;;IAbb,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,MAAM,YAAA,EACH,IAAI,cAbe,wJAcvB,CADQ;IAEP,IAAM,gBAAgB,GAAG,WAAI,KAAK,CAAW,CAAC;IAC9C,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,cAAc;QACzC,GAAC,qBAAc,IAAI,CAAE,IAAG,IAAI;QAC5B,GAAC,uBAAgB,MAAM,CAAE,IAAG,MAAM;QAClC,GAAC,uBAAgB,UAAU,CAAE,IAAG,UAAU;QAC1C,GAAC,mBAAY,QAAQ,CAAE,IAAG,QAAQ;YAClC,CAAC;IAEH,OAAO,CACL,8BAAC,gBAAgB,2BACH,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,IAAA,yBAAiB,EAAC,IAAI,CAAC,GAE1B,QAAQ,CACQ,CACpB,CAAC;AACJ,CAAC;AApCD,0BAoCC"}
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../src/components/heading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAa1B,qEAA8C;AAC9C,6EAAyD;AACzD,8DAA2D;AAgB3D;;;;;;;GAOG;AAEH,SAAgB,OAAO,CAAC,EAeT;;IAdb,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,MAAM,YAAA,EACH,IAAI,cAde,kKAevB,CADQ;IAEP,IAAM,gBAAgB,GAAG,WAAI,KAAK,CAAW,CAAC;IAC9C,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,cAAc,EAAE,IAAA,iCAAc,EAAC,MAAM,CAAC;QACjE,GAAC,qBAAc,IAAI,CAAE,IAAG,IAAI;QAC5B,GAAC,uBAAgB,MAAM,CAAE,IAAG,MAAM;QAClC,GAAC,uBAAgB,UAAU,CAAE,IAAG,UAAU;QAC1C,GAAC,mBAAY,QAAQ,CAAE,IAAG,QAAQ;YAClC,CAAC;IAEH,OAAO,CACL,8BAAC,gBAAgB,eACX,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,KAEV,QAAQ,CACQ,CACpB,CAAC;AACJ,CAAC;AArCD,0BAqCC"}

package/lib/cjs/components/input_addon.js

@@ -35,7 +35,7 @@ function InputAddon(_a) {
         'Input-Group__Addon--disabled': disabled,
         'Input-Group__Addon--mini': mini
     });
-    return (react_1.default.createElement("div", __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id }, (0, data_attributes_1.default)(rest)), children));
+    return (react_1.default.createElement("div", __assign({}, (0, data_attributes_1.default)(rest), { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id }), children));
 }
 exports.InputAddon = InputAddon;
 //# sourceMappingURL=input_addon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input_addon.js","sourceRoot":"","sources":["../../../src/components/input_addon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAI1B,qEAA8C;AAC9C,6EAAyD;AASzD,SAAgB,UAAU,CAAC,EAST;IARhB,IAAc,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,IAAI,UAAA,EACD,IAAI,cARkB,2FAS1B,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,oBAAoB,EAAE;QACjD,8BAA8B,EAAE,QAAQ;QACxC,0BAA0B,EAAE,IAAI;KACjC,CAAC,CAAC;IAEH,OAAO,CACL,8DACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,IACF,IAAA,yBAAiB,EAAC,IAAI,CAAC,GAE1B,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AA3BD,gCA2BC"}
+{"version":3,"file":"input_addon.js","sourceRoot":"","sources":["../../../src/components/input_addon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAI1B,qEAA8C;AAC9C,6EAAyD;AASzD,SAAgB,UAAU,CAAC,EAST;IARhB,IAAc,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,IAAI,UAAA,EACD,IAAI,cARkB,2FAS1B,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,oBAAoB,EAAE;QACjD,8BAA8B,EAAE,QAAQ;QACxC,0BAA0B,EAAE,IAAI;KACjC,CAAC,CAAC;IAEH,OAAO,CACL,kDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,KAEL,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AA3BD,gCA2BC"}

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { CommonComponentProps, ModifierProps } from '../types';
-interface InputGroupProps extends CommonComponentProps, ModifierProps {
+import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
+interface InputGroupProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     children?: React.ReactNode;
     id?: string;
 }
-export declare function InputGroup({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, id, ...rest }: InputGroupProps): React.JSX.Element;
+export declare function InputGroup({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, id, margin, ...rest }: InputGroupProps): React.JSX.Element;
 export {};

package/lib/cjs/components/input_group.js

@@ -29,9 +29,10 @@ exports.InputGroup = void 0;
 var react_1 = __importDefault(require("react"));
 var class_names_1 = __importDefault(require("../utils/class_names"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
+var modifier_classes_1 = require("../utils/modifier_classes");
 function InputGroup(_a) {
-    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, id = _a.id, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "id"]);
-    return (react_1.default.createElement("div", __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: (0, class_names_1.default)('Input-Group', _modifierClass), id: id }, (0, data_attributes_1.default)(rest)), children));
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, id = _a.id, margin = _a.margin, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "id", "margin"]);
+    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)('Input-Group', (0, modifier_classes_1.getMarginClass)(margin), _modifierClass), id: id }), children));
 }
 exports.InputGroup = InputGroup;
 //# sourceMappingURL=input_group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input_group.js","sourceRoot":"","sources":["../../../src/components/input_group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAI1B,qEAA8C;AAC9C,6EAAyD;AAOzD,SAAgB,UAAU,CAAC,EAQT;IAPhB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,EAAE,QAAA,EACC,IAAI,cAPkB,yFAQ1B,CADQ;IAEP,OAAO,CACL,8DACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,IAAA,qBAAU,EAAC,aAAa,EAAE,cAAc,CAAC,EACpD,EAAE,EAAE,EAAE,IACF,IAAA,yBAAiB,EAAC,IAAI,CAAC,GAE1B,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AArBD,gCAqBC"}
+{"version":3,"file":"input_group.js","sourceRoot":"","sources":["../../../src/components/input_group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAQ1B,qEAA8C;AAC9C,6EAAyD;AACzD,8DAA2D;AAU3D,SAAgB,UAAU,CAAC,EAST;IARhB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,MAAM,YAAA,EACH,IAAI,cARkB,mGAS1B,CADQ;IAEP,OAAO,CACL,kDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,IAAA,qBAAU,EACnB,aAAa,EACb,IAAA,iCAAc,EAAC,MAAM,CAAC,EACtB,cAAc,CACf,EACD,EAAE,EAAE,EAAE,KAEL,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AA1BD,gCA0BC"}

package/lib/cjs/components/input_group_item.js

@@ -36,7 +36,7 @@ function InputGroupItem(_a) {
         _b["flex-grow--".concat(grow)] = grow !== undefined,
         _b["flex-shrink--".concat(shrink)] = shrink !== undefined,
         _b));
-    return (react_1.default.createElement("div", __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id }, (0, data_attributes_1.default)(rest)), children));
+    return (react_1.default.createElement("div", __assign({}, (0, data_attributes_1.default)(rest), { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id }), children));
 }
 exports.InputGroupItem = InputGroupItem;
 //# sourceMappingURL=input_group_item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input_group_item.js","sourceRoot":"","sources":["../../../src/components/input_group_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAI1B,qEAA8C;AAC9C,6EAAyD;AASzD,SAAgB,cAAc,CAAC,EAST;;IARpB,IAAc,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,MAAM,YAAA,EACH,IAAI,cARsB,yFAS9B,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,mBAAmB;QAC9C,GAAC,qBAAc,IAAI,CAAE,IAAG,IAAI,KAAK,SAAS;QAC1C,GAAC,uBAAgB,MAAM,CAAE,IAAG,MAAM,KAAK,SAAS;YAChD,CAAC;IAEH,OAAO,CACL,8DACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,IACF,IAAA,yBAAiB,EAAC,IAAI,CAAC,GAE1B,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AA3BD,wCA2BC"}
+{"version":3,"file":"input_group_item.js","sourceRoot":"","sources":["../../../src/components/input_group_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAI1B,qEAA8C;AAC9C,6EAAyD;AASzD,SAAgB,cAAc,CAAC,EAST;;IARpB,IAAc,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,MAAM,YAAA,EACH,IAAI,cARsB,yFAS9B,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,mBAAmB;QAC9C,GAAC,qBAAc,IAAI,CAAE,IAAG,IAAI,KAAK,SAAS;QAC1C,GAAC,uBAAgB,MAAM,CAAE,IAAG,MAAM,KAAK,SAAS;YAChD,CAAC;IAEH,OAAO,CACL,kDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,KAEL,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AA3BD,wCA2BC"}

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { Colors, CommonComponentProps, FontWeights, ModifierProps, TypeSizes } from '../types';
+import type { Colors, CommonComponentProps, FontWeights, MarginModifierProp, ModifierClassProp, TypeSizes } from '../types';
 import type { GetRef } from '../utils/refs';
-interface LinkTextProps extends CommonComponentProps, ModifierProps {
+interface LinkTextProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     children?: React.ReactNode;
     color?: Colors;
     download?: boolean | string;
@@ -15,5 +15,5 @@ interface LinkTextProps extends CommonComponentProps, ModifierProps {
     title?: string;
     weight?: FontWeights;
 }
-export declare function LinkText({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, children, color, download, getRef, href, id, onClick, rel, size, target, title, weight, ...rest }: LinkTextProps): React.JSX.Element;
+export declare function LinkText({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, children, color, download, getRef, href, id, margin, onClick, rel, size, target, title, weight, ...rest }: LinkTextProps): React.JSX.Element;
 export {};

package/lib/cjs/components/link_text.js

@@ -29,6 +29,7 @@ exports.LinkText = void 0;
 var react_1 = __importDefault(require("react"));
 var class_names_1 = __importDefault(require("../utils/class_names"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
+var modifier_classes_1 = require("../utils/modifier_classes");
 function secureRel(target, rel) {
     // For security, links opened in new tabs should always have `rel="noopener"`,
     // so we're applying that automatically unless the `rel` attribute has been
@@ -39,8 +40,8 @@ function secureRel(target, rel) {
 }
 function LinkText(_a) {
     var _b;
-    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], children = _a.children, color = _a.color, download = _a.download, getRef = _a.getRef, href = _a.href, id = _a.id, onClick = _a.onClick, rel = _a.rel, size = _a.size, target = _a.target, title = _a.title, weight = _a.weight, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-label', 'aria-labelledby', "children", "color", "download", "getRef", "href", "id", "onClick", "rel", "size", "target", "title", "weight"]);
-    var className = (0, class_names_1.default)('Link-Text', _modifierClass, (_b = {},
+    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], children = _a.children, color = _a.color, download = _a.download, getRef = _a.getRef, href = _a.href, id = _a.id, margin = _a.margin, onClick = _a.onClick, rel = _a.rel, size = _a.size, target = _a.target, title = _a.title, weight = _a.weight, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-label', 'aria-labelledby', "children", "color", "download", "getRef", "href", "id", "margin", "onClick", "rel", "size", "target", "title", "weight"]);
+    var className = (0, class_names_1.default)('Link-Text', _modifierClass, (0, modifier_classes_1.getMarginClass)(margin), (_b = {},
         _b["color--".concat(color)] = color,
         _b["font-size--".concat(size)] = size,
         _b["font-weight--".concat(weight)] = weight,

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

@@ -1 +1 @@
-{"version":3,"file":"link_text.js","sourceRoot":"","sources":["../../../src/components/link_text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAW1B,qEAA8C;AAC9C,6EAAyD;AAiBzD,SAAS,SAAS,CAAC,MAAc,EAAE,GAAW;IAC5C,8EAA8E;IAC9E,2EAA2E;IAC3E,uBAAuB;IACvB,IAAI,MAAM,KAAK,QAAQ;QAAE,OAAO,GAAG,IAAI,UAAU,CAAC;IAElD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,SAAgB,QAAQ,CAAC,EAkBT;;IAjBd,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACrB,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACjC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,OAAO,aAAA,EACP,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,KAAK,WAAA,EACL,MAAM,YAAA,EACH,IAAI,cAjBgB,uLAkBxB,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,WAAW,EAAE,cAAc;QACtD,GAAC,iBAAU,KAAK,CAAE,IAAG,KAAK;QAC1B,GAAC,qBAAc,IAAI,CAAE,IAAG,IAAI;QAC5B,GAAC,uBAAgB,MAAM,CAAE,IAAG,MAAM;YAClC,CAAC;IAEH,OAAO,CACL,gDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,wBACT,eAAe,gBACrB,SAAS,qBACJ,cAAc,EAC/B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,SAAS,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,KAEX,QAAQ,CACP,CACL,CAAC;AACJ,CAAC;AA5CD,4BA4CC"}
+{"version":3,"file":"link_text.js","sourceRoot":"","sources":["../../../src/components/link_text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAY1B,qEAA8C;AAC9C,6EAAyD;AACzD,8DAA2D;AAoB3D,SAAS,SAAS,CAAC,MAAc,EAAE,GAAW;IAC5C,8EAA8E;IAC9E,2EAA2E;IAC3E,uBAAuB;IACvB,IAAI,MAAM,KAAK,QAAQ;QAAE,OAAO,GAAG,IAAI,UAAU,CAAC;IAElD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,SAAgB,QAAQ,CAAC,EAmBT;;IAlBd,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACrB,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACjC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,MAAM,YAAA,EACN,OAAO,aAAA,EACP,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,KAAK,WAAA,EACL,MAAM,YAAA,EACH,IAAI,cAlBgB,iMAmBxB,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAC1B,WAAW,EACX,cAAc,EACd,IAAA,iCAAc,EAAC,MAAM,CAAC;QAEpB,GAAC,iBAAU,KAAK,CAAE,IAAG,KAAK;QAC1B,GAAC,qBAAc,IAAI,CAAE,IAAG,IAAI;QAC5B,GAAC,uBAAgB,MAAM,CAAE,IAAG,MAAM;YAErC,CAAC;IAEF,OAAO,CACL,gDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,wBACT,eAAe,gBACrB,SAAS,qBACJ,cAAc,EAC/B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,SAAS,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,KAEX,QAAQ,CACP,CACL,CAAC;AACJ,CAAC;AAlDD,4BAkDC"}

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

@@ -1,12 +1,12 @@
 import React from 'react';
-import type { CommonComponentProps, ModifierProps } from '../types';
+import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
-interface ListProps extends CommonComponentProps, ModifierProps {
+interface ListProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     children?: React.ReactNode;
     getRef?: GetRef<HTMLOListElement & HTMLUListElement>;
     id?: string;
     type?: 'ordered' | 'unordered';
     variant?: 'plain' | 'fancy';
 }
-export declare function List({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, getRef, id, type, variant, ...rest }: ListProps): React.JSX.Element;
+export declare function List({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, getRef, id, margin, type, variant, ...rest }: ListProps): React.JSX.Element;
 export {};

package/lib/cjs/components/list.js

@@ -29,14 +29,15 @@ exports.List = void 0;
 var react_1 = __importDefault(require("react"));
 var class_names_1 = __importDefault(require("../utils/class_names"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
+var modifier_classes_1 = require("../utils/modifier_classes");
 function List(_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, _b = _a.type, type = _b === void 0 ? 'unordered' : _b, variant = _a.variant, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "getRef", "id", "type", "variant"]);
+    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, _b = _a.type, type = _b === void 0 ? 'unordered' : _b, variant = _a.variant, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "getRef", "id", "margin", "type", "variant"]);
     var ListComponent = type === 'ordered' ? 'ol' : 'ul';
-    var className = (0, class_names_1.default)('List', _modifierClass, {
+    var className = (0, class_names_1.default)('List', (0, modifier_classes_1.getMarginClass)(margin), _modifierClass, {
         'List--plain': variant === 'plain',
         'List--fancy': variant === 'fancy'
     });
-    return (react_1.default.createElement(ListComponent, __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id, ref: getRef }, (0, data_attributes_1.default)(rest)), children));
+    return (react_1.default.createElement(ListComponent, __assign({}, (0, data_attributes_1.default)(rest), { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id, ref: getRef }), children));
 }
 exports.List = List;
 //# sourceMappingURL=list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,6EAAyD;AAUzD,SAAgB,IAAI,CAAC,EAWT;IAVV,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,YAAkB,EAAlB,IAAI,mBAAG,WAAW,KAAA,EAClB,OAAO,aAAA,EACJ,IAAI,cAVY,sHAWpB,CADQ;IAEP,IAAM,aAAa,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,MAAM,EAAE,cAAc,EAAE;QACnD,aAAa,EAAE,OAAO,KAAK,OAAO;QAClC,aAAa,EAAE,OAAO,KAAK,OAAO;KACnC,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,aAAa,2BACA,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,IAAA,yBAAiB,EAAC,IAAI,CAAC,GAE1B,QAAQ,CACK,CACjB,CAAC;AACJ,CAAC;AAhCD,oBAgCC"}
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAS1B,qEAA8C;AAC9C,6EAAyD;AACzD,8DAA2D;AAa3D,SAAgB,IAAI,CAAC,EAYT;IAXV,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,MAAM,YAAA,EACN,YAAkB,EAAlB,IAAI,mBAAG,WAAW,KAAA,EAClB,OAAO,aAAA,EACJ,IAAI,cAXY,gIAYpB,CADQ;IAEP,IAAM,aAAa,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,MAAM,EAAE,IAAA,iCAAc,EAAC,MAAM,CAAC,EAAE,cAAc,EAAE;QAC3E,aAAa,EAAE,OAAO,KAAK,OAAO;QAClC,aAAa,EAAE,OAAO,KAAK,OAAO;KACnC,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,aAAa,eACR,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,KAEV,QAAQ,CACK,CACjB,CAAC;AACJ,CAAC;AAjCD,oBAiCC"}

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

@@ -1,12 +1,12 @@
 import React from 'react';
-import type { CommonComponentProps, ModifierProps } from '../types';
+import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
-interface ListInlineProps extends CommonComponentProps, ModifierProps {
+interface ListInlineProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     align?: 'left' | 'center' | 'right';
     children?: React.ReactNode;
     divider?: 'comma' | 'custom';
     getRef?: GetRef<HTMLUListElement>;
     id?: string;
 }
-export declare function ListInline({ _modifierClass, align, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, divider, getRef, id, ...rest }: ListInlineProps): React.JSX.Element;
+export declare function ListInline({ _modifierClass, align, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, divider, getRef, id, margin, ...rest }: ListInlineProps): React.JSX.Element;
 export {};

package/lib/cjs/components/list_inline.js

@@ -29,16 +29,17 @@ exports.ListInline = void 0;
 var react_1 = __importDefault(require("react"));
 var class_names_1 = __importDefault(require("../utils/class_names"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
+var modifier_classes_1 = require("../utils/modifier_classes");
 function ListInline(_a) {
-    var _modifierClass = _a._modifierClass, align = _a.align, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, divider = _a.divider, getRef = _a.getRef, id = _a.id, rest = __rest(_a, ["_modifierClass", "align", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "divider", "getRef", "id"]);
-    var className = (0, class_names_1.default)('List List--plain List--inline', _modifierClass, {
+    var _modifierClass = _a._modifierClass, align = _a.align, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, divider = _a.divider, getRef = _a.getRef, id = _a.id, margin = _a.margin, rest = __rest(_a, ["_modifierClass", "align", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "divider", "getRef", "id", "margin"]);
+    var className = (0, class_names_1.default)('List List--plain List--inline', (0, modifier_classes_1.getMarginClass)(margin), _modifierClass, {
         'List--divided-comma': divider === 'comma',
         'List--divided-custom': divider === 'custom',
         'text-align--c': align === 'center',
         'text-align--l': align === 'left',
         'text-align--r': align === 'right'
     });
-    return (react_1.default.createElement("ul", __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id, ref: getRef }, (0, data_attributes_1.default)(rest)), children));
+    return (react_1.default.createElement("ul", __assign({}, (0, data_attributes_1.default)(rest), { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id, ref: getRef }), children));
 }
 exports.ListInline = ListInline;
 //# sourceMappingURL=list_inline.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list_inline.js","sourceRoot":"","sources":["../../../src/components/list_inline.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,6EAAyD;AAUzD,SAAgB,UAAU,CAAC,EAWT;IAVhB,IAAA,cAAc,oBAAA,EACd,KAAK,WAAA,EACS,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,EAAE,QAAA,EACC,IAAI,cAVkB,uHAW1B,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAC1B,+BAA+B,EAC/B,cAAc,EACd;QACE,qBAAqB,EAAE,OAAO,KAAK,OAAO;QAC1C,sBAAsB,EAAE,OAAO,KAAK,QAAQ;QAC5C,eAAe,EAAE,KAAK,KAAK,QAAQ;QACnC,eAAe,EAAE,KAAK,KAAK,MAAM;QACjC,eAAe,EAAE,KAAK,KAAK,OAAO;KACnC,CACF,CAAC;IAEF,OAAO,CACL,6DACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,IAAA,yBAAiB,EAAC,IAAI,CAAC,GAE1B,QAAQ,CACN,CACN,CAAC;AACJ,CAAC;AArCD,gCAqCC"}
+{"version":3,"file":"list_inline.js","sourceRoot":"","sources":["../../../src/components/list_inline.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAS1B,qEAA8C;AAC9C,6EAAyD;AACzD,8DAA2D;AAa3D,SAAgB,UAAU,CAAC,EAYT;IAXhB,IAAA,cAAc,oBAAA,EACd,KAAK,WAAA,EACS,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,EAAE,QAAA,EACF,MAAM,YAAA,EACH,IAAI,cAXkB,iIAY1B,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAC1B,+BAA+B,EAC/B,IAAA,iCAAc,EAAC,MAAM,CAAC,EACtB,cAAc,EACd;QACE,qBAAqB,EAAE,OAAO,KAAK,OAAO;QAC1C,sBAAsB,EAAE,OAAO,KAAK,QAAQ;QAC5C,eAAe,EAAE,KAAK,KAAK,QAAQ;QACnC,eAAe,EAAE,KAAK,KAAK,MAAM;QACjC,eAAe,EAAE,KAAK,KAAK,OAAO;KACnC,CACF,CAAC;IAEF,OAAO,CACL,iDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,KAEV,QAAQ,CACN,CACN,CAAC;AACJ,CAAC;AAvCD,gCAuCC"}

package/lib/cjs/components/menu.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 MenuProps extends CommonComponentProps, ModifierProps {
+interface MenuProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     children?: React.ReactNode;
     contained?: boolean;
     getRef?: GetRef<HTMLDivElement>;
@@ -9,5 +9,5 @@ interface MenuProps extends CommonComponentProps, ModifierProps {
     nav?: boolean;
     variant?: 'tight' | 'loose';
 }
-export declare function Menu({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, contained, getRef, id, nav, variant, ...rest }: MenuProps): React.JSX.Element;
+export declare function Menu({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, contained, getRef, id, margin, nav, variant, ...rest }: MenuProps): React.JSX.Element;
 export {};