@marigold/system 8.0.2 → 9.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -860,7 +860,7 @@ type AlignmentProp = {
860
860
  };
861
861
  type CursorProp = {
862
862
  /**
863
- * Set the cursor for the element.
863
+ * Set the cursor for the element. You can see allowed tokens [here](https://tailwindcss.com/docs/cursor).
864
864
  */
865
865
  cursor?: keyof typeof cursorStyle;
866
866
  };
@@ -872,13 +872,13 @@ type FontStyleProp = {
872
872
  };
873
873
  type FontWeightProp = {
874
874
  /**
875
- * Set the font weight for the text element.
875
+ * Set the font weight for the text element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#typography).
876
876
  */
877
877
  weight?: keyof typeof fontWeight;
878
878
  };
879
879
  type FontSizeProp = {
880
880
  /**
881
- * Set the font size for the text element.
881
+ * Set the font size for the text element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#typography).
882
882
  */
883
883
  fontSize?: keyof typeof textSize;
884
884
  };
@@ -888,15 +888,9 @@ type GridColsAlignProp = {
888
888
  */
889
889
  align?: keyof typeof gridColsAlign;
890
890
  };
891
- type GridColumn = {
892
- /**
893
- * Set the alignment of a grid column.
894
- */
895
- align?: keyof typeof gridColumn;
896
- };
897
891
  type GapSpaceProp = {
898
892
  /**
899
- * The space between the children.
893
+ * The space between the children. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
900
894
  */
901
895
  space?: keyof typeof gapSpace;
902
896
  };
@@ -908,49 +902,49 @@ type ObjectFitProp = {
908
902
  };
909
903
  type ObjectPositionProp = {
910
904
  /**
911
- * Set the object-position property for the element.
905
+ * Set the object-position property for the element. You can see allowed tokens [here](https://tailwindcss.com/docs/object-position).
912
906
  */
913
907
  position?: keyof typeof objectPosition;
914
908
  };
915
909
  type PaddingSpaceProp = {
916
910
  /**
917
- * Set the padding space for the element.
911
+ * Set the padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
918
912
  */
919
913
  space?: keyof typeof paddingSpace;
920
914
  };
921
915
  type PaddingSpacePropX = {
922
916
  /**
923
- * Set the horizontal padding space for the element.
917
+ * Set the horizontal padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
924
918
  */
925
919
  spaceX?: keyof typeof paddingSpaceX;
926
920
  };
927
921
  type PaddingSpacePropY = {
928
922
  /**
929
- * Set the vertical padding space for the element.
923
+ * Set the vertical padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
930
924
  */
931
925
  spaceY?: keyof typeof paddingSpaceY;
932
926
  };
933
927
  type PaddingRightProp = {
934
928
  /**
935
- * Set the right padding for the element.
929
+ * Set the right padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
936
930
  */
937
931
  pr?: keyof typeof paddingRight;
938
932
  };
939
933
  type PaddingLeftProp = {
940
934
  /**
941
- * Set the left padding for the element.
935
+ * Set the left padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
942
936
  */
943
937
  pl?: keyof typeof paddingLeft;
944
938
  };
945
939
  type PaddingTopProp = {
946
940
  /**
947
- * Set the top padding for the element.
941
+ * Set the top padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
948
942
  */
949
943
  pt?: keyof typeof paddingTop;
950
944
  };
951
945
  type PaddingBottomProp = {
952
946
  /**
953
- * Set the bottom padding for the element.
947
+ * Set the bottom padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
954
948
  */
955
949
  pb?: keyof typeof paddingBottom;
956
950
  };
@@ -968,15 +962,15 @@ type TextAlignProp = {
968
962
  };
969
963
  type WidthProp = {
970
964
  /**
971
- * Set the width of the element.
965
+ * Sets the width of the field. You can see allowed tokens [here](https://tailwindcss.com/docs/width).
972
966
  */
973
967
  width?: keyof typeof width;
974
968
  };
975
969
  type HeightProp = {
976
970
  /**
977
- * Set the height of the element.
971
+ * Set the height of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/height).
978
972
  */
979
973
  height?: keyof typeof height;
980
974
  };
981
975
 
982
- 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 };
976
+ 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 CHANGED
@@ -860,7 +860,7 @@ type AlignmentProp = {
860
860
  };
861
861
  type CursorProp = {
862
862
  /**
863
- * Set the cursor for the element.
863
+ * Set the cursor for the element. You can see allowed tokens [here](https://tailwindcss.com/docs/cursor).
864
864
  */
865
865
  cursor?: keyof typeof cursorStyle;
866
866
  };
@@ -872,13 +872,13 @@ type FontStyleProp = {
872
872
  };
873
873
  type FontWeightProp = {
874
874
  /**
875
- * Set the font weight for the text element.
875
+ * Set the font weight for the text element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#typography).
876
876
  */
877
877
  weight?: keyof typeof fontWeight;
878
878
  };
