@marigold/system 9.0.1 → 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 (5) hide show
  1. package/dist/index.d.mts +14 -18
  2. package/dist/index.d.ts +14 -18
  3. package/dist/index.js +0 -4
  4. package/dist/index.mjs +0 -4
  5. 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>>;
@@ -740,13 +740,11 @@ declare const paddingBottom: {
740
740
  declare const alignment: {
741
741
  vertical: {
742
742
  alignmentX: {
743
- none: undefined;
744
743
  left: string;
745
744
  center: string;
746
745
  right: string;
747
746
  };
748
747
  alignmentY: {
749
- none: undefined;
750
748
  top: string;
751
749
  center: string;
752
750
  bottom: string;
@@ -754,13 +752,11 @@ declare const alignment: {
754
752
  };
755
753
  horizontal: {
756
754
  alignmentY: {
757
- none: undefined;
758
755
  top: string;
759
756
  center: string;
760
757
  bottom: string;
761
758
  };
762
759
  alignmentX: {
763
- none: undefined;
764
760
  left: string;
765
761
  center: string;
766
762
  right: string;
@@ -872,13 +868,13 @@ type FontStyleProp = {
872
868
  };
873
869
  type FontWeightProp = {
874
870
  /**
875
- * 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).
876
872
  */
877
873
  weight?: keyof typeof fontWeight;
878
874
  };
879
875
  type FontSizeProp = {
880
876
  /**
881
- * 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).
882
878
  */
883
879
  fontSize?: keyof typeof textSize;
884
880
  };
@@ -890,7 +886,7 @@ type GridColsAlignProp = {
890
886
  };
891
887
  type GapSpaceProp = {
892
888
  /**
893
- * 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).
894
890
  */
895
891
  space?: keyof typeof gapSpace;
896
892
  };
@@ -908,43 +904,43 @@ type ObjectPositionProp = {
908
904
  };
909
905
  type PaddingSpaceProp = {
910
906
  /**
911
- * 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).
912
908
  */
913
909
  space?: keyof typeof paddingSpace;
914
910
  };
915
911
  type PaddingSpacePropX = {
916
912
  /**
917
- * 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).
918
914
  */
919
915
  spaceX?: keyof typeof paddingSpaceX;
920
916
  };
921
917
  type PaddingSpacePropY = {
922
918
  /**
923
- * 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).
924
920
  */
925
921
  spaceY?: keyof typeof paddingSpaceY;
926
922
  };
927
923
  type PaddingRightProp = {
928
924
  /**
929
- * 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).
930
926
  */
931
927
  pr?: keyof typeof paddingRight;
932
928
  };
933
929
  type PaddingLeftProp = {
934
930
  /**
935
- * 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).
936
932
  */
937
933
  pl?: keyof typeof paddingLeft;
938
934
  };
939
935
  type PaddingTopProp = {
940
936
  /**
941
- * 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).
942
938
  */
943
939
  pt?: keyof typeof paddingTop;
944
940
  };
945
941
  type PaddingBottomProp = {
946
942
  /**
947
- * 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).
948
944
  */
949
945
  pb?: keyof typeof paddingBottom;
950
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>>;
@@ -740,13 +740,11 @@ declare const paddingBottom: {
740
740
  declare const alignment: {
741
741
  vertical: {
742
742
  alignmentX: {
743
- none: undefined;
744
743
  left: string;
745
744
  center: string;
746
745
  right: string;
747
746
  };
748
747
  alignmentY: {
749
- none: undefined;
750
748
  top: string;
751
749
  center: string;
752
750
  bottom: string;
@@ -754,13 +752,11 @@ declare const alignment: {
754
752
  };
755
753
  horizontal: {
756
754
  alignmentY: {
757
- none: undefined;
758
755
  top: string;
759
756
  center: string;
760
757
  bottom: string;
761
758
  };
762
759
  alignmentX: {
763
- none: undefined;
764
760
  left: string;
765
761
  center: string;
766
762
  right: string;
@@ -872,13 +868,13 @@ type FontStyleProp = {
872
868
  };
873
869
  type FontWeightProp = {
874
870
  /**
875
- * 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).
876
872
  */
877
873
  weight?: keyof typeof fontWeight;
878
874
  };
879
875
  type FontSizeProp = {
880
876
  /**
881
- * 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).
882
878
  */
883
879
  fontSize?: keyof typeof textSize;
884
880
  };
@@ -890,7 +886,7 @@ type GridColsAlignProp = {
890
886
  };
891
887
  type GapSpaceProp = {
892
888
  /**
893
- * 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).
894
890
  */
895
891
  space?: keyof typeof gapSpace;
896
892
  };
@@ -908,43 +904,43 @@ type ObjectPositionProp = {
908
904
  };
909
905
  type PaddingSpaceProp = {
910
906
  /**
911
- * 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).
912
908
  */
913
909
  space?: keyof typeof paddingSpace;
914
910
  };
915
911
  type PaddingSpacePropX = {
916
912
  /**
917
- * 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).
918
914
  */
919
915
  spaceX?: keyof typeof paddingSpaceX;
920
916
  };
921
917
  type PaddingSpacePropY = {
922
918
  /**
923
- * 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).
924
920
  */
925
921
  spaceY?: keyof typeof paddingSpaceY;
926
922
  };
927
923
  type PaddingRightProp = {
928
924
  /**
929
- * 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).
930
926
  */
931
927
  pr?: keyof typeof paddingRight;
932
928
  };
933
929
  type PaddingLeftProp = {
934
930
  /**
935
- * 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).
936
932
  */
937
933
  pl?: keyof typeof paddingLeft;
938
934
  };
939
935
  type PaddingTopProp = {
940
936
  /**
941
- * 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).
942
938
  */
943
939
  pt?: keyof typeof paddingTop;
944
940
  };
945
941
  type PaddingBottomProp = {
946
942
  /**
947
- * 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).
948
944
  */
949
945
  pb?: keyof typeof paddingBottom;
950
946
  };
package/dist/index.js CHANGED
@@ -819,13 +819,11 @@ var paddingBottom = {
819
819
  var alignment = {
820
820
  vertical: {
821
821
  alignmentX: {
822
- none: void 0,
823
822
  left: "items-start",
824
823
  center: "items-center",
825
824
  right: "items-end"
826
825
  },
827
826
  alignmentY: {
828
- none: void 0,
829
827
  top: "justify-start",
830
828
  center: "justify-center",
831
829
  bottom: "justify-end"
@@ -833,13 +831,11 @@ var alignment = {
833
831
  },
834
832
  horizontal: {
835
833
  alignmentY: {
836
- none: void 0,
837
834
  top: "items-start",
838
835
  center: "items-center",
839
836
  bottom: "items-end"
840
837
  },
841
838
  alignmentX: {
842
- none: void 0,
843
839
  left: "justify-start",
844
840
  center: "justify-center",
845
841
  right: "justify-end"
package/dist/index.mjs CHANGED
@@ -745,13 +745,11 @@ var paddingBottom = {
745
745
  var alignment = {
746
746
  vertical: {
747
747
  alignmentX: {
748
- none: void 0,
749
748
  left: "items-start",
750
749
  center: "items-center",
751
750
  right: "items-end"
752
751
  },
753
752
  alignmentY: {
754
- none: void 0,
755
753
  top: "justify-start",
756
754
  center: "justify-center",
757
755
  bottom: "justify-end"
@@ -759,13 +757,11 @@ var alignment = {
759
757
  },
760
758
  horizontal: {
761
759
  alignmentY: {
762
- none: void 0,
763
760
  top: "items-start",
764
761
  center: "items-center",
765
762
  bottom: "items-end"
766
763
  },
767
764
  alignmentX: {
768
- none: void 0,
769
765
  left: "justify-start",
770
766
  center: "justify-center",
771
767
  right: "justify-end"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marigold/system",
3
- "version": "9.0.1",
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.1",
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.4.0",
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.40",
39
+ "@babel/core": "7.25.8",
40
+ "postcss": "8.4.47",
41
41
  "react": "18.3.1",
42
- "tailwindcss": "3.4.7",
42
+ "tailwindcss": "3.4.14",
43
43
  "tsup": "8.1.0",
44
44
  "@marigold/tsconfig": "0.4.0"
45
45
  },