@doist/reactist 28.7.2 → 28.7.3

package/lib/base-field/base-field.js

@@ -1,2 +1,128 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),n=require("../box/box.js"),r=require("../utils/common-helpers.js"),l=require("../text/text.js"),a=require("./base-field.module.css.js"),o=require("../stack/stack.js"),u=require("../spinner/spinner.js"),i=require("../columns/columns.js");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,t}var c=s(t);function d(e){return"error"===e?"danger":"success"===e?"positive":"secondary"}function m({id:e,children:t,tone:r}){return c.createElement(l.Text,{as:"p",tone:d(r),size:"copy",id:e},"loading"===r?c.createElement(n.Box,{as:"span",marginRight:"xsmall",display:"inlineFlex",className:a.default.loadingIcon},c.createElement(u.Spinner,{size:16})):null,t)}function f({children:e,tone:t}){return c.createElement(l.Text,{tone:d(t),size:"copy"},e)}function x({value:e,maxLength:t}){if(!t)return{count:null,tone:"neutral"};const n=String(e||"").length;return{count:`${n}/${t}`,tone:t-n<=0?"error":"neutral"}}exports.BaseField=function({variant:t="default",label:u,value:s,auxiliaryLabel:d,message:p,tone:b="neutral",className:g,children:h,maxWidth:E,maxLength:v,hidden:y,"aria-describedby":j,id:q,characterCountPosition:w="below",endSlot:L,endSlotPosition:S="bottom"}){const B=r.useId(q),C=r.useId(),O=x({value:s,maxLength:v}),[P,_]=c.useState(O.count),[I,N]=c.useState(O.tone),k=j??(p?C:null),z="below"===w&&null!==P,F="inline"===w&&null!==P;function T(){return c.createElement(f,{tone:I},P)}const M=e.objectSpread2(e.objectSpread2({id:B,value:s},k?{"aria-describedby":k}:{}),{},{"aria-invalid":"error"===b||void 0,onChange(e){if(!v)return;const t=x({value:e.currentTarget.value,maxLength:v});_(t.count),N(t.tone)},characterCountElement:F?T():null});return c.useEffect((function(){if(!v)return;const e=x({value:s,maxLength:v});_(e.count),N(e.tone)}),[v,s]),c.createElement(o.Stack,{space:"xsmall",hidden:y},c.createElement(n.Box,{display:"flex",flexDirection:"row",className:[g,a.default.container,"error"===b?a.default.error:null,"bordered"===t?a.default.bordered:null],maxWidth:E,alignItems:"center"},c.createElement(n.Box,{flexGrow:1},u||d?c.createElement(n.Box,{as:"span",display:"flex",justifyContent:"spaceBetween",alignItems:"flexEnd"},c.createElement(l.Text,{size:"bordered"===t?"caption":"body",as:"label",htmlFor:B},u?c.createElement("span",{className:a.default.primaryLabel},u):null),d?c.createElement(n.Box,{className:a.default.auxiliaryLabel,paddingLeft:"small"},d):null):null,h(M)),L&&"fullHeight"===S?L:null),p||z?c.createElement(i.Columns,{align:"right",space:"small",maxWidth:E},p?c.createElement(i.Column,{width:"auto"},c.createElement(m,{id:C,tone:b},p)):null,"below"===w?c.createElement(i.Column,{width:"content"},T()):null):null)},exports.FieldMessage=m;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var box = require('../box/box.js');
+var commonHelpers = require('../utils/common-helpers.js');
+var text = require('../text/text.js');
+var baseField_module = require('./base-field.module.css.js');
+var stack = require('../stack/stack.js');
+var spinner = require('../spinner/spinner.js');
+var columns = require('../columns/columns.js');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// Define the remaining characters before the character count turns red
+// See: https://twist.com/a/1585/ch/765851/t/6664583/c/93631846 for latest spec
+var MAX_LENGTH_THRESHOLD = 0;
+function fieldToneToTextTone(tone) {
+    return tone === 'error' ? 'danger' : tone === 'success' ? 'positive' : 'secondary';
+}
+function FieldMessage(_a) {
+    var id = _a.id, children = _a.children, tone = _a.tone;
+    return (React__namespace.createElement(text.Text, { as: "p", tone: fieldToneToTextTone(tone), size: "copy", id: id },
+        tone === 'loading' ? (React__namespace.createElement(box.Box, { as: "span", marginRight: "xsmall", display: "inlineFlex", className: baseField_module["default"].loadingIcon },
+            React__namespace.createElement(spinner.Spinner, { size: 16 }))) : null,
+        children));
+}
+function FieldCharacterCount(_a) {
+    var children = _a.children, tone = _a.tone;
+    return (React__namespace.createElement(text.Text, { tone: fieldToneToTextTone(tone), size: "copy" }, children));
+}
+function validateInputLength(_a) {
+    var value = _a.value, maxLength = _a.maxLength;
+    if (!maxLength) {
+        return {
+            count: null,
+            tone: 'neutral'
+        };
+    }
+    var currentLength = String(value || '').length;
+    var isNearMaxLength = maxLength - currentLength <= MAX_LENGTH_THRESHOLD;
+    return {
+        count: "".concat(currentLength, "/").concat(maxLength),
+        tone: isNearMaxLength ? 'error' : 'neutral'
+    };
+}
+/**
+ * BaseField is a base component that provides a consistent structure for form fields.
+ */
+function BaseField(_a) {
+    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, label = _a.label, value = _a.value, auxiliaryLabel = _a.auxiliaryLabel, message = _a.message, _c = _a.tone, tone = _c === void 0 ? 'neutral' : _c, className = _a.className, children = _a.children, maxWidth = _a.maxWidth, maxLength = _a.maxLength, hidden = _a.hidden, originalAriaDescribedBy = _a["aria-describedby"], originalId = _a.id, _d = _a.characterCountPosition, characterCountPosition = _d === void 0 ? 'below' : _d, endSlot = _a.endSlot, _e = _a.endSlotPosition, endSlotPosition = _e === void 0 ? 'bottom' : _e;
+    var id = commonHelpers.useId(originalId);
+    var messageId = commonHelpers.useId();
+    var inputLength = validateInputLength({ value: value, maxLength: maxLength });
+    var _f = React__namespace.useState(inputLength.count), characterCount = _f[0], setCharacterCount = _f[1];
+    var _g = React__namespace.useState(inputLength.tone), characterCountTone = _g[0], setCharacterCountTone = _g[1];
+    var ariaDescribedBy = originalAriaDescribedBy !== null && originalAriaDescribedBy !== void 0 ? originalAriaDescribedBy : (message ? messageId : null);
+    var renderCharacterCountBelow = characterCountPosition === 'below' && characterCount !== null;
+    var renderCharacterCountInline = characterCountPosition === 'inline' && characterCount !== null;
+    function renderCharacterCount() {
+        return React__namespace.createElement(FieldCharacterCount, { tone: characterCountTone }, characterCount);
+    }
+    var childrenProps = tslib.__assign(tslib.__assign({ id: id, value: value }, (ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {})), { 'aria-invalid': tone === 'error' ? true : undefined, onChange: function (event) {
+            if (!maxLength) {
+                return;
+            }
+            var inputLength = validateInputLength({
+                value: event.currentTarget.value,
+                maxLength: maxLength
+            });
+            setCharacterCount(inputLength.count);
+            setCharacterCountTone(inputLength.tone);
+        }, 
+        // If the character count is inline, we pass it as a prop to the children element so it can be rendered inline
+        characterCountElement: renderCharacterCountInline ? renderCharacterCount() : null });
+    React__namespace.useEffect(function updateCharacterCountOnPropChange() {
+        if (!maxLength) {
+            return;
+        }
+        var inputLength = validateInputLength({
+            value: value,
+            maxLength: maxLength
+        });
+        setCharacterCount(inputLength.count);
+        setCharacterCountTone(inputLength.tone);
+    }, [maxLength, value]);
+    return (React__namespace.createElement(stack.Stack, { space: "xsmall", hidden: hidden },
+        React__namespace.createElement(box.Box, { display: "flex", flexDirection: "row", className: [
+                className,
+                baseField_module["default"].container,
+                tone === 'error' ? baseField_module["default"].error : null,
+                variant === 'bordered' ? baseField_module["default"].bordered : null,
+            ], maxWidth: maxWidth, alignItems: "center" },
+            React__namespace.createElement(box.Box, { flexGrow: 1 },
+                label || auxiliaryLabel ? (React__namespace.createElement(box.Box, { as: "span", display: "flex", justifyContent: "spaceBetween", alignItems: "flexEnd" },
+                    React__namespace.createElement(text.Text, { size: variant === 'bordered' ? 'caption' : 'body', as: "label", htmlFor: id }, label ? (React__namespace.createElement("span", { className: baseField_module["default"].primaryLabel }, label)) : null),
+                    auxiliaryLabel ? (React__namespace.createElement(box.Box, { className: baseField_module["default"].auxiliaryLabel, paddingLeft: "small" }, auxiliaryLabel)) : null)) : null,
+                children(childrenProps)),
+            endSlot && endSlotPosition === 'fullHeight' ? endSlot : null),
+        message || renderCharacterCountBelow ? (React__namespace.createElement(columns.Columns, { align: "right", space: "small", maxWidth: maxWidth },
+            message ? (React__namespace.createElement(columns.Column, { width: "auto" },
+                React__namespace.createElement(FieldMessage, { id: messageId, tone: tone }, message))) : null,
+            characterCountPosition === 'below' ? (React__namespace.createElement(columns.Column, { width: "content" }, renderCharacterCount())) : null)) : null));
+}
+
+exports.BaseField = BaseField;
+exports.FieldMessage = FieldMessage;
 //# sourceMappingURL=base-field.js.map