879
879
  type FontSizeProp = {
880
880
  /**
881
- * Set the font size for the text element.
881
+ * Set the font size for the text element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#typography).
882
882
  */
883
883
  fontSize?: keyof typeof textSize;
884
884
  };
@@ -888,15 +888,9 @@ type GridColsAlignProp = {
888
888
  */
889
889
  align?: keyof typeof gridColsAlign;
890
890
  };
891
- type GridColumn = {
892
- /**
893
- * Set the alignment of a grid column.
894
- */
895
- align?: keyof typeof gridColumn;
896
- };
897
891
  type GapSpaceProp = {
898
892
  /**
899
- * The space between the children.
893
+ * The space between the children. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
900
894
  */
901
895
  space?: keyof typeof gapSpace;
902
896
  };
@@ -908,49 +902,49 @@ type ObjectFitProp = {
908
902
  };
909
903
  type ObjectPositionProp = {
910
904
  /**
911
- * Set the object-position property for the element.
905
+ * Set the object-position property for the element. You can see allowed tokens [here](https://tailwindcss.com/docs/object-position).
912
906
  */
913
907
  position?: keyof typeof objectPosition;
914
908
  };
915
909
  type PaddingSpaceProp = {
916
910
  /**
917
- * Set the padding space for the element.
911
+ * Set the padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
918
912
  */
919
913
  space?: keyof typeof paddingSpace;
920
914
  };
921
915
  type PaddingSpacePropX = {
922
916
  /**
923
- * Set the horizontal padding space for the element.
917
+ * Set the horizontal padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
924
918
  */
925
919
  spaceX?: keyof typeof paddingSpaceX;
926
920
  };
927
921
  type PaddingSpacePropY = {
928
922
  /**
929
- * Set the vertical padding space for the element.
923
+ * Set the vertical padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
930
924
  */
931
925
  spaceY?: keyof typeof paddingSpaceY;
932
926
  };
933
927
  type PaddingRightProp = {
934
928
  /**
935
- * Set the right padding for the element.
929
+ * Set the right padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
936
930
  */
937
931
  pr?: keyof typeof paddingRight;
938
932
  };
939
933
  type PaddingLeftProp = {
940
934
  /**
941
- * Set the left padding for the element.
935
+ * Set the left padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
942
936
  */
943
937
  pl?: keyof typeof paddingLeft;
944
938
  };
945
939
  type PaddingTopProp = {
946
940
  /**
947
- * Set the top padding for the element.
941
+ * Set the top padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
948
942
  */
949
943
  pt?: keyof typeof paddingTop;
950
944
  };
951
945
  type PaddingBottomProp = {
952
946
  /**
953
- * Set the bottom padding for the element.
947
+ * Set the bottom padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
954
948
  */
955
949
  pb?: keyof typeof paddingBottom;
956
950
  };
@@ -968,15 +962,15 @@ type TextAlignProp = {
968
962
  };
969
963
  type WidthProp = {
970
964
  /**
971
- * Set the width of the element.
965
+ * Sets the width of the field. You can see allowed tokens [here](https://tailwindcss.com/docs/width).
972
966
  */
973
967
  width?: keyof typeof width;
974
968
  };
975
969
  type HeightProp = {
976
970
  /**
977
- * Set the height of the element.
971
+ * Set the height of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/height).
978
972
  */
979
973
  height?: keyof typeof height;
980
974
  };
981
975
 
982
- 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 };
976
+ 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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marigold/system",
3
- "version": "8.0.2",
3
+ "version": "9.0.1",
4
4
  "description": "Marigold System Library",
5
5
  "license": "MIT",
6
6
  "keywords": [
@@ -24,11 +24,11 @@
24
24
  "directory": "packages/system"
25
25
  },
26
26
  "dependencies": {
27
- "@react-aria/i18n": "3.11.1",
27
+ "@react-aria/i18n": "3.12.1",
28
28
  "class-variance-authority": "0.7.0",
29
- "deepmerge": "4.2.2",
29
+ "deepmerge": "4.3.1",
30
30
  "react-fast-compare": "3.2.2",
31
- "tailwind-merge": "2.3.0",
31
+ "tailwind-merge": "2.4.0",
32
32
  "@marigold/types": "1.1.1"
33
33
  },
34
34
  "peerDependencies": {
@@ -36,10 +36,10 @@
36
36
  "react-dom": "18.x"
37
37
  },
38
38
  "devDependencies": {
39
- "@babel/core": "7.24.8",
40
- "postcss": "8.4.38",
39
+ "@babel/core": "7.25.2",
40
+ "postcss": "8.4.40",
41
41
  "react": "18.3.1",
42
- "tailwindcss": "3.4.4",
42
+ "tailwindcss": "3.4.7",
43
43
  "tsup": "8.1.0",
44
44
  "@marigold/tsconfig": "0.4.0"
45
45
  },