@alto-avios/alto-ui 3.0.0 → 3.2.0

package/dist/utils/flex/flex.js

@@ -1,69 +1,299 @@
 import { c as cva } from "../../index-Bi3v_EjJ.js";
-import '../../assets/flex.css';const flex = "_flex_1ug5y_1";
-const flexInline = "_flexInline_1ug5y_5";
-const flexJustifyContentStart = "_flexJustifyContentStart_1ug5y_9";
-const flexJustifyContentCenter = "_flexJustifyContentCenter_1ug5y_13";
-const flexJustifyContentEnd = "_flexJustifyContentEnd_1ug5y_17";
-const flexWrapWrap = "_flexWrapWrap_1ug5y_21";
-const flexWrapNowrap = "_flexWrapNowrap_1ug5y_25";
-const flexGrow1 = "_flexGrow1_1ug5y_29";
-const flexGrow0 = "_flexGrow0_1ug5y_33";
-const flexShrink1 = "_flexShrink1_1ug5y_37";
-const flexShrink0 = "_flexShrink0_1ug5y_41";
-const flexDirectionRow = "_flexDirectionRow_1ug5y_45";
-const flexDirectionRowReverse = "_flexDirectionRowReverse_1ug5y_49";
-const flexDirectionColumn = "_flexDirectionColumn_1ug5y_53";
-const flexDirectionColumnReverse = "_flexDirectionColumnReverse_1ug5y_57";
-const flexAlignItemsStart = "_flexAlignItemsStart_1ug5y_61";
-const flexAlignItemsCenter = "_flexAlignItemsCenter_1ug5y_65";
-const flexAlignItemsEnd = "_flexAlignItemsEnd_1ug5y_69";
-const flexGap5xs = "_flexGap5xs_1ug5y_73";
-const flexGap4xs = "_flexGap4xs_1ug5y_77";
-const flexGap3xs = "_flexGap3xs_1ug5y_81";
-const flexGap2xs = "_flexGap2xs_1ug5y_85";
-const flexGapXs = "_flexGapXs_1ug5y_89";
-const flexGapSm = "_flexGapSm_1ug5y_93";
-const flexGapMd = "_flexGapMd_1ug5y_97";
-const flexGapLg = "_flexGapLg_1ug5y_101";
-const flexGapXl = "_flexGapXl_1ug5y_105";
-const flexGap2xl = "_flexGap2xl_1ug5y_109";
-const flexGap3xl = "_flexGap3xl_1ug5y_113";
-const flexGap4xl = "_flexGap4xl_1ug5y_117";
-const flexGap5xl = "_flexGap5xl_1ug5y_121";
-const flexGap6xl = "_flexGap6xl_1ug5y_125";
+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,
   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: {
@@ -71,22 +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"],
-      end: styles["flexJustifyContentEnd"]
+      flexEnd: styles["flexJustifyContentFlexEnd"],
+      end: styles["flexJustifyContentEnd"],
+      spaceBetween: styles["flexJustifyContentSpaceBetween"],
+      spaceAround: styles["flexJustifyContentSpaceAround"],
+      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"],
@@ -94,10 +360,56 @@ const flexVariants = cva("", {
       column: styles["flexDirectionColumn"],
       "column-reverse": styles["flexDirectionColumnReverse"]
     },
-    alignItems: {
-      start: styles["flexAlignItemsStart"],
-      center: styles["flexAlignItemsCenter"],
-      end: styles["flexAlignItemsEnd"]
+    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"],
@@ -114,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: "start",
-    justifyContent: "start"
+    alignItems: "stretch",
+    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

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+import { InputType } from 'storybook/internal/types';
+export declare const foregroundColorVariants: (props?: ({
+    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'][];
+export declare const foregroundColorArgTypes: Record<string, InputType>;

package/dist/utils/foregroundColour/foregroundColor.js

@@ -0,0 +1,125 @@
+import { c as cva } from "../../index-Bi3v_EjJ.js";
+import '../../assets/foregroundColor.css';const styles = {
+  "foregroundColor-primary": "_foregroundColor-primary_6k06r_1",
+  "foregroundColor-secondary": "_foregroundColor-secondary_6k06r_5",
+  "foregroundColor-accent-primary": "_foregroundColor-accent-primary_6k06r_9",
+  "foregroundColor-accent-secondary": "_foregroundColor-accent-secondary_6k06r_13",
+  "foregroundColor-accent-on-vibrant": "_foregroundColor-accent-on-vibrant_6k06r_17",
+  "foregroundColor-accent-on-vibrant-accent": "_foregroundColor-accent-on-vibrant-accent_6k06r_21",
+  "foregroundColor-accent-on-subtle": "_foregroundColor-accent-on-subtle_6k06r_25",
+  "foregroundColor-accent-on-deep": "_foregroundColor-accent-on-deep_6k06r_29",
+  "foregroundColor-critical-primary": "_foregroundColor-critical-primary_6k06r_33",
+  "foregroundColor-critical-on-vibrant": "_foregroundColor-critical-on-vibrant_6k06r_37",
+  "foregroundColor-critical-on-subtle": "_foregroundColor-critical-on-subtle_6k06r_41",
+  "foregroundColor-warning-primary": "_foregroundColor-warning-primary_6k06r_45",
+  "foregroundColor-warning-on-vibrant": "_foregroundColor-warning-on-vibrant_6k06r_49",
+  "foregroundColor-warning-on-subtle": "_foregroundColor-warning-on-subtle_6k06r_53",
+  "foregroundColor-caution-primary": "_foregroundColor-caution-primary_6k06r_57",
+  "foregroundColor-caution-on-vibrant": "_foregroundColor-caution-on-vibrant_6k06r_61",
+  "foregroundColor-caution-on-subtle": "_foregroundColor-caution-on-subtle_6k06r_65",
+  "foregroundColor-success-primary": "_foregroundColor-success-primary_6k06r_69",
+  "foregroundColor-success-on-vibrant": "_foregroundColor-success-on-vibrant_6k06r_73",
+  "foregroundColor-success-on-subtle": "_foregroundColor-success-on-subtle_6k06r_77",
+  "foregroundColor-information-primary": "_foregroundColor-information-primary_6k06r_81",
+  "foregroundColor-information-on-vibrant": "_foregroundColor-information-on-vibrant_6k06r_85",
+  "foregroundColor-information-on-subtle": "_foregroundColor-information-on-subtle_6k06r_89",
+  "foregroundColor-inverse-primary": "_foregroundColor-inverse-primary_6k06r_93",
+  "foregroundColor-inverse-on-vibrant": "_foregroundColor-inverse-on-vibrant_6k06r_97",
+  "foregroundColor-inverse-on-subtle": "_foregroundColor-inverse-on-subtle_6k06r_101",
+  "foregroundColor-white-primary": "_foregroundColor-white-primary_6k06r_105",
+  "foregroundColor-white-on-vibrant": "_foregroundColor-white-on-vibrant_6k06r_109",
+  "foregroundColor-white-on-subtle": "_foregroundColor-white-on-subtle_6k06r_113",
+  "foregroundColor-disabled-primary": "_foregroundColor-disabled-primary_6k06r_117",
+  "foregroundColor-disabled-on-vibrant": "_foregroundColor-disabled-on-vibrant_6k06r_121",
+  "foregroundColor-disabled-on-subtle": "_foregroundColor-disabled-on-subtle_6k06r_125",
+  "foregroundColor-sale-primary": "_foregroundColor-sale-primary_6k06r_129",
+  "foregroundColor-sale-on-vibrant": "_foregroundColor-sale-on-vibrant_6k06r_133"
+};
+const foregroundColorVariants = cva("", {
+  variants: {
+    foregroundColor: {
+      default: styles["foregroundColor-primary"],
+      secondary: styles["foregroundColor-secondary"],
+      accentPrimary: styles["foregroundColor-accent-primary"],
+      accentSecondary: styles["foregroundColor-accent-secondary"],
+      accentOnVibrant: styles["foregroundColor-accent-on-vibrant"],
+      accentOnVibrantAccent: styles["foregroundColor-accent-on-vibrant-accent"],
+      accentOnSubtle: styles["foregroundColor-accent-on-subtle"],
+      accentOnDeep: styles["foregroundColor-accent-on-deep"],
+      criticalPrimary: styles["foregroundColor-critical-primary"],
+      criticalOnVibrant: styles["foregroundColor-critical-on-vibrant"],
+      criticalOnSubtle: styles["foregroundColor-critical-on-subtle"],
+      warningPrimary: styles["foregroundColor-warning-primary"],
+      warningOnVibrant: styles["foregroundColor-warning-on-vibrant"],
+      warningOnSubtle: styles["foregroundColor-warning-on-subtle"],
+      cautionPrimary: styles["foregroundColor-caution-primary"],
+      cautionOnVibrant: styles["foregroundColor-caution-on-vibrant"],
+      cautionOnSubtle: styles["foregroundColor-caution-on-subtle"],
+      successPrimary: styles["foregroundColor-success-primary"],
+      successOnVibrant: styles["foregroundColor-success-on-vibrant"],
+      successOnSubtle: styles["foregroundColor-success-on-subtle"],
+      informationPrimary: styles["foregroundColor-information-primary"],
+      informationOnVibrant: styles["foregroundColor-information-on-vibrant"],
+      informationOnSubtle: styles["foregroundColor-information-on-subtle"],
+      inversePrimary: styles["foregroundColor-inverse-primary"],
+      inverseOnVibrant: styles["foregroundColor-inverse-on-vibrant"],
+      inverseOnSubtle: styles["foregroundColor-inverse-on-subtle"],
+      whitePrimary: styles["foregroundColor-white-primary"],
+      whiteOnVibrant: styles["foregroundColor-white-on-vibrant"],
+      whiteOnSubtle: styles["foregroundColor-white-on-subtle"],
+      disabledPrimary: styles["foregroundColor-disabled-primary"],
+      disabledOnVibrant: styles["foregroundColor-disabled-on-vibrant"],
+      disabledOnSubtle: styles["foregroundColor-disabled-on-subtle"],
+      salePrimary: styles["foregroundColor-sale-primary"],
+      saleOnVibrant: styles["foregroundColor-sale-on-vibrant"]
+    }
+  }
+});
+const foregroundColorOptions = [
+  "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"
+];
+const foregroundColorArgTypes = {
+  foregroundColor: {
+    control: "select",
+    options: foregroundColorOptions,
+    defaultValue: "transparent"
+  }
+};
+export {
+  foregroundColorArgTypes,
+  foregroundColorOptions,
+  foregroundColorVariants
+};
+//# sourceMappingURL=foregroundColor.js.map

package/dist/utils/foregroundColour/foregroundColor.js.map

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