@fragments-sdk/ui 0.18.0 → 0.19.1

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

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const separator = "_separator_13ozq_1";
-const horizontal = "_horizontal_13ozq_6";
-const vertical = "_vertical_13ozq_11";
-const withLabel = "_withLabel_13ozq_17";
-const label = "_label_13ozq_30";
-const spacingNone = "_spacingNone_13ozq_40";
-const spacingSm = "_spacingSm_13ozq_44";
-const spacingMd = "_spacingMd_13ozq_51";
-const spacingLg = "_spacingLg_13ozq_58";
-const soft = "_soft_13ozq_65";
+const separator = "_separator_v08ga_1";
+const horizontal = "_horizontal_v08ga_6";
+const vertical = "_vertical_v08ga_11";
+const withLabel = "_withLabel_v08ga_17";
+const label = "_label_v08ga_30";
+const spacingNone = "_spacingNone_v08ga_40";
+const spacingSm = "_spacingSm_v08ga_44";
+const spacingMd = "_spacingMd_v08ga_51";
+const spacingLg = "_spacingLg_v08ga_58";
+const soft = "_soft_v08ga_65";
 const styles = {
   separator,
   horizontal,

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

@@ -1,13 +1,13 @@
-const separator = "_separator_13ozq_1";
-const horizontal = "_horizontal_13ozq_6";
-const vertical = "_vertical_13ozq_11";
-const withLabel = "_withLabel_13ozq_17";
-const label = "_label_13ozq_30";
-const spacingNone = "_spacingNone_13ozq_40";
-const spacingSm = "_spacingSm_13ozq_44";
-const spacingMd = "_spacingMd_13ozq_51";
-const spacingLg = "_spacingLg_13ozq_58";
-const soft = "_soft_13ozq_65";
+const separator = "_separator_v08ga_1";
+const horizontal = "_horizontal_v08ga_6";
+const vertical = "_vertical_v08ga_11";
+const withLabel = "_withLabel_v08ga_17";
+const label = "_label_v08ga_30";
+const spacingNone = "_spacingNone_v08ga_40";
+const spacingSm = "_spacingSm_v08ga_44";
+const spacingMd = "_spacingMd_v08ga_51";
+const spacingLg = "_spacingLg_v08ga_58";
+const soft = "_soft_v08ga_65";
 const styles = {
   separator,
   horizontal,

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

@@ -1,47 +1,47 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_j7bpl_1";
-const mobile = "_mobile_j7bpl_14";
-const collapsed = "_collapsed_j7bpl_20";
-const header = "_header_j7bpl_23";
-const nav = "_nav_j7bpl_27";
-const sectionLabel = "_sectionLabel_j7bpl_30";
-const itemLabel = "_itemLabel_j7bpl_41";
-const itemBadge = "_itemBadge_j7bpl_42";
-const itemChevron = "_itemChevron_j7bpl_43";
-const item = "_item_j7bpl_41";
-const itemIcon = "_itemIcon_j7bpl_51";
-const footer = "_footer_j7bpl_54";
-const collapseToggle = "_collapseToggle_j7bpl_58";
-const collapsedNoIcons = "_collapsedNoIcons_j7bpl_62";
-const collapseToggleFloating = "_collapseToggleFloating_j7bpl_71";
-const positionRight = "_positionRight_j7bpl_85";
-const navScrollArea = "_navScrollArea_j7bpl_112";
-const section = "_section_j7bpl_30";
-const sectionHeader = "_sectionHeader_j7bpl_121";
-const sectionTrigger = "_sectionTrigger_j7bpl_128";
-const sectionActionWrapper = "_sectionActionWrapper_j7bpl_144";
-const sectionAction = "_sectionAction_j7bpl_144";
-const sectionList = "_sectionList_j7bpl_190";
-const sectionCollapsible = "_sectionCollapsible_j7bpl_196";
-const itemWrapper = "_itemWrapper_j7bpl_209";
-const itemDisabled = "_itemDisabled_j7bpl_255";
-const itemActive = "_itemActive_j7bpl_264";
-const itemExpanded = "_itemExpanded_j7bpl_344";
-const submenu = "_submenu_j7bpl_348";
-const submenuWrapper = "_submenuWrapper_j7bpl_358";
-const subItemWrapper = "_subItemWrapper_j7bpl_366";
-const subItem = "_subItem_j7bpl_366";
-const subItemDisabled = "_subItemDisabled_j7bpl_423";
-const subItemActive = "_subItemActive_j7bpl_432";
-const trigger = "_trigger_j7bpl_454";
-const overlay = "_overlay_j7bpl_495";
-const offcanvasCollapsed = "_offcanvasCollapsed_j7bpl_565";
-const rail = "_rail_j7bpl_572";
-const railCollapsed = "_railCollapsed_j7bpl_640";
-const menuSkeleton = "_menuSkeleton_j7bpl_644";
-const skeletonItem = "_skeletonItem_j7bpl_651";
-const skeletonLabel = "_skeletonLabel_j7bpl_659";
+const root = "_root_1fy4u_1";
+const mobile = "_mobile_1fy4u_14";
+const collapsed = "_collapsed_1fy4u_20";
+const header = "_header_1fy4u_23";
+const nav = "_nav_1fy4u_27";
+const sectionLabel = "_sectionLabel_1fy4u_30";
+const itemLabel = "_itemLabel_1fy4u_41";
+const itemBadge = "_itemBadge_1fy4u_42";
+const itemChevron = "_itemChevron_1fy4u_43";
+const item = "_item_1fy4u_41";
+const itemIcon = "_itemIcon_1fy4u_51";
+const footer = "_footer_1fy4u_54";
+const collapseToggle = "_collapseToggle_1fy4u_58";
+const collapsedNoIcons = "_collapsedNoIcons_1fy4u_62";
+const collapseToggleFloating = "_collapseToggleFloating_1fy4u_71";
+const positionRight = "_positionRight_1fy4u_85";
+const navScrollArea = "_navScrollArea_1fy4u_112";
+const section = "_section_1fy4u_30";
+const sectionHeader = "_sectionHeader_1fy4u_121";
+const sectionTrigger = "_sectionTrigger_1fy4u_128";
+const sectionActionWrapper = "_sectionActionWrapper_1fy4u_144";
+const sectionAction = "_sectionAction_1fy4u_144";
+const sectionList = "_sectionList_1fy4u_190";
+const sectionCollapsible = "_sectionCollapsible_1fy4u_196";
+const itemWrapper = "_itemWrapper_1fy4u_209";
+const itemDisabled = "_itemDisabled_1fy4u_255";
+const itemActive = "_itemActive_1fy4u_264";
+const itemExpanded = "_itemExpanded_1fy4u_344";
+const submenu = "_submenu_1fy4u_348";
+const submenuWrapper = "_submenuWrapper_1fy4u_358";
+const subItemWrapper = "_subItemWrapper_1fy4u_366";
+const subItem = "_subItem_1fy4u_366";
+const subItemDisabled = "_subItemDisabled_1fy4u_423";
+const subItemActive = "_subItemActive_1fy4u_432";
+const trigger = "_trigger_1fy4u_454";
+const overlay = "_overlay_1fy4u_495";
+const offcanvasCollapsed = "_offcanvasCollapsed_1fy4u_565";
+const rail = "_rail_1fy4u_572";
+const railCollapsed = "_railCollapsed_1fy4u_640";
+const menuSkeleton = "_menuSkeleton_1fy4u_644";
+const skeletonItem = "_skeletonItem_1fy4u_651";
+const skeletonLabel = "_skeletonLabel_1fy4u_659";
 const styles = {
   root,
   mobile,

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

@@ -1,45 +1,45 @@
-const root = "_root_j7bpl_1";
-const mobile = "_mobile_j7bpl_14";
-const collapsed = "_collapsed_j7bpl_20";
-const header = "_header_j7bpl_23";
-const nav = "_nav_j7bpl_27";
-const sectionLabel = "_sectionLabel_j7bpl_30";
-const itemLabel = "_itemLabel_j7bpl_41";
-const itemBadge = "_itemBadge_j7bpl_42";
-const itemChevron = "_itemChevron_j7bpl_43";
-const item = "_item_j7bpl_41";
-const itemIcon = "_itemIcon_j7bpl_51";
-const footer = "_footer_j7bpl_54";
-const collapseToggle = "_collapseToggle_j7bpl_58";
-const collapsedNoIcons = "_collapsedNoIcons_j7bpl_62";
-const collapseToggleFloating = "_collapseToggleFloating_j7bpl_71";
-const positionRight = "_positionRight_j7bpl_85";
-const navScrollArea = "_navScrollArea_j7bpl_112";
-const section = "_section_j7bpl_30";
-const sectionHeader = "_sectionHeader_j7bpl_121";
-const sectionTrigger = "_sectionTrigger_j7bpl_128";
-const sectionActionWrapper = "_sectionActionWrapper_j7bpl_144";
-const sectionAction = "_sectionAction_j7bpl_144";
-const sectionList = "_sectionList_j7bpl_190";
-const sectionCollapsible = "_sectionCollapsible_j7bpl_196";
-const itemWrapper = "_itemWrapper_j7bpl_209";
-const itemDisabled = "_itemDisabled_j7bpl_255";
-const itemActive = "_itemActive_j7bpl_264";
-const itemExpanded = "_itemExpanded_j7bpl_344";
-const submenu = "_submenu_j7bpl_348";
-const submenuWrapper = "_submenuWrapper_j7bpl_358";
-const subItemWrapper = "_subItemWrapper_j7bpl_366";
-const subItem = "_subItem_j7bpl_366";
-const subItemDisabled = "_subItemDisabled_j7bpl_423";
-const subItemActive = "_subItemActive_j7bpl_432";
-const trigger = "_trigger_j7bpl_454";
-const overlay = "_overlay_j7bpl_495";
-const offcanvasCollapsed = "_offcanvasCollapsed_j7bpl_565";
-const rail = "_rail_j7bpl_572";
-const railCollapsed = "_railCollapsed_j7bpl_640";
-const menuSkeleton = "_menuSkeleton_j7bpl_644";
-const skeletonItem = "_skeletonItem_j7bpl_651";
-const skeletonLabel = "_skeletonLabel_j7bpl_659";
+const root = "_root_1fy4u_1";
+const mobile = "_mobile_1fy4u_14";
+const collapsed = "_collapsed_1fy4u_20";
+const header = "_header_1fy4u_23";
+const nav = "_nav_1fy4u_27";
+const sectionLabel = "_sectionLabel_1fy4u_30";
+const itemLabel = "_itemLabel_1fy4u_41";
+const itemBadge = "_itemBadge_1fy4u_42";
+const itemChevron = "_itemChevron_1fy4u_43";
+const item = "_item_1fy4u_41";
+const itemIcon = "_itemIcon_1fy4u_51";
+const footer = "_footer_1fy4u_54";
+const collapseToggle = "_collapseToggle_1fy4u_58";
+const collapsedNoIcons = "_collapsedNoIcons_1fy4u_62";
+const collapseToggleFloating = "_collapseToggleFloating_1fy4u_71";
+const positionRight = "_positionRight_1fy4u_85";
+const navScrollArea = "_navScrollArea_1fy4u_112";
+const section = "_section_1fy4u_30";
+const sectionHeader = "_sectionHeader_1fy4u_121";
+const sectionTrigger = "_sectionTrigger_1fy4u_128";
+const sectionActionWrapper = "_sectionActionWrapper_1fy4u_144";
+const sectionAction = "_sectionAction_1fy4u_144";
+const sectionList = "_sectionList_1fy4u_190";
+const sectionCollapsible = "_sectionCollapsible_1fy4u_196";
+const itemWrapper = "_itemWrapper_1fy4u_209";
+const itemDisabled = "_itemDisabled_1fy4u_255";
+const itemActive = "_itemActive_1fy4u_264";
+const itemExpanded = "_itemExpanded_1fy4u_344";
+const submenu = "_submenu_1fy4u_348";
+const submenuWrapper = "_submenuWrapper_1fy4u_358";
+const subItemWrapper = "_subItemWrapper_1fy4u_366";
+const subItem = "_subItem_1fy4u_366";
+const subItemDisabled = "_subItemDisabled_1fy4u_423";
+const subItemActive = "_subItemActive_1fy4u_432";
+const trigger = "_trigger_1fy4u_454";
+const overlay = "_overlay_1fy4u_495";
+const offcanvasCollapsed = "_offcanvasCollapsed_1fy4u_565";
+const rail = "_rail_1fy4u_572";
+const railCollapsed = "_railCollapsed_1fy4u_640";
+const menuSkeleton = "_menuSkeleton_1fy4u_644";
+const skeletonItem = "_skeletonItem_1fy4u_651";
+const skeletonLabel = "_skeletonLabel_1fy4u_659";
 const styles = {
   root,
   mobile,

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

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_10oyj_1";
-const header = "_header_10oyj_6";
-const label = "_label_10oyj_13";
-const value = "_value_10oyj_20";
-const root = "_root_10oyj_28";
-const control = "_control_10oyj_32";
-const track = "_track_10oyj_38";
-const indicator = "_indicator_10oyj_52";
-const thumb = "_thumb_10oyj_59";
-const helper = "_helper_10oyj_88";
-const helperError = "_helperError_10oyj_95";
-const dragValueBubble = "_dragValueBubble_10oyj_99";
+const wrapper = "_wrapper_t700l_1";
+const header = "_header_t700l_6";
+const label = "_label_t700l_13";
+const value = "_value_t700l_20";
+const root = "_root_t700l_28";
+const control = "_control_t700l_32";
+const track = "_track_t700l_38";
+const indicator = "_indicator_t700l_52";
+const thumb = "_thumb_t700l_59";
+const helper = "_helper_t700l_88";
+const helperError = "_helperError_t700l_95";
+const dragValueBubble = "_dragValueBubble_t700l_99";
 const styles = {
   wrapper,
   header,

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

@@ -1,15 +1,15 @@
-const wrapper = "_wrapper_10oyj_1";
-const header = "_header_10oyj_6";
-const label = "_label_10oyj_13";
-const value = "_value_10oyj_20";
-const root = "_root_10oyj_28";
-const control = "_control_10oyj_32";
-const track = "_track_10oyj_38";
-const indicator = "_indicator_10oyj_52";
-const thumb = "_thumb_10oyj_59";
-const helper = "_helper_10oyj_88";
-const helperError = "_helperError_10oyj_95";
-const dragValueBubble = "_dragValueBubble_10oyj_99";
+const wrapper = "_wrapper_t700l_1";
+const header = "_header_t700l_6";
+const label = "_label_t700l_13";
+const value = "_value_t700l_20";
+const root = "_root_t700l_28";
+const control = "_control_t700l_32";
+const track = "_track_t700l_38";
+const indicator = "_indicator_t700l_52";
+const thumb = "_thumb_t700l_59";
+const helper = "_helper_t700l_88";
+const helperError = "_helperError_t700l_95";
+const dragValueBubble = "_dragValueBubble_t700l_99";
 const styles = {
   wrapper,
   header,

package/dist/components/Slider/index.cjs

@@ -77,14 +77,7 @@ const SliderRoot = React__namespace.forwardRef(
     }, [disabled, isDragging]);
     const helperClasses = [Slider_module.default.helper, error && Slider_module.default.helperError].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsxRuntime.jsxs(field.Field.Root, { ...htmlProps, disabled, invalid: error, className: [Slider_module.default.wrapper, className].filter(Boolean).join(" "), children: [
-      (label || showValue) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Slider_module.default.header, children: [
-        label && /* @__PURE__ */ jsxRuntime.jsx(field.Field.Label, { className: Slider_module.default.label, children: label }),
-        showValue && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: Slider_module.default.value, children: [
-          displayValue,
-          valueSuffix
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsxs(
         slider.Slider.Root,
         {
           ref,
@@ -102,19 +95,28 @@ const SliderRoot = React__namespace.forwardRef(
           "aria-describedby": ariaDescribedBy,
           className: Slider_module.default.root,
           onPointerDownCapture: handleDragStart,
-          children: /* @__PURE__ */ jsxRuntime.jsx(slider.Slider.Control, { className: Slider_module.default.control, children: /* @__PURE__ */ jsxRuntime.jsxs(slider.Slider.Track, { className: Slider_module.default.track, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(slider.Slider.Indicator, { className: Slider_module.default.indicator }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              slider.Slider.Thumb,
-              {
-                className: Slider_module.default.thumb,
-                children: showValueOnDrag && isDragging && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: Slider_module.default.dragValueBubble, "aria-hidden": "true", children: [
-                  displayValue,
-                  valueSuffix
-                ] })
-              }
-            )
-          ] }) })
+          children: [
+            (label || showValue) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Slider_module.default.header, children: [
+              label && /* @__PURE__ */ jsxRuntime.jsx(slider.Slider.Label, { className: Slider_module.default.label, children: label }),
+              showValue && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: Slider_module.default.value, children: [
+                displayValue,
+                valueSuffix
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(slider.Slider.Control, { className: Slider_module.default.control, children: /* @__PURE__ */ jsxRuntime.jsxs(slider.Slider.Track, { className: Slider_module.default.track, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(slider.Slider.Indicator, { className: Slider_module.default.indicator }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                slider.Slider.Thumb,
+                {
+                  className: Slider_module.default.thumb,
+                  children: showValueOnDrag && isDragging && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: Slider_module.default.dragValueBubble, "aria-hidden": "true", children: [
+                    displayValue,
+                    valueSuffix
+                  ] })
+                }
+              )
+            ] }) })
+          ]
         }
       ),
       helperText && /* @__PURE__ */ jsxRuntime.jsx(field.Field.Description, { className: helperClasses, children: helperText })

package/dist/components/Slider/index.js

@@ -58,14 +58,7 @@ const SliderRoot = React.forwardRef(
     }, [disabled, isDragging]);
     const helperClasses = [styles.helper, error && styles.helperError].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsxs(Field.Root, { ...htmlProps, disabled, invalid: error, className: [styles.wrapper, className].filter(Boolean).join(" "), children: [
-      (label || showValue) && /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
-        label && /* @__PURE__ */ jsx(Field.Label, { className: styles.label, children: label }),
-        showValue && /* @__PURE__ */ jsxs("span", { className: styles.value, children: [
-          displayValue,
-          valueSuffix
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxs(
         Slider$1.Root,
         {
           ref,
@@ -83,19 +76,28 @@ const SliderRoot = React.forwardRef(
           "aria-describedby": ariaDescribedBy,
           className: styles.root,
           onPointerDownCapture: handleDragStart,
-          children: /* @__PURE__ */ jsx(Slider$1.Control, { className: styles.control, children: /* @__PURE__ */ jsxs(Slider$1.Track, { className: styles.track, children: [
-            /* @__PURE__ */ jsx(Slider$1.Indicator, { className: styles.indicator }),
-            /* @__PURE__ */ jsx(
-              Slider$1.Thumb,
-              {
-                className: styles.thumb,
-                children: showValueOnDrag && isDragging && /* @__PURE__ */ jsxs("span", { className: styles.dragValueBubble, "aria-hidden": "true", children: [
-                  displayValue,
-                  valueSuffix
-                ] })
-              }
-            )
-          ] }) })
+          children: [
+            (label || showValue) && /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
+              label && /* @__PURE__ */ jsx(Slider$1.Label, { className: styles.label, children: label }),
+              showValue && /* @__PURE__ */ jsxs("span", { className: styles.value, children: [
+                displayValue,
+                valueSuffix
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(Slider$1.Control, { className: styles.control, children: /* @__PURE__ */ jsxs(Slider$1.Track, { className: styles.track, children: [
+              /* @__PURE__ */ jsx(Slider$1.Indicator, { className: styles.indicator }),
+              /* @__PURE__ */ jsx(
+                Slider$1.Thumb,
+                {
+                  className: styles.thumb,
+                  children: showValueOnDrag && isDragging && /* @__PURE__ */ jsxs("span", { className: styles.dragValueBubble, "aria-hidden": "true", children: [
+                    displayValue,
+                    valueSuffix
+                  ] })
+                }
+              )
+            ] }) })
+          ]
         }
       ),
       helperText && /* @__PURE__ */ jsx(Field.Description, { className: helperClasses, children: helperText })

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

@@ -1,59 +1,59 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const stack = "_stack_ixv42_1";
-const row = "_row_ixv42_5";
-const column = "_column_ixv42_9";
-const directionResponsive = "_directionResponsive_ixv42_13";
-const gapXs = "_gap-xs_ixv42_37";
-const gapSm = "_gap-sm_ixv42_41";
-const gapMd = "_gap-md_ixv42_45";
-const gapLg = "_gap-lg_ixv42_49";
-const gapXl = "_gap-xl_ixv42_53";
-const gapResponsive = "_gapResponsive_ixv42_57";
-const alignStart = "_align-start_ixv42_81";
-const alignCenter = "_align-center_ixv42_85";
-const alignEnd = "_align-end_ixv42_89";
-const alignStretch = "_align-stretch_ixv42_93";
-const alignBaseline = "_align-baseline_ixv42_97";
-const justifyStart = "_justify-start_ixv42_101";
-const justifyCenter = "_justify-center_ixv42_105";
-const justifyEnd = "_justify-end_ixv42_109";
-const justifyBetween = "_justify-between_ixv42_113";
-const wrap = "_wrap_ixv42_117";
-const separator = "_separator_ixv42_121";
+const stack = "_stack_1otmq_1";
+const row = "_row_1otmq_5";
+const column = "_column_1otmq_9";
+const directionResponsive = "_directionResponsive_1otmq_13";
+const gapXs = "_gap-xs_1otmq_37";
+const gapSm = "_gap-sm_1otmq_41";
+const gapMd = "_gap-md_1otmq_45";
+const gapLg = "_gap-lg_1otmq_49";
+const gapXl = "_gap-xl_1otmq_53";
+const gapResponsive = "_gapResponsive_1otmq_57";
+const alignStart = "_align-start_1otmq_81";
+const alignCenter = "_align-center_1otmq_85";
+const alignEnd = "_align-end_1otmq_89";
+const alignStretch = "_align-stretch_1otmq_93";
+const alignBaseline = "_align-baseline_1otmq_97";
+const justifyStart = "_justify-start_1otmq_101";
+const justifyCenter = "_justify-center_1otmq_105";
+const justifyEnd = "_justify-end_1otmq_109";
+const justifyBetween = "_justify-between_1otmq_113";
+const wrap = "_wrap_1otmq_117";
+const separator = "_separator_1otmq_121";
 const styles = {
   stack,
   row,
   column,
   directionResponsive,
-  "gap-xs": "_gap-xs_ixv42_37",
+  "gap-xs": "_gap-xs_1otmq_37",
   gapXs,
-  "gap-sm": "_gap-sm_ixv42_41",
+  "gap-sm": "_gap-sm_1otmq_41",
   gapSm,
-  "gap-md": "_gap-md_ixv42_45",
+  "gap-md": "_gap-md_1otmq_45",
   gapMd,
-  "gap-lg": "_gap-lg_ixv42_49",
+  "gap-lg": "_gap-lg_1otmq_49",
   gapLg,
-  "gap-xl": "_gap-xl_ixv42_53",
+  "gap-xl": "_gap-xl_1otmq_53",
   gapXl,
   gapResponsive,
-  "align-start": "_align-start_ixv42_81",
+  "align-start": "_align-start_1otmq_81",
   alignStart,
-  "align-center": "_align-center_ixv42_85",
+  "align-center": "_align-center_1otmq_85",
   alignCenter,
-  "align-end": "_align-end_ixv42_89",
+  "align-end": "_align-end_1otmq_89",
   alignEnd,
-  "align-stretch": "_align-stretch_ixv42_93",
+  "align-stretch": "_align-stretch_1otmq_93",
   alignStretch,
-  "align-baseline": "_align-baseline_ixv42_97",
+  "align-baseline": "_align-baseline_1otmq_97",
   alignBaseline,
-  "justify-start": "_justify-start_ixv42_101",
+  "justify-start": "_justify-start_1otmq_101",
   justifyStart,
-  "justify-center": "_justify-center_ixv42_105",
+  "justify-center": "_justify-center_1otmq_105",
   justifyCenter,
-  "justify-end": "_justify-end_ixv42_109",
+  "justify-end": "_justify-end_1otmq_109",
   justifyEnd,
-  "justify-between": "_justify-between_ixv42_113",
+  "justify-between": "_justify-between_1otmq_113",
   justifyBetween,
   wrap,
   separator

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

@@ -1,57 +1,57 @@
-const stack = "_stack_ixv42_1";
-const row = "_row_ixv42_5";
-const column = "_column_ixv42_9";
-const directionResponsive = "_directionResponsive_ixv42_13";
-const gapXs = "_gap-xs_ixv42_37";
-const gapSm = "_gap-sm_ixv42_41";
-const gapMd = "_gap-md_ixv42_45";
-const gapLg = "_gap-lg_ixv42_49";
-const gapXl = "_gap-xl_ixv42_53";
-const gapResponsive = "_gapResponsive_ixv42_57";
-const alignStart = "_align-start_ixv42_81";
-const alignCenter = "_align-center_ixv42_85";
-const alignEnd = "_align-end_ixv42_89";
-const alignStretch = "_align-stretch_ixv42_93";
-const alignBaseline = "_align-baseline_ixv42_97";
-const justifyStart = "_justify-start_ixv42_101";
-const justifyCenter = "_justify-center_ixv42_105";
-const justifyEnd = "_justify-end_ixv42_109";
-const justifyBetween = "_justify-between_ixv42_113";
-const wrap = "_wrap_ixv42_117";
-const separator = "_separator_ixv42_121";
+const stack = "_stack_1otmq_1";
+const row = "_row_1otmq_5";
+const column = "_column_1otmq_9";
+const directionResponsive = "_directionResponsive_1otmq_13";
+const gapXs = "_gap-xs_1otmq_37";
+const gapSm = "_gap-sm_1otmq_41";
+const gapMd = "_gap-md_1otmq_45";
+const gapLg = "_gap-lg_1otmq_49";
+const gapXl = "_gap-xl_1otmq_53";
+const gapResponsive = "_gapResponsive_1otmq_57";
+const alignStart = "_align-start_1otmq_81";
+const alignCenter = "_align-center_1otmq_85";
+const alignEnd = "_align-end_1otmq_89";
+const alignStretch = "_align-stretch_1otmq_93";
+const alignBaseline = "_align-baseline_1otmq_97";
+const justifyStart = "_justify-start_1otmq_101";
+const justifyCenter = "_justify-center_1otmq_105";
+const justifyEnd = "_justify-end_1otmq_109";
+const justifyBetween = "_justify-between_1otmq_113";
+const wrap = "_wrap_1otmq_117";
+const separator = "_separator_1otmq_121";
 const styles = {
   stack,
   row,
   column,
   directionResponsive,
-  "gap-xs": "_gap-xs_ixv42_37",
+  "gap-xs": "_gap-xs_1otmq_37",
   gapXs,
-  "gap-sm": "_gap-sm_ixv42_41",
+  "gap-sm": "_gap-sm_1otmq_41",
   gapSm,
-  "gap-md": "_gap-md_ixv42_45",
+  "gap-md": "_gap-md_1otmq_45",
   gapMd,
-  "gap-lg": "_gap-lg_ixv42_49",
+  "gap-lg": "_gap-lg_1otmq_49",
   gapLg,
-  "gap-xl": "_gap-xl_ixv42_53",
+  "gap-xl": "_gap-xl_1otmq_53",
   gapXl,
   gapResponsive,
-  "align-start": "_align-start_ixv42_81",
+  "align-start": "_align-start_1otmq_81",
   alignStart,
-  "align-center": "_align-center_ixv42_85",
+  "align-center": "_align-center_1otmq_85",
   alignCenter,
-  "align-end": "_align-end_ixv42_89",
+  "align-end": "_align-end_1otmq_89",
   alignEnd,
-  "align-stretch": "_align-stretch_ixv42_93",
+  "align-stretch": "_align-stretch_1otmq_93",
   alignStretch,
-  "align-baseline": "_align-baseline_ixv42_97",
+  "align-baseline": "_align-baseline_1otmq_97",
   alignBaseline,
-  "justify-start": "_justify-start_ixv42_101",
+  "justify-start": "_justify-start_1otmq_101",
   justifyStart,
-  "justify-center": "_justify-center_ixv42_105",
+  "justify-center": "_justify-center_1otmq_105",
   justifyCenter,
-  "justify-end": "_justify-end_ixv42_109",
+  "justify-end": "_justify-end_1otmq_109",
   justifyEnd,
-  "justify-between": "_justify-between_ixv42_113",
+  "justify-between": "_justify-between_1otmq_113",
   justifyBetween,
   wrap,
   separator