package/lib/base-field/base-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-field.js","sources":["../../src/base-field/base-field.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box, BoxProps } from '../box'\nimport { useId } from '../utils/common-helpers'\nimport { Text } from '../text'\nimport styles from './base-field.module.css'\nimport { Stack } from '../stack'\n\nimport type { WithEnhancedClassName } from '../utils/common-types'\nimport { Spinner } from '../spinner'\nimport { Column, Columns } from '../columns'\n\n// Define the remaining characters before the character count turns red\n// See: https://twist.com/a/1585/ch/765851/t/6664583/c/93631846 for latest spec\nconst MAX_LENGTH_THRESHOLD = 0\n\ntype FieldTone = 'neutral' | 'success' | 'error' | 'loading'\n\ntype FieldMessageProps = {\n    id: string\n    children: React.ReactNode\n    tone: FieldTone\n}\n\nfunction fieldToneToTextTone(tone: FieldTone) {\n    return tone === 'error' ? 'danger' : tone === 'success' ? 'positive' : 'secondary'\n}\n\nfunction FieldMessage({ id, children, tone }: FieldMessageProps) {\n    return (\n        <Text as=\"p\" tone={fieldToneToTextTone(tone)} size=\"copy\" id={id}>\n            {tone === 'loading' ? (\n                <Box\n                    as=\"span\"\n                    marginRight=\"xsmall\"\n                    display=\"inlineFlex\"\n                    className={styles.loadingIcon}\n                >\n                    <Spinner size={16} />\n                </Box>\n            ) : null}\n            {children}\n        </Text>\n    )\n}\n\ntype FieldCharacterCountProps = {\n    children: React.ReactNode\n    tone: FieldTone\n}\n\nfunction FieldCharacterCount({ children, tone }: FieldCharacterCountProps) {\n    return (\n        <Text tone={fieldToneToTextTone(tone)} size=\"copy\">\n            {children}\n        </Text>\n    )\n}\n\ntype ValidateInputLengthProps = {\n    value?: React.InputHTMLAttributes<unknown>['value']\n    maxLength?: number\n}\n\ntype ValidateInputLengthResult = {\n    count: string | null\n    tone: FieldTone\n}\n\nfunction validateInputLength({\n    value,\n    maxLength,\n}: ValidateInputLengthProps): ValidateInputLengthResult {\n    if (!maxLength) {\n        return {\n            count: null,\n            tone: 'neutral',\n        }\n    }\n\n    const currentLength = String(value || '').length\n    const isNearMaxLength = maxLength - currentLength <= MAX_LENGTH_THRESHOLD\n\n    return {\n        count: `${currentLength}/${maxLength}`,\n        tone: isNearMaxLength ? 'error' : 'neutral',\n    }\n}\n\n//\n// BaseField\n//\n\ntype ChildrenRenderProps = {\n    id: string\n    value?: React.InputHTMLAttributes<unknown>['value']\n    'aria-describedby'?: string\n    'aria-invalid'?: true\n    onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>\n    characterCountElement?: React.ReactNode | null\n}\n\ntype HtmlInputProps<T extends HTMLElement> = React.DetailedHTMLProps<\n    React.InputHTMLAttributes<T>,\n    T\n>\n\ntype BaseFieldVariant = 'default' | 'bordered'\ntype BaseFieldVariantProps = {\n    /**\n     * Provides alternative visual layouts or modes that the field can be rendered in.\n     *\n     * Namely, there are two variants supported:\n     *\n     * - the default one\n     * - a \"bordered\" variant, where the border of the field surrounds also the labels, instead\n     *   of just surrounding the actual field element\n     *\n     * In both cases, the message and description texts for the field lie outside the bordered\n     * area.\n     */\n    variant?: BaseFieldVariant\n}\n\nexport type BaseFieldProps = WithEnhancedClassName &\n    Pick<HtmlInputProps<HTMLInputElement>, 'id' | 'hidden' | 'maxLength' | 'aria-describedby'> & {\n        /**\n         * The main label for this field element.\n         *\n         * This prop is not optional. Consumers of field components must be explicit about not\n         * wanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\n         * should make sure that fields are properly labelled semantically by other means (e.g using\n         * `aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n         *\n         * Avoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n         *\n         * @see BaseFieldProps['auxiliaryLabel']\n         */\n        label: React.ReactNode\n\n        /**\n         * The initial value for this field element.\n         *\n         * This prop is used to calculate the character count for the initial value, and is then\n         * passed to the underlying child element.\n         */\n        value?: React.InputHTMLAttributes<unknown>['value']\n\n        /**\n         * An optional extra element to be placed to the right of the main label.\n         *\n         * This extra element is not included in the accessible name of the field element. Its only\n         * purpose is either visual, or functional (if you include interactive elements in it).\n         *\n         * @see BaseFieldProps['label']\n         *\n         * @deprecated The usage of this element is discouraged given that it was removed from the\n         * latest form field spec revision.\n         */\n        auxiliaryLabel?: React.ReactNode\n\n        /**\n         * A message associated with the field. It is rendered below the field, and with an\n         * appearance that conveys the tone of the field (e.g. coloured red for errors, green for\n         * success, etc).\n         *\n         * The message element is associated to the field via the `aria-describedby` attribute.\n         *\n         * In the future, when `aria-errormessage` gets better user agent support, we should use it\n         * to associate the filed with a message when tone is `\"error\"`.\n         *\n         * @see BaseFieldProps['tone']\n         * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n         * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid\n         */\n        message?: React.ReactNode\n\n        /**\n         * The tone with which the message, if any, is presented.\n         *\n         * If the tone is `\"error\"`, the field border turns red, and the message, if any, is also\n         * red.\n         *\n         * When the tone is `\"loading\"`, it is recommended that you also disable the field. However,\n         * this is not enforced by the component. It is only a recommendation.\n         *\n         * @see BaseFieldProps['message']\n         * @see BaseFieldProps['hint']\n         */\n        tone?: FieldTone\n\n        /**\n         * The maximum width that the input field can expand to.\n         */\n        maxWidth?: BoxProps['maxWidth']\n\n        /**\n         * The maximum number of characters that the input field can accept.\n         * When this limit is reached, the input field will not accept any more characters.\n         * The counter element will turn red when the number of characters is within 10 of the maximum limit.\n         */\n        maxLength?: number\n\n        /**\n         * Used internally by components composed using `BaseField`. It is not exposed as part of\n         * the public props of such components.\n         */\n        children: (props: ChildrenRenderProps) => React.ReactNode\n\n        /**\n         * The position of the character count element.\n         * It can be shown below the field or inline with the field.\n         *\n         * @default 'below'\n         */\n        characterCountPosition?: 'below' | 'inline' | 'hidden'\n    } & (\n        | {\n              supportsStartAndEndSlots?: false\n              endSlot?: never\n              endSlotPosition?: never\n          }\n        | {\n              supportsStartAndEndSlots: true\n              endSlot?: React.ReactElement | string | number\n              /**\n               * This is solely for `bordered` variants of TextField. When set to `bottom` (the default),\n               * the endSlot will be placed inline with the input field. When set to `fullHeight`, the endSlot\n               * will be placed to the side of both the input field and the label.\n               */\n              endSlotPosition?: 'bottom' | 'fullHeight'\n          }\n    )\n\ntype FieldComponentProps<T extends HTMLElement> = Omit<\n    BaseFieldProps,\n    'children' | 'className' | 'fieldRef' | 'variant'\n> &\n    Omit<HtmlInputProps<T>, 'className' | 'style'>\n\n/**\n * BaseField is a base component that provides a consistent structure for form fields.\n */\nfunction BaseField({\n    variant = 'default',\n    label,\n    value,\n    auxiliaryLabel,\n    message,\n    tone = 'neutral',\n    className,\n    children,\n    maxWidth,\n    maxLength,\n    hidden,\n    'aria-describedby': originalAriaDescribedBy,\n    id: originalId,\n    characterCountPosition = 'below',\n    endSlot,\n    endSlotPosition = 'bottom',\n}: BaseFieldProps & BaseFieldVariantProps & WithEnhancedClassName) {\n    const id = useId(originalId)\n    const messageId = useId()\n\n    const inputLength = validateInputLength({ value, maxLength })\n\n    const [characterCount, setCharacterCount] = React.useState<string | null>(inputLength.count)\n    const [characterCountTone, setCharacterCountTone] = React.useState<FieldTone>(inputLength.tone)\n\n    const ariaDescribedBy = originalAriaDescribedBy ?? (message ? messageId : null)\n\n    const renderCharacterCountBelow = characterCountPosition === 'below' && characterCount !== null\n    const renderCharacterCountInline =\n        characterCountPosition === 'inline' && characterCount !== null\n\n    function renderCharacterCount() {\n        return <FieldCharacterCount tone={characterCountTone}>{characterCount}</FieldCharacterCount>\n    }\n\n    const childrenProps: ChildrenRenderProps = {\n        id,\n        value,\n        ...(ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {}),\n        'aria-invalid': tone === 'error' ? true : undefined,\n        onChange(event) {\n            if (!maxLength) {\n                return\n            }\n\n            const inputLength = validateInputLength({\n                value: event.currentTarget.value,\n                maxLength,\n            })\n\n            setCharacterCount(inputLength.count)\n            setCharacterCountTone(inputLength.tone)\n        },\n        // If the character count is inline, we pass it as a prop to the children element so it can be rendered inline\n        characterCountElement: renderCharacterCountInline ? renderCharacterCount() : null,\n    }\n\n    React.useEffect(\n        function updateCharacterCountOnPropChange() {\n            if (!maxLength) {\n                return\n            }\n\n            const inputLength = validateInputLength({\n                value,\n                maxLength,\n            })\n\n            setCharacterCount(inputLength.count)\n            setCharacterCountTone(inputLength.tone)\n        },\n        [maxLength, value],\n    )\n\n    return (\n        <Stack space=\"xsmall\" hidden={hidden}>\n            <Box\n                display=\"flex\"\n                flexDirection=\"row\"\n                className={[\n                    className,\n                    styles.container,\n                    tone === 'error' ? styles.error : null,\n                    variant === 'bordered' ? styles.bordered : null,\n                ]}\n                maxWidth={maxWidth}\n                alignItems=\"center\"\n            >\n                <Box flexGrow={1}>\n                    {label || auxiliaryLabel ? (\n                        <Box\n                            as=\"span\"\n                            display=\"flex\"\n                            justifyContent=\"spaceBetween\"\n                            alignItems=\"flexEnd\"\n                        >\n                            <Text\n                                size={variant === 'bordered' ? 'caption' : 'body'}\n                                as=\"label\"\n                                htmlFor={id}\n                            >\n                                {label ? (\n                                    <span className={styles.primaryLabel}>{label}</span>\n                                ) : null}\n                            </Text>\n                            {auxiliaryLabel ? (\n                                <Box className={styles.auxiliaryLabel} paddingLeft=\"small\">\n                                    {auxiliaryLabel}\n                                </Box>\n                            ) : null}\n                        </Box>\n                    ) : null}\n                    {children(childrenProps)}\n                </Box>\n                {endSlot && endSlotPosition === 'fullHeight' ? endSlot : null}\n            </Box>\n\n            {message || renderCharacterCountBelow ? (\n                <Columns align=\"right\" space=\"small\" maxWidth={maxWidth}>\n                    {message ? (\n                        <Column width=\"auto\">\n                            <FieldMessage id={messageId} tone={tone}>\n                                {message}\n                            </FieldMessage>\n                        </Column>\n                    ) : null}\n\n                    {/* If the character count is below the field, we render it, if it's inline,\n                        we pass it as a prop to the children element so it can be rendered inline */}\n                    {characterCountPosition === 'below' ? (\n                        <Column width=\"content\">{renderCharacterCount()}</Column>\n                    ) : null}\n                </Columns>\n            ) : null}\n        </Stack>\n    )\n}\n\nexport { BaseField, FieldMessage }\nexport type { BaseFieldVariant, BaseFieldVariantProps, FieldComponentProps }\n"],"names":["fieldToneToTextTone","tone","FieldMessage","id","children","React","Text","as","size","createElement","Box","marginRight","display","className","styles","loadingIcon","Spinner","FieldCharacterCount","validateInputLength","value","maxLength","count","currentLength","String","length","variant","label","auxiliaryLabel","message","maxWidth","hidden","aria-describedby","originalAriaDescribedBy","originalId","characterCountPosition","endSlot","endSlotPosition","useId","messageId","inputLength","characterCount","setCharacterCount","useState","characterCountTone","setCharacterCountTone","ariaDescribedBy","renderCharacterCountBelow","renderCharacterCountInline","renderCharacterCount","childrenProps","_objectSpread","objectSpread2","aria-invalid","undefined","onChange","event","currentTarget","characterCountElement","useEffect","Stack","space","flexDirection","container","error","bordered","alignItems","flexGrow","justifyContent","htmlFor","primaryLabel","paddingLeft","Columns","align","Column","width"],"mappings":"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"}
+{"version":3,"file":"base-field.js","sources":["../../src/base-field/base-field.tsx"],"sourcesContent":[null],"names":["React","Text","Box","styles","Spinner","useId","__assign","Stack","Columns","Column"],"mappings":"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"}

