@alto-avios/alto-ui 3.1.0 → 3.2.0

package/dist/utils/flex/flex.js

@@ -1,77 +1,299 @@
 import { c as cva } from "../../index-Bi3v_EjJ.js";
-import '../../assets/flex.css';const flex = "_flex_12kod_1";
-const flexInline = "_flexInline_12kod_5";
-const flexJustifyContentStart = "_flexJustifyContentStart_12kod_9";
-const flexJustifyContentCenter = "_flexJustifyContentCenter_12kod_13";
-const flexJustifyContentEnd = "_flexJustifyContentEnd_12kod_17";
-const flexJustifyContentSpaceBetween = "_flexJustifyContentSpaceBetween_12kod_21";
-const flexJustifyContentSpaceAround = "_flexJustifyContentSpaceAround_12kod_25";
-const flexJustifyContentSpaceEvenly = "_flexJustifyContentSpaceEvenly_12kod_29";
-const flexWrapWrap = "_flexWrapWrap_12kod_33";
-const flexWrapNowrap = "_flexWrapNowrap_12kod_37";
-const flexGrow1 = "_flexGrow1_12kod_41";
-const flexGrow0 = "_flexGrow0_12kod_45";
-const flexShrink1 = "_flexShrink1_12kod_49";
-const flexShrink0 = "_flexShrink0_12kod_53";
-const flexDirectionRow = "_flexDirectionRow_12kod_57";
-const flexDirectionRowReverse = "_flexDirectionRowReverse_12kod_61";
-const flexDirectionColumn = "_flexDirectionColumn_12kod_65";
-const flexDirectionColumnReverse = "_flexDirectionColumnReverse_12kod_69";
-const flexAlignItemsStart = "_flexAlignItemsStart_12kod_73";
-const flexAlignItemsCenter = "_flexAlignItemsCenter_12kod_77";
-const flexAlignItemsEnd = "_flexAlignItemsEnd_12kod_81";
-const flexAlignItemsStretch = "_flexAlignItemsStretch_12kod_85";
-const flexGap5xs = "_flexGap5xs_12kod_89";
-const flexGap4xs = "_flexGap4xs_12kod_93";
-const flexGap3xs = "_flexGap3xs_12kod_97";
-const flexGap2xs = "_flexGap2xs_12kod_101";
-const flexGapXs = "_flexGapXs_12kod_105";
-const flexGapSm = "_flexGapSm_12kod_109";
-const flexGapMd = "_flexGapMd_12kod_113";
-const flexGapLg = "_flexGapLg_12kod_117";
-const flexGapXl = "_flexGapXl_12kod_121";
-const flexGap2xl = "_flexGap2xl_12kod_125";
-const flexGap3xl = "_flexGap3xl_12kod_129";
-const flexGap4xl = "_flexGap4xl_12kod_133";
-const flexGap5xl = "_flexGap5xl_12kod_137";
-const flexGap6xl = "_flexGap6xl_12kod_141";
+import '../../assets/flex.css';const flex = "_flex_z1fyb_1";
+const flexInline = "_flexInline_z1fyb_5";
+const flexJustifyContentFlexStart = "_flexJustifyContentFlexStart_z1fyb_9";
+const flexJustifyContentStart = "_flexJustifyContentStart_z1fyb_13";
+const flexJustifyContentCenter = "_flexJustifyContentCenter_z1fyb_17";
+const flexJustifyContentFlexEnd = "_flexJustifyContentFlexEnd_z1fyb_21";
+const flexJustifyContentEnd = "_flexJustifyContentEnd_z1fyb_25";
+const flexJustifyContentSpaceBetween = "_flexJustifyContentSpaceBetween_z1fyb_29";
+const flexJustifyContentSpaceAround = "_flexJustifyContentSpaceAround_z1fyb_33";
+const flexJustifyContentSpaceEvenly = "_flexJustifyContentSpaceEvenly_z1fyb_37";
+const flexJustifyContentLeft = "_flexJustifyContentLeft_z1fyb_41";
+const flexJustifyContentRight = "_flexJustifyContentRight_z1fyb_45";
+const flexJustifyContentNormal = "_flexJustifyContentNormal_z1fyb_49";
+const flexJustifyContentStretch = "_flexJustifyContentStretch_z1fyb_53";
+const flexJustifyContentInherit = "_flexJustifyContentInherit_z1fyb_57";
+const flexJustifyContentInitial = "_flexJustifyContentInitial_z1fyb_61";
+const flexJustifyContentRevert = "_flexJustifyContentRevert_z1fyb_65";
+const flexJustifyContentRevertLayer = "_flexJustifyContentRevertLayer_z1fyb_69";
+const flexJustifyContentUnset = "_flexJustifyContentUnset_z1fyb_73";
+const flexAlignItemsFlexStart = "_flexAlignItemsFlexStart_z1fyb_77";
+const flexAlignItemsStart = "_flexAlignItemsStart_z1fyb_81";
+const flexAlignItemsCenter = "_flexAlignItemsCenter_z1fyb_85";
+const flexAlignItemsFlexEnd = "_flexAlignItemsFlexEnd_z1fyb_89";
+const flexAlignItemsEnd = "_flexAlignItemsEnd_z1fyb_93";
+const flexAlignItemsStretch = "_flexAlignItemsStretch_z1fyb_97";
+const flexAlignItemsSelfStart = "_flexAlignItemsSelfStart_z1fyb_101";
+const flexAlignItemsSelfEnd = "_flexAlignItemsSelfEnd_z1fyb_105";
+const flexAlignItemsSelfCenter = "_flexAlignItemsSelfCenter_z1fyb_109";
+const flexAlignItemsSelfFlexStart = "_flexAlignItemsSelfFlexStart_z1fyb_113";
+const flexAlignItemsSelfFlexEnd = "_flexAlignItemsSelfFlexEnd_z1fyb_117";
+const flexAlignItemsSelfSelfStart = "_flexAlignItemsSelfSelfStart_z1fyb_121";
+const flexAlignItemsSelfSelfEnd = "_flexAlignItemsSelfSelfEnd_z1fyb_125";
+const flexAlignItemsSelfBaseline = "_flexAlignItemsSelfBaseline_z1fyb_129";
+const flexAlignItemsSelfStretch = "_flexAlignItemsSelfStretch_z1fyb_133";
+const flexAlignItemsSelfInherit = "_flexAlignItemsSelfInherit_z1fyb_137";
+const flexAlignItemsSelfInitial = "_flexAlignItemsSelfInitial_z1fyb_141";
+const flexAlignItemsSelfRevert = "_flexAlignItemsSelfRevert_z1fyb_145";
+const flexAlignItemsSelfRevertLayer = "_flexAlignItemsSelfRevertLayer_z1fyb_149";
+const flexAlignItemsSelfUnset = "_flexAlignItemsSelfUnset_z1fyb_153";
+const flexAlignContentNormal = "_flexAlignContentNormal_z1fyb_158";
+const flexAlignContentStart = "_flexAlignContentStart_z1fyb_162";
+const flexAlignContentCenter = "_flexAlignContentCenter_z1fyb_166";
+const flexAlignContentEnd = "_flexAlignContentEnd_z1fyb_170";
+const flexAlignContentFlexStart = "_flexAlignContentFlexStart_z1fyb_174";
+const flexAlignContentFlexEnd = "_flexAlignContentFlexEnd_z1fyb_178";
+const flexAlignContentBaseline = "_flexAlignContentBaseline_z1fyb_182";
+const flexAlignContentFirstBaseline = "_flexAlignContentFirstBaseline_z1fyb_186";
+const flexAlignContentLastBaseline = "_flexAlignContentLastBaseline_z1fyb_190";
+const flexAlignContentSpaceBetween = "_flexAlignContentSpaceBetween_z1fyb_194";
+const flexAlignContentSpaceAround = "_flexAlignContentSpaceAround_z1fyb_198";
+const flexAlignContentSpaceEvenly = "_flexAlignContentSpaceEvenly_z1fyb_202";
+const flexAlignContentStretch = "_flexAlignContentStretch_z1fyb_206";
+const flexAlignContentSafeCenter = "_flexAlignContentSafeCenter_z1fyb_210";
+const flexAlignContentUnsafeCenter = "_flexAlignContentUnsafeCenter_z1fyb_214";
+const flexAlignContentInherit = "_flexAlignContentInherit_z1fyb_218";
+const flexAlignContentInitial = "_flexAlignContentInitial_z1fyb_222";
+const flexAlignContentRevert = "_flexAlignContentRevert_z1fyb_226";
+const flexAlignContentRevertLayer = "_flexAlignContentRevertLayer_z1fyb_230";
+const flexAlignContentUnset = "_flexAlignContentUnset_z1fyb_234";
+const flexWrapWrap = "_flexWrapWrap_z1fyb_238";
+const flexWrapNowrap = "_flexWrapNowrap_z1fyb_242";
+const flexWrapWrapReverse = "_flexWrapWrapReverse_z1fyb_246";
+const flexGrow1 = "_flexGrow1_z1fyb_250";
+const flexGrow0 = "_flexGrow0_z1fyb_254";
+const flexGrowInherit = "_flexGrowInherit_z1fyb_258";
+const flexGrowInitial = "_flexGrowInitial_z1fyb_262";
+const flexGrowRevert = "_flexGrowRevert_z1fyb_266";
+const flexGrowRevertLayer = "_flexGrowRevertLayer_z1fyb_270";
+const flexGrowUnset = "_flexGrowUnset_z1fyb_274";
+const flexShrink1 = "_flexShrink1_z1fyb_278";
+const flexShrink0 = "_flexShrink0_z1fyb_282";
+const flexShrinkInherit = "_flexShrinkInherit_z1fyb_286";
+const flexShrinkInitial = "_flexShrinkInitial_z1fyb_290";
+const flexShrinkRevert = "_flexShrinkRevert_z1fyb_294";
+const flexShrinkRevertLayer = "_flexShrinkRevertLayer_z1fyb_298";
+const flexShrinkUnset = "_flexShrinkUnset_z1fyb_302";
+const flexDirectionRow = "_flexDirectionRow_z1fyb_306";
+const flexDirectionRowReverse = "_flexDirectionRowReverse_z1fyb_310";
+const flexDirectionColumn = "_flexDirectionColumn_z1fyb_314";
+const flexDirectionColumnReverse = "_flexDirectionColumnReverse_z1fyb_318";
+const flexGap5xs = "_flexGap5xs_z1fyb_322";
+const flexRowGap5xs = "_flexRowGap5xs_z1fyb_326";
+const flexColumnGap5xs = "_flexColumnGap5xs_z1fyb_330";
+const flexGap4xs = "_flexGap4xs_z1fyb_334";
+const flexRowGap4xs = "_flexRowGap4xs_z1fyb_338";
+const flexColumnGap4xs = "_flexColumnGap4xs_z1fyb_342";
+const flexGap3xs = "_flexGap3xs_z1fyb_346";
+const flexRowGap3xs = "_flexRowGap3xs_z1fyb_350";
+const flexColumnGap3xs = "_flexColumnGap3xs_z1fyb_354";
+const flexGap2xs = "_flexGap2xs_z1fyb_358";
+const flexRowGap2xs = "_flexRowGap2xs_z1fyb_362";
+const flexColumnGap2xs = "_flexColumnGap2xs_z1fyb_366";
+const flexGapXs = "_flexGapXs_z1fyb_370";
+const flexRowGapXs = "_flexRowGapXs_z1fyb_374";
+const flexColumnGapXs = "_flexColumnGapXs_z1fyb_378";
+const flexGapSm = "_flexGapSm_z1fyb_382";
+const flexRowGapSm = "_flexRowGapSm_z1fyb_386";
+const flexColumnGapSm = "_flexColumnGapSm_z1fyb_390";
+const flexGapMd = "_flexGapMd_z1fyb_394";
+const flexRowGapMd = "_flexRowGapMd_z1fyb_398";
+const flexColumnGapMd = "_flexColumnGapMd_z1fyb_402";
+const flexGapLg = "_flexGapLg_z1fyb_406";
+const flexRowGapLg = "_flexRowGapLg_z1fyb_410";
+const flexColumnGapLg = "_flexColumnGapLg_z1fyb_414";
+const flexGapXl = "_flexGapXl_z1fyb_418";
+const flexRowGapXl = "_flexRowGapXl_z1fyb_422";
+const flexColumnGapXl = "_flexColumnGapXl_z1fyb_426";
+const flexGap2xl = "_flexGap2xl_z1fyb_430";
+const flexRowGap2xl = "_flexRowGap2xl_z1fyb_434";
+const flexColumnGap2xl = "_flexColumnGap2xl_z1fyb_438";
+const flexGap3xl = "_flexGap3xl_z1fyb_442";
+const flexRowGap3xl = "_flexRowGap3xl_z1fyb_446";
+const flexColumnGap3xl = "_flexColumnGap3xl_z1fyb_450";
+const flexGap4xl = "_flexGap4xl_z1fyb_454";
+const flexRowGap4xl = "_flexRowGap4xl_z1fyb_458";
+const flexColumnGap4xl = "_flexColumnGap4xl_z1fyb_462";
+const flexGap5xl = "_flexGap5xl_z1fyb_466";
+const flexRowGap5xl = "_flexRowGap5xl_z1fyb_470";
+const flexColumnGap5xl = "_flexColumnGap5xl_z1fyb_474";
+const flexGap6xl = "_flexGap6xl_z1fyb_478";
+const flexRowGap6xl = "_flexRowGap6xl_z1fyb_482";
+const flexColumnGap6xl = "_flexColumnGap6xl_z1fyb_486";
+const flexAlignSelfAuto = "_flexAlignSelfAuto_z1fyb_490";
+const flexAlignSelfNormal = "_flexAlignSelfNormal_z1fyb_494";
+const flexAlignSelfStart = "_flexAlignSelfStart_z1fyb_498";
+const flexAlignSelfEnd = "_flexAlignSelfEnd_z1fyb_502";
+const flexAlignSelfCenter = "_flexAlignSelfCenter_z1fyb_506";
+const flexAlignSelfFlexStart = "_flexAlignSelfFlexStart_z1fyb_510";
+const flexAlignSelfFlexEnd = "_flexAlignSelfFlexEnd_z1fyb_514";
+const flexAlignSelfSelfStart = "_flexAlignSelfSelfStart_z1fyb_518";
+const flexAlignSelfSelfEnd = "_flexAlignSelfSelfEnd_z1fyb_522";
+const flexAlignSelfBaseline = "_flexAlignSelfBaseline_z1fyb_526";
+const flexAlignSelfStretch = "_flexAlignSelfStretch_z1fyb_530";
+const flexAlignSelfInherit = "_flexAlignSelfInherit_z1fyb_534";
+const flexAlignSelfInitial = "_flexAlignSelfInitial_z1fyb_538";
+const flexAlignSelfRevert = "_flexAlignSelfRevert_z1fyb_542";
+const flexAlignSelfRevertLayer = "_flexAlignSelfRevertLayer_z1fyb_546";
+const flexAlignSelfUnset = "_flexAlignSelfUnset_z1fyb_550";
+const flexBasisMaxContent = "_flexBasisMaxContent_z1fyb_555";
+const flexBasisMinContent = "_flexBasisMinContent_z1fyb_559";
+const flexBasisFitContent = "_flexBasisFitContent_z1fyb_563";
+const flexBasisContent = "_flexBasisContent_z1fyb_567";
+const flexBasisInherit = "_flexBasisInherit_z1fyb_571";
+const flexBasisInitial = "_flexBasisInitial_z1fyb_575";
+const flexBasisRevert = "_flexBasisRevert_z1fyb_579";
+const flexBasisRevertLayer = "_flexBasisRevertLayer_z1fyb_583";
+const flexBasisUnset = "_flexBasisUnset_z1fyb_587";
 const styles = {
   flex,
   flexInline,
+  flexJustifyContentFlexStart,
   flexJustifyContentStart,
   flexJustifyContentCenter,
+  flexJustifyContentFlexEnd,
   flexJustifyContentEnd,
   flexJustifyContentSpaceBetween,
   flexJustifyContentSpaceAround,
   flexJustifyContentSpaceEvenly,
+  flexJustifyContentLeft,
+  flexJustifyContentRight,
+  flexJustifyContentNormal,
+  flexJustifyContentStretch,
+  flexJustifyContentInherit,
+  flexJustifyContentInitial,
+  flexJustifyContentRevert,
+  flexJustifyContentRevertLayer,
+  flexJustifyContentUnset,
+  flexAlignItemsFlexStart,
+  flexAlignItemsStart,
+  flexAlignItemsCenter,
+  flexAlignItemsFlexEnd,
+  flexAlignItemsEnd,
+  flexAlignItemsStretch,
+  flexAlignItemsSelfStart,
+  flexAlignItemsSelfEnd,
+  flexAlignItemsSelfCenter,
+  flexAlignItemsSelfFlexStart,
+  flexAlignItemsSelfFlexEnd,
+  flexAlignItemsSelfSelfStart,
+  flexAlignItemsSelfSelfEnd,
+  flexAlignItemsSelfBaseline,
+  flexAlignItemsSelfStretch,
+  flexAlignItemsSelfInherit,
+  flexAlignItemsSelfInitial,
+  flexAlignItemsSelfRevert,
+  flexAlignItemsSelfRevertLayer,
+  flexAlignItemsSelfUnset,
+  flexAlignContentNormal,
+  flexAlignContentStart,
+  flexAlignContentCenter,
+  flexAlignContentEnd,
+  flexAlignContentFlexStart,
+  flexAlignContentFlexEnd,
+  flexAlignContentBaseline,
+  flexAlignContentFirstBaseline,
+  flexAlignContentLastBaseline,
+  flexAlignContentSpaceBetween,
+  flexAlignContentSpaceAround,
+  flexAlignContentSpaceEvenly,
+  flexAlignContentStretch,
+  flexAlignContentSafeCenter,
+  flexAlignContentUnsafeCenter,
+  flexAlignContentInherit,
+  flexAlignContentInitial,
+  flexAlignContentRevert,
+  flexAlignContentRevertLayer,
+  flexAlignContentUnset,
   flexWrapWrap,
   flexWrapNowrap,
+  flexWrapWrapReverse,
   flexGrow1,
   flexGrow0,
+  flexGrowInherit,
+  flexGrowInitial,
+  flexGrowRevert,
+  flexGrowRevertLayer,
+  flexGrowUnset,
   flexShrink1,
   flexShrink0,
+  flexShrinkInherit,
+  flexShrinkInitial,
+  flexShrinkRevert,
+  flexShrinkRevertLayer,
+  flexShrinkUnset,
   flexDirectionRow,
   flexDirectionRowReverse,
   flexDirectionColumn,
   flexDirectionColumnReverse,
-  flexAlignItemsStart,
-  flexAlignItemsCenter,
-  flexAlignItemsEnd,
-  flexAlignItemsStretch,
   flexGap5xs,
+  flexRowGap5xs,
+  flexColumnGap5xs,
   flexGap4xs,
+  flexRowGap4xs,
+  flexColumnGap4xs,
   flexGap3xs,
+  flexRowGap3xs,
+  flexColumnGap3xs,
   flexGap2xs,
+  flexRowGap2xs,
+  flexColumnGap2xs,
   flexGapXs,
+  flexRowGapXs,
+  flexColumnGapXs,
   flexGapSm,
+  flexRowGapSm,
+  flexColumnGapSm,
   flexGapMd,
+  flexRowGapMd,
+  flexColumnGapMd,
   flexGapLg,
+  flexRowGapLg,
+  flexColumnGapLg,
   flexGapXl,
+  flexRowGapXl,
+  flexColumnGapXl,
   flexGap2xl,
+  flexRowGap2xl,
+  flexColumnGap2xl,
   flexGap3xl,
+  flexRowGap3xl,
+  flexColumnGap3xl,
   flexGap4xl,
+  flexRowGap4xl,
+  flexColumnGap4xl,
   flexGap5xl,
-  flexGap6xl
+  flexRowGap5xl,
+  flexColumnGap5xl,
+  flexGap6xl,
+  flexRowGap6xl,
+  flexColumnGap6xl,
+  flexAlignSelfAuto,
+  flexAlignSelfNormal,
+  flexAlignSelfStart,
+  flexAlignSelfEnd,
+  flexAlignSelfCenter,
+  flexAlignSelfFlexStart,
+  flexAlignSelfFlexEnd,
+  flexAlignSelfSelfStart,
+  flexAlignSelfSelfEnd,
+  flexAlignSelfBaseline,
+  flexAlignSelfStretch,
+  flexAlignSelfInherit,
+  flexAlignSelfInitial,
+  flexAlignSelfRevert,
+  flexAlignSelfRevertLayer,
+  flexAlignSelfUnset,
+  flexBasisMaxContent,
+  flexBasisMinContent,
+  flexBasisFitContent,
+  flexBasisContent,
+  flexBasisInherit,
+  flexBasisInitial,
+  flexBasisRevert,
+  flexBasisRevertLayer,
+  flexBasisUnset
 };
 const flexVariants = cva("", {
   variants: {
@@ -79,25 +301,58 @@ const flexVariants = cva("", {
       flex: styles["flex"],
       "inline-flex": styles["flexInline"]
     },
+    alignItems: {
+      start: styles["flexAlignItemsStart"],
+      flexStart: styles["flexAlignItemsFlexStart"],
+      center: styles["flexAlignItemsCenter"],
+      flexEnd: styles["flexAlignItemsFlexEnd"],
+      end: styles["flexAlignItemsEnd"],
+      stretch: styles["flexAlignItemsStretch"],
+      selfStart: styles["flexAlignItemsSelfStart"],
+      selfEnd: styles["flexAlignItemsSelfEnd"],
+      selfCenter: styles["flexAlignItemsSelfCenter"]
+    },
     justifyContent: {
+      flexStart: styles["flexJustifyContentFlexStart"],
       start: styles["flexJustifyContentStart"],
       center: styles["flexJustifyContentCenter"],
+      flexEnd: styles["flexJustifyContentFlexEnd"],
       end: styles["flexJustifyContentEnd"],
       spaceBetween: styles["flexJustifyContentSpaceBetween"],
       spaceAround: styles["flexJustifyContentSpaceAround"],
-      spaceEvenly: styles["flexJustifyContentSpaceEvenly"]
+      spaceEvenly: styles["flexJustifyContentSpaceEvenly"],
+      left: styles["flexJustifyContentLeft"],
+      right: styles["flexJustifyContentRight"],
+      normal: styles["flexJustifyContentNormal"],
+      stretch: styles["flexJustifyContentStretch"],
+      inherit: styles["flexJustifyContentInherit"],
+      initial: styles["flexJustifyContentInitial"],
+      revert: styles["flexJustifyContentRevert"],
+      revertLayer: styles["flexJustifyContentRevertLayer"],
+      unset: styles["flexJustifyContentUnset"]
     },
     flexWrap: {
       wrap: styles["flexWrapWrap"],
-      nowrap: styles["flexWrapNowrap"]
+      nowrap: styles["flexWrapNowrap"],
+      wrapReverse: styles["flexWrapWrapReverse"]
     },
     flexGrow: {
       0: styles["flexGrow0"],
-      1: styles["flexGrow1"]
+      1: styles["flexGrow1"],
+      inherit: styles["flexGrowInherit"],
+      initial: styles["flexGrowInitial"],
+      revert: styles["flexGrowRevert"],
+      revertLayer: styles["flexGrowRevertLayer"],
+      unset: styles["flexGrowUnset"]
     },
     flexShrink: {
       0: styles["flexShrink0"],
-      1: styles["flexShrink1"]
+      1: styles["flexShrink1"],
+      inherit: styles["flexShrinkInherit"],
+      initial: styles["flexShrinkInitial"],
+      revert: styles["flexShrinkRevert"],
+      revertLayer: styles["flexShrinkRevertLayer"],
+      unset: styles["flexShrinkUnset"]
     },
     flexDirection: {
       row: styles["flexDirectionRow"],
@@ -105,11 +360,56 @@ const flexVariants = cva("", {
       column: styles["flexDirectionColumn"],
       "column-reverse": styles["flexDirectionColumnReverse"]
     },
-    alignItems: {
-      start: styles["flexAlignItemsStart"],
-      center: styles["flexAlignItemsCenter"],
-      end: styles["flexAlignItemsEnd"],
-      stretch: styles["flexAlignItemsStretch"]
+    alignSelf: {
+      auto: styles["flexAlignSelfAuto"],
+      normal: styles["flexAlignSelfNormal"],
+      start: styles["flexAlignSelfStart"],
+      end: styles["flexAlignSelfEnd"],
+      center: styles["flexAlignSelfCenter"],
+      flexStart: styles["flexAlignSelfFlexStart"],
+      flexEnd: styles["flexAlignSelfFlexEnd"],
+      selfStart: styles["flexAlignSelfSelfStart"],
+      selfEnd: styles["flexAlignSelfSelfEnd"],
+      baseline: styles["flexAlignSelfBaseline"],
+      stretch: styles["flexAlignSelfStretch"],
+      inherit: styles["flexAlignSelfInherit"],
+      initial: styles["flexAlignSelfInitial"],
+      revert: styles["flexAlignSelfRevert"],
+      revertLayer: styles["flexAlignSelfRevertLayer"],
+      unset: styles["flexAlignSelfUnset"]
+    },
+    alignContent: {
+      normal: styles["flexAlignContentNormal"],
+      start: styles["flexAlignContentStart"],
+      center: styles["flexAlignContentCenter"],
+      end: styles["flexAlignContentEnd"],
+      flexStart: styles["flexAlignContentFlexStart"],
+      flexEnd: styles["flexAlignContentFlexEnd"],
+      baseline: styles["flexAlignContentBaseline"],
+      firstBaseline: styles["flexAlignContentFirstBaseline"],
+      lastBaseline: styles["flexAlignContentLastBaseline"],
+      spaceBetween: styles["flexAlignContentSpaceBetween"],
+      spaceAround: styles["flexAlignContentSpaceAround"],
+      spaceEvenly: styles["flexAlignContentSpaceEvenly"],
+      stretch: styles["flexAlignContentStretch"],
+      safeCenter: styles["flexAlignContentSafeCenter"],
+      unsafeCenter: styles["flexAlignContentUnsafeCenter"],
+      inherit: styles["flexAlignContentInherit"],
+      initial: styles["flexAlignContentInitial"],
+      revert: styles["flexAlignContentRevert"],
+      revertLayer: styles["flexAlignContentRevertLayer"],
+      unset: styles["flexAlignContentUnset"]
+    },
+    flexBasis: {
+      maxContent: styles["flexBasisMaxContent"],
+      minContent: styles["flexBasisMinContent"],
+      fitContent: styles["flexBasisFitContent"],
+      content: styles["flexBasisContent"],
+      inherit: styles["flexBasisInherit"],
+      initial: styles["flexBasisInitial"],
+      revert: styles["flexBasisRevert"],
+      revertLayer: styles["flexBasisRevertLayer"],
+      unset: styles["flexBasisUnset"]
     },
     gap: {
       "5xs": styles["flexGap5xs"],
@@ -126,12 +426,44 @@ const flexVariants = cva("", {
       "4xl": styles["flexGap4xl"],
       "5xl": styles["flexGap5xl"],
       "6xl": styles["flexGap6xl"]
+    },
+    rowGap: {
+      "5xs": styles["flexRowGap5xs"],
+      "4xs": styles["flexRowGap4xs"],
+      "3xs": styles["flexRowGap3xs"],
+      "2xs": styles["flexRowGap2xs"],
+      xs: styles["flexRowGapXs"],
+      sm: styles["flexRowGapSm"],
+      md: styles["flexRowGapMd"],
+      lg: styles["flexRowGapLg"],
+      xl: styles["flexRowGapXl"],
+      "2xl": styles["flexRowGap2xl"],
+      "3xl": styles["flexRowGap3xl"],
+      "4xl": styles["flexRowGap4xl"],
+      "5xl": styles["flexRowGap5xl"],
+      "6xl": styles["flexRowGap6xl"]
+    },
+    columnGap: {
+      "5xs": styles["flexColumnGap5xs"],
+      "4xs": styles["flexColumnGap4xs"],
+      "3xs": styles["flexColumnGap3xs"],
+      "2xs": styles["flexColumnGap2xs"],
+      xs: styles["flexColumnGapXs"],
+      sm: styles["flexColumnGapSm"],
+      md: styles["flexColumnGapMd"],
+      lg: styles["flexColumnGapLg"],
+      xl: styles["flexColumnGapXl"],
+      "2xl": styles["flexColumnGap2xl"],
+      "3xl": styles["flexColumnGap3xl"],
+      "4xl": styles["flexColumnGap4xl"],
+      "5xl": styles["flexColumnGap5xl"],
+      "6xl": styles["flexColumnGap6xl"]
     }
   },
   defaultVariants: {
     display: "flex",
     alignItems: "stretch",
-    justifyContent: "start"
+    justifyContent: "flexStart"
   }
 });
 export {

package/dist/utils/flex/flex.js.map

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

package/dist/utils/flex/flex.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/focus/focusStyles.d.ts

@@ -1,3 +1,3 @@
 export declare const focusStyleVariants: (props?: ({
-    focusStyle?: "white" | "default" | null | undefined;
+    focusStyle?: "default" | "white" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/utils/foregroundColour/foregroundColor.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { InputType } from 'storybook/internal/types';
 export declare const foregroundColorVariants: (props?: ({
-    foregroundColor?: "secondary" | "default" | "accentPrimary" | "accentSecondary" | "accentOnVibrant" | "accentOnVibrantAccent" | "accentOnSubtle" | "accentOnDeep" | "criticalPrimary" | "criticalOnVibrant" | "criticalOnSubtle" | "warningPrimary" | "warningOnVibrant" | "warningOnSubtle" | "cautionPrimary" | "cautionOnVibrant" | "cautionOnSubtle" | "successPrimary" | "successOnVibrant" | "successOnSubtle" | "informationPrimary" | "informationOnVibrant" | "informationOnSubtle" | "inversePrimary" | "inverseOnVibrant" | "inverseOnSubtle" | "whitePrimary" | "whiteOnVibrant" | "whiteOnSubtle" | "disabledPrimary" | "disabledOnVibrant" | "disabledOnSubtle" | "salePrimary" | "saleOnVibrant" | null | undefined;
+    foregroundColor?: "default" | "secondary" | "accentPrimary" | "accentSecondary" | "accentOnVibrant" | "accentOnVibrantAccent" | "accentOnSubtle" | "accentOnDeep" | "criticalPrimary" | "criticalOnVibrant" | "criticalOnSubtle" | "warningPrimary" | "warningOnVibrant" | "warningOnSubtle" | "cautionPrimary" | "cautionOnVibrant" | "cautionOnSubtle" | "successPrimary" | "successOnVibrant" | "successOnSubtle" | "informationPrimary" | "informationOnVibrant" | "informationOnSubtle" | "inversePrimary" | "inverseOnVibrant" | "inverseOnSubtle" | "whitePrimary" | "whiteOnVibrant" | "whiteOnSubtle" | "disabledPrimary" | "disabledOnVibrant" | "disabledOnSubtle" | "salePrimary" | "saleOnVibrant" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ForegroundVariants = VariantProps<typeof foregroundColorVariants>;
 export declare const foregroundColorOptions: ForegroundVariants['foregroundColor'][];

package/dist/utils/position/position.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+import { InputType } from 'storybook/internal/types';
+export declare const positionVariants: (props?: ({
+    position?: "fixed" | "inherit" | "initial" | "revert" | "revertLayer" | "unset" | "absolute" | "static" | "relative" | "sticky" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type PositionVariants = VariantProps<typeof positionVariants>;
+export declare const positionOptions: PositionVariants['position'][];
+export declare const positionArgTypes: Record<string, InputType>;

package/dist/utils/position/position.js

@@ -0,0 +1,57 @@
+import { c as cva } from "../../index-Bi3v_EjJ.js";
+import '../../assets/position.css';const styles = {
+  "position-absolute": "_position-absolute_1wcx5_1",
+  "position-static": "_position-static_1wcx5_5",
+  "position-relative": "_position-relative_1wcx5_9",
+  "position-fixed": "_position-fixed_1wcx5_13",
+  "position-sticky": "_position-sticky_1wcx5_17",
+  "position-inherit": "_position-inherit_1wcx5_22",
+  "position-initial": "_position-initial_1wcx5_26",
+  "position-revert": "_position-revert_1wcx5_30",
+  "position-revert-layer": "_position-revert-layer_1wcx5_34",
+  "position-unset": "_position-unset_1wcx5_38"
+};
+const positionVariants = cva("", {
+  variants: {
+    position: {
+      absolute: styles["positionAbsolute"],
+      static: styles["positionStatic"],
+      relative: styles["positionRelative"],
+      fixed: styles["positionFixed"],
+      sticky: styles["positionSticky"],
+      inherit: styles["positionInherit"],
+      initial: styles["positionInitial"],
+      revert: styles["positionRevert"],
+      revertLayer: styles["positionRevertLayer"],
+      unset: styles["positionUnset"]
+    }
+  },
+  defaultVariants: {
+    position: "static"
+  }
+});
+const positionOptions = [
+  "absolute",
+  "static",
+  "relative",
+  "fixed",
+  "sticky",
+  "inherit",
+  "initial",
+  "revert",
+  "revertLayer",
+  "unset"
+];
+const positionArgTypes = {
+  position: {
+    control: "select",
+    options: positionOptions,
+    defaultValue: "static"
+  }
+};
+export {
+  positionArgTypes,
+  positionOptions,
+  positionVariants
+};
+//# sourceMappingURL=position.js.map

package/dist/utils/position/position.js.map

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

package/dist/utils/position/position.test.d.ts

@@ -0,0 +1 @@
+export {};