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

package/lib/esm/components/collapsible_content.js

@@ -25,6 +25,7 @@ import classNames from '../utils/class_names';
 import { calculateHeight, formatPx, setElementStyle } from '../utils/dom';
 import { handleGetRef } from '../utils/refs';
 import getDataAttributes from '../utils/data_attributes';
+import { getMarginClass } from '../utils/modifier_classes';
 import { useLayoutEffectAfterMount, useTimeout } from './shared_hooks';
 var HEIGHT_BUFFER = 10;
 var TRANSITION_DURATION = 200; // should match the duration defined in CSS
@@ -36,7 +37,7 @@ var TRANSITION_DURATION = 200; // should match the duration defined in CSS
  * that any content that might change height will not be cut off.
  */
 export function CollapsibleContent(_a) {
-    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, collapsedProp = _a.collapsed, getRef = _a.getRef, id = _a.id, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "collapsed", "getRef", "id"]);
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, collapsedProp = _a.collapsed, getRef = _a.getRef, id = _a.id, margin = _a.margin, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "collapsed", "getRef", "id", "margin"]);
     var _b = useState(collapsedProp), collapsedState = _b[0], setCollapsedState = _b[1];
     var _c = useState(false), transitioningState = _c[0], setTransitioningState = _c[1];
     var content = useRef();
@@ -70,9 +71,16 @@ export function CollapsibleContent(_a) {
         setMaxHeight(collapsedState);
         startTransitionTimeout();
     }, [collapsedState]);
