@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 +15 -21
- package/dist/index.d.ts +15 -21
- package/package.json +7 -7
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
|
-
*
|
|
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
|
|
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
|
-
*
|
|
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
|
|
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": "
|
|
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.
|
|
27
|
+
"@react-aria/i18n": "3.12.1",
|
|
28
28
|
"class-variance-authority": "0.7.0",
|
|
29
|
-
"deepmerge": "4.
|
|
29
|
+
"deepmerge": "4.3.1",
|
|
30
30
|
"react-fast-compare": "3.2.2",
|
|
31
|
-
"tailwind-merge": "2.
|
|
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.
|
|
40
|
-
"postcss": "8.4.
|
|
39
|
+
"@babel/core": "7.25.2",
|
|
40
|
+
"postcss": "8.4.40",
|
|
41
41
|
"react": "18.3.1",
|
|
42
|
-
"tailwindcss": "3.4.
|
|
42
|
+
"tailwindcss": "3.4.7",
|
|
43
43
|
"tsup": "8.1.0",
|
|
44
44
|
"@marigold/tsconfig": "0.4.0"
|
|
45
45
|
},
|