@marigold/system 9.0.0 → 9.0.2

package/dist/index.d.mts

@@ -740,13 +740,11 @@ declare const paddingBottom: {
 declare const alignment: {
     vertical: {
         alignmentX: {
-            none: undefined;
             left: string;
             center: string;
             right: string;
         };
         alignmentY: {
-            none: undefined;
             top: string;
             center: string;
             bottom: string;
@@ -754,13 +752,11 @@ declare const alignment: {
     };
     horizontal: {
         alignmentY: {
-            none: undefined;
             top: string;
             center: string;
             bottom: string;
         };
         alignmentX: {
-            none: undefined;
             left: string;
             center: string;
             right: string;
@@ -860,7 +856,7 @@ type AlignmentProp = {
 };
 type CursorProp = {
     /**
-     * Set the cursor for the element.
+     * Set the cursor for the element. You can see allowed tokens [here](https://tailwindcss.com/docs/cursor).
      */
     cursor?: keyof typeof cursorStyle;
 };
@@ -872,13 +868,13 @@ type FontStyleProp = {
 };
 type FontWeightProp = {
     /**
-     * Set the font weight for the text element.
+     * Set the font weight for the text element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#typography).
      */
     weight?: keyof typeof fontWeight;
 };
 type FontSizeProp = {
     /**
-     * Set the font size for the text element.
+     * Set the font size for the text element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#typography).
      */
     fontSize?: keyof typeof textSize;
 };
@@ -888,15 +884,9 @@ type GridColsAlignProp = {
      */
     align?: keyof typeof gridColsAlign;
 };
-type GridColumn = {
-    /**
-     * Set the alignment of a grid column.
-     */
-    align?: keyof typeof gridColumn;
-};
 type GapSpaceProp = {
     /**
-     * The space between the children.
+     * The space between the children. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
      */
     space?: keyof typeof gapSpace;
 };
@@ -908,49 +898,49 @@ type ObjectFitProp = {
 };
 type ObjectPositionProp = {
     /**
-     * Set the object-position property for the element.
+     * Set the object-position property for the element. You can see allowed tokens [here](https://tailwindcss.com/docs/object-position).
      */
     position?: keyof typeof objectPosition;
 };
 type PaddingSpaceProp = {
     /**
-     * Set the padding space for the element.
+     * Set the padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
      */
     space?: keyof typeof paddingSpace;
 };
 type PaddingSpacePropX = {
     /**
-     * Set the horizontal padding space for the element.
+     * Set the horizontal padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
      */
     spaceX?: keyof typeof paddingSpaceX;
 };
 type PaddingSpacePropY = {
     /**
-     * Set the vertical padding space for the element.
+     * Set the vertical padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
      */
     spaceY?: keyof typeof paddingSpaceY;
 };
 type PaddingRightProp = {
     /**
-     * Set the right padding for the element.
+     * Set the right padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
      */
     pr?: keyof typeof paddingRight;
 };
 type PaddingLeftProp = {
     /**
-     * Set the left padding for the element.
+     * Set the left padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
      */
     pl?: keyof typeof paddingLeft;
 };
 type PaddingTopProp = {
     /**
-     * Set the top padding for the element.
+     * Set the top padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
      */
     pt?: keyof typeof paddingTop;
 };
 type PaddingBottomProp = {
     /**
-     * Set the bottom padding for the element.
+     * Set the bottom padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
      */
     pb?: keyof typeof paddingBottom;
 };
@@ -968,15 +958,15 @@ type TextAlignProp = {
 };
 type WidthProp = {
     /**
-     * Set the width of the element.
+     * Sets the width of the field. You can see allowed tokens [here](https://tailwindcss.com/docs/width).
      */
     width?: keyof typeof width;
 };
 type HeightProp = {
     /**
-     * Set the height of the element.
+     * Set the height of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/height).
      */
     height?: keyof typeof height;
 };
 
-export { type AlignmentProp, type AspectProp, type ClassArray, type ClassDictionary, type ClassValue, 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 GridColsAlignProp, type GridColumn, 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, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, extendTheme, fontWeight, gapSpace, get, getColor, gridColsAlign, gridColumn, height, isObject, 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 ClassArray, type ClassDictionary, type ClassValue, 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 GridColsAlignProp, 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, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, extendTheme, fontWeight, gapSpace, get, getColor, gridColsAlign, gridColumn, height, isObject, objectFit, objectPosition, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };

package/dist/index.d.ts

@@ -740,13 +740,11 @@ declare const paddingBottom: {
 declare const alignment: {
     vertical: {
         alignmentX: {
-            none: undefined;
             left: string;
             center: string;
             right: string;
         };
         alignmentY: {
-            none: undefined;
             top: string;
             center: string;
             bottom: string;
@@ -754,13 +752,11 @@ declare const alignment: {
     };
     horizontal: {
         alignmentY: {
-            none: undefined;
             top: string;
             center: string;
             bottom: string;
         };
         alignmentX: {
-            none: undefined;
             left: string;
             center: string;
             right: string;
@@ -860,7 +856,7 @@ type AlignmentProp = {
 };
 type CursorProp = {
     /**
-     * Set the cursor for the element.
+     * Set the cursor for the element. You can see allowed tokens [here](https://tailwindcss.com/docs/cursor).
      */
     cursor?: keyof typeof cursorStyle;
 };
@@ -872,13 +868,13 @@ type FontStyleProp = {
 };
 type FontWeightProp = {
     /**
-     * Set the font weight for the text element.
+     * Set the font weight for the text element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#typography).
      */
     weight?: keyof typeof fontWeight;
 };
 type FontSizeProp = {
     /**
-     * Set the font size for the text element.
+     * Set the font size for the text element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#typography).
      */
     fontSize?: keyof typeof textSize;
 };
@@ -888,15 +884,9 @@ type GridColsAlignProp = {
      */
     align?: keyof typeof gridColsAlign;
 };
-type GridColumn = {
-    /**
-     * Set the alignment of a grid column.
-     */
-    align?: keyof typeof gridColumn;
-};
 type GapSpaceProp = {
     /**
-     * The space between the children.
+     * The space between the children. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
      */
     space?: keyof typeof gapSpace;
 };
@@ -908,49 +898,49 @@ type ObjectFitProp = {
 };
 type ObjectPositionProp = {
     /**
-     * Set the object-position property for the element.
+     * Set the object-position property for the element. You can see allowed tokens [here](https://tailwindcss.com/docs/object-position).
      */
     position?: keyof typeof objectPosition;
 };
 type PaddingSpaceProp = {
     /**
-     * Set the padding space for the element.
+     * Set the padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
      */
     space?: keyof typeof paddingSpace;
 };
 type PaddingSpacePropX = {
     /**
-     * Set the horizontal padding space for the element.
+     * Set the horizontal padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
      */
     spaceX?: keyof typeof paddingSpaceX;
 };
 type PaddingSpacePropY = {
     /**
-     * Set the vertical padding space for the element.
+     * Set the vertical padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
      */
     spaceY?: keyof typeof paddingSpaceY;
 };
 type PaddingRightProp = {
     /**
-     * Set the right padding for the element.
+     * Set the right padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
      */
     pr?: keyof typeof paddingRight;
 };
 type PaddingLeftProp = {
     /**
-     * Set the left padding for the element.
+     * Set the left padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
      */
     pl?: keyof typeof paddingLeft;
 };
 type PaddingTopProp = {
     /**
-     * Set the top padding for the element.
+     * Set the top padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
      */
     pt?: keyof typeof paddingTop;
 };
 type PaddingBottomProp = {
     /**
-     * Set the bottom padding for the element.
+     * Set the bottom padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
      */
     pb?: keyof typeof paddingBottom;
 };
@@ -968,15 +958,15 @@ type TextAlignProp = {
 };
 type WidthProp = {
     /**
-     * Set the width of the element.
+     * Sets the width of the field. You can see allowed tokens [here](https://tailwindcss.com/docs/width).
      */
     width?: keyof typeof width;
 };
 type HeightProp = {
     /**
-     * Set the height of the element.
+     * Set the height of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/height).
      */
     height?: keyof typeof height;
 };
 
-export { type AlignmentProp, type AspectProp, type ClassArray, type ClassDictionary, type ClassValue, 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 GridColsAlignProp, type GridColumn, 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, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, extendTheme, fontWeight, gapSpace, get, getColor, gridColsAlign, gridColumn, height, isObject, 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 ClassArray, type ClassDictionary, type ClassValue, 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 GridColsAlignProp, 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, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, extendTheme, fontWeight, gapSpace, get, getColor, gridColsAlign, gridColumn, height, isObject, objectFit, objectPosition, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };

package/dist/index.js

@@ -819,13 +819,11 @@ var paddingBottom = {
 var alignment = {
   vertical: {
     alignmentX: {
-      none: void 0,
       left: "items-start",
       center: "items-center",
       right: "items-end"
     },
     alignmentY: {
-      none: void 0,
       top: "justify-start",
       center: "justify-center",
       bottom: "justify-end"
@@ -833,13 +831,11 @@ var alignment = {
   },
   horizontal: {
     alignmentY: {
-      none: void 0,
       top: "items-start",
       center: "items-center",
       bottom: "items-end"
     },
     alignmentX: {
-      none: void 0,
       left: "justify-start",
       center: "justify-center",
       right: "justify-end"

package/dist/index.mjs

@@ -745,13 +745,11 @@ var paddingBottom = {
 var alignment = {
   vertical: {
     alignmentX: {
-      none: void 0,
       left: "items-start",
       center: "items-center",
       right: "items-end"
     },
     alignmentY: {
-      none: void 0,
       top: "justify-start",
       center: "justify-center",
       bottom: "justify-end"
@@ -759,13 +757,11 @@ var alignment = {
   },
   horizontal: {
     alignmentY: {
-      none: void 0,
       top: "items-start",
       center: "items-center",
       bottom: "items-end"
     },
     alignmentX: {
-      none: void 0,
       left: "justify-start",
       center: "justify-center",
       right: "justify-end"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/system",
-  "version": "9.0.0",
+  "version": "9.0.2",
   "description": "Marigold System Library",
   "license": "MIT",
   "keywords": [
@@ -24,11 +24,11 @@
     "directory": "packages/system"
   },
   "dependencies": {
-    "@react-aria/i18n": "3.11.1",
+    "@react-aria/i18n": "3.12.2",
     "class-variance-authority": "0.7.0",
-    "deepmerge": "4.2.2",
+    "deepmerge": "4.3.1",
     "react-fast-compare": "3.2.2",
-    "tailwind-merge": "2.3.0",
+    "tailwind-merge": "2.5.2",
     "@marigold/types": "1.1.1"
   },
   "peerDependencies": {
@@ -36,10 +36,10 @@
     "react-dom": "18.x"
   },
   "devDependencies": {
-    "@babel/core": "7.24.9",
-    "postcss": "8.4.38",
+    "@babel/core": "7.25.2",
+    "postcss": "8.4.45",
     "react": "18.3.1",
-    "tailwindcss": "3.4.4",
+    "tailwindcss": "3.4.10",
     "tsup": "8.1.0",
     "@marigold/tsconfig": "0.4.0"
   },