-    var wrapperClassNames = classNames('Collapsible__Wrapper', _modifierClass, {
+    var wrapperClassNames = classNames('Collapsible__Wrapper', _modifierClass, getMarginClass(margin), {
         'Collapsible__Wrapper--collapsed': collapsedState,
-        'Collapsible__Wrapper--transitioning': transitioningState
+        'Collapsible__Wrapper--transitioning': transitioningState,
+        /**
+         * This margin utility class prevents the wrapper from adding extra vertical
+         * space when collapsed. The utility class is used instead of a CSS property
+         * so that it take precedence over any default margin applied by a
+         * a parent's `.spacing-v--` utility class.
+         */
+        'margin-b--none': collapsedState || transitioningState
     });
     var contentClassNames = classNames('Collapsible__Content', {
         'Collapsible__Content--collapsed': collapsedState

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

@@ -1 +1 @@
-{"version":3,"file":"collapsible_content.js","sourceRoot":"","sources":["../../../src/components/collapsible_content.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"collapsible_content.js","sourceRoot":"","sources":["../../../src/components/collapsible_content.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAShD,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,yBAAyB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAYvE,IAAM,aAAa,GAAG,EAAE,CAAC;AACzB,IAAM,mBAAmB,GAAG,GAAG,CAAC,CAAC,2CAA2C;AAE5E;;;;;;GAMG;AAEH,MAAM,UAAU,kBAAkB,CAAC,EAWT;IAVxB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACG,aAAa,eAAA,EACxB,MAAM,YAAA,EACN,EAAE,QAAA,EACF,MAAM,YAAA,EACH,IAAI,cAV0B,0HAWlC,CADQ;IAED,IAAA,KAAsC,QAAQ,CAAC,aAAa,CAAC,EAA5D,cAAc,QAAA,EAAE,iBAAiB,QAA2B,CAAC;IAC9D,IAAA,KAA8C,QAAQ,CAAC,KAAK,CAAC,EAA5D,kBAAkB,QAAA,EAAE,qBAAqB,QAAmB,CAAC;IAEpE,IAAM,OAAO,GAAG,MAAM,EAAE,CAAC;IACzB,IAAM,OAAO,GAAG,MAAM,EAAE,CAAC;IAEzB,IAAM,oBAAoB,GAAG,UAAU,EAAE,CAAC;IAE1C,uEAAuE;IACvE,iEAAiE;IACjE,SAAS,YAAY,CAAC,SAAkB;QACtC,IAAM,aAAa,GAAG,eAAe,CAAC,OAAO,CAAC,OAAO,EAAE;YACrD,aAAa,EAAE,IAAI;SACpB,CAAC,CAAC;QACH,IAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,aAAa,CAAC;QAE7D,eAAe,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACpE,CAAC;IAED,SAAS,sBAAsB;QAC7B,YAAY,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAE3C,oBAAoB,CAAC,OAAO,GAAG,UAAU,CAAC;YACxC,eAAe,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YACtD,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC,EAAE,mBAAmB,CAAC,CAAC;IAC1B,CAAC;IAED,yBAAyB,CAAC;QACxB,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,yBAAyB,CAAC;QACxB,IAAI,kBAAkB;YAAE,YAAY,CAAC,cAAc,CAAC,CAAC;QACrD,iBAAiB,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,yBAAyB,CAAC;QACxB,YAAY,CAAC,cAAc,CAAC,CAAC;QAC7B,sBAAsB,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,IAAM,iBAAiB,GAAG,UAAU,CAClC,sBAAsB,EACtB,cAAc,EACd,cAAc,CAAC,MAAM,CAAC,EACtB;QACE,iCAAiC,EAAE,cAAc;QACjD,qCAAqC,EAAE,kBAAkB;QACzD;;;;;WAKG;QACH,gBAAgB,EAAE,cAAc,IAAI,kBAAkB;KACvD,CACF,CAAC;IAEF,IAAM,iBAAiB,GAAG,UAAU,CAAC,sBAAsB,EAAE;QAC3D,iCAAiC,EAAE,cAAc;KAClD,CAAC,CAAC;IAEH,OAAO,CACL,wCACM,iBAAiB,CAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,UAAC,GAAG;YACP,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;YAC3B,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC5B,CAAC;QAED,6BAAK,SAAS,EAAE,iBAAiB,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,IACpD,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC"}

package/lib/esm/components/collapsing_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 CollapsingMenuProps extends CommonComponentProps, ModifierProps {
+interface CollapsingMenuProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     children?: React.ReactNode;
     collapsedTitle?: string;
     expandedTitle?: string;
@@ -11,5 +11,5 @@ interface CollapsingMenuProps extends CommonComponentProps, ModifierProps {
     initialCollapsed?: boolean;
     name?: string;
 }
-export declare function CollapsingMenu({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, collapsedTitle, expandedTitle, getRef, heading, id, initialCollapsed, name, ...rest }: CollapsingMenuProps): React.JSX.Element;
+export declare function CollapsingMenu({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, collapsedTitle, expandedTitle, getRef, heading, id, initialCollapsed, margin, name, ...rest }: CollapsingMenuProps): React.JSX.Element;
 export {};

package/lib/esm/components/collapsing_menu.js

@@ -20,14 +20,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import React, { useState } from 'react';
 import classNames from '../utils/class_names';
 import getDataAttributes from '../utils/data_attributes';
+import { getMarginClass } from '../utils/modifier_classes';
 import { Flex } from './flex';
 import { CollapsibleContent } from './collapsible_content';
 import { IconCircleMinus } from '../icons/circle_minus';
 import { IconCirclePlus } from '../icons/circle_plus';
-import { CollapsibleStateProvider } from './collapsible';
 import { Separator } from './separator';
 import { useFallbackId } from './shared_hooks';
 function renderIcon(isCollapsed) {
@@ -36,20 +36,20 @@ function renderIcon(isCollapsed) {
     return React.createElement(IconCircleMinus, null);
 }
 export function CollapsingMenu(_a) {
-    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, collapsedTitle = _a.collapsedTitle, expandedTitle = _a.expandedTitle, getRef = _a.getRef, heading = _a.heading, id = _a.id, _b = _a.initialCollapsed, initialCollapsed = _b === void 0 ? false : _b, name = _a.name, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "collapsedTitle", "expandedTitle", "getRef", "heading", "id", "initialCollapsed", "name"]);
-    var className = classNames('Menu', 'Menu--tight', 'Menu--contained', _modifierClass);
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, collapsedTitle = _a.collapsedTitle, expandedTitle = _a.expandedTitle, getRef = _a.getRef, heading = _a.heading, id = _a.id, _b = _a.initialCollapsed, initialCollapsed = _b === void 0 ? false : _b, margin = _a.margin, name = _a.name, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "collapsedTitle", "expandedTitle", "getRef", "heading", "id", "initialCollapsed", "margin", "name"]);
+    var _c = useState(initialCollapsed), isCollapsed = _c[0], setIsCollapsed = _c[1];
+    var className = classNames('Menu', 'Menu--tight', 'Menu--contained', getMarginClass(margin), _modifierClass);
     var collapsibleContentId = useFallbackId(id);
-    return (React.createElement(CollapsibleStateProvider, { initialCollapsed: initialCollapsed }, function (_a) {
-        var isCollapsed = _a.isCollapsed, toggleCollapsed = _a.toggleCollapsed;
-        return (React.createElement("div", { className: className, ref: getRef },
-            React.createElement("header", { className: "margin-b--none" },
-                React.createElement("button", __assign({}, getDataAttributes(rest), { "aria-controls": collapsibleContentId, "aria-expanded": !isCollapsed, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: "Menu__Title Menu__Toggle", name: name ? "".concat(name, "_toggle") : 'toggle', onClick: toggleCollapsed, title: isCollapsed ? collapsedTitle : expandedTitle, type: "button" }),
-                    React.createElement(Flex, { justify: "between", width: "100%" },
-                        heading,
-                        React.createElement("div", { className: "Menu__Toggle-Icon" }, renderIcon(isCollapsed))))),
-            React.createElement(CollapsibleContent, { id: collapsibleContentId, collapsed: isCollapsed },
-                React.createElement(Separator, { size: "0.25" }),
-                children)));
-    }));
+    return (React.createElement("div", { className: className, ref: getRef },
+        React.createElement("header", { className: "margin-b--none" },
+            React.createElement("button", __assign({}, getDataAttributes(rest), { "aria-controls": collapsibleContentId, "aria-expanded": !isCollapsed, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: "Menu__Title Menu__Toggle", name: name ? "".concat(name, "_toggle") : 'toggle', onClick: function () {
+                    setIsCollapsed(function (prevCollapsed) { return !prevCollapsed; });
+                }, title: isCollapsed ? collapsedTitle : expandedTitle, type: "button" }),
+                React.createElement(Flex, { justify: "between", width: "100%" },
+                    heading,
+                    React.createElement("div", { className: "Menu__Toggle-Icon" }, renderIcon(isCollapsed))))),
+        React.createElement(CollapsibleContent, { id: collapsibleContentId, collapsed: isCollapsed },
+            React.createElement(Separator, { size: "0.25" }),
+            children)));
 }
 //# sourceMappingURL=collapsing_menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapsing_menu.js","sourceRoot":"","sources":["../../../src/components/collapsing_menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAa/C,SAAS,UAAU,CAAC,WAAoB;IACtC,IAAI,WAAW;QAAE,OAAO,oBAAC,cAAc,OAAG,CAAC;IAE3C,OAAO,oBAAC,eAAe,OAAG,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAcT;IAbpB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,OAAO,aAAA,EACP,EAAE,QAAA,EACF,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,IAAI,UAAA,EACD,IAAI,cAbsB,6KAc9B,CADQ;IAEP,IAAM,SAAS,GAAG,UAAU,CAC1B,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,cAAc,CACf,CAAC;IACF,IAAM,oBAAoB,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;IAE/C,OAAO,CACL,oBAAC,wBAAwB,IAAC,gBAAgB,EAAE,gBAAgB,IACzD,UAAC,EAAgC;YAA9B,WAAW,iBAAA,EAAE,eAAe,qBAAA;QAAO,OAAA,CACrC,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM;YACpC,gCAAQ,SAAS,EAAC,gBAAgB;gBAChC,2CACM,iBAAiB,CAAC,IAAI,CAAC,qBACZ,oBAAoB,mBACpB,CAAC,WAAW,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,UAAG,IAAI,YAAS,CAAC,CAAC,CAAC,QAAQ,EACxC,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EACnD,IAAI,EAAC,QAAQ;oBAEb,oBAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM;wBACjC,OAAO;wBACR,6BAAK,SAAS,EAAC,mBAAmB,IAC/B,UAAU,CAAC,WAAW,CAAC,CACpB,CACD,CACA,CACF;YACT,oBAAC,kBAAkB,IAAC,EAAE,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW;gBAClE,oBAAC,SAAS,IAAC,IAAI,EAAC,MAAM,GAAG;gBACxB,QAAQ,CACU,CACjB,CACP;IA7BsC,CA6BtC,CACwB,CAC5B,CAAC;AACJ,CAAC"}
+{"version":3,"file":"collapsing_menu.js","sourceRoot":"","sources":["../../../src/components/collapsing_menu.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,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAgB/C,SAAS,UAAU,CAAC,WAAoB;IACtC,IAAI,WAAW;QAAE,OAAO,oBAAC,cAAc,OAAG,CAAC;IAE3C,OAAO,oBAAC,eAAe,OAAG,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAeT;IAdpB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,OAAO,aAAA,EACP,EAAE,QAAA,EACF,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,MAAM,YAAA,EACN,IAAI,UAAA,EACD,IAAI,cAdsB,uLAe9B,CADQ;IAED,IAAA,KAAgC,QAAQ,CAAC,gBAAgB,CAAC,EAAzD,WAAW,QAAA,EAAE,cAAc,QAA8B,CAAC;IACjE,IAAM,SAAS,GAAG,UAAU,CAC1B,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,cAAc,CAAC,MAAM,CAAC,EACtB,cAAc,CACf,CAAC;IACF,IAAM,oBAAoB,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;IAE/C,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM;QACpC,gCAAQ,SAAS,EAAC,gBAAgB;YAChC,2CACM,iBAAiB,CAAC,IAAI,CAAC,qBACZ,oBAAoB,mBACpB,CAAC,WAAW,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,UAAG,IAAI,YAAS,CAAC,CAAC,CAAC,QAAQ,EACxC,OAAO,EAAE;oBACP,cAAc,CAAC,UAAC,aAAa,IAAK,OAAA,CAAC,aAAa,EAAd,CAAc,CAAC,CAAC;gBACpD,CAAC,EACD,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EACnD,IAAI,EAAC,QAAQ;gBAEb,oBAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM;oBACjC,OAAO;oBACR,6BAAK,SAAS,EAAC,mBAAmB,IAAE,UAAU,CAAC,WAAW,CAAC,CAAO,CAC7D,CACA,CACF;QACT,oBAAC,kBAAkB,IAAC,EAAE,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW;YAClE,oBAAC,SAAS,IAAC,IAAI,EAAC,MAAM,GAAG;YACxB,QAAQ,CACU,CACjB,CACP,CAAC;AACJ,CAAC"}

package/lib/esm/components/column.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 ColumnProps extends CommonComponentProps, ModifierProps {
+interface ColumnProps extends CommonComponentProps, ModifierClassProp {
     children?: React.ReactNode;
     getRef?: GetRef<HTMLDivElement>;
     id?: string;

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

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

package/lib/esm/components/common_input.js

@@ -24,12 +24,14 @@ import React from 'react';
 import classNames from '../utils/class_names';
 import { inputValue } from '../utils/forms';
 import getDataAttributes from '../utils/data_attributes';
+import { getMarginClass } from '../utils/modifier_classes';
 import { WithAddons } from './with_addons';
 export function CommonInput(_a) {
     var _b;
-    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], 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, maxLength = _a.maxLength, min = _a.min, mini = _a.mini, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, placeholder = _a.placeholder, prefix = _a.prefix, readOnly = _a.readOnly, required = _a.required, suffix = _a.suffix, step = _a.step, tabIndex = _a.tabIndex, type = _a.type, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', 'aria-required', "autoComplete", "autoFocus", "defaultValue", "disabled", "getRef", "id", "invalid", "max", "maxLength", "min", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "placeholder", "prefix", "readOnly", "required", "suffix", "step", "tabIndex", "type", "value"]);
+    var _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, maxLength = _a.maxLength, min = _a.min, mini = _a.mini, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, placeholder = _a.placeholder, prefix = _a.prefix, readOnly = _a.readOnly, required = _a.required, suffix = _a.suffix, step = _a.step, tabIndex = _a.tabIndex, type = _a.type, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', 'aria-required', "autoComplete", "autoFocus", "defaultValue", "disabled", "getRef", "id", "invalid", "margin", "max", "maxLength", "min", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "placeholder", "prefix", "readOnly", "required", "suffix", "step", "tabIndex", "type", "value"]);
     var affixed = !!prefix || !!suffix;
     var inputClass = classNames('Input', (_b = {},
+        _b[getMarginClass(margin)] = !affixed,
         _b[_modifierClass] = _modifierClass && !affixed,
         _b['Input--invalid'] = invalid,
         _b['Input--mini'] = mini,
@@ -38,7 +40,7 @@ export function CommonInput(_a) {
         // eslint-disable-next-line jsx-a11y/no-autofocus
         autoFocus: autoFocus, className: inputClass, defaultValue: defaultValue, disabled: disabled, id: id, max: max, maxLength: maxLength, min: min, name: name, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onPaste: onPaste, placeholder: placeholder, readOnly: readOnly, required: required, ref: getRef, step: step, tabIndex: tabIndex, type: type, value: inputValue(value, onChange) })));
     if (affixed) {
-        return (React.createElement(WithAddons, { _modifierClass: _modifierClass, disabled: disabled, mini: mini, prefix: prefix, suffix: suffix }, input));
+        return (React.createElement(WithAddons, { _modifierClass: _modifierClass, disabled: disabled, margin: margin, mini: mini, prefix: prefix, suffix: suffix }, input));
     }
     return input;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"common_input.js","sourceRoot":"","sources":["../../../src/components/common_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAiC3C,MAAM,UAAU,WAAW,CAAC,EAkCT;;IAjCjB,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,SAAS,eAAA,EACT,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACF,IAAI,cAjCmB,gYAkC3B,CADQ;IAEP,IAAM,OAAO,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC;IAErC,IAAM,UAAU,GAAG,UAAU,CAAC,OAAO;QACnC,GAAC,cAAc,IAAG,cAAc,IAAI,CAAC,OAAO;QAC5C,oBAAgB,GAAE,OAAO;QACzB,iBAAa,GAAE,IAAI;YACnB,CAAC;IAEH,IAAM,KAAK,GAAG,CACZ,0CACM,iBAAiB,CAAC,IAAI,CAAC,wBACT,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,mBAChB,YAAY,EAC3B,YAAY,EAAE,YAAY;QAC1B,iDAAiD;QACjD,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,IAClC,CACH,CAAC;IAEF,IAAI,OAAO,EAAE;QACX,OAAO,CACL,oBAAC,UAAU,IACT,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,IAEb,KAAK,CACK,CACd,CAAC;KACH;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}
+{"version":3,"file":"common_input.js","sourceRoot":"","sources":["../../../src/components/common_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAoC3C,MAAM,UAAU,WAAW,CAAC,EAmCT;;IAlCjB,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,SAAS,eAAA,EACT,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACF,IAAI,cAlCmB,0YAmC3B,CADQ;IAEP,IAAM,OAAO,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC;IAErC,IAAM,UAAU,GAAG,UAAU,CAAC,OAAO;QACnC,GAAC,cAAc,CAAC,MAAM,CAAC,IAAG,CAAC,OAAO;QAClC,GAAC,cAAc,IAAG,cAAc,IAAI,CAAC,OAAO;QAC5C,oBAAgB,GAAE,OAAO;QACzB,iBAAa,GAAE,IAAI;YACnB,CAAC;IAEH,IAAM,KAAK,GAAG,CACZ,0CACM,iBAAiB,CAAC,IAAI,CAAC,wBACT,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,mBAChB,YAAY,EAC3B,YAAY,EAAE,YAAY;QAC1B,iDAAiD;QACjD,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,IAClC,CACH,CAAC;IAEF,IAAI,OAAO,EAAE;QACX,OAAO,CACL,oBAAC,UAAU,IACT,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,IAEb,KAAK,CACK,CACd,CAAC;KACH;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}

package/lib/esm/components/common_menu_item.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 CommonMenuItemProps extends CommonComponentProps, ModifierProps {
+interface CommonMenuItemProps extends CommonComponentProps, ModifierClassProp {
     active?: boolean;
     children?: React.ReactNode;
     color?: string;
@@ -19,5 +19,5 @@ interface CommonMenuItemProps extends CommonComponentProps, ModifierProps {
     style?: React.CSSProperties;
     [key: string]: unknown;
 }
-export declare function CommonMenuItem({ _modifierClass, active, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, color, component, disabled, getRef, id, name, onClick, onKeyDown, refProp, selected, sortable, wrapWithLI, ...otherProps }: CommonMenuItemProps): React.JSX.Element;
+export declare function CommonMenuItem({ _modifierClass, active, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, color, component, disabled, getRef, id, name, onClick, onKeyDown, refProp, selected, sortable, wrapWithLI, ...rest }: CommonMenuItemProps): React.JSX.Element;
 export {};

package/lib/esm/components/common_menu_item.js

@@ -38,7 +38,7 @@ function validateModifierClass(_modifierClass) {
 }
 export function CommonMenuItem(_a) {
     var _b, _c;
-    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, _d = _a.component, component = _d === void 0 ? 'button' : _d, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, name = _a.name, onClick = _a.onClick, onKeyDown = _a.onKeyDown, _e = _a.refProp, refProp = _e === void 0 ? 'ref' : _e, selected = _a.selected, sortable = _a.sortable, wrapWithLI = _a.wrapWithLI, otherProps = __rest(_a, ["_modifierClass", "active", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "color", "component", "disabled", "getRef", "id", "name", "onClick", "onKeyDown", "refProp", "selected", "sortable", "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, _d = _a.component, component = _d === void 0 ? 'button' : _d, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, name = _a.name, onClick = _a.onClick, onKeyDown = _a.onKeyDown, _e = _a.refProp, refProp = _e === void 0 ? 'ref' : _e, selected = _a.selected, sortable = _a.sortable, wrapWithLI = _a.wrapWithLI, rest = __rest(_a, ["_modifierClass", "active", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "color", "component", "disabled", "getRef", "id", "name", "onClick", "onKeyDown", "refProp", "selected", "sortable", "wrapWithLI"]);
     // Note: There are no styles applied by the .Menu__Item__sortable class. It exists
     // as a hook for 3rd party sorting libraries to tie into.
     var className = classNames('Menu__Item', _modifierClass, (_b = {
@@ -52,7 +52,7 @@ export function CommonMenuItem(_a) {
     var refProps = getRef ? (_c = {}, _c[refProp] = getRef, _c) : {};
     var Component = component;
     validateModifierClass(_modifierClass);
-    var content = (React.createElement(Component, __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, disabled: disabled, id: id, name: name, onClick: onClick, onKeyDown: onKeyDown }, refProps, sanitizeOtherProps(otherProps)), children));
+    var content = (React.createElement(Component, __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, disabled: disabled, id: id, name: name, onClick: onClick, onKeyDown: onKeyDown }, refProps, sanitizeOtherProps(rest)), children));
     return wrapWithLI ? React.createElement("li", null, content) : content;
 }
 //# sourceMappingURL=common_menu_item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"common_menu_item.js","sourceRoot":"","sources":["../../../src/components/common_menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAqBrC,IAAM,sBAAsB,GAAG,CAAC,WAAW,CAAC,CAAC;AAE7C,SAAS,kBAAkB,CAAC,KAA8B;IACxD,OAAO,MAAM,CAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,qBAAqB,CAAC,cAAsB;IACnD,IAAI,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE;QACpC,+BAA+B;QAC/B,OAAO,CAAC,IAAI,CACV,uEAAuE;YACrE,iEAAiE;YACjE,oBAAoB,CACvB,CAAC;QACF,8BAA8B;KAC/B;AACH,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAoBT;;IAnBpB,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACpB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACP,UAAU,cAnBgB,gOAoB9B,CADc;IAEb,kFAAkF;IAClF,yDAAyD;IACzD,IAAM,SAAS,GAAG,UAAU,CAAC,YAAY,EAAE,cAAc;YACvD,oBAAoB,EAAE,MAAM;YAC5B,sBAAsB,EAAE,QAAQ;YAChC,sBAAsB,EAAE,QAAQ;YAChC,sBAAsB,EAAE,QAAQ;;QAChC,GAAC,iBAAU,KAAK,CAAE,IAAG,KAAK;YAC1B,CAAC;IAEH,IAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,WAAG,GAAC,OAAO,IAAG,MAAM,MAAG,CAAC,CAAC,EAAE,CAAC;IACrD,IAAM,SAAS,GAAG,SAAS,CAAC;IAE5B,qBAAqB,CAAC,cAAc,CAAC,CAAC;IAEtC,IAAM,OAAO,GAAG,CACd,oBAAC,SAAS,2BACI,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAChB,QAAQ,EACR,kBAAkB,CAAC,UAAU,CAAC,GAEjC,QAAQ,CACC,CACb,CAAC;IAEF,OAAO,UAAU,CAAC,CAAC,CAAC,gCAAK,OAAO,CAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACnD,CAAC"}
+{"version":3,"file":"common_menu_item.js","sourceRoot":"","sources":["../../../src/components/common_menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAqBrC,IAAM,sBAAsB,GAAG,CAAC,WAAW,CAAC,CAAC;AAE7C,SAAS,kBAAkB,CAAC,KAA8B;IACxD,OAAO,MAAM,CAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,qBAAqB,CAAC,cAAsB;IACnD,IAAI,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE;QACpC,+BAA+B;QAC/B,OAAO,CAAC,IAAI,CACV,uEAAuE;YACrE,iEAAiE;YACjE,oBAAoB,CACvB,CAAC;QACF,8BAA8B;KAC/B;AACH,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAoBT;;IAnBpB,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACpB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACP,IAAI,cAnBsB,gOAoB9B,CADQ;IAEP,kFAAkF;IAClF,yDAAyD;IACzD,IAAM,SAAS,GAAG,UAAU,CAAC,YAAY,EAAE,cAAc;YACvD,oBAAoB,EAAE,MAAM;YAC5B,sBAAsB,EAAE,QAAQ;YAChC,sBAAsB,EAAE,QAAQ;YAChC,sBAAsB,EAAE,QAAQ;;QAChC,GAAC,iBAAU,KAAK,CAAE,IAAG,KAAK;YAC1B,CAAC;IAEH,IAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,WAAG,GAAC,OAAO,IAAG,MAAM,MAAG,CAAC,CAAC,EAAE,CAAC;IACrD,IAAM,SAAS,GAAG,SAAS,CAAC;IAE5B,qBAAqB,CAAC,cAAc,CAAC,CAAC;IAEtC,IAAM,OAAO,GAAG,CACd,oBAAC,SAAS,2BACI,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAChB,QAAQ,EACR,kBAAkB,CAAC,IAAI,CAAC,GAE3B,QAAQ,CACC,CACb,CAAC;IAEF,OAAO,UAAU,CAAC,CAAC,CAAC,gCAAK,OAAO,CAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACnD,CAAC"}

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

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

package/lib/esm/components/container.js

@@ -23,15 +23,20 @@ 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';
 var PADDING_CLASS_PATTERN = /padding-/;
 export function Container(_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, _c = _a.padding, padding = _c === void 0 ? '2' : _c, shadow = _a.shadow, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "getRef", "id", "padding", "shadow"]);
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], _c = _a.outlineColor, outlineColor = _c === void 0 ? 'none' : _c, children = _a.children, getRef = _a.getRef, margin = _a.margin, id = _a.id, _d = _a.padding, padding = _d === void 0 ? '2' : _d, shadow = _a.shadow, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "outlineColor", "children", "getRef", "margin", "id", "padding", "shadow"]);
     var modifierAppliesPadding = PADDING_CLASS_PATTERN.test(_modifierClass);
-    var className = classNames('Container', _modifierClass, (_b = {},
+    var className = classNames('Container', _modifierClass, getMarginClass(margin), (_b = {},
         _b["padding--".concat(padding)] = padding && !modifierAppliesPadding,
         _b["shadow--".concat(shadow)] = shadow,
         _b));
-    return (React.createElement("div", __assign({}, getDataAttributes(rest), { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id, ref: getRef }), children));
+    return (React.createElement("div", __assign({}, getDataAttributes(rest), { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id, ref: getRef, style: outlineColor
+            ? {
+                '--Container____outline-color': "var(--color--".concat(outlineColor, ")")
+            }
+            : {} }), children));
 }
 //# sourceMappingURL=container.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/components/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAUzD,IAAM,qBAAqB,GAAG,UAAU,CAAC;AAEzC,MAAM,UAAU,SAAS,CAAC,EAWT;;IAVf,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,eAAa,EAAb,OAAO,mBAAG,GAAG,KAAA,EACb,MAAM,YAAA,EACH,IAAI,cAViB,wHAWzB,CADQ;IAEP,IAAM,sBAAsB,GAAG,qBAAqB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAC1E,IAAM,SAAS,GAAG,UAAU,CAAC,WAAW,EAAE,cAAc;QACtD,GAAC,mBAAY,OAAO,CAAE,IAAG,OAAO,IAAI,CAAC,sBAAsB;QAC3D,GAAC,kBAAW,MAAM,CAAE,IAAG,MAAM;YAC7B,CAAC;IAEH,OAAO,CACL,wCACM,iBAAiB,CAAC,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"}
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/components/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAc3D,IAAM,qBAAqB,GAAG,UAAU,CAAC;AAEzC,MAAM,UAAU,SAAS,CAAC,EAaT;;IAZf,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,oBAAqB,EAArB,YAAY,mBAAG,MAAM,KAAA,EACrB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,MAAM,YAAA,EACN,EAAE,QAAA,EACF,eAAa,EAAb,OAAO,mBAAG,GAAG,KAAA,EACb,MAAM,YAAA,EACH,IAAI,cAZiB,kJAazB,CADQ;IAEP,IAAM,sBAAsB,GAAG,qBAAqB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAC1E,IAAM,SAAS,GAAG,UAAU,CAC1B,WAAW,EACX,cAAc,EACd,cAAc,CAAC,MAAM,CAAC;QAEpB,GAAC,mBAAY,OAAO,CAAE,IAAG,OAAO,IAAI,CAAC,sBAAsB;QAC3D,GAAC,kBAAW,MAAM,CAAE,IAAG,MAAM;YAEhC,CAAC;IAEF,OAAO,CACL,wCACM,iBAAiB,CAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,EACX,KAAK,EACH,YAAY;YACV,CAAC,CAAE;gBACC,8BAA8B,EAAE,uBAAgB,YAAY,MAAG;aACxC;YAC3B,CAAC,CAAC,EAAE,KAGP,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}

package/lib/esm/components/container_header.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 ContainerHeaderProps extends CommonComponentProps, ModifierProps {
+interface ContainerHeaderProps extends CommonComponentProps, ModifierClassProp {
     children?: React.ReactNode;
     getRef?: GetRef<HTMLElement>;
     id?: string;

package/lib/esm/components/date_input.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';
 /**
  * Date string in the yyyy-mm-dd format
  */
 type DateString = `${number}${number}${number}${number}-${number}${number}-${number}${number}`;
-interface DateInputProps extends CommonComponentProps, ModifierProps {
+interface DateInputProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
     'aria-required'?: React.AriaAttributes['aria-required'];
     autoComplete?: string;
@@ -30,5 +30,5 @@ interface DateInputProps extends CommonComponentProps, ModifierProps {
     tabIndex?: number;
     value?: number | string;
 }
-export declare function DateInput({ _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, readOnly, required, step, tabIndex, value, ...rest }: DateInputProps): React.JSX.Element;
+export declare function DateInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-required': ariaRequired, autoComplete, autoFocus, defaultValue, disabled, getRef, id, invalid, margin, max, min, mini, name, onBlur, onChange, onFocus, onKeyDown, onPaste, readOnly, required, step, tabIndex, value, ...rest }: DateInputProps): React.JSX.Element;
 export {};

package/lib/esm/components/date_input.js

@@ -24,7 +24,7 @@ import React from 'react';
 import getDataAttributes from '../utils/data_attributes';
 import { CommonInput } from './common_input';
 export function DateInput(_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, readOnly = _a.readOnly, required = _a.required, step = _a.step, tabIndex = _a.tabIndex, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', 'aria-required', "autoComplete", "autoFocus", "defaultValue", "disabled", "getRef", "id", "invalid", "max", "min", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "readOnly", "required", "step", "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, readOnly: readOnly, required: required, step: step, tabIndex: tabIndex, type: "date", value: value })));
+    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], 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, readOnly = _a.readOnly, required = _a.required, step = _a.step, tabIndex = _a.tabIndex, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', 'aria-required', "autoComplete", "autoFocus", "defaultValue", "disabled", "getRef", "id", "invalid", "margin", "max", "min", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "readOnly", "required", "step", "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, readOnly: readOnly, required: required, step: step, tabIndex: tabIndex, type: "date", value: value })));
 }
 //# sourceMappingURL=date_input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"date_input.js","sourceRoot":"","sources":["../../../src/components/date_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAkC7C,MAAM,UAAU,SAAS,CAAC,EA6BT;IA5Bf,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,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cA5BiB,wUA6BzB,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,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"date_input.js","sourceRoot":"","sources":["../../../src/components/date_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAqC7C,MAAM,UAAU,SAAS,CAAC,EA8BT;IA7Bf,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EAChB,YAAY,sBAAA,EAC7B,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,OAAO,aAAA,EACP,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,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cA7BiB,kVA8BzB,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,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC"}

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

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

package/lib/esm/components/drag_and_drop.js

@@ -23,10 +23,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useState } from 'react';
 import classNames from '../utils/class_names';
 import getDataAttributes from '../utils/data_attributes';
+import { getMarginClass } from '../utils/modifier_classes';
 export function DragAndDrop(_a) {
-    var _modifierClass = _a._modifierClass, accept = _a.accept, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], error = _a.error, children = _a.children, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, multiple = _a.multiple, name = _a.name, onChange = _a.onChange, onDrop = _a.onDrop, onDragEnter = _a.onDragEnter, onDragOver = _a.onDragOver, onDragLeave = _a.onDragLeave, success = _a.success, tabIndex = _a.tabIndex, _b = _a.value, value = _b === void 0 ? '' : _b, rest = __rest(_a, ["_modifierClass", "accept", 'aria-label', 'aria-labelledby', 'aria-describedby', "error", "children", "disabled", "getRef", "id", "multiple", "name", "onChange", "onDrop", "onDragEnter", "onDragOver", "onDragLeave", "success", "tabIndex", "value"]);
+    var _modifierClass = _a._modifierClass, accept = _a.accept, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], ariaRequired = _a["aria-required"], error = _a.error, children = _a.children, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, margin = _a.margin, multiple = _a.multiple, name = _a.name, onChange = _a.onChange, onDrop = _a.onDrop, onDragEnter = _a.onDragEnter, onDragOver = _a.onDragOver, onDragLeave = _a.onDragLeave, required = _a.required, success = _a.success, tabIndex = _a.tabIndex, _b = _a.value, value = _b === void 0 ? '' : _b, rest = __rest(_a, ["_modifierClass", "accept", 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-required', "error", "children", "disabled", "getRef", "id", "margin", "multiple", "name", "onChange", "onDrop", "onDragEnter", "onDragOver", "onDragLeave", "required", "success", "tabIndex", "value"]);
     var _c = useState(false), draggedOver = _c[0], setDraggedOver = _c[1];
-    var className = classNames('Drag-and-Drop', _modifierClass, {
+    var className = classNames('Drag-and-Drop', getMarginClass(margin), _modifierClass, {
         'Drag-and-Drop--dragged-over': draggedOver,
         'Drag-and-Drop--error': error,
         'Drag-and-Drop--success': success,
@@ -46,7 +47,7 @@ export function DragAndDrop(_a) {
             onDragLeave(event);
     }
     return (React.createElement("div", { className: className, onDragOver: disabled ? undefined : onDragOver, onDragEnter: disabled ? undefined : handleEnter, onDragLeave: disabled ? undefined : handleLeave, onDrop: disabled ? undefined : onDrop },
-        React.createElement("input", __assign({}, getDataAttributes(rest), { accept: accept, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: fileInputClassName, disabled: disabled, id: id, multiple: multiple, name: name, onChange: onChange, ref: getRef, tabIndex: tabIndex, type: "file", value: value })),
+        React.createElement("input", __assign({}, getDataAttributes(rest), { accept: accept, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-required": ariaRequired, className: fileInputClassName, disabled: disabled, id: id, multiple: multiple, name: name, onChange: onChange, ref: getRef, required: required, tabIndex: tabIndex, type: "file", value: value })),
         children));
 }
 //# sourceMappingURL=drag_and_drop.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drag_and_drop.js","sourceRoot":"","sources":["../../../src/components/drag_and_drop.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKxC,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAqBzD,MAAM,UAAU,WAAW,CAAC,EAsBT;IArBjB,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACP,IAAI,cArBmB,wPAsB3B,CADQ;IAED,IAAA,KAAgC,QAAQ,CAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAC;IACtD,IAAM,SAAS,GAAG,UAAU,CAAC,eAAe,EAAE,cAAc,EAAE;QAC5D,6BAA6B,EAAE,WAAW;QAC1C,sBAAsB,EAAE,KAAK;QAC7B,wBAAwB,EAAE,OAAO;QACjC,yBAAyB,EAAE,QAAQ;KACpC,CAAC,CAAC;IAEH,IAAM,kBAAkB,GAAG,UAAU,CAAC,2BAA2B,EAAE;QACjE,qCAAqC,EAAE,QAAQ;KAChD,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,KAAwC;QAC3D,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,WAAW;YAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,SAAS,WAAW,CAAC,KAAwC;QAC3D,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,IAAI,WAAW;YAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAC7C,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC/C,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC/C,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;QAErC,0CACM,iBAAiB,CAAC,IAAI,CAAC,IAC3B,MAAM,EAAE,MAAM,gBACF,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,kBAAkB,EAC7B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,IACZ;QACD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"drag_and_drop.js","sourceRoot":"","sources":["../../../src/components/drag_and_drop.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;AA0B3D,MAAM,UAAU,WAAW,CAAC,EAyBT;IAxBjB,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EAClB,YAAY,sBAAA,EAC7B,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACP,IAAI,cAxBmB,+RAyB3B,CADQ;IAED,IAAA,KAAgC,QAAQ,CAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAC;IACtD,IAAM,SAAS,GAAG,UAAU,CAC1B,eAAe,EACf,cAAc,CAAC,MAAM,CAAC,EACtB,cAAc,EACd;QACE,6BAA6B,EAAE,WAAW;QAC1C,sBAAsB,EAAE,KAAK;QAC7B,wBAAwB,EAAE,OAAO;QACjC,yBAAyB,EAAE,QAAQ;KACpC,CACF,CAAC;IAEF,IAAM,kBAAkB,GAAG,UAAU,CAAC,2BAA2B,EAAE;QACjE,qCAAqC,EAAE,QAAQ;KAChD,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,KAAwC;QAC3D,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,WAAW;YAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,SAAS,WAAW,CAAC,KAAwC;QAC3D,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,IAAI,WAAW;YAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAC7C,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC/C,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC/C,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;QAErC,0CACM,iBAAiB,CAAC,IAAI,CAAC,IAC3B,MAAM,EAAE,MAAM,gBACF,SAAS,qBACJ,cAAc,sBACb,eAAe,mBAClB,YAAY,EAC3B,SAAS,EAAE,kBAAkB,EAC7B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,IACZ;QACD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import type { CommonComponentProps, ModifierProps, Shadows } from '../types';
+import type { CommonComponentProps, MarginModifierProp, ModifierClassProp, Shadows } from '../types';
 import type { GetRef } from '../utils/refs';
 type ChildrenRenderProp = (args: {
     isOpen: boolean;
@@ -11,7 +11,7 @@ type ToggleRenderProp = (args: {
     isToggled: boolean;
     onClick: () => void;
 }) => React.ReactElement;
-interface DropdownProps extends CommonComponentProps, ModifierProps {
+interface DropdownProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     align?: 'left' | 'right';
     children?: React.ReactElement | ChildrenRenderProp;
     contentShadow?: Shadows | 'none';

package/lib/esm/components/dropdown.js

@@ -42,6 +42,7 @@ import { handleGetRef } from '../utils/refs';
 import { isDesiredTransitionEndEvent } from '../utils/animation';
 import classNames from '../utils/class_names';
 import getDataAttributes from '../utils/data_attributes';
+import { getMarginClass } from '../utils/modifier_classes';
 var OPENS_PROP_MAPPING = {
     up: 'bottom',
     down: 'top'
@@ -140,8 +141,8 @@ var Dropdown = /** @class */ (function (_super) {
         var isOpen = this.state.isOpen;
         var _c = this.props, 
         // eslint-disable-next-line @typescript-eslint/naming-convention
-        _modifierClass = _c._modifierClass, align = _c.align, ariaLabel = _c["aria-label"], ariaLabelledby = _c["aria-labelledby"], ariaDescribedby = _c["aria-describedby"], contentShadow = _c.contentShadow, contentWidth = _c.contentWidth, getRef = _c.getRef, id = _c.id, maxHeight = _c.maxHeight, opens = _c.opens, rest = __rest(_c, ["_modifierClass", "align", 'aria-label', 'aria-labelledby', 'aria-describedby', "contentShadow", "contentWidth", "getRef", "id", "maxHeight", "opens"]);
-        var className = classNames('Dropdown', _modifierClass);
+        _modifierClass = _c._modifierClass, align = _c.align, ariaLabel = _c["aria-label"], ariaLabelledby = _c["aria-labelledby"], ariaDescribedby = _c["aria-describedby"], contentShadow = _c.contentShadow, contentWidth = _c.contentWidth, getRef = _c.getRef, id = _c.id, margin = _c.margin, maxHeight = _c.maxHeight, opens = _c.opens, rest = __rest(_c, ["_modifierClass", "align", 'aria-label', 'aria-labelledby', 'aria-describedby', "contentShadow", "contentWidth", "getRef", "id", "margin", "maxHeight", "opens"]);
+        var className = classNames('Dropdown', getMarginClass(margin), _modifierClass);
         var contentClassName = classNames('Dropdown__Content', (_a = {
                 'Dropdown__Content--open': isOpen
             },

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

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

package/lib/esm/components/dropdown_input_toggle.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 DropdownInputToggleProps extends CommonComponentProps, ModifierProps {
+interface DropdownInputToggleProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     'aria-controls'?: string;
     'aria-expanded'?: React.AriaAttributes['aria-expanded'];
     children?: React.ReactNode;
@@ -14,5 +14,5 @@ interface DropdownInputToggleProps extends CommonComponentProps, ModifierProps {
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
     disabled?: boolean;
 }
-export declare function DropdownInputToggle({ _modifierClass, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, getRef, id, invalid, isToggled, mini, name, onClick, disabled, ...rest }: DropdownInputToggleProps): React.JSX.Element;
+export declare function DropdownInputToggle({ _modifierClass, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, getRef, id, invalid, isToggled, margin, mini, name, onClick, disabled, ...rest }: DropdownInputToggleProps): React.JSX.Element;
 export {};

package/lib/esm/components/dropdown_input_toggle.js

@@ -24,10 +24,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';
 import { IconTriangleInverted } from '../icons/triangle_inverted';
 export function DropdownInputToggle(_a) {
-    var _modifierClass = _a._modifierClass, ariaControls = _a["aria-controls"], ariaExpanded = _a["aria-expanded"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, getRef = _a.getRef, id = _a.id, invalid = _a.invalid, isToggled = _a.isToggled, mini = _a.mini, name = _a.name, onClick = _a.onClick, disabled = _a.disabled, rest = __rest(_a, ["_modifierClass", 'aria-controls', 'aria-expanded', 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "getRef", "id", "invalid", "isToggled", "mini", "name", "onClick", "disabled"]);
-    return (React.createElement("div", { className: classNames('Dropdown__Toggle', _modifierClass, {
+    var _modifierClass = _a._modifierClass, ariaControls = _a["aria-controls"], ariaExpanded = _a["aria-expanded"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, getRef = _a.getRef, id = _a.id, invalid = _a.invalid, isToggled = _a.isToggled, margin = _a.margin, mini = _a.mini, name = _a.name, onClick = _a.onClick, disabled = _a.disabled, rest = __rest(_a, ["_modifierClass", 'aria-controls', 'aria-expanded', 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "getRef", "id", "invalid", "isToggled", "margin", "mini", "name", "onClick", "disabled"]);
+    return (React.createElement("div", { className: classNames('Dropdown__Toggle', getMarginClass(margin), _modifierClass, {
             'Dropdown__Toggle--disabled': disabled,
             'Dropdown__Toggle--mini': mini
         }) },

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown_input_toggle.js","sourceRoot":"","sources":["../../../src/components/dropdown_input_toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2DAA2D;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAgBlE,MAAM,UAAU,mBAAmB,CAAC,EAiBT;IAhBzB,IAAA,cAAc,oBAAA,EACG,YAAY,sBAAA,EACZ,YAAY,sBAAA,EACf,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,OAAO,aAAA,EACP,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,IAAI,cAhB2B,oMAiBnC,CADQ;IAEP,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,cAAc,EAAE;YACxD,4BAA4B,EAAE,QAAQ;YACtC,wBAAwB,EAAE,IAAI;SAC/B,CAAC;QAEF,2CACM,iBAAiB,CAAC,IAAI,CAAC,qBACZ,YAAY,mBACZ,YAAY,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,UAAU,EAAE;gBACzC,gBAAgB,EAAE,SAAS;gBAC3B,gBAAgB,EAAE,OAAO;gBACzB,aAAa,EAAE,IAAI;aACpB,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,QAAQ,KAEZ,QAAQ,CACF;QACT,6BAAK,SAAS,EAAC,wBAAwB;YACrC,oBAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,GAAI,CAC1D,CACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"dropdown_input_toggle.js","sourceRoot":"","sources":["../../../src/components/dropdown_input_toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2DAA2D;AAC3D,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;AAE3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAmBlE,MAAM,UAAU,mBAAmB,CAAC,EAkBT;IAjBzB,IAAA,cAAc,oBAAA,EACG,YAAY,sBAAA,EACZ,YAAY,sBAAA,EACf,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,OAAO,aAAA,EACP,SAAS,eAAA,EACT,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,IAAI,cAjB2B,8MAkBnC,CADQ;IAEP,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CACnB,kBAAkB,EAClB,cAAc,CAAC,MAAM,CAAC,EACtB,cAAc,EACd;YACE,4BAA4B,EAAE,QAAQ;YACtC,wBAAwB,EAAE,IAAI;SAC/B,CACF;QAED,2CACM,iBAAiB,CAAC,IAAI,CAAC,qBACZ,YAAY,mBACZ,YAAY,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,UAAU,EAAE;gBACzC,gBAAgB,EAAE,SAAS;gBAC3B,gBAAgB,EAAE,OAAO;gBACzB,aAAa,EAAE,IAAI;aACpB,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,QAAQ,KAEZ,QAAQ,CACF;QACT,6BAAK,SAAS,EAAC,wBAAwB;YACrC,oBAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,GAAI,CAC1D,CACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,8 +1,8 @@
 import React, { Component } from 'react';
-import type { CommonComponentProps, ModifierProps } from '../types';
+import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
 import noop from '../utils/noop';
-interface EditingContainerProps extends CommonComponentProps, ModifierProps {
+interface EditingContainerProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     children?: React.ReactNode;
     edit: React.ReactNode;
     getRef?: GetRef;