@marigold/system 11.4.1 → 11.5.0

package/dist/index.d.mts

@@ -124,6 +124,7 @@ type Theme = {
         Body?: ComponentStyleFunction<string, string>;
         Button?: ComponentStyleFunction<string, string>;
         Card?: ComponentStyleFunction<string, string>;
+        CloseButton?: ComponentStyleFunction<string, string>;
         DateField?: Record<'segment' | 'field' | 'action', ComponentStyleFunction<string, string>>;
         Dialog?: Record<'closeButton' | 'container' | 'header' | 'content' | 'actions' | 'title', ComponentStyleFunction<string, string>>;
         Divider?: ComponentStyleFunction<string, string>;
@@ -233,6 +234,7 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
         Body?: ComponentStyleFunction<string, string>;
         Button?: ComponentStyleFunction<string, string>;
         Card?: ComponentStyleFunction<string, string>;
+        CloseButton?: ComponentStyleFunction<string, string>;
         DateField?: Record<"segment" | "field" | "action", ComponentStyleFunction<string, string>>;
         Dialog?: Record<"closeButton" | "container" | "header" | "content" | "actions" | "title", ComponentStyleFunction<string, string>>;
         Divider?: ComponentStyleFunction<string, string>;
@@ -366,6 +368,77 @@ declare const width: {
     '10/12': string;
     '11/12': string;
 };
+declare const maxWidth: {
+    auto: string;
+    full: string;
+    fit: string;
+    min: string;
+    max: string;
+    screen: string;
+    svh: string;
+    lvh: string;
+    dvh: string;
+    px: string;
+    0: string;
+    '0.5': string;
+    1: string;
+    '1.5': string;
+    2: string;
+    '2.5': string;
+    3: string;
+    '3.5': string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+    '1/2': string;
+    '1/3': string;
+    '2/3': string;
+    '1/4': string;
+    '2/4': string;
+    '3/4': string;
+    '1/5': string;
+    '2/5': string;
+    '3/5': string;
+    '1/6': string;
+    '2/6': string;
+    '3/6': string;
+    '4/6': string;
+    '5/6': string;
+    '1/12': string;
+    '2/12': string;
+    '3/12': string;
+    '4/12': string;
+    '5/12': string;
+    '6/12': string;
+    '7/12': string;
+    '8/12': string;
+    '9/12': string;
+    '10/12': string;
+    '11/12': string;
+};
 declare const height: {
     auto: string;
     full: string;
@@ -960,10 +1033,16 @@ type TextAlignProp = {
 };
 type WidthProp = {
     /**
-     * Sets the width of the field. You can see allowed tokens [here](https://tailwindcss.com/docs/width).
+     * Sets the width of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/width).
      */
     width?: keyof typeof width;
 };
+type MaxWidthProp = {
+    /**
+     * Sets the max-width of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/max-width).
+     */
+    maxWidth?: keyof typeof maxWidth;
+};
 type HeightProp = {
     /**
      * Set the height of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/height).
@@ -971,4 +1050,4 @@ type HeightProp = {
     height?: keyof typeof height;
 };
 
-export { type AlignmentProp, type AspectProp, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type HeightProp, type NestedStringObject, NumericFormat, type ObjectFitProp, type ObjectPositionProp, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type Theme, type ThemeComponent, type ThemeComponentParts, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, ensureCssVar, extendTheme, fontWeight, gapSpace, get, height, isValidCssCustomPropertyName, objectFit, objectPosition, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
+export { type AlignmentProp, type AspectProp, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type HeightProp, type MaxWidthProp, type NestedStringObject, NumericFormat, type ObjectFitProp, type ObjectPositionProp, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type Theme, type ThemeComponent, type ThemeComponentParts, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, ensureCssVar, extendTheme, fontWeight, gapSpace, get, height, isValidCssCustomPropertyName, maxWidth, objectFit, objectPosition, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };

package/dist/index.d.ts

@@ -124,6 +124,7 @@ type Theme = {
         Body?: ComponentStyleFunction<string, string>;
         Button?: ComponentStyleFunction<string, string>;
         Card?: ComponentStyleFunction<string, string>;
+        CloseButton?: ComponentStyleFunction<string, string>;
         DateField?: Record<'segment' | 'field' | 'action', ComponentStyleFunction<string, string>>;
         Dialog?: Record<'closeButton' | 'container' | 'header' | 'content' | 'actions' | 'title', ComponentStyleFunction<string, string>>;
         Divider?: ComponentStyleFunction<string, string>;
@@ -233,6 +234,7 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
         Body?: ComponentStyleFunction<string, string>;
         Button?: ComponentStyleFunction<string, string>;
         Card?: ComponentStyleFunction<string, string>;
+        CloseButton?: ComponentStyleFunction<string, string>;
         DateField?: Record<"segment" | "field" | "action", ComponentStyleFunction<string, string>>;
         Dialog?: Record<"closeButton" | "container" | "header" | "content" | "actions" | "title", ComponentStyleFunction<string, string>>;
         Divider?: ComponentStyleFunction<string, string>;
@@ -366,6 +368,77 @@ declare const width: {
     '10/12': string;
     '11/12': string;
 };
+declare const maxWidth: {
+    auto: string;
+    full: string;
+    fit: string;
+    min: string;
+    max: string;
+    screen: string;
+    svh: string;
+    lvh: string;
+    dvh: string;
+    px: string;
+    0: string;
+    '0.5': string;
+    1: string;
+    '1.5': string;
+    2: string;
+    '2.5': string;
+    3: string;
+    '3.5': string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+    '1/2': string;
+    '1/3': string;
+    '2/3': string;
+    '1/4': string;
+    '2/4': string;
+    '3/4': string;
+    '1/5': string;
+    '2/5': string;
+    '3/5': string;
+    '1/6': string;
+    '2/6': string;
+    '3/6': string;
+    '4/6': string;
+    '5/6': string;
+    '1/12': string;
+    '2/12': string;
+    '3/12': string;
+    '4/12': string;
+    '5/12': string;
+    '6/12': string;
+    '7/12': string;
+    '8/12': string;
+    '9/12': string;
+    '10/12': string;
+    '11/12': string;
+};
 declare const height: {
     auto: string;
     full: string;
@@ -960,10 +1033,16 @@ type TextAlignProp = {
 };
 type WidthProp = {
     /**
-     * Sets the width of the field. You can see allowed tokens [here](https://tailwindcss.com/docs/width).
+     * Sets the width of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/width).
      */
     width?: keyof typeof width;
 };
+type MaxWidthProp = {
+    /**
+     * Sets the max-width of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/max-width).
+     */
+    maxWidth?: keyof typeof maxWidth;
+};
 type HeightProp = {
     /**
      * Set the height of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/height).
@@ -971,4 +1050,4 @@ type HeightProp = {
     height?: keyof typeof height;
 };
 
-export { type AlignmentProp, type AspectProp, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type HeightProp, type NestedStringObject, NumericFormat, type ObjectFitProp, type ObjectPositionProp, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type Theme, type ThemeComponent, type ThemeComponentParts, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, ensureCssVar, extendTheme, fontWeight, gapSpace, get, height, isValidCssCustomPropertyName, objectFit, objectPosition, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
+export { type AlignmentProp, type AspectProp, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type HeightProp, type MaxWidthProp, type NestedStringObject, NumericFormat, type ObjectFitProp, type ObjectPositionProp, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type Theme, type ThemeComponent, type ThemeComponentParts, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, ensureCssVar, extendTheme, fontWeight, gapSpace, get, height, isValidCssCustomPropertyName, maxWidth, objectFit, objectPosition, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };

package/dist/index.js

@@ -48,6 +48,7 @@ __export(index_exports, {
   get: () => get,
   height: () => height,
   isValidCssCustomPropertyName: () => isValidCssCustomPropertyName,
+  maxWidth: () => maxWidth,
   objectFit: () => objectFit,
   objectPosition: () => objectPosition,
   paddingBottom: () => paddingBottom,
@@ -413,6 +414,77 @@ var width = {
   "10/12": "w-10/12",
   "11/12": "w-11/12"
 };
+var maxWidth = {
+  auto: "max-w-auto",
+  full: "max-w-full",
+  fit: "max-w-fit",
+  min: "max-w-min",
+  max: "max-w-max",
+  screen: "max-w-screen",
+  svh: "max-w-svh",
+  lvh: "max-w-lvh",
+  dvh: "max-w-dvh",
+  px: "max-w-px",
+  0: "max-w-0",
+  "0.5": "max-w-0.5",
+  1: "max-w-1",
+  "1.5": "max-w-1.5",
+  2: "max-w-2",
+  "2.5": "max-w-2.5",
+  3: "max-w-3",
+  "3.5": "max-w-3.5",
+  4: "max-w-4",
+  5: "max-w-5",
+  6: "max-w-6",
+  7: "max-w-7",
+  8: "max-w-8",
+  9: "max-w-9",
+  10: "max-w-10",
+  11: "max-w-11",
+  12: "max-w-12",
+  14: "max-w-14",
+  16: "max-w-16",
+  20: "max-w-20",
+  24: "max-w-24",
+  28: "max-w-28",
+  32: "max-w-32",
+  36: "max-w-36",
+  40: "max-w-40",
+  44: "max-w-44",
+  48: "max-w-48",
+  52: "max-w-52",
+  56: "max-w-56",
+  60: "max-w-60",
+  64: "max-w-64",
+  72: "max-w-72",
+  80: "max-w-80",
+  96: "max-w-96",
+  "1/2": "max-w-1/2",
+  "1/3": "max-w-1/3",
+  "2/3": "max-w-2/3",
+  "1/4": "max-w-1/4",
+  "2/4": "max-w-2/4",
+  "3/4": "max-w-3/4",
+  "1/5": "max-w-1/5",
+  "2/5": "max-w-2/5",
+  "3/5": "max-w-3/5",
+  "1/6": "max-w-1/6",
+  "2/6": "max-w-2/6",
+  "3/6": "max-w-3/6",
+  "4/6": "max-w-4/6",
+  "5/6": "max-w-5/6",
+  "1/12": "max-w-1/12",
+  "2/12": "max-w-2/12",
+  "3/12": "max-w-3/12",
+  "4/12": "max-w-4/12",
+  "5/12": "max-w-5/12",
+  "6/12": "max-w-6/12",
+  "7/12": "max-w-7/12",
+  "8/12": "max-w-8/12",
+  "9/12": "max-w-9/12",
+  "10/12": "max-w-10/12",
+  "11/12": "max-w-11/12"
+};
 var height = {
   auto: "h-auto",
   full: "h-full",
@@ -914,6 +986,7 @@ var cursorStyle = {
   get,
   height,
   isValidCssCustomPropertyName,
+  maxWidth,
   objectFit,
   objectPosition,
   paddingBottom,

package/dist/index.mjs

@@ -341,6 +341,77 @@ var width = {
   "10/12": "w-10/12",
   "11/12": "w-11/12"
 };
+var maxWidth = {
+  auto: "max-w-auto",
+  full: "max-w-full",
+  fit: "max-w-fit",
+  min: "max-w-min",
+  max: "max-w-max",
+  screen: "max-w-screen",
+  svh: "max-w-svh",
+  lvh: "max-w-lvh",
+  dvh: "max-w-dvh",
+  px: "max-w-px",
+  0: "max-w-0",
+  "0.5": "max-w-0.5",
+  1: "max-w-1",
+  "1.5": "max-w-1.5",
+  2: "max-w-2",
+  "2.5": "max-w-2.5",
+  3: "max-w-3",
+  "3.5": "max-w-3.5",
+  4: "max-w-4",
+  5: "max-w-5",
+  6: "max-w-6",
+  7: "max-w-7",
+  8: "max-w-8",
+  9: "max-w-9",
+  10: "max-w-10",
+  11: "max-w-11",
+  12: "max-w-12",
+  14: "max-w-14",
+  16: "max-w-16",
+  20: "max-w-20",
+  24: "max-w-24",
+  28: "max-w-28",
+  32: "max-w-32",
+  36: "max-w-36",
+  40: "max-w-40",
+  44: "max-w-44",
+  48: "max-w-48",
+  52: "max-w-52",
+  56: "max-w-56",
+  60: "max-w-60",
+  64: "max-w-64",
+  72: "max-w-72",
+  80: "max-w-80",
+  96: "max-w-96",
+  "1/2": "max-w-1/2",
+  "1/3": "max-w-1/3",
+  "2/3": "max-w-2/3",
+  "1/4": "max-w-1/4",
+  "2/4": "max-w-2/4",
+  "3/4": "max-w-3/4",
+  "1/5": "max-w-1/5",
+  "2/5": "max-w-2/5",
+  "3/5": "max-w-3/5",
+  "1/6": "max-w-1/6",
+  "2/6": "max-w-2/6",
+  "3/6": "max-w-3/6",
+  "4/6": "max-w-4/6",
+  "5/6": "max-w-5/6",
+  "1/12": "max-w-1/12",
+  "2/12": "max-w-2/12",
+  "3/12": "max-w-3/12",
+  "4/12": "max-w-4/12",
+  "5/12": "max-w-5/12",
+  "6/12": "max-w-6/12",
+  "7/12": "max-w-7/12",
+  "8/12": "max-w-8/12",
+  "9/12": "max-w-9/12",
+  "10/12": "max-w-10/12",
+  "11/12": "max-w-11/12"
+};
 var height = {
   auto: "h-auto",
   full: "h-full",
@@ -841,6 +912,7 @@ export {
   get,
   height,
   isValidCssCustomPropertyName,
+  maxWidth,
   objectFit,
   objectPosition,
   paddingBottom,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/system",
-  "version": "11.4.1",
+  "version": "11.5.0",
   "description": "Marigold System Library",
   "license": "MIT",
   "keywords": [
@@ -34,7 +34,7 @@
     "directory": "packages/system"
   },
   "dependencies": {
-    "@react-aria/i18n": "3.12.7",
+    "@react-aria/i18n": "3.12.8",
     "class-variance-authority": "0.7.1",
     "deepmerge": "4.3.1",
     "react-fast-compare": "3.2.2",