@usefragments/ui 1.5.4 → 1.6.0

package/dist/components/Field/Field.module.scss.js

@@ -1,17 +1,20 @@
-const root = "_root_14d52_1";
-const label = "_label_14d52_6";
-const description = "_description_14d52_17";
-const error = "_error_14d52_24";
+const root = "_root_pb2p9_1";
+const label = "_label_pb2p9_8";
+const description = "_description_pb2p9_20";
+const error = "_error_pb2p9_30";
+const required = "_required_pb2p9_40";
 const styles = {
   root,
   label,
   description,
-  error
+  error,
+  required
 };
 export {
   styles as default,
   description,
   error,
   label,
+  required,
   root
 };

package/dist/components/Field/index.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const field = require("@base-ui/react/field");
+const index = require("../ComponentDefaults/index.cjs");
 const Field_module = require("./Field.module.scss.cjs");
 function FieldRoot({
   children,
@@ -12,9 +13,11 @@ function FieldRoot({
   validate,
   validationMode,
   validationDebounceTime,
+  size: sizeProp,
   className,
   ...htmlProps
 }) {
+  const size = index.useResolvedControlSize(sizeProp);
   const classes = [Field_module.default.root, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsx(
     field.Field.Root,
@@ -26,6 +29,7 @@ function FieldRoot({
       validate,
       validationMode,
       validationDebounceTime,
+      "data-size": size,
       className: classes,
       children
     }
@@ -57,17 +61,22 @@ function FieldError({ children, match, className }) {
 function FieldValidity({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(field.Field.Validity, { children });
 }
+function FieldRequired({ children = "*", className, ...htmlProps }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...htmlProps, className: [Field_module.default.required, className].filter(Boolean).join(" "), "aria-hidden": true, children });
+}
 const Field = Object.assign(FieldRoot, {
   Label: FieldLabel,
   Control: FieldControl,
   Description: FieldDescription,
   Error: FieldError,
-  Validity: FieldValidity
+  Validity: FieldValidity,
+  Required: FieldRequired
 });
 exports.Field = Field;
 exports.FieldControl = FieldControl;
 exports.FieldDescription = FieldDescription;
 exports.FieldError = FieldError;
 exports.FieldLabel = FieldLabel;
+exports.FieldRequired = FieldRequired;
 exports.FieldRoot = FieldRoot;
 exports.FieldValidity = FieldValidity;

package/dist/components/Field/index.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { type FieldControlProps as BaseFieldControlProps, type FieldValidityState } from "@base-ui/react/field";
+import { type ControlSize } from "../ComponentDefaults";
 export interface FieldProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     name?: string;
@@ -8,6 +9,7 @@ export interface FieldProps extends React.HTMLAttributes<HTMLDivElement> {
     validate?: (value: unknown) => string | string[] | null | Promise<string | string[] | null>;
     validationMode?: "onSubmit" | "onBlur" | "onChange";
     validationDebounceTime?: number;
+    size?: ControlSize;
 }
 export interface FieldLabelProps {
     children: React.ReactNode;
@@ -29,8 +31,11 @@ export interface FieldErrorProps {
 export interface FieldValidityProps {
     children: (state: FieldValidityState) => React.ReactNode;
 }
+export interface FieldRequiredProps extends React.HTMLAttributes<HTMLSpanElement> {
+    children?: React.ReactNode;
+}
 export type { FieldValidityState };
-declare function FieldRoot({ children, name, disabled, invalid, validate, validationMode, validationDebounceTime, className, ...htmlProps }: FieldProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldRoot({ children, name, disabled, invalid, validate, validationMode, validationDebounceTime, size: sizeProp, className, ...htmlProps }: FieldProps): import("react/jsx-runtime").JSX.Element;
 declare function FieldLabel({ children, className }: FieldLabelProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Connects any child component to the Field context.
@@ -43,12 +48,14 @@ declare function FieldControl({ children, className, ...controlProps }: FieldCon
 declare function FieldDescription({ children, className }: FieldDescriptionProps): import("react/jsx-runtime").JSX.Element;
 declare function FieldError({ children, match, className }: FieldErrorProps): import("react/jsx-runtime").JSX.Element;
 declare function FieldValidity({ children }: FieldValidityProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldRequired({ children, className, ...htmlProps }: FieldRequiredProps): import("react/jsx-runtime").JSX.Element;
 export declare const Field: typeof FieldRoot & {
     Label: typeof FieldLabel;
     Control: typeof FieldControl;
     Description: typeof FieldDescription;
     Error: typeof FieldError;
     Validity: typeof FieldValidity;
+    Required: typeof FieldRequired;
 };
-export { FieldRoot, FieldLabel, FieldControl, FieldDescription, FieldError, FieldValidity };
+export { FieldRoot, FieldLabel, FieldControl, FieldDescription, FieldError, FieldValidity, FieldRequired, };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,iBAAiB,IAAI,qBAAqB,EAC/C,KAAK,kBAAkB,EACxB,MAAM,sBAAsB,CAAC;AAO9B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;IAC5F,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IACpD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,qBAAqB,EACrB,UAAU,GAAG,WAAW,GAAG,KAAK,GAAG,QAAQ,CAC5C;IACC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EACF,cAAc,GACd,cAAc,GACd,UAAU,GACV,SAAS,GACT,iBAAiB,GACjB,aAAa,GACb,OAAO,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC1D;AAED,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAMnC,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,cAAc,EACd,sBAAsB,EACtB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,UAAU,2CAiBZ;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,2CAG3D;AAED;;;;;;GAMG;AACH,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,EAAE,iBAAiB,2CAGhF;AAED,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAGvE;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,2CASlE;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAEtD;AAMD,eAAO,MAAM,KAAK;;;;;;CAMhB,CAAC;AAEH,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Field/index.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Field as Field$1 } from "@base-ui/react/field";
+import { useResolvedControlSize } from "../ComponentDefaults/index.js";
 import styles from "./Field.module.scss.js";
 function FieldRoot({
   children,
@@ -10,9 +11,11 @@ function FieldRoot({
   validate,
   validationMode,
   validationDebounceTime,
+  size: sizeProp,
   className,
   ...htmlProps
 }) {
+  const size = useResolvedControlSize(sizeProp);
   const classes = [styles.root, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx(
     Field$1.Root,
@@ -24,6 +27,7 @@ function FieldRoot({
       validate,
       validationMode,
       validationDebounceTime,
+      "data-size": size,
       className: classes,
       children
     }
@@ -55,12 +59,16 @@ function FieldError({ children, match, className }) {
 function FieldValidity({ children }) {
   return /* @__PURE__ */ jsx(Field$1.Validity, { children });
 }
+function FieldRequired({ children = "*", className, ...htmlProps }) {
+  return /* @__PURE__ */ jsx("span", { ...htmlProps, className: [styles.required, className].filter(Boolean).join(" "), "aria-hidden": true, children });
+}
 const Field = Object.assign(FieldRoot, {
   Label: FieldLabel,
   Control: FieldControl,
   Description: FieldDescription,
   Error: FieldError,
-  Validity: FieldValidity
+  Validity: FieldValidity,
+  Required: FieldRequired
 });
 export {
   Field,
@@ -68,6 +76,7 @@ export {
   FieldDescription,
   FieldError,
   FieldLabel,
+  FieldRequired,
   FieldRoot,
   FieldValidity
 };

package/dist/components/Fieldset/Fieldset.module.scss.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_2801s_1";
-const legend = "_legend_2801s_15";
-const description = "_description_2801s_25";
+const root = "_root_j39fs_1";
+const legend = "_legend_j39fs_15";
+const description = "_description_j39fs_25";
 const styles = {
   root,
   legend,

package/dist/components/Fieldset/Fieldset.module.scss.js

@@ -1,6 +1,6 @@
-const root = "_root_2801s_1";
-const legend = "_legend_2801s_15";
-const description = "_description_2801s_25";
+const root = "_root_j39fs_1";
+const legend = "_legend_j39fs_15";
+const description = "_description_j39fs_25";
 const styles = {
   root,
   legend,

package/dist/components/Form/Form.module.scss.cjs

@@ -1,8 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_qkhxq_1";
+const root = "_root_feksg_1";
+const actions = "_actions_feksg_7";
 const styles = {
-  root
+  root,
+  actions
 };
+exports.actions = actions;
 exports.default = styles;
 exports.root = root;

package/dist/components/Form/Form.module.scss.js

@@ -1,8 +1,11 @@
-const root = "_root_qkhxq_1";
+const root = "_root_feksg_1";
+const actions = "_actions_feksg_7";
 const styles = {
-  root
+  root,
+  actions
 };
 export {
+  actions,
   styles as default,
   root
 };

package/dist/components/Form/index.cjs

@@ -28,7 +28,12 @@ function FormRoot({
     }
   );
 }
+function FormActions({ children, className, ...htmlProps }) {
+  const classes = [Form_module.default.actions, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
+}
 const Form = Object.assign(FormRoot, {
-  Root: FormRoot
+  Root: FormRoot,
+  Actions: FormActions
 });
 exports.Form = Form;

package/dist/components/Form/index.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-export interface FormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {
+import * as React from "react";
+export interface FormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, "onSubmit"> {
     children: React.ReactNode;
     errors?: Record<string, string | string[]>;
     /** Standard form submit handler */
@@ -7,11 +7,16 @@ export interface FormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement
     /** @deprecated Use onSubmit */
     onFormSubmit?: (event: React.FormEvent<HTMLFormElement>) => void;
     onClearErrors?: (name: string) => void;
-    validationMode?: 'onSubmit' | 'onBlur' | 'onChange';
+    validationMode?: "onSubmit" | "onBlur" | "onChange";
+}
+export interface FormActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
 }
 declare function FormRoot({ children, errors, onSubmit, onFormSubmit, onClearErrors: _onClearErrors, validationMode, className, ...htmlProps }: FormProps): import("react/jsx-runtime").JSX.Element;
+declare function FormActions({ children, className, ...htmlProps }: FormActionsProps): import("react/jsx-runtime").JSX.Element;
 export declare const Form: typeof FormRoot & {
     Root: typeof FormRoot;
+    Actions: typeof FormActions;
 };
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC5F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;IAC3C,mCAAmC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAC7D,+BAA+B;IAC/B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACjE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;CACrD;AAMD,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,aAAa,EAAE,cAAc,EAC7B,cAAc,EACd,SAAS,EACT,GAAG,SAAS,EACb,EAAE,SAAS,2CAeX;AAED,eAAO,MAAM,IAAI;;CAEf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC5F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;IAC3C,mCAAmC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAC7D,+BAA+B;IAC/B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACjE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;CACrD;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAMD,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,aAAa,EAAE,cAAc,EAC7B,cAAc,EACd,SAAS,EACT,GAAG,SAAS,EACb,EAAE,SAAS,2CAeX;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,gBAAgB,2CAQ3E;AAED,eAAO,MAAM,IAAI;;;CAGf,CAAC"}

package/dist/components/Form/index.js

@@ -26,8 +26,13 @@ function FormRoot({
     }
   );
 }
+function FormActions({ children, className, ...htmlProps }) {
+  const classes = [styles.actions, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
+}
 const Form = Object.assign(FormRoot, {
-  Root: FormRoot
+  Root: FormRoot,
+  Actions: FormActions
 });
 export {
   Form

package/dist/components/Grid/Grid.module.scss.cjs

@@ -1,65 +1,59 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const grid = "_grid_5ohx1_1";
-const columns1 = "_columns1_5ohx1_6";
-const columns2 = "_columns2_5ohx1_10";
-const columns3 = "_columns3_5ohx1_14";
-const columns4 = "_columns4_5ohx1_18";
-const columns5 = "_columns5_5ohx1_22";
-const columns6 = "_columns6_5ohx1_26";
-const columns7 = "_columns7_5ohx1_30";
-const columns8 = "_columns8_5ohx1_34";
-const columns9 = "_columns9_5ohx1_38";
-const columns10 = "_columns10_5ohx1_42";
-const columns11 = "_columns11_5ohx1_46";
-const columns12 = "_columns12_5ohx1_50";
-const columnsAuto = "_columnsAuto_5ohx1_54";
-const columnsResponsive = "_columnsResponsive_5ohx1_58";
-const gapNone = "_gapNone_5ohx1_83";
-const gapXs = "_gapXs_5ohx1_87";
-const gapSm = "_gapSm_5ohx1_91";
-const gapMd = "_gapMd_5ohx1_95";
-const gapLg = "_gapLg_5ohx1_99";
-const gapXl = "_gapXl_5ohx1_103";
-const paddingNone = "_paddingNone_5ohx1_107";
-const paddingSm = "_paddingSm_5ohx1_111";
-const paddingMd = "_paddingMd_5ohx1_115";
-const paddingLg = "_paddingLg_5ohx1_119";
-const alignStart = "_alignStart_5ohx1_123";
-const alignCenter = "_alignCenter_5ohx1_127";
-const alignEnd = "_alignEnd_5ohx1_131";
-const alignStretch = "_alignStretch_5ohx1_135";
-const justifyStart = "_justifyStart_5ohx1_139";
-const justifyCenter = "_justifyCenter_5ohx1_143";
-const justifyEnd = "_justifyEnd_5ohx1_147";
-const justifyStretch = "_justifyStretch_5ohx1_151";
-const item = "_item_5ohx1_155";
-const colSpan1 = "_colSpan1_5ohx1_159";
-const colSpan2 = "_colSpan2_5ohx1_163";
-const colSpan3 = "_colSpan3_5ohx1_167";
-const colSpan4 = "_colSpan4_5ohx1_171";
-const colSpan5 = "_colSpan5_5ohx1_175";
-const colSpan6 = "_colSpan6_5ohx1_179";
-const colSpan7 = "_colSpan7_5ohx1_183";
-const colSpan8 = "_colSpan8_5ohx1_187";
-const colSpan9 = "_colSpan9_5ohx1_191";
-const colSpan10 = "_colSpan10_5ohx1_195";
-const colSpan11 = "_colSpan11_5ohx1_199";
-const colSpan12 = "_colSpan12_5ohx1_203";
-const colSpanFull = "_colSpanFull_5ohx1_207";
-const rowSpan1 = "_rowSpan1_5ohx1_211";
-const rowSpan2 = "_rowSpan2_5ohx1_215";
-const rowSpan3 = "_rowSpan3_5ohx1_219";
-const rowSpan4 = "_rowSpan4_5ohx1_223";
-const rowSpan5 = "_rowSpan5_5ohx1_227";
-const rowSpan6 = "_rowSpan6_5ohx1_231";
-const selfAlignStart = "_selfAlignStart_5ohx1_235";
-const selfAlignCenter = "_selfAlignCenter_5ohx1_239";
-const selfAlignEnd = "_selfAlignEnd_5ohx1_243";
-const selfAlignStretch = "_selfAlignStretch_5ohx1_247";
-const subgridRows = "_subgridRows_5ohx1_251";
-const subgridColumns = "_subgridColumns_5ohx1_256";
-const subgridBoth = "_subgridBoth_5ohx1_261";
+const grid = "_grid_1xtpg_1";
+const columns1 = "_columns1_1xtpg_7";
+const columns2 = "_columns2_1xtpg_11";
+const columns3 = "_columns3_1xtpg_15";
+const columns4 = "_columns4_1xtpg_19";
+const columns5 = "_columns5_1xtpg_23";
+const columns6 = "_columns6_1xtpg_27";
+const columns7 = "_columns7_1xtpg_31";
+const columns8 = "_columns8_1xtpg_35";
+const columns9 = "_columns9_1xtpg_39";
+const columns10 = "_columns10_1xtpg_43";
+const columns11 = "_columns11_1xtpg_47";
+const columns12 = "_columns12_1xtpg_51";
+const columnsAuto = "_columnsAuto_1xtpg_55";
+const columnsResponsive = "_columnsResponsive_1xtpg_59";
+const paddingNone = "_paddingNone_1xtpg_93";
+const paddingSm = "_paddingSm_1xtpg_97";
+const paddingMd = "_paddingMd_1xtpg_101";
+const paddingLg = "_paddingLg_1xtpg_105";
+const alignStart = "_alignStart_1xtpg_109";
+const alignCenter = "_alignCenter_1xtpg_113";
+const alignEnd = "_alignEnd_1xtpg_117";
+const alignStretch = "_alignStretch_1xtpg_121";
+const justifyStart = "_justifyStart_1xtpg_125";
+const justifyCenter = "_justifyCenter_1xtpg_129";
+const justifyEnd = "_justifyEnd_1xtpg_133";
+const justifyStretch = "_justifyStretch_1xtpg_137";
+const item = "_item_1xtpg_141";
+const colSpan1 = "_colSpan1_1xtpg_145";
+const colSpan2 = "_colSpan2_1xtpg_149";
+const colSpan3 = "_colSpan3_1xtpg_153";
+const colSpan4 = "_colSpan4_1xtpg_157";
+const colSpan5 = "_colSpan5_1xtpg_161";
+const colSpan6 = "_colSpan6_1xtpg_165";
+const colSpan7 = "_colSpan7_1xtpg_169";
+const colSpan8 = "_colSpan8_1xtpg_173";
+const colSpan9 = "_colSpan9_1xtpg_177";
+const colSpan10 = "_colSpan10_1xtpg_181";
+const colSpan11 = "_colSpan11_1xtpg_185";
+const colSpan12 = "_colSpan12_1xtpg_189";
+const colSpanFull = "_colSpanFull_1xtpg_193";
+const rowSpan1 = "_rowSpan1_1xtpg_197";
+const rowSpan2 = "_rowSpan2_1xtpg_201";
+const rowSpan3 = "_rowSpan3_1xtpg_205";
+const rowSpan4 = "_rowSpan4_1xtpg_209";
+const rowSpan5 = "_rowSpan5_1xtpg_213";
+const rowSpan6 = "_rowSpan6_1xtpg_217";
+const selfAlignStart = "_selfAlignStart_1xtpg_221";
+const selfAlignCenter = "_selfAlignCenter_1xtpg_225";
+const selfAlignEnd = "_selfAlignEnd_1xtpg_229";
+const selfAlignStretch = "_selfAlignStretch_1xtpg_233";
+const subgridRows = "_subgridRows_1xtpg_237";
+const subgridColumns = "_subgridColumns_1xtpg_242";
+const subgridBoth = "_subgridBoth_1xtpg_247";
 const styles = {
   grid,
   columns1,
@@ -76,12 +70,6 @@ const styles = {
   columns12,
   columnsAuto,
   columnsResponsive,
-  gapNone,
-  gapXs,
-  gapSm,
-  gapMd,
-  gapLg,
-  gapXl,
   paddingNone,
   paddingSm,
   paddingMd,
@@ -154,12 +142,6 @@ exports.columns9 = columns9;
 exports.columnsAuto = columnsAuto;
 exports.columnsResponsive = columnsResponsive;
 exports.default = styles;
-exports.gapLg = gapLg;
-exports.gapMd = gapMd;
-exports.gapNone = gapNone;
-exports.gapSm = gapSm;
-exports.gapXl = gapXl;
-exports.gapXs = gapXs;
 exports.grid = grid;
 exports.item = item;
 exports.justifyCenter = justifyCenter;

package/dist/components/Grid/Grid.module.scss.js

@@ -1,63 +1,57 @@
-const grid = "_grid_5ohx1_1";
-const columns1 = "_columns1_5ohx1_6";
-const columns2 = "_columns2_5ohx1_10";
-const columns3 = "_columns3_5ohx1_14";
-const columns4 = "_columns4_5ohx1_18";
-const columns5 = "_columns5_5ohx1_22";
-const columns6 = "_columns6_5ohx1_26";
-const columns7 = "_columns7_5ohx1_30";
-const columns8 = "_columns8_5ohx1_34";
-const columns9 = "_columns9_5ohx1_38";
-const columns10 = "_columns10_5ohx1_42";
-const columns11 = "_columns11_5ohx1_46";
-const columns12 = "_columns12_5ohx1_50";
-const columnsAuto = "_columnsAuto_5ohx1_54";
-const columnsResponsive = "_columnsResponsive_5ohx1_58";
-const gapNone = "_gapNone_5ohx1_83";
-const gapXs = "_gapXs_5ohx1_87";
-const gapSm = "_gapSm_5ohx1_91";
-const gapMd = "_gapMd_5ohx1_95";
-const gapLg = "_gapLg_5ohx1_99";
-const gapXl = "_gapXl_5ohx1_103";
-const paddingNone = "_paddingNone_5ohx1_107";
-const paddingSm = "_paddingSm_5ohx1_111";
-const paddingMd = "_paddingMd_5ohx1_115";
-const paddingLg = "_paddingLg_5ohx1_119";
-const alignStart = "_alignStart_5ohx1_123";
-const alignCenter = "_alignCenter_5ohx1_127";
-const alignEnd = "_alignEnd_5ohx1_131";
-const alignStretch = "_alignStretch_5ohx1_135";
-const justifyStart = "_justifyStart_5ohx1_139";
-const justifyCenter = "_justifyCenter_5ohx1_143";
-const justifyEnd = "_justifyEnd_5ohx1_147";
-const justifyStretch = "_justifyStretch_5ohx1_151";
-const item = "_item_5ohx1_155";
-const colSpan1 = "_colSpan1_5ohx1_159";
-const colSpan2 = "_colSpan2_5ohx1_163";
-const colSpan3 = "_colSpan3_5ohx1_167";
-const colSpan4 = "_colSpan4_5ohx1_171";
-const colSpan5 = "_colSpan5_5ohx1_175";
-const colSpan6 = "_colSpan6_5ohx1_179";
-const colSpan7 = "_colSpan7_5ohx1_183";
-const colSpan8 = "_colSpan8_5ohx1_187";
-const colSpan9 = "_colSpan9_5ohx1_191";
-const colSpan10 = "_colSpan10_5ohx1_195";
-const colSpan11 = "_colSpan11_5ohx1_199";
-const colSpan12 = "_colSpan12_5ohx1_203";
-const colSpanFull = "_colSpanFull_5ohx1_207";
-const rowSpan1 = "_rowSpan1_5ohx1_211";
-const rowSpan2 = "_rowSpan2_5ohx1_215";
-const rowSpan3 = "_rowSpan3_5ohx1_219";
-const rowSpan4 = "_rowSpan4_5ohx1_223";
-const rowSpan5 = "_rowSpan5_5ohx1_227";
-const rowSpan6 = "_rowSpan6_5ohx1_231";
-const selfAlignStart = "_selfAlignStart_5ohx1_235";
-const selfAlignCenter = "_selfAlignCenter_5ohx1_239";
-const selfAlignEnd = "_selfAlignEnd_5ohx1_243";
-const selfAlignStretch = "_selfAlignStretch_5ohx1_247";
-const subgridRows = "_subgridRows_5ohx1_251";
-const subgridColumns = "_subgridColumns_5ohx1_256";
-const subgridBoth = "_subgridBoth_5ohx1_261";
+const grid = "_grid_1xtpg_1";
+const columns1 = "_columns1_1xtpg_7";
+const columns2 = "_columns2_1xtpg_11";
+const columns3 = "_columns3_1xtpg_15";
+const columns4 = "_columns4_1xtpg_19";
+const columns5 = "_columns5_1xtpg_23";
+const columns6 = "_columns6_1xtpg_27";
+const columns7 = "_columns7_1xtpg_31";
+const columns8 = "_columns8_1xtpg_35";
+const columns9 = "_columns9_1xtpg_39";
+const columns10 = "_columns10_1xtpg_43";
+const columns11 = "_columns11_1xtpg_47";
+const columns12 = "_columns12_1xtpg_51";
+const columnsAuto = "_columnsAuto_1xtpg_55";
+const columnsResponsive = "_columnsResponsive_1xtpg_59";
+const paddingNone = "_paddingNone_1xtpg_93";
+const paddingSm = "_paddingSm_1xtpg_97";
+const paddingMd = "_paddingMd_1xtpg_101";
+const paddingLg = "_paddingLg_1xtpg_105";
+const alignStart = "_alignStart_1xtpg_109";
+const alignCenter = "_alignCenter_1xtpg_113";
+const alignEnd = "_alignEnd_1xtpg_117";
+const alignStretch = "_alignStretch_1xtpg_121";
+const justifyStart = "_justifyStart_1xtpg_125";
+const justifyCenter = "_justifyCenter_1xtpg_129";
+const justifyEnd = "_justifyEnd_1xtpg_133";
+const justifyStretch = "_justifyStretch_1xtpg_137";
+const item = "_item_1xtpg_141";
+const colSpan1 = "_colSpan1_1xtpg_145";
+const colSpan2 = "_colSpan2_1xtpg_149";
+const colSpan3 = "_colSpan3_1xtpg_153";
+const colSpan4 = "_colSpan4_1xtpg_157";
+const colSpan5 = "_colSpan5_1xtpg_161";
+const colSpan6 = "_colSpan6_1xtpg_165";
+const colSpan7 = "_colSpan7_1xtpg_169";
+const colSpan8 = "_colSpan8_1xtpg_173";
+const colSpan9 = "_colSpan9_1xtpg_177";
+const colSpan10 = "_colSpan10_1xtpg_181";
+const colSpan11 = "_colSpan11_1xtpg_185";
+const colSpan12 = "_colSpan12_1xtpg_189";
+const colSpanFull = "_colSpanFull_1xtpg_193";
+const rowSpan1 = "_rowSpan1_1xtpg_197";
+const rowSpan2 = "_rowSpan2_1xtpg_201";
+const rowSpan3 = "_rowSpan3_1xtpg_205";
+const rowSpan4 = "_rowSpan4_1xtpg_209";
+const rowSpan5 = "_rowSpan5_1xtpg_213";
+const rowSpan6 = "_rowSpan6_1xtpg_217";
+const selfAlignStart = "_selfAlignStart_1xtpg_221";
+const selfAlignCenter = "_selfAlignCenter_1xtpg_225";
+const selfAlignEnd = "_selfAlignEnd_1xtpg_229";
+const selfAlignStretch = "_selfAlignStretch_1xtpg_233";
+const subgridRows = "_subgridRows_1xtpg_237";
+const subgridColumns = "_subgridColumns_1xtpg_242";
+const subgridBoth = "_subgridBoth_1xtpg_247";
 const styles = {
   grid,
   columns1,
@@ -74,12 +68,6 @@ const styles = {
   columns12,
   columnsAuto,
   columnsResponsive,
-  gapNone,
-  gapXs,
-  gapSm,
-  gapMd,
-  gapLg,
-  gapXl,
   paddingNone,
   paddingSm,
   paddingMd,
@@ -153,12 +141,6 @@ export {
   columnsAuto,
   columnsResponsive,
   styles as default,
-  gapLg,
-  gapMd,
-  gapNone,
-  gapSm,
-  gapXl,
-  gapXs,
   grid,
   item,
   justifyCenter,