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

package/lib/esm/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 {};

package/lib/esm/components/menu.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 Menu(_a) {
-    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, contained = _a.contained, getRef = _a.getRef, id = _a.id, nav = _a.nav, _b = _a.variant, variant = _b === void 0 ? 'tight' : _b, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "contained", "getRef", "id", "nav", "variant"]);
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, contained = _a.contained, getRef = _a.getRef, id = _a.id, margin = _a.margin, nav = _a.nav, _b = _a.variant, variant = _b === void 0 ? 'tight' : _b, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "contained", "getRef", "id", "margin", "nav", "variant"]);
     var Component = nav ? 'nav' : 'div';
-    var className = classNames('Menu', "Menu--".concat(variant), _modifierClass, {
+    var className = classNames('Menu', "Menu--".concat(variant), getMarginClass(margin), _modifierClass, {
         'Menu--contained': contained
     });
     return (React.createElement(Component, __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id, ref: getRef }, getDataAttributes(rest)), children));

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

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/components/menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAWzD,MAAM,UAAU,IAAI,CAAC,EAYT;IAXV,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,MAAM,YAAA,EACN,EAAE,QAAA,EACF,GAAG,SAAA,EACH,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACd,IAAI,cAXY,kIAYpB,CADQ;IAEP,IAAM,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACtC,IAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE,gBAAS,OAAO,CAAE,EAAE,cAAc,EAAE;QACvE,iBAAiB,EAAE,SAAS;KAC7B,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,SAAS,2BACI,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,iBAAiB,CAAC,IAAI,CAAC,GAE1B,QAAQ,CACC,CACb,CAAC;AACJ,CAAC"}
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/components/menu.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;AAc3D,MAAM,UAAU,IAAI,CAAC,EAaT;IAZV,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,MAAM,YAAA,EACN,EAAE,QAAA,EACF,MAAM,YAAA,EACN,GAAG,SAAA,EACH,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACd,IAAI,cAZY,4IAapB,CADQ;IAEP,IAAM,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACtC,IAAM,SAAS,GAAG,UAAU,CAC1B,MAAM,EACN,gBAAS,OAAO,CAAE,EAClB,cAAc,CAAC,MAAM,CAAC,EACtB,cAAc,EACd;QACE,iBAAiB,EAAE,SAAS;KAC7B,CACF,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,2BACI,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,iBAAiB,CAAC,IAAI,CAAC,GAE1B,QAAQ,CACC,CACb,CAAC;AACJ,CAAC"}

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { Colors, CommonComponentProps, ModifierProps } from '../types';
+import type { Colors, CommonComponentProps, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
-interface MenuItemProps extends CommonComponentProps, ModifierProps {
+interface MenuItemProps extends CommonComponentProps, ModifierClassProp {
     active?: boolean;
     children?: React.ReactNode;
     color?: string;
@@ -15,5 +15,5 @@ interface MenuItemProps extends CommonComponentProps, ModifierProps {
     wrapWithLI?: boolean;
     activeColor?: Colors;
 }
-export declare function MenuItem({ _modifierClass, active, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, color, disabled, getRef, id, name, onClick, selected, sortable, wrapWithLI, activeColor, ...otherProps }: MenuItemProps): React.JSX.Element;
+export declare function MenuItem({ _modifierClass, active, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, color, disabled, getRef, id, name, onClick, selected, sortable, wrapWithLI, activeColor, ...rest }: MenuItemProps): React.JSX.Element;
 export {};

package/lib/esm/components/menu_item.js

@@ -23,12 +23,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { CommonMenuItem } from './common_menu_item';
 export function MenuItem(_a) {
-    var _modifierClass = _a._modifierClass, active = _a.active, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, color = _a.color, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, name = _a.name, onClick = _a.onClick, selected = _a.selected, sortable = _a.sortable, wrapWithLI = _a.wrapWithLI, activeColor = _a.activeColor, otherProps = __rest(_a, ["_modifierClass", "active", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "color", "disabled", "getRef", "id", "name", "onClick", "selected", "sortable", "wrapWithLI", "activeColor"]);
+    var _modifierClass = _a._modifierClass, active = _a.active, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, color = _a.color, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, name = _a.name, onClick = _a.onClick, selected = _a.selected, sortable = _a.sortable, wrapWithLI = _a.wrapWithLI, activeColor = _a.activeColor, rest = __rest(_a, ["_modifierClass", "active", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "color", "disabled", "getRef", "id", "name", "onClick", "selected", "sortable", "wrapWithLI", "activeColor"]);
     var styleWithColorVariable = activeColor
         ? {
             '--Menu__Item--active____color': "var(--color--".concat(activeColor, ")")
         }
         : {};
-    return (React.createElement(CommonMenuItem, __assign({ _modifierClass: _modifierClass, active: active, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, color: color, disabled: disabled, getRef: getRef, id: id, name: name, onClick: onClick, selected: selected, sortable: sortable, wrapWithLI: wrapWithLI, style: styleWithColorVariable }, otherProps), children));
+    return (React.createElement(CommonMenuItem, __assign({ _modifierClass: _modifierClass, active: active, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, color: color, disabled: disabled, getRef: getRef, id: id, name: name, onClick: onClick, selected: selected, sortable: sortable, wrapWithLI: wrapWithLI, style: styleWithColorVariable }, rest), children));
 }
 //# sourceMappingURL=menu_item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/components/menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAiBpD,MAAM,UAAU,QAAQ,CAAC,EAkBT;IAjBd,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,WAAW,iBAAA,EACR,UAAU,cAjBU,0MAkBxB,CADc;IAEb,IAAM,sBAAsB,GAAG,WAAW;QACxC,CAAC,CAAE;YACC,+BAA+B,EAAE,uBAAgB,WAAW,MAAG;SACxC;QAC3B,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO,CACL,oBAAC,cAAc,aACb,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,gBACF,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,sBAAsB,IACzB,UAAU,GAEb,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/components/menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAiBpD,MAAM,UAAU,QAAQ,CAAC,EAkBT;IAjBd,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,WAAW,iBAAA,EACR,IAAI,cAjBgB,0MAkBxB,CADQ;IAEP,IAAM,sBAAsB,GAAG,WAAW;QACxC,CAAC,CAAE;YACC,+BAA+B,EAAE,uBAAgB,WAAW,MAAG;SACxC;QAC3B,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO,CACL,oBAAC,cAAc,aACb,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,gBACF,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,sBAAsB,IACzB,IAAI,GAEP,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC"}

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

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import type { Colors, CommonComponentProps, ModifierProps } from '../types';
+import type { Colors, CommonComponentProps, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
-interface MenuItemLIProps extends CommonComponentProps, ModifierProps {
+interface MenuItemLIProps extends CommonComponentProps, ModifierClassProp {
     active?: boolean;
     children?: React.ReactNode;
     color?: string;

package/lib/esm/components/menu_item_li.js

@@ -81,13 +81,13 @@ var MenuItemLI = /** @class */ (function (_super) {
     MenuItemLI.prototype.render = function () {
         var _a = this.props, 
         // eslint-disable-next-line @typescript-eslint/naming-convention
-        _modifierClass = _a._modifierClass, active = _a.active, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, color = _a.color, disabled = _a.disabled, id = _a.id, name = _a.name, selected = _a.selected, sortable = _a.sortable, activeColor = _a.activeColor, otherProps = __rest(_a, ["_modifierClass", "active", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "color", "disabled", "id", "name", "selected", "sortable", "activeColor"]);
+        _modifierClass = _a._modifierClass, active = _a.active, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, color = _a.color, disabled = _a.disabled, id = _a.id, name = _a.name, selected = _a.selected, sortable = _a.sortable, activeColor = _a.activeColor, rest = __rest(_a, ["_modifierClass", "active", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "color", "disabled", "id", "name", "selected", "sortable", "activeColor"]);
         var styleWithColorVariable = activeColor
             ? {
                 '--Menu__Item--active____color': "var(--color--".concat(activeColor, ")")
             }
             : {};
-        return (React.createElement(CommonMenuItem, __assign({}, otherProps, { _modifierClass: _modifierClass, active: active, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, color: color, component: "li", disabled: disabled, getRef: this.getRef, id: id, name: name, onClick: this.handleClick, onKeyDown: this.handleKeyDown, selected: selected, sortable: sortable, tabIndex: disabled ? -1 : 0, role: "button", wrapWithLI: false, style: styleWithColorVariable }), children));
+        return (React.createElement(CommonMenuItem, __assign({}, rest, { _modifierClass: _modifierClass, active: active, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, color: color, component: "li", disabled: disabled, getRef: this.getRef, id: id, name: name, onClick: this.handleClick, onKeyDown: this.handleKeyDown, selected: selected, sortable: sortable, tabIndex: disabled ? -1 : 0, role: "button", wrapWithLI: false, style: styleWithColorVariable }), children));
     };
     return MenuItemLI;
 }(Component));

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

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

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { CommonComponentProps, ModifierProps } from '../types';
+import type { CommonComponentProps, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
-interface MenuLinkProps extends CommonComponentProps, ModifierProps {
+interface MenuLinkProps extends CommonComponentProps, ModifierClassProp {
     active?: boolean;
     children?: React.ReactNode;
     color?: string;
@@ -20,5 +20,5 @@ interface MenuLinkProps extends CommonComponentProps, ModifierProps {
     to?: string | Record<string, unknown>;
     wrapWithLI?: boolean;
 }
-export declare function MenuLink({ _modifierClass, active, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, color, component, disabled, getRef, id, name, onClick, refProp, rel, selected, sortable, target, to, wrapWithLI, ...otherProps }: MenuLinkProps): React.JSX.Element;
+export declare function MenuLink({ _modifierClass, active, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, color, component, disabled, getRef, id, name, onClick, refProp, rel, selected, sortable, target, to, wrapWithLI, ...rest }: MenuLinkProps): React.JSX.Element;
 export {};

package/lib/esm/components/menu_link.js

@@ -24,9 +24,9 @@ import React from 'react';
 import { CommonMenuItem } from './common_menu_item';
 export function MenuLink(_a) {
     var _b;
-    var _modifierClass = _a._modifierClass, active = _a.active, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, color = _a.color, _c = _a.component, component = _c === void 0 ? 'a' : _c, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, name = _a.name, onClick = _a.onClick, refProp = _a.refProp, rel = _a.rel, selected = _a.selected, sortable = _a.sortable, target = _a.target, to = _a.to, wrapWithLI = _a.wrapWithLI, otherProps = __rest(_a, ["_modifierClass", "active", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "color", "component", "disabled", "getRef", "id", "name", "onClick", "refProp", "rel", "selected", "sortable", "target", "to", "wrapWithLI"]);
+    var _modifierClass = _a._modifierClass, active = _a.active, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, color = _a.color, _c = _a.component, component = _c === void 0 ? 'a' : _c, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, name = _a.name, onClick = _a.onClick, refProp = _a.refProp, rel = _a.rel, selected = _a.selected, sortable = _a.sortable, target = _a.target, to = _a.to, wrapWithLI = _a.wrapWithLI, rest = __rest(_a, ["_modifierClass", "active", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "color", "component", "disabled", "getRef", "id", "name", "onClick", "refProp", "rel", "selected", "sortable", "target", "to", "wrapWithLI"]);
     var hrefProp = component === 'a' ? 'href' : 'to';
     var href = (_b = {}, _b[hrefProp] = disabled ? undefined : to, _b);
-    return (React.createElement(CommonMenuItem, __assign({ _modifierClass: _modifierClass, active: active, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, color: color, component: component, disabled: disabled, getRef: getRef, id: id, name: name, onClick: onClick, refProp: refProp, rel: rel, selected: selected, sortable: sortable, target: target, wrapWithLI: wrapWithLI }, href, otherProps), children));
+    return (React.createElement(CommonMenuItem, __assign({}, rest, { _modifierClass: _modifierClass, active: active, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, color: color, component: component, disabled: disabled, getRef: getRef, id: id, name: name, onClick: onClick, refProp: refProp, rel: rel, selected: selected, sortable: sortable, target: target, wrapWithLI: wrapWithLI }, href), children));
 }
 //# sourceMappingURL=menu_link.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu_link.js","sourceRoot":"","sources":["../../../src/components/menu_link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAsBpD,MAAM,UAAU,QAAQ,CAAC,EAsBT;;IArBd,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAe,EAAf,SAAS,mBAAG,GAAG,KAAA,EACf,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,OAAO,aAAA,EACP,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,UAAU,gBAAA,EACP,UAAU,cArBU,0OAsBxB,CADc;IAEb,IAAM,QAAQ,GAAG,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IACnD,IAAM,IAAI,aAAK,GAAC,QAAQ,IAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAE,CAAC;IAEvD,OAAO,CACL,oBAAC,cAAc,aACb,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,gBACF,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,IAClB,IAAI,EACJ,UAAU,GAEb,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"menu_link.js","sourceRoot":"","sources":["../../../src/components/menu_link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAsBpD,MAAM,UAAU,QAAQ,CAAC,EAsBT;;IArBd,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAe,EAAf,SAAS,mBAAG,GAAG,KAAA,EACf,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,OAAO,aAAA,EACP,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,UAAU,gBAAA,EACP,IAAI,cArBgB,0OAsBxB,CADQ;IAEP,IAAM,QAAQ,GAAG,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IACnD,IAAM,IAAI,aAAK,GAAC,QAAQ,IAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAE,CAAC;IAEvD,OAAO,CACL,oBAAC,cAAc,eACT,IAAI,IACR,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,gBACF,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,IAClB,IAAI,GAEP,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC"}

package/lib/esm/components/menu_list.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 MenuListProps extends CommonComponentProps, ModifierProps {
+interface MenuListProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     children?: React.ReactNode;
     getRef?: GetRef<HTMLUListElement>;
     id?: string;
     type?: 'icon-first' | 'striped';
 }
-export declare function MenuList({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, getRef, id, type, ...rest }: MenuListProps): React.JSX.Element;
+export declare function MenuList({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, getRef, id, margin, type, ...rest }: MenuListProps): React.JSX.Element;
 export {};

package/lib/esm/components/menu_list.js

@@ -23,6 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { Children } from 'react';
 import classNames from '../utils/class_names';
 import getDataAttributes from '../utils/data_attributes';
+import { getMarginClass } from '../utils/modifier_classes';
 import { MenuItem } from './menu_item';
 import { MenuLink } from './menu_link';
 var MENU_ITEM_NAMES = [MenuItem.name, MenuLink.name];
@@ -48,8 +49,8 @@ function isMenuItem(child) {
     return MENU_ITEM_NAMES.includes(child.type.name);
 }
 export function MenuList(_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, type = _a.type, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "getRef", "id", "type"]);
-    var className = classNames('Menu__List', listClass(type), _modifierClass);
+    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, type = _a.type, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "getRef", "id", "margin", "type"]);
+    var className = classNames('Menu__List', listClass(type), getMarginClass(margin), _modifierClass);
     var extendedChildren = Children.map(children, function (child) {
         if (isMenuItem(child)) {
             return React.cloneElement(child, {

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

@@ -1 +1 @@
-{"version":3,"file":"menu_list.js","sourceRoot":"","sources":["../../../src/components/menu_list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKxC,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AASvC,IAAM,eAAe,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AAEvD,SAAS,SAAS,CAAC,IAA2B;IAC5C,IAAI,IAAI;QAAE,OAAO,sBAAe,IAAI,CAAE,CAAC;AACzC,CAAC;AAED,SAAS,OAAO,CAAC,GAAoB;IACnC,OAAO,4BAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,eAAe,wBAAe,CAAC;AAChE,CAAC;AAED,SAAS,gBAAgB,CAAC,QAA2B;IACnD,IAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAEnD,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CACtC,UAAC,IAAuB,EAAE,KAAK,EAAE,KAAK;QACpC,IAAI,KAAK,GAAG,aAAa;YAAE,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QAErE,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,EAAE,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,KAAsB;IACxC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAEtD,8FAA8F;IAC9F,OAAO,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,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,IAAI,UAAA,EACD,IAAI,cATgB,2GAUxB,CADQ;IAEP,IAAM,SAAS,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,cAAc,CAAC,CAAC;IAE5E,IAAM,gBAAgB,GAAG,QAAQ,CAAC,GAAG,CACnC,QAAQ,EACR,UAAC,KAAK;QACJ,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE;YACrB,OAAO,KAAK,CAAC,YAAY,CAAC,KAA2B,EAAE;gBACrD,UAAU,EAAE,IAAI;aACjB,CAAC,CAAC;SACJ;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CACF,CAAC;IAEF,OAAO,CACL,mDACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,iBAAiB,CAAC,IAAI,CAAC,GAE1B,IAAI,KAAK,YAAY;QACpB,CAAC,CAAC,gBAAgB,CAAC,gBAAgB,CAAC;QACpC,CAAC,CAAC,gBAAgB,CACjB,CACN,CAAC;AACJ,CAAC"}
+{"version":3,"file":"menu_list.js","sourceRoot":"","sources":["../../../src/components/menu_list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASxC,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAYvC,IAAM,eAAe,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AAEvD,SAAS,SAAS,CAAC,IAA2B;IAC5C,IAAI,IAAI;QAAE,OAAO,sBAAe,IAAI,CAAE,CAAC;AACzC,CAAC;AAED,SAAS,OAAO,CAAC,GAAoB;IACnC,OAAO,4BAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,eAAe,wBAAe,CAAC;AAChE,CAAC;AAED,SAAS,gBAAgB,CAAC,QAA2B;IACnD,IAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAEnD,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CACtC,UAAC,IAAuB,EAAE,KAAK,EAAE,KAAK;QACpC,IAAI,KAAK,GAAG,aAAa;YAAE,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QAErE,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,EAAE,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,KAAsB;IACxC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAEtD,8FAA8F;IAC9F,OAAO,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAWT;IAVd,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,IAAI,UAAA,EACD,IAAI,cAVgB,qHAWxB,CADQ;IAEP,IAAM,SAAS,GAAG,UAAU,CAC1B,YAAY,EACZ,SAAS,CAAC,IAAI,CAAC,EACf,cAAc,CAAC,MAAM,CAAC,EACtB,cAAc,CACf,CAAC;IAEF,IAAM,gBAAgB,GAAG,QAAQ,CAAC,GAAG,CACnC,QAAQ,EACR,UAAC,KAAK;QACJ,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE;YACrB,OAAO,KAAK,CAAC,YAAY,CAAC,KAA2B,EAAE;gBACrD,UAAU,EAAE,IAAI;aACjB,CAAC,CAAC;SACJ;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CACF,CAAC;IAEF,OAAO,CACL,mDACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,iBAAiB,CAAC,IAAI,CAAC,GAE1B,IAAI,KAAK,YAAY;QACpB,CAAC,CAAC,gBAAgB,CAAC,gBAAgB,CAAC;QACpC,CAAC,CAAC,gBAAgB,CACjB,CACN,CAAC;AACJ,CAAC"}

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

package/lib/esm/components/menu_section.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 MenuSection(_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, title = _a.title, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "getRef", "id", "title"]);
-    var className = classNames('Menu__Section', _modifierClass);
+    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, title = _a.title, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "getRef", "id", "margin", "title"]);
+    var className = classNames('Menu__Section', _modifierClass, getMarginClass(margin));
     return (React.createElement("section", __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id, ref: getRef }, getDataAttributes(rest)),
         React.createElement("header", { className: "Menu__Subtitle" }, title),
         children));

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

@@ -1 +1 @@
-{"version":3,"file":"menu_section.js","sourceRoot":"","sources":["../../../src/components/menu_section.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AASzD,MAAM,UAAU,WAAW,CAAC,EAUT;IATjB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,KAAK,WAAA,EACF,IAAI,cATmB,4GAU3B,CADQ;IAEP,IAAM,SAAS,GAAG,UAAU,CAAC,eAAe,EAAE,cAAc,CAAC,CAAC;IAE9D,OAAO,CACL,wDACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,iBAAiB,CAAC,IAAI,CAAC;QAE3B,gCAAQ,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAU;QAClD,QAAQ,CACD,CACX,CAAC;AACJ,CAAC"}
+{"version":3,"file":"menu_section.js","sourceRoot":"","sources":["../../../src/components/menu_section.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,WAAW,CAAC,EAWT;IAVjB,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,KAAK,WAAA,EACF,IAAI,cAVmB,sHAW3B,CADQ;IAEP,IAAM,SAAS,GAAG,UAAU,CAC1B,eAAe,EACf,cAAc,EACd,cAAc,CAAC,MAAM,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,wDACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,iBAAiB,CAAC,IAAI,CAAC;QAE3B,gCAAQ,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAU;QAClD,QAAQ,CACD,CACX,CAAC;AACJ,CAAC"}

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

package/lib/esm/components/menu_title.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 MenuTitle(_a) {
-    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], getRef = _a.getRef, id = _a.id, title = _a.title, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "getRef", "id", "title"]);
-    var className = classNames('Menu__Title', _modifierClass);
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], getRef = _a.getRef, id = _a.id, margin = _a.margin, title = _a.title, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "getRef", "id", "margin", "title"]);
+    var className = classNames('Menu__Title', _modifierClass, getMarginClass(margin));
     return (React.createElement("header", __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id, ref: getRef }, getDataAttributes(rest)), title));
 }
 //# sourceMappingURL=menu_title.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu_title.js","sourceRoot":"","sources":["../../../src/components/menu_title.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAQzD,MAAM,UAAU,SAAS,CAAC,EAST;IARf,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,MAAM,YAAA,EACN,EAAE,QAAA,EACF,KAAK,WAAA,EACF,IAAI,cARiB,gGASzB,CADQ;IAEP,IAAM,SAAS,GAAG,UAAU,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;IAE5D,OAAO,CACL,uDACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,iBAAiB,CAAC,IAAI,CAAC,GAE1B,KAAK,CACC,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"menu_title.js","sourceRoot":"","sources":["../../../src/components/menu_title.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,SAAS,CAAC,EAUT;IATf,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,MAAM,YAAA,EACN,EAAE,QAAA,EACF,MAAM,YAAA,EACN,KAAK,WAAA,EACF,IAAI,cATiB,0GAUzB,CADQ;IAEP,IAAM,SAAS,GAAG,UAAU,CAC1B,aAAa,EACb,cAAc,EACd,cAAc,CAAC,MAAM,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,uDACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,IACP,iBAAiB,CAAC,IAAI,CAAC,GAE1B,KAAK,CACC,CACV,CAAC;AACJ,CAAC"}

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

@@ -1,13 +1,15 @@
-import React from 'react';
+import React, { type RefObject } from 'react';
 import type { CommonComponentProps, Spacing } from '../types';
 import type { GetRef } from '../utils/refs';
 interface ModalProps extends CommonComponentProps {
     animationDuration?: number;
     backdropColor?: 'coachmark' | 'default' | 'dscout' | 'main' | 'success';
     children?: React.ReactNode;
-    initialFocusOn?: Element | string;
+    initialFocusOn?: RefObject<Element> | Element | string;
     getRef?: GetRef;
     id?: string;
+    /** When used with `initialFocusOn`, this allows the initial focus to be set after modal content has finished loading instead of on modal open. */
+    isContentLoading?: boolean;
     isOpen?: boolean;
     maxWidth?: string | number;
     padding?: Spacing;
@@ -16,5 +18,5 @@ interface ModalProps extends CommonComponentProps {
     width?: string | number;
     zIndex?: number;
 }
-export declare function Modal({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, animationDuration, backdropColor, getRef, id, initialFocusOn, isOpen, maxWidth, padding, persist, requestClose, width, zIndex, children, ...rest }: ModalProps): React.JSX.Element;
+export declare function Modal({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, animationDuration, backdropColor, getRef, id, initialFocusOn, isContentLoading, isOpen, maxWidth, padding, persist, requestClose, width, zIndex, children, ...rest }: ModalProps): React.JSX.Element;
 export {};

package/lib/esm/components/modal.js

@@ -31,8 +31,8 @@ import getDataAttributes from '../utils/data_attributes';
 var DEFAULT_MODAL_ANIMATION_DURATION = 400; // 0.4s transition duration
 export function Modal(_a) {
     var _b;
-    var ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], _c = _a.animationDuration, animationDuration = _c === void 0 ? DEFAULT_MODAL_ANIMATION_DURATION : _c, backdropColor = _a.backdropColor, getRef = _a.getRef, id = _a.id, initialFocusOn = _a.initialFocusOn, _d = _a.isOpen, isOpen = _d === void 0 ? false : _d, maxWidth = _a.maxWidth, _e = _a.padding, padding = _e === void 0 ? '2' : _e, _f = _a.persist, persist = _f === void 0 ? true : _f, _g = _a.requestClose, requestClose = _g === void 0 ? noop : _g, width = _a.width, zIndex = _a.zIndex, children = _a.children, rest = __rest(_a, ['aria-label', 'aria-labelledby', 'aria-describedby', "animationDuration", "backdropColor", "getRef", "id", "initialFocusOn", "isOpen", "maxWidth", "padding", "persist", "requestClose", "width", "zIndex", "children"]);
-    var _h = useState(isOpen), renderInnerContent = _h[0], setRenderInnerContent = _h[1];
+    var ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], _c = _a.animationDuration, animationDuration = _c === void 0 ? DEFAULT_MODAL_ANIMATION_DURATION : _c, backdropColor = _a.backdropColor, getRef = _a.getRef, id = _a.id, initialFocusOn = _a.initialFocusOn, _d = _a.isContentLoading, isContentLoading = _d === void 0 ? false : _d, _e = _a.isOpen, isOpen = _e === void 0 ? false : _e, maxWidth = _a.maxWidth, _f = _a.padding, padding = _f === void 0 ? '2' : _f, _g = _a.persist, persist = _g === void 0 ? true : _g, _h = _a.requestClose, requestClose = _h === void 0 ? noop : _h, width = _a.width, zIndex = _a.zIndex, children = _a.children, rest = __rest(_a, ['aria-label', 'aria-labelledby', 'aria-describedby', "animationDuration", "backdropColor", "getRef", "id", "initialFocusOn", "isContentLoading", "isOpen", "maxWidth", "padding", "persist", "requestClose", "width", "zIndex", "children"]);
+    var _j = useState(isOpen), renderInnerContent = _j[0], setRenderInnerContent = _j[1];
     var closeTimeoutRef = useRef(null);
     var containerRef = useRef(null);
     var wrapperRef = useRef(null);
@@ -95,7 +95,7 @@ export function Modal(_a) {
     return (React.createElement("div", __assign({ className: wrapperClassName, onKeyDown: handleKeyDown, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, ref: function (ref) {
             wrapperRef.current = ref;
         }, style: { zIndex: zIndex } }, getDataAttributes(rest)),
-        React.createElement(FocusTrap, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-modal": true, className: modalClassName, fallbackFocusOn: containerRef, id: id, initialFocusOn: initialFocusOn, getRef: function (ref) {
+        React.createElement(FocusTrap, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-modal": true, active: !isContentLoading, className: modalClassName, fallbackFocusOn: containerRef, id: id, initialFocusOn: initialFocusOn, getRef: function (ref) {
                 if (ref)
                     containerRef.current = ref;
                 handleGetRef(getRef, ref);

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

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

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

@@ -1,20 +1,18 @@
 import React from 'react';
-import type { Dimensions, Spacing } from '../types';
+import type { Dimensions, Margin, Spacing, ModifierClassProp } from '../types';
 type FlexEnums = '0' | '1' | '2' | '3';
-type MarginEnums = Spacing | 'auto';
-interface ModifierPropTypes {
-    _modifierClass?: string;
+interface ModifierPropTypes extends ModifierClassProp {
     children?: React.ReactElement<{
         _modifierClass?: string;
     }>;
-    margin?: MarginEnums | {
-        all?: MarginEnums;
-        horizontal?: MarginEnums;
-        vertical?: MarginEnums;
-        top?: MarginEnums;
-        right?: MarginEnums;
-        bottom?: MarginEnums;
-        left?: MarginEnums;
+    margin?: Margin | {
+        all?: Margin;
+        horizontal?: Margin;
+        vertical?: Margin;
+        top?: Margin;
+        right?: Margin;
+        bottom?: Margin;
+        left?: Margin;
     };
     padding?: Spacing | {
         all?: Spacing;
@@ -29,13 +27,15 @@ interface ModifierPropTypes {
     height?: Dimensions;
     maxHeight?: Dimensions;
     maxWidth?: Dimensions;
+    minHeight?: Dimensions;
+    minWidth?: Dimensions;
     truncate?: boolean;
     flex?: FlexEnums | {
         grow?: FlexEnums;
         shrink?: FlexEnums;
     };
 }
-export declare function Modifier({ _modifierClass, children, flex, margin, padding, width, height, maxHeight, maxWidth, truncate }: ModifierPropTypes): React.ReactElement<{
+export declare function Modifier({ _modifierClass, children, flex, height, margin, maxHeight, maxWidth, minHeight, minWidth, padding, truncate, width }: ModifierPropTypes): React.ReactElement<{
     _modifierClass?: string;
 }, string | React.JSXElementConstructor<any>>;
 export {};

package/lib/esm/components/modifier.js

@@ -1,50 +1,10 @@
 import React from 'react';
 import classNames from '../utils/class_names';
-import { endsWith } from '../utils/strings';
-function determineSpacingClass(type, value) {
-    var _a;
-    if (typeof value === 'string')
-        return "".concat(type, "--").concat(value);
-    if (typeof value === 'object') {
-        var _b = value, all = _b.all, horizontal = _b.horizontal, vertical = _b.vertical, top_1 = _b.top, right = _b.right, bottom = _b.bottom, left = _b.left;
-        return classNames((_a = {},
-            _a["".concat(type, "--").concat(all)] = all,
-            _a["".concat(type, "-h--").concat(horizontal)] = horizontal,
-            _a["".concat(type, "-v--").concat(vertical)] = vertical,
-            _a["".concat(type, "-t--").concat(top_1)] = top_1,
-            _a["".concat(type, "-r--").concat(right)] = right,
-            _a["".concat(type, "-b--").concat(bottom)] = bottom,
-            _a["".concat(type, "-l--").concat(left)] = left,
-            _a));
-    }
-}
-function determineFlexClass(value) {
-    var _a;
-    if (typeof value === 'string')
-        return "flex--".concat(value);
-    if (typeof value === 'object') {
-        var _b = value, grow = _b.grow, shrink = _b.shrink;
-        return classNames((_a = {},
-            _a["flex-grow--".concat(grow)] = grow,
-            _a["flex-shrink--".concat(shrink)] = shrink,
-            _a));
-    }
-}
-function determineDimensionClass(type, value) {
-    if (!value)
-        return;
-    if (endsWith(value, '%'))
-        return "".concat(type, "--").concat(value.replace('%', '-pct'));
-    return "".concat(type, "--").concat(value);
-}
-function determineBooleanClass(type, value) {
-    if (value)
-        return type;
-}
+import { getBooleanClass, getDimensionClass, getFlexClass, getSpacingClass } from '../utils/modifier_classes';
 export function Modifier(_a) {
-    var _modifierClass = _a._modifierClass, children = _a.children, flex = _a.flex, margin = _a.margin, padding = _a.padding, width = _a.width, height = _a.height, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, truncate = _a.truncate;
+    var _modifierClass = _a._modifierClass, children = _a.children, flex = _a.flex, height = _a.height, margin = _a.margin, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, minHeight = _a.minHeight, minWidth = _a.minWidth, padding = _a.padding, truncate = _a.truncate, width = _a.width;
     return React.cloneElement(children, {
-        _modifierClass: classNames(_modifierClass, determineFlexClass(flex), determineSpacingClass('margin', margin), determineSpacingClass('padding', padding), determineDimensionClass('width', width), determineDimensionClass('height', height), determineDimensionClass('max-height', maxHeight), determineDimensionClass('max-width', maxWidth), determineBooleanClass('truncate', truncate))
+        _modifierClass: classNames(_modifierClass, getFlexClass(flex), getDimensionClass('height', height), getSpacingClass('margin', margin), getDimensionClass('max-height', maxHeight), getDimensionClass('max-width', maxWidth), getDimensionClass('min-height', minHeight), getDimensionClass('min-width', minWidth), getSpacingClass('padding', padding), getBooleanClass('truncate', truncate), getDimensionClass('width', width))
     });
 }
 //# sourceMappingURL=modifier.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modifier.js","sourceRoot":"","sources":["../../../src/components/modifier.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA4C5C,SAAS,qBAAqB,CAC5B,IAAY,EACZ,KAAsC;;IAEtC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,UAAG,IAAI,eAAK,KAAK,CAAE,CAAC;IAE1D,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QACvB,IAAA,KACJ,KAA+B,EADzB,GAAG,SAAA,EAAE,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAE,KAAG,SAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAC1B,CAAC;QAElC,OAAO,UAAU;YACf,GAAC,UAAG,IAAI,eAAK,GAAG,CAAE,IAAG,GAAG;YACxB,GAAC,UAAG,IAAI,iBAAO,UAAU,CAAE,IAAG,UAAU;YACxC,GAAC,UAAG,IAAI,iBAAO,QAAQ,CAAE,IAAG,QAAQ;YACpC,GAAC,UAAG,IAAI,iBAAO,KAAG,CAAE,IAAG,KAAG;YAC1B,GAAC,UAAG,IAAI,iBAAO,KAAK,CAAE,IAAG,KAAK;YAC9B,GAAC,UAAG,IAAI,iBAAO,MAAM,CAAE,IAAG,MAAM;YAChC,GAAC,UAAG,IAAI,iBAAO,IAAI,CAAE,IAAG,IAAI;gBAC5B,CAAC;KACJ;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAsC;;IAChE,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,gBAAS,KAAK,CAAE,CAAC;IAEvD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QACvB,IAAA,KAAmB,KAA+B,EAAhD,IAAI,UAAA,EAAE,MAAM,YAAoC,CAAC;QAEzD,OAAO,UAAU;YACf,GAAC,qBAAc,IAAI,CAAE,IAAG,IAAI;YAC5B,GAAC,uBAAgB,MAAM,CAAE,IAAG,MAAM;gBAClC,CAAC;KACJ;AACH,CAAC;AAED,SAAS,uBAAuB,CAAC,IAAY,EAAE,KAAa;IAC1D,IAAI,CAAC,KAAK;QAAE,OAAO;IACnB,IAAI,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC;QAAE,OAAO,UAAG,IAAI,eAAK,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,CAAE,CAAC;IAE1E,OAAO,UAAG,IAAI,eAAK,KAAK,CAAE,CAAC;AAC7B,CAAC;AAED,SAAS,qBAAqB,CAAC,IAAY,EAAE,KAAc;IACzD,IAAI,KAAK;QAAE,OAAO,IAAI,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAWL;QAVlB,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,OAAO,aAAA,EACP,KAAK,WAAA,EACL,MAAM,YAAA,EACN,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA;IAER,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAClC,cAAc,EAAE,UAAU,CACxB,cAAc,EACd,kBAAkB,CAAC,IAAI,CAAC,EACxB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC,EACvC,qBAAqB,CAAC,SAAS,EAAE,OAAO,CAAC,EACzC,uBAAuB,CAAC,OAAO,EAAE,KAAK,CAAC,EACvC,uBAAuB,CAAC,QAAQ,EAAE,MAAM,CAAC,EACzC,uBAAuB,CAAC,YAAY,EAAE,SAAS,CAAC,EAChD,uBAAuB,CAAC,WAAW,EAAE,QAAQ,CAAC,EAC9C,qBAAqB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAC5C;KACF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"modifier.js","sourceRoot":"","sources":["../../../src/components/modifier.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,eAAe,EAChB,MAAM,2BAA2B,CAAC;AA2CnC,MAAM,UAAU,QAAQ,CAAC,EAaL;QAZlB,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,MAAM,YAAA,EACN,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,KAAK,WAAA;IAEL,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAClC,cAAc,EAAE,UAAU,CACxB,cAAc,EACd,YAAY,CAAC,IAAI,CAAC,EAClB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC,EACnC,eAAe,CAAC,QAAQ,EAAE,MAAM,CAAC,EACjC,iBAAiB,CAAC,YAAY,EAAE,SAAS,CAAC,EAC1C,iBAAiB,CAAC,WAAW,EAAE,QAAQ,CAAC,EACxC,iBAAiB,CAAC,YAAY,EAAE,SAAS,CAAC,EAC1C,iBAAiB,CAAC,WAAW,EAAE,QAAQ,CAAC,EACxC,eAAe,CAAC,SAAS,EAAE,OAAO,CAAC,EACnC,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EACrC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAClC;KACF,CAAC,CAAC;AACL,CAAC"}

package/lib/esm/components/number_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 NumberInputProps extends CommonComponentProps, ModifierProps {
+interface NumberInputProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
     'aria-required'?: React.AriaAttributes['aria-required'];
     autoComplete?: string;
@@ -29,5 +29,5 @@ interface NumberInputProps extends CommonComponentProps, ModifierProps {
     tabIndex?: number;
     value?: number | string;
 }
-export declare function NumberInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-required': ariaRequired, autoComplete, autoFocus, defaultValue, disabled, getRef, id, invalid, max, min, mini, name, onBlur, onChange, onFocus, onKeyDown, onPaste, placeholder, prefix, readOnly, required, step, suffix, tabIndex, value, ...rest }: NumberInputProps): React.JSX.Element;
+export declare function NumberInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-required': ariaRequired, autoComplete, autoFocus, defaultValue, disabled, getRef, id, invalid, margin, max, min, mini, name, onBlur, onChange, onFocus, onKeyDown, onPaste, placeholder, prefix, readOnly, required, step, suffix, tabIndex, value, ...rest }: NumberInputProps): React.JSX.Element;
 export {};

package/lib/esm/components/number_input.js

@@ -24,7 +24,7 @@ import React from 'react';
 import getDataAttributes from '../utils/data_attributes';
 import { CommonInput } from './common_input';
 export function NumberInput(_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, max = _a.max, min = _a.min, mini = _a.mini, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, placeholder = _a.placeholder, prefix = _a.prefix, readOnly = _a.readOnly, required = _a.required, step = _a.step, 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", "max", "min", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "placeholder", "prefix", "readOnly", "required", "step", "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, max: max, min: min, mini: mini, name: name, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onPaste: onPaste, placeholder: placeholder, prefix: prefix, readOnly: readOnly, required: required, step: step, suffix: suffix, tabIndex: tabIndex, type: "number", 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, max = _a.max, min = _a.min, mini = _a.mini, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, placeholder = _a.placeholder, prefix = _a.prefix, readOnly = _a.readOnly, required = _a.required, step = _a.step, 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", "max", "min", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "placeholder", "prefix", "readOnly", "required", "step", "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, max: max, min: min, mini: mini, name: name, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onPaste: onPaste, placeholder: placeholder, prefix: prefix, readOnly: readOnly, required: required, step: step, suffix: suffix, tabIndex: tabIndex, type: "number", value: value })));
 }
 //# sourceMappingURL=number_input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"number_input.js","sourceRoot":"","sources":["../../../src/components/number_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA+B7C,MAAM,UAAU,WAAW,CAAC,EAgCT;IA/BjB,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,GAAG,SAAA,EACH,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cA/BmB,2WAgC3B,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,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"number_input.js","sourceRoot":"","sources":["../../../src/components/number_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAkC7C,MAAM,UAAU,WAAW,CAAC,EAiCT;IAhCjB,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,GAAG,SAAA,EACH,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cAhCmB,qXAiC3B,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,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC"}

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

package/lib/esm/components/password_input.js

@@ -24,7 +24,7 @@ import React from 'react';
 import getDataAttributes from '../utils/data_attributes';
 import { CommonInput } from './common_input';
 export function PasswordInput(_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: "password", 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: "password", value: value })));
 }
 //# sourceMappingURL=password_input.js.map