package/lib/base-field/base-field.module.css.js

@@ -1,2 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={container:"d6795f2d",auxiliaryLabel:"bfa9e249",bordered:"e8d81883",error:"_656b054e",primaryLabel:"_0eded49a",loadingIcon:"fbf1bee1"};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var modules_540a88ff = {"auxiliaryLabel":"bfa9e249","bordered":"e8d81883","error":"_656b054e","primaryLabel":"_0eded49a","loadingIcon":"fbf1bee1","container":"d6795f2d"};
+
+exports["default"] = modules_540a88ff;
 //# sourceMappingURL=base-field.module.css.js.map

package/lib/base-field/base-field.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-field.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"base-field.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/base-field/index.d.ts

@@ -1 +1 @@
-export * from './base-field';
+export * from './base-field';

package/lib/box/box.d.ts

@@ -1,73 +1,73 @@
-import type { ResponsiveProp } from '../utils/responsive-props';
-import type { DividerWeight, Space, SpaceWithNegatives, WithEnhancedClassName } from '../utils/common-types';
-interface BoxPaddingProps {
-    padding?: ResponsiveProp<Space>;
-    paddingX?: ResponsiveProp<Space>;
-    paddingY?: ResponsiveProp<Space>;
-    paddingTop?: ResponsiveProp<Space>;
-    paddingRight?: ResponsiveProp<Space>;
-    paddingBottom?: ResponsiveProp<Space>;
-    paddingLeft?: ResponsiveProp<Space>;
-}
-interface BoxMarginProps {
-    margin?: ResponsiveProp<SpaceWithNegatives>;
-    marginX?: ResponsiveProp<SpaceWithNegatives>;
-    marginY?: ResponsiveProp<SpaceWithNegatives>;
-    marginTop?: ResponsiveProp<SpaceWithNegatives>;
-    marginRight?: ResponsiveProp<SpaceWithNegatives>;
-    marginBottom?: ResponsiveProp<SpaceWithNegatives>;
-    marginLeft?: ResponsiveProp<SpaceWithNegatives>;
-}
-type BoxDisplay = 'block' | 'flex' | 'inline' | 'inlineBlock' | 'inlineFlex' | 'none';
-type BoxFlexDirection = 'column' | 'row';
-type BoxFlexWrap = 'nowrap' | 'wrap';
-type BoxAlignItems = 'center' | 'flexEnd' | 'flexStart' | 'baseline';
-type BoxJustifyContent = 'center' | 'flexEnd' | 'flexStart' | 'spaceAround' | 'spaceBetween' | 'spaceEvenly';
-type BoxAlignSelf = 'flexStart' | 'flexEnd' | 'center' | 'baseline' | 'stretch';
-type BoxOverflow = 'hidden' | 'auto' | 'visible' | 'scroll';
-type BoxMaxMinWidth = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-type BoxMinWidth = 0 | BoxMaxMinWidth;
-type BoxMaxWidth = BoxMaxMinWidth | 'full';
-type BoxWidth = 0 | BoxMaxMinWidth | 'full' | 'auto' | 'maxContent' | 'minContent' | 'fitContent';
-type BoxBackground = 'default' | 'aside' | 'highlight' | 'selected' | 'toast';
-type BoxBorderRadius = 'standard' | 'none' | 'full';
-interface BorderProps {
-    borderRadius?: BoxBorderRadius;
-    border?: DividerWeight;
-}
-interface ReusableBoxProps extends BorderProps, BoxPaddingProps {
-    minWidth?: BoxMinWidth;
-    maxWidth?: BoxMaxWidth;
-    width?: BoxWidth;
-    background?: BoxBackground;
-    flexGrow?: 0 | 1;
-    flexShrink?: 0;
-}
-type BoxPosition = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky';
-type BoxTextAlign = 'start' | 'center' | 'end' | 'justify';
-interface BoxProps extends WithEnhancedClassName, ReusableBoxProps, BoxMarginProps {
-    position?: ResponsiveProp<BoxPosition>;
-    display?: ResponsiveProp<BoxDisplay>;
-    flexDirection?: ResponsiveProp<BoxFlexDirection>;
-    flexWrap?: BoxFlexWrap;
-    gap?: ResponsiveProp<Space | 'none'>;
-    alignItems?: ResponsiveProp<BoxAlignItems>;
-    alignSelf?: ResponsiveProp<BoxAlignSelf>;
-    justifyContent?: ResponsiveProp<BoxJustifyContent>;
-    overflow?: BoxOverflow;
-    height?: 'full';
-    textAlign?: ResponsiveProp<BoxTextAlign>;
-    /**
-     * The `overlayScroll` prop enables a modern scrollbar experience where the scrollbar is hidden
-     * by default and appears on hover. This provides a cleaner interface while maintaining full scrollability.
-     *
-     * Scrollbar appearance may be affected by macOS system settings,
-     * such as "Show scroll bars: Automatically/When scrolling/Always".
-     * This can override or change the effect of these styles on Mac devices.
-     */
-    overlayScroll?: boolean;
-}
-declare function getBoxClassNames({ position, display, flexDirection, flexWrap, flexGrow, flexShrink, gap, alignItems, justifyContent, alignSelf, overflow, width, height, background, border, borderRadius, minWidth, maxWidth, textAlign, padding, paddingY, paddingX, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginY, marginX, marginTop, marginRight, marginBottom, marginLeft, overlayScroll, className, }: BoxProps): string;
-declare const Box: import("../utils/polymorphism").PolymorphicComponent<"div", BoxProps, "keepClassName">;
-export type { BoxProps, BoxPaddingProps, BoxMarginProps, ReusableBoxProps, BoxMinWidth, BoxMaxWidth, BoxDisplay, BoxPosition, BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxOverflow, BoxTextAlign, BoxBackground, BoxBorderRadius, };
-export { Box, getBoxClassNames };
+import type { ResponsiveProp } from '../utils/responsive-props';
+import type { DividerWeight, Space, SpaceWithNegatives, WithEnhancedClassName } from '../utils/common-types';
+interface BoxPaddingProps {
+    padding?: ResponsiveProp<Space>;
+    paddingX?: ResponsiveProp<Space>;
+    paddingY?: ResponsiveProp<Space>;
+    paddingTop?: ResponsiveProp<Space>;
+    paddingRight?: ResponsiveProp<Space>;
+    paddingBottom?: ResponsiveProp<Space>;
+    paddingLeft?: ResponsiveProp<Space>;
+}
+interface BoxMarginProps {
+    margin?: ResponsiveProp<SpaceWithNegatives>;
+    marginX?: ResponsiveProp<SpaceWithNegatives>;
+    marginY?: ResponsiveProp<SpaceWithNegatives>;
+    marginTop?: ResponsiveProp<SpaceWithNegatives>;
+    marginRight?: ResponsiveProp<SpaceWithNegatives>;
+    marginBottom?: ResponsiveProp<SpaceWithNegatives>;
+    marginLeft?: ResponsiveProp<SpaceWithNegatives>;
+}
+type BoxDisplay = 'block' | 'flex' | 'inline' | 'inlineBlock' | 'inlineFlex' | 'none';
+type BoxFlexDirection = 'column' | 'row';
+type BoxFlexWrap = 'nowrap' | 'wrap';
+type BoxAlignItems = 'center' | 'flexEnd' | 'flexStart' | 'baseline';
+type BoxJustifyContent = 'center' | 'flexEnd' | 'flexStart' | 'spaceAround' | 'spaceBetween' | 'spaceEvenly';
+type BoxAlignSelf = 'flexStart' | 'flexEnd' | 'center' | 'baseline' | 'stretch';
+type BoxOverflow = 'hidden' | 'auto' | 'visible' | 'scroll';
+type BoxMaxMinWidth = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+type BoxMinWidth = 0 | BoxMaxMinWidth;
+type BoxMaxWidth = BoxMaxMinWidth | 'full';
+type BoxWidth = 0 | BoxMaxMinWidth | 'full' | 'auto' | 'maxContent' | 'minContent' | 'fitContent';
+type BoxBackground = 'default' | 'aside' | 'highlight' | 'selected' | 'toast';
+type BoxBorderRadius = 'standard' | 'none' | 'full';
+interface BorderProps {
+    borderRadius?: BoxBorderRadius;
+    border?: DividerWeight;
+}
+interface ReusableBoxProps extends BorderProps, BoxPaddingProps {
+    minWidth?: BoxMinWidth;
+    maxWidth?: BoxMaxWidth;
+    width?: BoxWidth;
+    background?: BoxBackground;
+    flexGrow?: 0 | 1;
+    flexShrink?: 0;
+}
+type BoxPosition = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky';
+type BoxTextAlign = 'start' | 'center' | 'end' | 'justify';
+interface BoxProps extends WithEnhancedClassName, ReusableBoxProps, BoxMarginProps {
+    position?: ResponsiveProp<BoxPosition>;
+    display?: ResponsiveProp<BoxDisplay>;
+    flexDirection?: ResponsiveProp<BoxFlexDirection>;
+    flexWrap?: BoxFlexWrap;
+    gap?: ResponsiveProp<Space | 'none'>;
+    alignItems?: ResponsiveProp<BoxAlignItems>;
+    alignSelf?: ResponsiveProp<BoxAlignSelf>;
+    justifyContent?: ResponsiveProp<BoxJustifyContent>;
+    overflow?: BoxOverflow;
+    height?: 'full';
+    textAlign?: ResponsiveProp<BoxTextAlign>;
+    /**
+     * The `overlayScroll` prop enables a modern scrollbar experience where the scrollbar is hidden
+     * by default and appears on hover. This provides a cleaner interface while maintaining full scrollability.
+     *
+     * Scrollbar appearance may be affected by macOS system settings,
+     * such as "Show scroll bars: Automatically/When scrolling/Always".
+     * This can override or change the effect of these styles on Mac devices.
+     */
+    overlayScroll?: boolean;
+}
+declare function getBoxClassNames({ position, display, flexDirection, flexWrap, flexGrow, flexShrink, gap, alignItems, justifyContent, alignSelf, overflow, width, height, background, border, borderRadius, minWidth, maxWidth, textAlign, padding, paddingY, paddingX, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginY, marginX, marginTop, marginRight, marginBottom, marginLeft, overlayScroll, className, }: BoxProps): string;
+declare const Box: import("../utils/polymorphism").PolymorphicComponent<"div", BoxProps, "keepClassName">;
+export type { BoxProps, BoxPaddingProps, BoxMarginProps, ReusableBoxProps, BoxMinWidth, BoxMaxWidth, BoxDisplay, BoxPosition, BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxOverflow, BoxTextAlign, BoxBackground, BoxBorderRadius, };
+export { Box, getBoxClassNames };

