@marigold/system 9.0.2 → 10.0.0

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.
Files changed (3) hide show
  1. package/dist/index.d.mts +14 -14
  2. package/dist/index.d.ts +14 -14
  3. package/package.json +7 -7
package/dist/index.d.mts CHANGED
@@ -120,7 +120,7 @@ type Theme = {
120
120
  Button?: ComponentStyleFunction<string, string>;
121
121
  Card?: ComponentStyleFunction<string, string>;
122
122
  DateField?: Record<'segment' | 'field' | 'action', ComponentStyleFunction<string, string>>;
123
- Dialog?: Record<'closeButton' | 'container', ComponentStyleFunction<string, string>>;
123
+ Dialog?: Record<'closeButton' | 'container' | 'header' | 'content' | 'actions', ComponentStyleFunction<string, string>>;
124
124
  Divider?: ComponentStyleFunction<string, string>;
125
125
  Field?: ComponentStyleFunction<string, string>;
126
126
  Footer?: ComponentStyleFunction<string, string>;
@@ -135,7 +135,7 @@ type Theme = {
135
135
  Label?: Record<'container' | 'indicator', ComponentStyleFunction<string, string>>;
136
136
  List?: Record<'ol' | 'ul' | 'item', ComponentStyleFunction<string, string>>;
137
137
  Link?: ComponentStyleFunction<string, string>;
138
- ListBox?: Record<'container' | 'list' | 'option' | 'section' | 'sectionTitle', ComponentStyleFunction<string, string>>;
138
+ ListBox?: Record<'container' | 'list' | 'option' | 'section' | 'header', ComponentStyleFunction<string, string>>;
139
139
  Menu?: Record<'container' | 'section' | 'item', ComponentStyleFunction<string, string>>;
140
140
  Radio?: Record<'container' | 'label' | 'radio' | 'group', ComponentStyleFunction<string, string>>;
141
141
  Slider?: Record<'container' | 'track' | 'thumb' | 'output', ComponentStyleFunction<string, string>>;
@@ -222,7 +222,7 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
222
222
  Button?: ComponentStyleFunction<string, string>;
223
223
  Card?: ComponentStyleFunction<string, string>;
224
224
  DateField?: Record<"segment" | "field" | "action", ComponentStyleFunction<string, string>>;
225
- Dialog?: Record<"closeButton" | "container", ComponentStyleFunction<string, string>>;
225
+ Dialog?: Record<"closeButton" | "container" | "header" | "content" | "actions", ComponentStyleFunction<string, string>>;
226
226
  Divider?: ComponentStyleFunction<string, string>;
227
227
  Field?: ComponentStyleFunction<string, string>;
228
228
  Footer?: ComponentStyleFunction<string, string>;
@@ -237,7 +237,7 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
237
237
  Label?: Record<"container" | "indicator", ComponentStyleFunction<string, string>>;
238
238
  List?: Record<"ol" | "ul" | "item", ComponentStyleFunction<string, string>>;
239
239
  Link?: ComponentStyleFunction<string, string>;
240
- ListBox?: Record<"container" | "list" | "option" | "section" | "sectionTitle", ComponentStyleFunction<string, string>>;
240
+ ListBox?: Record<"container" | "list" | "option" | "section" | "header", ComponentStyleFunction<string, string>>;
241
241
  Menu?: Record<"container" | "section" | "item", ComponentStyleFunction<string, string>>;
242
242
  Radio?: Record<"container" | "label" | "radio" | "group", ComponentStyleFunction<string, string>>;
243
243
  Slider?: Record<"container" | "track" | "thumb" | "output", ComponentStyleFunction<string, string>>;
@@ -868,13 +868,13 @@ type FontStyleProp = {
868
868
  };
869
869
  type FontWeightProp = {
870
870
  /**
871
- * Set the font weight for the text element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#typography).
871
+ * Set the font weight for the text element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#typography).
872
872
  */
873
873
  weight?: keyof typeof fontWeight;
874
874
  };
875
875
  type FontSizeProp = {
876
876
  /**
877
- * Set the font size for the text element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#typography).
877
+ * Set the font size for the text element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#typography).
878
878
  */
879
879
  fontSize?: keyof typeof textSize;
880
880
  };
@@ -886,7 +886,7 @@ type GridColsAlignProp = {
886
886
  };
887
887
  type GapSpaceProp = {
888
888
  /**
889
- * The space between the children. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
889
+ * The space between the children. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
890
890
  */
891
891
  space?: keyof typeof gapSpace;
892
892
  };
@@ -904,43 +904,43 @@ type ObjectPositionProp = {
904
904
  };
905
905
  type PaddingSpaceProp = {
906
906
  /**
907
- * Set the padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
907
+ * Set the padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
908
908
  */
909
909
  space?: keyof typeof paddingSpace;
910
910
  };
911
911
  type PaddingSpacePropX = {
912
912
  /**
913
- * Set the horizontal padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
913
+ * Set the horizontal padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
914
914
  */
915
915
  spaceX?: keyof typeof paddingSpaceX;
916
916
  };
917
917
  type PaddingSpacePropY = {
918
918
  /**
919
- * Set the vertical padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
919
+ * Set the vertical padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
920
920
  */
921
921
  spaceY?: keyof typeof paddingSpaceY;
922
922
  };
923
923
  type PaddingRightProp = {
924
924
  /**
925
- * Set the right padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
925
+ * Set the right padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
926
926
  */
927
927
  pr?: keyof typeof paddingRight;
928
928
  };
929
929
  type PaddingLeftProp = {
930
930
  /**
931
- * Set the left padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
931
+ * Set the left padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
932
932
  */
933
933
  pl?: keyof typeof paddingLeft;
934
934
  };
935
935
  type PaddingTopProp = {
936
936
  /**
937
- * Set the top padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
937
+ * Set the top padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
938
938
  */
939
939
  pt?: keyof typeof paddingTop;
940
940
  };
941
941
  type PaddingBottomProp = {
942
942
  /**
943
- * Set the bottom padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
943
+ * Set the bottom padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
944
944
  */
945
945
  pb?: keyof typeof paddingBottom;
946
946
  };
package/dist/index.d.ts CHANGED
@@ -120,7 +120,7 @@ type Theme = {
120
120
  Button?: ComponentStyleFunction<string, string>;
121
121
  Card?: ComponentStyleFunction<string, string>;
122
122
  DateField?: Record<'segment' | 'field' | 'action', ComponentStyleFunction<string, string>>;
123
- Dialog?: Record<'closeButton' | 'container', ComponentStyleFunction<string, string>>;
123
+ Dialog?: Record<'closeButton' | 'container' | 'header' | 'content' | 'actions', ComponentStyleFunction<string, string>>;
124
124
  Divider?: ComponentStyleFunction<string, string>;
125
125
  Field?: ComponentStyleFunction<string, string>;
126
126
  Footer?: ComponentStyleFunction<string, string>;
@@ -135,7 +135,7 @@ type Theme = {
135
135
  Label?: Record<'container' | 'indicator', ComponentStyleFunction<string, string>>;
136
136
  List?: Record<'ol' | 'ul' | 'item', ComponentStyleFunction<string, string>>;
137
137
  Link?: ComponentStyleFunction<string, string>;
138
- ListBox?: Record<'container' | 'list' | 'option' | 'section' | 'sectionTitle', ComponentStyleFunction<string, string>>;
138
+ ListBox?: Record<'container' | 'list' | 'option' | 'section' | 'header', ComponentStyleFunction<string, string>>;
139
139
  Menu?: Record<'container' | 'section' | 'item', ComponentStyleFunction<string, string>>;
140
140
  Radio?: Record<'container' | 'label' | 'radio' | 'group', ComponentStyleFunction<string, string>>;
141
141
  Slider?: Record<'container' | 'track' | 'thumb' | 'output', ComponentStyleFunction<string, string>>;
@@ -222,7 +222,7 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
222
222
  Button?: ComponentStyleFunction<string, string>;
223
223
  Card?: ComponentStyleFunction<string, string>;
224
224
  DateField?: Record<"segment" | "field" | "action", ComponentStyleFunction<string, string>>;
225
- Dialog?: Record<"closeButton" | "container", ComponentStyleFunction<string, string>>;
225
+ Dialog?: Record<"closeButton" | "container" | "header" | "content" | "actions", ComponentStyleFunction<string, string>>;
226
226
  Divider?: ComponentStyleFunction<string, string>;
227
227
  Field?: ComponentStyleFunction<string, string>;
228
228
  Footer?: ComponentStyleFunction<string, string>;
@@ -237,7 +237,7 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
237
237
  Label?: Record<"container" | "indicator", ComponentStyleFunction<string, string>>;
238
238
  List?: Record<"ol" | "ul" | "item", ComponentStyleFunction<string, string>>;
239
239
  Link?: ComponentStyleFunction<string, string>;
240
- ListBox?: Record<"container" | "list" | "option" | "section" | "sectionTitle", ComponentStyleFunction<string, string>>;
240
+ ListBox?: Record<"container" | "list" | "option" | "section" | "header", ComponentStyleFunction<string, string>>;
241
241
  Menu?: Record<"container" | "section" | "item", ComponentStyleFunction<string, string>>;
242
242
  Radio?: Record<"container" | "label" | "radio" | "group", ComponentStyleFunction<string, string>>;
243
243
  Slider?: Record<"container" | "track" | "thumb" | "output", ComponentStyleFunction<string, string>>;
@@ -868,13 +868,13 @@ type FontStyleProp = {
868
868
  };
869
869
  type FontWeightProp = {
870
870
  /**
871
- * Set the font weight for the text element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#typography).
871
+ * Set the font weight for the text element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#typography).
872
872
  */
873
873
  weight?: keyof typeof fontWeight;
874
874
  };
875
875
  type FontSizeProp = {
876
876
  /**
877
- * Set the font size for the text element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#typography).
877
+ * Set the font size for the text element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#typography).
878
878
  */
879
879
  fontSize?: keyof typeof textSize;
880
880
  };
@@ -886,7 +886,7 @@ type GridColsAlignProp = {
886
886
  };
887
887
  type GapSpaceProp = {
888
888
  /**
889
- * The space between the children. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
889
+ * The space between the children. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
890
890
  */
891
891
  space?: keyof typeof gapSpace;
892
892
  };
@@ -904,43 +904,43 @@ type ObjectPositionProp = {
904
904
  };
905
905
  type PaddingSpaceProp = {
906
906
  /**
907
- * Set the padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
907
+ * Set the padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
908
908
  */
909
909
  space?: keyof typeof paddingSpace;
910
910
  };
911
911
  type PaddingSpacePropX = {
912
912
  /**
913
- * Set the horizontal padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
913
+ * Set the horizontal padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
914
914
  */
915
915
  spaceX?: keyof typeof paddingSpaceX;
916
916
  };
917
917
  type PaddingSpacePropY = {
918
918
  /**
919
- * Set the vertical padding space for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
919
+ * Set the vertical padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
920
920
  */
921
921
  spaceY?: keyof typeof paddingSpaceY;
922
922
  };
923
923
  type PaddingRightProp = {
924
924
  /**
925
- * Set the right padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
925
+ * Set the right padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
926
926
  */
927
927
  pr?: keyof typeof paddingRight;
928
928
  };
929
929
  type PaddingLeftProp = {
930
930
  /**
931
- * Set the left padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
931
+ * Set the left padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
932
932
  */
933
933
  pl?: keyof typeof paddingLeft;
934
934
  };
935
935
  type PaddingTopProp = {
936
936
  /**
937
- * Set the top padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
937
+ * Set the top padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
938
938
  */
939
939
  pt?: keyof typeof paddingTop;
940
940
  };
941
941
  type PaddingBottomProp = {
942
942
  /**
943
- * Set the bottom padding for the element. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
943
+ * Set the bottom padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
944
944
  */
945
945
  pb?: keyof typeof paddingBottom;
946
946
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marigold/system",
3
- "version": "9.0.2",
3
+ "version": "10.0.0",
4
4
  "description": "Marigold System Library",
5
5
  "license": "MIT",
6
6
  "keywords": [
@@ -24,22 +24,22 @@
24
24
  "directory": "packages/system"
25
25
  },
26
26
  "dependencies": {
27
- "@react-aria/i18n": "3.12.2",
27
+ "@react-aria/i18n": "3.12.3",
28
28
  "class-variance-authority": "0.7.0",
29
29
  "deepmerge": "4.3.1",
30
30
  "react-fast-compare": "3.2.2",
31
- "tailwind-merge": "2.5.2",
32
- "@marigold/types": "1.1.1"
31
+ "tailwind-merge": "2.5.4",
32
+ "@marigold/types": "1.2.0"
33
33
  },
34
34
  "peerDependencies": {
35
35
  "react": "18.x",
36
36
  "react-dom": "18.x"
37
37
  },
38
38
  "devDependencies": {
39
- "@babel/core": "7.25.2",
40
- "postcss": "8.4.45",
39
+ "@babel/core": "7.25.8",
40
+ "postcss": "8.4.47",
41
41
  "react": "18.3.1",
42
- "tailwindcss": "3.4.10",
42
+ "tailwindcss": "3.4.14",
43
43
  "tsup": "8.1.0",
44
44
  "@marigold/tsconfig": "0.4.0"
45
45
  },