package/lib/box/box.js

@@ -1,2 +1,104 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),a=require("react"),t=require("classnames"),i=require("../utils/polymorphism.js"),l=require("../utils/responsive-props.js"),n=require("./box.module.css.js"),r=require("./padding.module.css.js"),s=require("./margin.module.css.js"),d=require("./width.module.css.js"),g=require("./gap.module.css.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),a.default=e,a}var m=u(a),f=o(t);const p=["as","position","display","flexDirection","flexWrap","flexGrow","flexShrink","gap","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","overlayScroll","className","children"];function c({position:e="static",display:a,flexDirection:t="row",flexWrap:i,flexGrow:o,flexShrink:u,gap:m,alignItems:p,justifyContent:c,alignSelf:h,overflow:x,width:C,height:N,background:b,border:y,borderRadius:j,minWidth:S,maxWidth:w,textAlign:v,padding:W,paddingY:R,paddingX:B,paddingTop:k,paddingRight:q,paddingBottom:L,paddingLeft:T,margin:X,marginY:Y,marginX:D,marginTop:O,marginRight:_,marginBottom:A,marginLeft:G,overlayScroll:I,className:P}){const E=k??R??W,M=q??B??W,F=L??R??W,H=T??B??W,z=O??Y??X,J=_??D??X,K=A??Y??X,Q=G??D??X,U=!a||"string"==typeof a&&"flex"!==a&&"inlineFlex"!==a;return f.default(P,n.default.box,a?l.getClassNames(n.default,"display",a):null,"static"!==e?l.getClassNames(n.default,"position",e):null,null!=S?l.getClassNames(d.default,"minWidth",String(S)):null,l.getClassNames(d.default,"maxWidth",w),l.getClassNames(n.default,"textAlign",v),l.getClassNames(r.default,"paddingTop",E),l.getClassNames(r.default,"paddingRight",M),l.getClassNames(r.default,"paddingBottom",F),l.getClassNames(r.default,"paddingLeft",H),l.getClassNames(s.default,"marginTop",z),l.getClassNames(s.default,"marginRight",J),l.getClassNames(s.default,"marginBottom",K),l.getClassNames(s.default,"marginLeft",Q),U?null:l.getClassNames(n.default,"flexDirection",t),U?null:l.getClassNames(n.default,"flexWrap",i),U?null:l.getClassNames(n.default,"alignItems",p),U?null:l.getClassNames(n.default,"justifyContent",c),null!=h?l.getClassNames(n.default,"alignSelf",h):null,null!=u?l.getClassNames(n.default,"flexShrink",String(u)):null,null!=o?l.getClassNames(n.default,"flexGrow",String(o)):null,m?l.getClassNames(g.default,"gap",m):null,l.getClassNames(n.default,"overflow",x),null!=C?l.getClassNames(d.default,"width",String(C)):null,l.getClassNames(n.default,"height",N),l.getClassNames(n.default,"bg",b),"none"!==j?l.getClassNames(n.default,"borderRadius",j):null,"none"!==y?l.getClassNames(n.default,"border",y):null,I?n.default.overlayScroll:null)}exports.Box=i.polymorphicComponent((function(a,t){let{as:i="div",position:l="static",display:n,flexDirection:r="row",flexWrap:s,flexGrow:d,flexShrink:g,gap:o,alignItems:u,justifyContent:f,alignSelf:h,overflow:x,width:C,height:N,background:b,border:y,borderRadius:j,minWidth:S,maxWidth:w,textAlign:v,padding:W,paddingY:R,paddingX:B,paddingTop:k,paddingRight:q,paddingBottom:L,paddingLeft:T,margin:X,marginY:Y,marginX:D,marginTop:O,marginRight:_,marginBottom:A,marginLeft:G,overlayScroll:I,className:P,children:E}=a,M=e.objectWithoutProperties(a,p);return m.createElement(i,e.objectSpread2(e.objectSpread2({},M),{},{className:c({position:l,display:n,flexDirection:r,flexWrap:s,flexGrow:d,flexShrink:g,gap:o,alignItems:u,justifyContent:f,alignSelf:h,overflow:x,width:C,height:N,background:b,border:y,borderRadius:j,minWidth:S,maxWidth:w,textAlign:v,padding:W,paddingY:R,paddingX:B,paddingTop:k,paddingRight:q,paddingBottom:L,paddingLeft:T,margin:X,marginY:Y,marginX:D,marginTop:O,marginRight:_,marginBottom:A,marginLeft:G,overlayScroll:I,className:P}),ref:t}),E)})),exports.getBoxClassNames=c;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var classNames = require('classnames');
+var polymorphism = require('../utils/polymorphism.js');
+var responsiveProps = require('../utils/responsive-props.js');
+var box_module = require('./box.module.css.js');
+var padding_module = require('./padding.module.css.js');
+var margin_module = require('./margin.module.css.js');
+var width_module = require('./width.module.css.js');
+var gap_module = require('./gap.module.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+function getBoxClassNames(_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j;
+    var _k = _a.position, position = _k === void 0 ? 'static' : _k, display = _a.display, _l = _a.flexDirection, flexDirection = _l === void 0 ? 'row' : _l, flexWrap = _a.flexWrap, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, gap = _a.gap, alignItems = _a.alignItems, justifyContent = _a.justifyContent, alignSelf = _a.alignSelf, overflow = _a.overflow, width = _a.width, height = _a.height, background = _a.background, border = _a.border, borderRadius = _a.borderRadius, minWidth = _a.minWidth, maxWidth = _a.maxWidth, textAlign = _a.textAlign, padding = _a.padding, paddingY = _a.paddingY, paddingX = _a.paddingX, paddingTop = _a.paddingTop, paddingRight = _a.paddingRight, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, margin = _a.margin, marginY = _a.marginY, marginX = _a.marginX, marginTop = _a.marginTop, marginRight = _a.marginRight, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, overlayScroll = _a.overlayScroll, className = _a.className;
+    var resolvedPaddingTop = (_b = paddingTop !== null && paddingTop !== void 0 ? paddingTop : paddingY) !== null && _b !== void 0 ? _b : padding;
+    var resolvedPaddingRight = (_c = paddingRight !== null && paddingRight !== void 0 ? paddingRight : paddingX) !== null && _c !== void 0 ? _c : padding;
+    var resolvedPaddingBottom = (_d = paddingBottom !== null && paddingBottom !== void 0 ? paddingBottom : paddingY) !== null && _d !== void 0 ? _d : padding;
+    var resolvedPaddingLeft = (_e = paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : paddingX) !== null && _e !== void 0 ? _e : padding;
+    var resolvedMarginTop = (_f = marginTop !== null && marginTop !== void 0 ? marginTop : marginY) !== null && _f !== void 0 ? _f : margin;
+    var resolvedMarginRight = (_g = marginRight !== null && marginRight !== void 0 ? marginRight : marginX) !== null && _g !== void 0 ? _g : margin;
+    var resolvedMarginBottom = (_h = marginBottom !== null && marginBottom !== void 0 ? marginBottom : marginY) !== null && _h !== void 0 ? _h : margin;
+    var resolvedMarginLeft = (_j = marginLeft !== null && marginLeft !== void 0 ? marginLeft : marginX) !== null && _j !== void 0 ? _j : margin;
+    var omitFlex = !display || (typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex');
+    return classNames__default["default"](className, box_module["default"].box, display ? responsiveProps.getClassNames(box_module["default"], 'display', display) : null, position !== 'static' ? responsiveProps.getClassNames(box_module["default"], 'position', position) : null, minWidth != null ? responsiveProps.getClassNames(width_module["default"], 'minWidth', String(minWidth)) : null, responsiveProps.getClassNames(width_module["default"], 'maxWidth', maxWidth), responsiveProps.getClassNames(box_module["default"], 'textAlign', textAlign), 
+    // padding
+    responsiveProps.getClassNames(padding_module["default"], 'paddingTop', resolvedPaddingTop), responsiveProps.getClassNames(padding_module["default"], 'paddingRight', resolvedPaddingRight), responsiveProps.getClassNames(padding_module["default"], 'paddingBottom', resolvedPaddingBottom), responsiveProps.getClassNames(padding_module["default"], 'paddingLeft', resolvedPaddingLeft), 
+    // margin
+    responsiveProps.getClassNames(margin_module["default"], 'marginTop', resolvedMarginTop), responsiveProps.getClassNames(margin_module["default"], 'marginRight', resolvedMarginRight), responsiveProps.getClassNames(margin_module["default"], 'marginBottom', resolvedMarginBottom), responsiveProps.getClassNames(margin_module["default"], 'marginLeft', resolvedMarginLeft), 
+    // flex props
+    omitFlex ? null : responsiveProps.getClassNames(box_module["default"], 'flexDirection', flexDirection), omitFlex ? null : responsiveProps.getClassNames(box_module["default"], 'flexWrap', flexWrap), omitFlex ? null : responsiveProps.getClassNames(box_module["default"], 'alignItems', alignItems), omitFlex ? null : responsiveProps.getClassNames(box_module["default"], 'justifyContent', justifyContent), alignSelf != null ? responsiveProps.getClassNames(box_module["default"], 'alignSelf', alignSelf) : null, flexShrink != null ? responsiveProps.getClassNames(box_module["default"], 'flexShrink', String(flexShrink)) : null, flexGrow != null ? responsiveProps.getClassNames(box_module["default"], 'flexGrow', String(flexGrow)) : null, gap ? responsiveProps.getClassNames(gap_module["default"], 'gap', gap) : null, 
+    // other props
+    responsiveProps.getClassNames(box_module["default"], 'overflow', overflow), width != null ? responsiveProps.getClassNames(width_module["default"], 'width', String(width)) : null, responsiveProps.getClassNames(box_module["default"], 'height', height), responsiveProps.getClassNames(box_module["default"], 'bg', background), borderRadius !== 'none' ? responsiveProps.getClassNames(box_module["default"], 'borderRadius', borderRadius) : null, border !== 'none' ? responsiveProps.getClassNames(box_module["default"], 'border', border) : null, overlayScroll ? box_module["default"].overlayScroll : null);
+}
+var Box = polymorphism.polymorphicComponent(function Box(_a, ref) {
+    var _b = _a.as, component = _b === void 0 ? 'div' : _b, _c = _a.position, position = _c === void 0 ? 'static' : _c, display = _a.display, _d = _a.flexDirection, flexDirection = _d === void 0 ? 'row' : _d, flexWrap = _a.flexWrap, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, gap = _a.gap, alignItems = _a.alignItems, justifyContent = _a.justifyContent, alignSelf = _a.alignSelf, overflow = _a.overflow, width = _a.width, height = _a.height, background = _a.background, border = _a.border, borderRadius = _a.borderRadius, minWidth = _a.minWidth, maxWidth = _a.maxWidth, textAlign = _a.textAlign, padding = _a.padding, paddingY = _a.paddingY, paddingX = _a.paddingX, paddingTop = _a.paddingTop, paddingRight = _a.paddingRight, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, margin = _a.margin, marginY = _a.marginY, marginX = _a.marginX, marginTop = _a.marginTop, marginRight = _a.marginRight, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, overlayScroll = _a.overlayScroll, className = _a.className, children = _a.children, props = tslib.__rest(_a, ["as", "position", "display", "flexDirection", "flexWrap", "flexGrow", "flexShrink", "gap", "alignItems", "justifyContent", "alignSelf", "overflow", "width", "height", "background", "border", "borderRadius", "minWidth", "maxWidth", "textAlign", "padding", "paddingY", "paddingX", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginY", "marginX", "marginTop", "marginRight", "marginBottom", "marginLeft", "overlayScroll", "className", "children"]);
+    return React__namespace.createElement(component, tslib.__assign(tslib.__assign({}, props), { className: getBoxClassNames({
+            position: position,
+            display: display,
+            flexDirection: flexDirection,
+            flexWrap: flexWrap,
+            flexGrow: flexGrow,
+            flexShrink: flexShrink,
+            gap: gap,
+            alignItems: alignItems,
+            justifyContent: justifyContent,
+            alignSelf: alignSelf,
+            overflow: overflow,
+            width: width,
+            height: height,
+            background: background,
+            border: border,
+            borderRadius: borderRadius,
+            minWidth: minWidth,
+            maxWidth: maxWidth,
+            textAlign: textAlign,
+            padding: padding,
+            paddingY: paddingY,
+            paddingX: paddingX,
+            paddingTop: paddingTop,
+            paddingRight: paddingRight,
+            paddingBottom: paddingBottom,
+            paddingLeft: paddingLeft,
+            margin: margin,
+            marginY: marginY,
+            marginX: marginX,
+            marginTop: marginTop,
+            marginRight: marginRight,
+            marginBottom: marginBottom,
+            marginLeft: marginLeft,
+            overlayScroll: overlayScroll,
+            className: className
+        }), ref: ref }), children);
+});
+
+exports.Box = Box;
+exports.getBoxClassNames = getBoxClassNames;
 //# sourceMappingURL=box.js.map

package/lib/box/box.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.js","sources":["../../src/box/box.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport type { ResponsiveProp } from '../utils/responsive-props'\nimport type {\n    DividerWeight,\n    Space,\n    SpaceWithNegatives,\n    WithEnhancedClassName,\n} from '../utils/common-types'\n\nimport styles from './box.module.css'\nimport paddingStyles from './padding.module.css'\nimport marginStyles from './margin.module.css'\nimport widthStyles from './width.module.css'\nimport gapStyles from './gap.module.css'\n\ninterface BoxPaddingProps {\n    padding?: ResponsiveProp<Space>\n    paddingX?: ResponsiveProp<Space>\n    paddingY?: ResponsiveProp<Space>\n    paddingTop?: ResponsiveProp<Space>\n    paddingRight?: ResponsiveProp<Space>\n    paddingBottom?: ResponsiveProp<Space>\n    paddingLeft?: ResponsiveProp<Space>\n}\n\ninterface BoxMarginProps {\n    margin?: ResponsiveProp<SpaceWithNegatives>\n    marginX?: ResponsiveProp<SpaceWithNegatives>\n    marginY?: ResponsiveProp<SpaceWithNegatives>\n    marginTop?: ResponsiveProp<SpaceWithNegatives>\n    marginRight?: ResponsiveProp<SpaceWithNegatives>\n    marginBottom?: ResponsiveProp<SpaceWithNegatives>\n    marginLeft?: ResponsiveProp<SpaceWithNegatives>\n}\n\ntype BoxDisplay = 'block' | 'flex' | 'inline' | 'inlineBlock' | 'inlineFlex' | 'none'\ntype BoxFlexDirection = 'column' | 'row'\ntype BoxFlexWrap = 'nowrap' | 'wrap'\ntype BoxAlignItems = 'center' | 'flexEnd' | 'flexStart' | 'baseline'\ntype BoxJustifyContent =\n    | 'center'\n    | 'flexEnd'\n    | 'flexStart'\n    | 'spaceAround'\n    | 'spaceBetween'\n    | 'spaceEvenly'\ntype BoxAlignSelf = 'flexStart' | 'flexEnd' | 'center' | 'baseline' | 'stretch'\ntype BoxOverflow = 'hidden' | 'auto' | 'visible' | 'scroll'\n\ntype BoxMaxMinWidth = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'\ntype BoxMinWidth = 0 | BoxMaxMinWidth\ntype BoxMaxWidth = BoxMaxMinWidth | 'full'\ntype BoxWidth = 0 | BoxMaxMinWidth | 'full' | 'auto' | 'maxContent' | 'minContent' | 'fitContent'\ntype BoxBackground = 'default' | 'aside' | 'highlight' | 'selected' | 'toast'\ntype BoxBorderRadius = 'standard' | 'none' | 'full'\n\ninterface BorderProps {\n    borderRadius?: BoxBorderRadius\n    border?: DividerWeight\n}\n\ninterface ReusableBoxProps extends BorderProps, BoxPaddingProps {\n    minWidth?: BoxMinWidth\n    maxWidth?: BoxMaxWidth\n    width?: BoxWidth\n    background?: BoxBackground\n    flexGrow?: 0 | 1\n    flexShrink?: 0\n}\n\ntype BoxPosition = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky'\ntype BoxTextAlign = 'start' | 'center' | 'end' | 'justify'\n\ninterface BoxProps extends WithEnhancedClassName, ReusableBoxProps, BoxMarginProps {\n    position?: ResponsiveProp<BoxPosition>\n    display?: ResponsiveProp<BoxDisplay>\n    flexDirection?: ResponsiveProp<BoxFlexDirection>\n    flexWrap?: BoxFlexWrap\n    gap?: ResponsiveProp<Space | 'none'>\n    alignItems?: ResponsiveProp<BoxAlignItems>\n    alignSelf?: ResponsiveProp<BoxAlignSelf>\n    justifyContent?: ResponsiveProp<BoxJustifyContent>\n    overflow?: BoxOverflow\n    height?: 'full'\n    textAlign?: ResponsiveProp<BoxTextAlign>\n    /**\n     * The `overlayScroll` prop enables a modern scrollbar experience where the scrollbar is hidden\n     * by default and appears on hover. This provides a cleaner interface while maintaining full scrollability.\n     *\n     * Scrollbar appearance may be affected by macOS system settings,\n     * such as \"Show scroll bars: Automatically/When scrolling/Always\".\n     * This can override or change the effect of these styles on Mac devices.\n     */\n    overlayScroll?: boolean\n}\n\nfunction getBoxClassNames({\n    position = 'static',\n    display,\n    flexDirection = 'row',\n    flexWrap,\n    flexGrow,\n    flexShrink,\n    gap,\n    alignItems,\n    justifyContent,\n    alignSelf,\n    overflow,\n    width,\n    height,\n    background,\n    border,\n    borderRadius,\n    minWidth,\n    maxWidth,\n    textAlign,\n    padding,\n    paddingY,\n    paddingX,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    margin,\n    marginY,\n    marginX,\n    marginTop,\n    marginRight,\n    marginBottom,\n    marginLeft,\n    overlayScroll,\n    className,\n}: BoxProps) {\n    const resolvedPaddingTop = paddingTop ?? paddingY ?? padding\n    const resolvedPaddingRight = paddingRight ?? paddingX ?? padding\n    const resolvedPaddingBottom = paddingBottom ?? paddingY ?? padding\n    const resolvedPaddingLeft = paddingLeft ?? paddingX ?? padding\n\n    const resolvedMarginTop = marginTop ?? marginY ?? margin\n    const resolvedMarginRight = marginRight ?? marginX ?? margin\n    const resolvedMarginBottom = marginBottom ?? marginY ?? margin\n    const resolvedMarginLeft = marginLeft ?? marginX ?? margin\n\n    const omitFlex =\n        !display || (typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex')\n\n    return classNames(\n        className,\n        styles.box,\n        display ? getClassNames(styles, 'display', display) : null,\n        position !== 'static' ? getClassNames(styles, 'position', position) : null,\n        minWidth != null ? getClassNames(widthStyles, 'minWidth', String(minWidth)) : null,\n        getClassNames(widthStyles, 'maxWidth', maxWidth),\n        getClassNames(styles, 'textAlign', textAlign),\n        // padding\n        getClassNames(paddingStyles, 'paddingTop', resolvedPaddingTop),\n        getClassNames(paddingStyles, 'paddingRight', resolvedPaddingRight),\n        getClassNames(paddingStyles, 'paddingBottom', resolvedPaddingBottom),\n        getClassNames(paddingStyles, 'paddingLeft', resolvedPaddingLeft),\n        // margin\n        getClassNames(marginStyles, 'marginTop', resolvedMarginTop),\n        getClassNames(marginStyles, 'marginRight', resolvedMarginRight),\n        getClassNames(marginStyles, 'marginBottom', resolvedMarginBottom),\n        getClassNames(marginStyles, 'marginLeft', resolvedMarginLeft),\n        // flex props\n        omitFlex ? null : getClassNames(styles, 'flexDirection', flexDirection),\n        omitFlex ? null : getClassNames(styles, 'flexWrap', flexWrap),\n        omitFlex ? null : getClassNames(styles, 'alignItems', alignItems),\n        omitFlex ? null : getClassNames(styles, 'justifyContent', justifyContent),\n        alignSelf != null ? getClassNames(styles, 'alignSelf', alignSelf) : null,\n        flexShrink != null ? getClassNames(styles, 'flexShrink', String(flexShrink)) : null,\n        flexGrow != null ? getClassNames(styles, 'flexGrow', String(flexGrow)) : null,\n        gap ? getClassNames(gapStyles, 'gap', gap) : null,\n        // other props\n        getClassNames(styles, 'overflow', overflow),\n        width != null ? getClassNames(widthStyles, 'width', String(width)) : null,\n        getClassNames(styles, 'height', height),\n        getClassNames(styles, 'bg', background),\n        borderRadius !== 'none' ? getClassNames(styles, 'borderRadius', borderRadius) : null,\n        border !== 'none' ? getClassNames(styles, 'border', border) : null,\n        overlayScroll ? styles.overlayScroll : null,\n    )\n}\n\nconst Box = polymorphicComponent<'div', BoxProps, 'keepClassName'>(function Box(\n    {\n        as: component = 'div',\n        position = 'static',\n        display,\n        flexDirection = 'row',\n        flexWrap,\n        flexGrow,\n        flexShrink,\n        gap,\n        alignItems,\n        justifyContent,\n        alignSelf,\n        overflow,\n        width,\n        height,\n        background,\n        border,\n        borderRadius,\n        minWidth,\n        maxWidth,\n        textAlign,\n        padding,\n        paddingY,\n        paddingX,\n        paddingTop,\n        paddingRight,\n        paddingBottom,\n        paddingLeft,\n        margin,\n        marginY,\n        marginX,\n        marginTop,\n        marginRight,\n        marginBottom,\n        marginLeft,\n        overlayScroll,\n        className,\n        children,\n        ...props\n    },\n    ref,\n) {\n    return React.createElement(\n        component,\n        {\n            ...props,\n            className: getBoxClassNames({\n                position,\n                display,\n                flexDirection,\n                flexWrap,\n                flexGrow,\n                flexShrink,\n                gap,\n                alignItems,\n                justifyContent,\n                alignSelf,\n                overflow,\n                width,\n                height,\n                background,\n                border,\n                borderRadius,\n                minWidth,\n                maxWidth,\n                textAlign,\n                padding,\n                paddingY,\n                paddingX,\n                paddingTop,\n                paddingRight,\n                paddingBottom,\n                paddingLeft,\n                margin,\n                marginY,\n                marginX,\n                marginTop,\n                marginRight,\n                marginBottom,\n                marginLeft,\n                overlayScroll,\n                className,\n            }),\n            ref,\n        },\n        children,\n    )\n})\n\nexport type {\n    BoxProps,\n    BoxPaddingProps,\n    BoxMarginProps,\n    ReusableBoxProps,\n    BoxMinWidth,\n    BoxMaxWidth,\n    BoxDisplay,\n    BoxPosition,\n    BoxFlexDirection,\n    BoxFlexWrap,\n    BoxAlignItems,\n    BoxJustifyContent,\n    BoxOverflow,\n    BoxTextAlign,\n    BoxBackground,\n    BoxBorderRadius,\n}\n\nexport { Box, getBoxClassNames }\n"],"names":["getBoxClassNames","position","display","flexDirection","flexWrap","flexGrow","flexShrink","gap","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","overlayScroll","className","resolvedPaddingTop","resolvedPaddingRight","resolvedPaddingBottom","resolvedPaddingLeft","resolvedMarginTop","resolvedMarginRight","resolvedMarginBottom","resolvedMarginLeft","omitFlex","classNames","styles","box","getClassNames","widthStyles","String","paddingStyles","marginStyles","gapStyles","polymorphicComponent","_ref","ref","as","component","children","props","_objectWithoutProperties","objectWithoutProperties","_excluded","React","createElement"],"mappings":"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"}
+{"version":3,"file":"box.js","sources":["../../src/box/box.tsx"],"sourcesContent":[null],"names":["classNames","styles","getClassNames","widthStyles","paddingStyles","marginStyles","gapStyles","polymorphicComponent","__rest","React","__assign"],"mappings":"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"}

package/lib/box/box.module.css.js

@@ -1,2 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={box:"_19abae45","position-absolute":"c77f2a47","position-fixed":"_2fe771e3","position-relative":"_7fb159a0","position-sticky":"_1b0c2c53","tablet-position-absolute":"fbfd01f5","tablet-position-fixed":"_718d00e5","tablet-position-relative":"ce0fef03","tablet-position-sticky":"_8ede9d51","desktop-position-absolute":"_5037d59d","desktop-position-fixed":"_2cf38f34","desktop-position-relative":"bf2d89a9","desktop-position-sticky":"_0a00a995","display-block":"_5e944bac","display-flex":"a7c6de33","display-inline":"_8ed03dfe","display-inlineBlock":"d7c72ae2","display-inlineFlex":"baf095bf","display-none":"fdecf61b","tablet-display-block":"e67bff4d","tablet-display-flex":"cd8908ce","tablet-display-inline":"_859da319","tablet-display-inlineBlock":"_9cfe10c7","tablet-display-inlineFlex":"bdc812ae","tablet-display-none":"_21f0dae7","desktop-display-block":"d94bf997","desktop-display-flex":"e6925ae5","desktop-display-inline":"_57151837","desktop-display-inlineBlock":"_7721cd07","desktop-display-inlineFlex":"_0e197a41","desktop-display-none":"dc1fe7a5","flexDirection-column":"_1e47f652","flexDirection-row":"_194d8611","tablet-flexDirection-column":"_11ca3004","tablet-flexDirection-row":"_7e4f2f2b","desktop-flexDirection-column":"fbca1929","desktop-flexDirection-row":"_50dd05a2","flexWrap-wrap":"afd15909","flexWrap-nowrap":"_7682c7ed","flexShrink-0":"b834b77e","flexGrow-0":"_89d517e2","flexGrow-1":"bfa58fdf","alignItems-flexStart":"_4e2075e2","alignItems-center":"_8ad6a17c","alignItems-flexEnd":"a6235493","alignItems-baseline":"_1e964f8a","tablet-alignItems-flexStart":"_87c0c7f8","tablet-alignItems-center":"_812a2195","tablet-alignItems-flexEnd":"_207fa4f7","tablet-alignItems-baseline":"_6415fbe8","desktop-alignItems-flexStart":"_84ec8c58","desktop-alignItems-center":"afdff695","desktop-alignItems-flexEnd":"_78607c32","desktop-alignItems-baseline":"_57428c98","justifyContent-flexStart":"_9e8363f8","justifyContent-center":"f88bdaf1","justifyContent-flexEnd":"_0315ed60","justifyContent-spaceAround":"_81fc01b2","justifyContent-spaceBetween":"_54d85bfe","justifyContent-spaceEvenly":"b09b6390","tablet-justifyContent-flexStart":"bea77b61","tablet-justifyContent-center":"_2f6925fc","tablet-justifyContent-flexEnd":"_462a9e07","tablet-justifyContent-spaceAround":"_1c555ae4","tablet-justifyContent-spaceBetween":"_7a9768a8","tablet-justifyContent-spaceEvenly":"_859b8158","desktop-justifyContent-flexStart":"c190fc20","desktop-justifyContent-center":"_73777561","desktop-justifyContent-flexEnd":"d2151eb8","desktop-justifyContent-spaceBetween":"b8ec7870","alignSelf-stretch":"d607c41c","alignSelf-flexStart":"_30b9c3a2","alignSelf-center":"f1f37bf1","alignSelf-flexEnd":"_341847ab","alignSelf-baseline":"_2c7dfaf8","tablet-alignSelf-stretch":"_8be172b1","tablet-alignSelf-flexStart":"_84af0ad2","tablet-alignSelf-center":"_2fb0b3f1","tablet-alignSelf-flexEnd":"d8b98da0","tablet-alignSelf-baseline":"_096c96ed","desktop-alignSelf-stretch":"_217cc45f","desktop-alignSelf-flexStart":"_29964d59","desktop-alignSelf-center":"e76ee627","desktop-alignSelf-flexEnd":"_7435c694","desktop-alignSelf-baseline":"_84758309","overflow-hidden":"_47471e4e","overflow-auto":"_37460640","overflow-visible":"_73d1ede9","overflow-scroll":"a39c32d7","height-full":"_5cede05a","bg-default":"b50b47ee","bg-aside":"_5912d165","bg-highlight":"c4b77c63","bg-selected":"_7ab4d8a9","bg-toast":"_9ce2e0c1","borderRadius-standard":"f6a2af5a","borderRadius-full":"_7e67e1f6","border-primary":"f5b8570f","border-secondary":"_5dd76b5f","border-tertiary":"_7c14c801","textAlign-start":"_57086b20","textAlign-center":"b7f35b86","textAlign-end":"_6596dbcd","textAlign-justify":"d5210e4f","tablet-textAlign-start":"_97da11d5","tablet-textAlign-center":"_9add5f3d","tablet-textAlign-end":"f8b12189","tablet-textAlign-justify":"d5acd111","desktop-textAlign-start":"b33bdab7","desktop-textAlign-center":"_0fc7972b","desktop-textAlign-end":"a0f648ae","desktop-textAlign-justify":"a0bdba20",overlayScroll:"d19e99ad"};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var modules_54d944f2 = {"box":"_19abae45","position-absolute":"c77f2a47","position-fixed":"_2fe771e3","position-relative":"_7fb159a0","position-sticky":"_1b0c2c53","tablet-position-absolute":"fbfd01f5","tablet-position-fixed":"_718d00e5","tablet-position-relative":"ce0fef03","tablet-position-sticky":"_8ede9d51","desktop-position-absolute":"_5037d59d","desktop-position-fixed":"_2cf38f34","desktop-position-relative":"bf2d89a9","desktop-position-sticky":"_0a00a995","display-block":"_5e944bac","display-flex":"a7c6de33","display-inline":"_8ed03dfe","display-inlineBlock":"d7c72ae2","display-inlineFlex":"baf095bf","display-none":"fdecf61b","tablet-display-block":"e67bff4d","tablet-display-flex":"cd8908ce","tablet-display-inline":"_859da319","tablet-display-inlineBlock":"_9cfe10c7","tablet-display-inlineFlex":"bdc812ae","tablet-display-none":"_21f0dae7","desktop-display-block":"d94bf997","desktop-display-flex":"e6925ae5","desktop-display-inline":"_57151837","desktop-display-inlineBlock":"_7721cd07","desktop-display-inlineFlex":"_0e197a41","desktop-display-none":"dc1fe7a5","flexDirection-column":"_1e47f652","flexDirection-row":"_194d8611","tablet-flexDirection-column":"_11ca3004","tablet-flexDirection-row":"_7e4f2f2b","desktop-flexDirection-column":"fbca1929","desktop-flexDirection-row":"_50dd05a2","flexWrap-wrap":"afd15909","flexWrap-nowrap":"_7682c7ed","flexShrink-0":"b834b77e","flexGrow-0":"_89d517e2","flexGrow-1":"bfa58fdf","alignItems-flexStart":"_4e2075e2","alignItems-center":"_8ad6a17c","alignItems-flexEnd":"a6235493","alignItems-baseline":"_1e964f8a","tablet-alignItems-flexStart":"_87c0c7f8","tablet-alignItems-center":"_812a2195","tablet-alignItems-flexEnd":"_207fa4f7","tablet-alignItems-baseline":"_6415fbe8","desktop-alignItems-flexStart":"_84ec8c58","desktop-alignItems-center":"afdff695","desktop-alignItems-flexEnd":"_78607c32","desktop-alignItems-baseline":"_57428c98","justifyContent-flexStart":"_9e8363f8","justifyContent-center":"f88bdaf1","justifyContent-flexEnd":"_0315ed60","justifyContent-spaceAround":"_81fc01b2","justifyContent-spaceBetween":"_54d85bfe","justifyContent-spaceEvenly":"b09b6390","tablet-justifyContent-flexStart":"bea77b61","tablet-justifyContent-center":"_2f6925fc","tablet-justifyContent-flexEnd":"_462a9e07","tablet-justifyContent-spaceAround":"_1c555ae4","tablet-justifyContent-spaceBetween":"_7a9768a8","tablet-justifyContent-spaceEvenly":"_859b8158","desktop-justifyContent-flexStart":"c190fc20","desktop-justifyContent-center":"_73777561","desktop-justifyContent-flexEnd":"d2151eb8","desktop-justifyContent-spaceBetween":"b8ec7870","alignSelf-stretch":"d607c41c","alignSelf-flexStart":"_30b9c3a2","alignSelf-center":"f1f37bf1","alignSelf-flexEnd":"_341847ab","alignSelf-baseline":"_2c7dfaf8","tablet-alignSelf-stretch":"_8be172b1","tablet-alignSelf-flexStart":"_84af0ad2","tablet-alignSelf-center":"_2fb0b3f1","tablet-alignSelf-flexEnd":"d8b98da0","tablet-alignSelf-baseline":"_096c96ed","desktop-alignSelf-stretch":"_217cc45f","desktop-alignSelf-flexStart":"_29964d59","desktop-alignSelf-center":"e76ee627","desktop-alignSelf-flexEnd":"_7435c694","desktop-alignSelf-baseline":"_84758309","overflow-hidden":"_47471e4e","overflow-auto":"_37460640","overflow-visible":"_73d1ede9","overflow-scroll":"a39c32d7","height-full":"_5cede05a","bg-default":"b50b47ee","bg-aside":"_5912d165","bg-highlight":"c4b77c63","bg-selected":"_7ab4d8a9","bg-toast":"_9ce2e0c1","borderRadius-standard":"f6a2af5a","borderRadius-full":"_7e67e1f6","border-primary":"f5b8570f","border-secondary":"_5dd76b5f","border-tertiary":"_7c14c801","textAlign-start":"_57086b20","textAlign-center":"b7f35b86","textAlign-end":"_6596dbcd","textAlign-justify":"d5210e4f","tablet-textAlign-start":"_97da11d5","tablet-textAlign-center":"_9add5f3d","tablet-textAlign-end":"f8b12189","tablet-textAlign-justify":"d5acd111","desktop-textAlign-start":"b33bdab7","desktop-textAlign-center":"_0fc7972b","desktop-textAlign-end":"a0f648ae","desktop-textAlign-justify":"a0bdba20","overlayScroll":"d19e99ad"};
+
+exports["default"] = modules_54d944f2;
 //# sourceMappingURL=box.module.css.js.map

package/lib/box/box.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"box.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/box/gap.module.css.js

@@ -1,2 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={"gap-none":"_64ed24f4","gap-xsmall":"_2580a74b","gap-small":"c68f8bf6","gap-medium":"_43e5f8e9","gap-large":"_966b120f","gap-xlarge":"f957894c","gap-xxlarge":"_8cca104b","tablet-gap-none":"_5797cee2","tablet-gap-xsmall":"_9015672f","tablet-gap-small":"_7ec86eec","tablet-gap-medium":"_714d7179","tablet-gap-large":"ae1deb59","tablet-gap-xlarge":"e1cfce55","tablet-gap-xxlarge":"_168a8ff8","desktop-gap-none":"_43e2b619","desktop-gap-xsmall":"_0ea9bf88","desktop-gap-small":"d451307a","desktop-gap-medium":"bf93cf66","desktop-gap-large":"_1430cddf","desktop-gap-xlarge":"fa00c93e","desktop-gap-xxlarge":"_6f3aee54"};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var modules_8b5c09cb = {"gap-none":"_64ed24f4","gap-xsmall":"_2580a74b","gap-small":"c68f8bf6","gap-medium":"_43e5f8e9","gap-large":"_966b120f","gap-xlarge":"f957894c","gap-xxlarge":"_8cca104b","tablet-gap-none":"_5797cee2","tablet-gap-xsmall":"_9015672f","tablet-gap-small":"_7ec86eec","tablet-gap-medium":"_714d7179","tablet-gap-large":"ae1deb59","tablet-gap-xlarge":"e1cfce55","tablet-gap-xxlarge":"_168a8ff8","desktop-gap-none":"_43e2b619","desktop-gap-xsmall":"_0ea9bf88","desktop-gap-small":"d451307a","desktop-gap-medium":"bf93cf66","desktop-gap-large":"_1430cddf","desktop-gap-xlarge":"fa00c93e","desktop-gap-xxlarge":"_6f3aee54"};
+
+exports["default"] = modules_8b5c09cb;
 //# sourceMappingURL=gap.module.css.js.map

package/lib/box/gap.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"gap.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"gap.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/box/index.d.ts

@@ -1 +1 @@
-export * from './box';
+export * from './box';