@soroush.tech/styled-system 6.0.0-rc.4 → 6.0.0-rc.5

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 (150) hide show
  1. package/dist/{background-B-jql3jb.mjs → background-CheuaxZJ.mjs} +1 -2
  2. package/dist/{background-wugr6cG7.cjs → background-Dv_dVIPN.cjs} +1 -2
  3. package/dist/background.cjs +1 -1
  4. package/dist/background.d.cts +2 -2
  5. package/dist/background.d.mts +2 -2
  6. package/dist/background.mjs +1 -2
  7. package/dist/{border-Dder4Dhp.mjs → border-CsPngymB.mjs} +1 -2
  8. package/dist/{border-UuT-fTpy.cjs → border-fjCqyeZv.cjs} +1 -2
  9. package/dist/border.cjs +1 -1
  10. package/dist/border.d.cts +2 -2
  11. package/dist/border.d.mts +2 -2
  12. package/dist/border.mjs +1 -2
  13. package/dist/{color-CGmMe8yP.mjs → color-CrV_A14P.mjs} +1 -2
  14. package/dist/{color-BNs17Gw-.cjs → color-WjQwKGuZ.cjs} +1 -2
  15. package/dist/color.cjs +1 -1
  16. package/dist/color.d.cts +2 -2
  17. package/dist/color.d.mts +2 -2
  18. package/dist/color.mjs +1 -2
  19. package/dist/core.cjs +2 -3
  20. package/dist/core.d.cts +2 -2
  21. package/dist/core.d.mts +2 -2
  22. package/dist/core.mjs +2 -3
  23. package/dist/{css-Ba4jdXOq.mjs → css-CtHxdva0.mjs} +2 -3
  24. package/dist/{css-D1zAlDVz.cjs → css-i8hqsTaO.cjs} +2 -3
  25. package/dist/css.cjs +1 -1
  26. package/dist/css.d.cts +1 -3
  27. package/dist/css.d.mts +1 -3
  28. package/dist/css.mjs +1 -2
  29. package/dist/{flexbox-XQnlnfa4.mjs → flexbox-CTYbetP6.mjs} +0 -1
  30. package/dist/{flexbox-CFkO6PrP.cjs → flexbox-XZuHEUqn.cjs} +0 -1
  31. package/dist/flexbox.cjs +1 -1
  32. package/dist/flexbox.d.cts +2 -2
  33. package/dist/flexbox.d.mts +2 -2
  34. package/dist/flexbox.mjs +1 -2
  35. package/dist/{grid-OHT6r2bt.cjs → grid-B4wEAvs-.cjs} +3 -5
  36. package/dist/{grid-C-HdJk4U.mjs → grid-DnxN6q4v.mjs} +3 -5
  37. package/dist/grid.cjs +1 -1
  38. package/dist/grid.d.cts +2 -2
  39. package/dist/grid.d.mts +2 -2
  40. package/dist/grid.mjs +1 -2
  41. package/dist/index-8uEgVLn3.d.mts +7 -0
  42. package/dist/index-ANVSsrC2.d.cts +4 -0
  43. package/dist/index-B-EzH430.d.mts +4 -0
  44. package/dist/{index-BE_EAkI7.d.mts → index-Blauy6s_.d.mts} +1 -3
  45. package/dist/index-BrRHS_IT.d.cts +4 -0
  46. package/dist/index-C1Vo1IWu.d.mts +4 -0
  47. package/dist/{index-BkyQ2I3Q.d.cts → index-CEwxfXzD.d.cts} +2 -6
  48. package/dist/{index-BHK7G7gO.d.cts → index-CG_2fAK2.d.cts} +2 -4
  49. package/dist/index-CXX_WQaU.d.mts +4 -0
  50. package/dist/{index-Cr2cfFsQ.d.mts → index-Cy1VnBXp.d.mts} +2 -4
  51. package/dist/index-CzMuOA_2.d.cts +4 -0
  52. package/dist/index-DWzXE26Z.d.mts +4 -0
  53. package/dist/index-D_CqO28J.d.cts +4 -0
  54. package/dist/index-Da6mJb_D.d.cts +4 -0
  55. package/dist/index-DfNEKv5v.d.cts +7 -0
  56. package/dist/index-Dg6uFnk5.d.cts +4 -0
  57. package/dist/index-DlCsbZ6I.d.mts +4 -0
  58. package/dist/{index-Bxo9Q79f.d.mts → index-DlH62bww.d.mts} +2 -6
  59. package/dist/index-DxgnOyev.d.cts +4 -0
  60. package/dist/index-ICecgJ7p.d.mts +4 -0
  61. package/dist/index-lqpCkqaP.d.mts +4 -0
  62. package/dist/index-ucidUFlQ.d.cts +4 -0
  63. package/dist/index-vFKQQYTh.d.mts +4 -0
  64. package/dist/{index-BLOT8F36.d.cts → index-zCm2QsT2.d.cts} +1 -3
  65. package/dist/index.cjs +14 -16
  66. package/dist/index.d.cts +14 -18
  67. package/dist/index.d.mts +14 -18
  68. package/dist/index.mjs +14 -16
  69. package/dist/{layout-D3pG7vBp.cjs → layout-8GOCNa4J.cjs} +1 -2
  70. package/dist/{layout-DF83ooFn.mjs → layout-DNsPazXt.mjs} +1 -2
  71. package/dist/layout.cjs +1 -1
  72. package/dist/layout.d.cts +2 -2
  73. package/dist/layout.d.mts +2 -2
  74. package/dist/layout.mjs +1 -2
  75. package/dist/{media-DSJdRy_k.cjs → media-D-RFMX2h.cjs} +1 -2
  76. package/dist/{media-Bho3l7WK.mjs → media-IgnBo8UV.mjs} +1 -2
  77. package/dist/{media-CfYDomHt.d.mts → media-LonDvLGc.d.cts} +0 -2
  78. package/dist/{media-CfYDomHt.d.cts → media-LonDvLGc.d.mts} +0 -2
  79. package/dist/{position-zWvCE4hD.cjs → position-Bni2ueFz.cjs} +1 -2
  80. package/dist/{position-jf6VlRyR.mjs → position-DfQIX6-q.mjs} +1 -2
  81. package/dist/position.cjs +1 -1
  82. package/dist/position.d.cts +2 -2
  83. package/dist/position.d.mts +2 -2
  84. package/dist/position.mjs +1 -2
  85. package/dist/presets-n_FP4689.cjs +20 -0
  86. package/dist/presets-sqrmOm7G.mjs +15 -0
  87. package/dist/prop-types.cjs +13 -14
  88. package/dist/prop-types.d.cts +0 -2
  89. package/dist/prop-types.d.mts +0 -2
  90. package/dist/prop-types.mjs +12 -13
  91. package/dist/props.cjs +2 -3
  92. package/dist/props.d.cts +0 -2
  93. package/dist/props.d.mts +0 -2
  94. package/dist/props.mjs +2 -3
  95. package/dist/{rolldown-runtime-VH7oDXx4.cjs → rolldown-runtime-CmQyd0Gu.cjs} +1 -2
  96. package/dist/{shadow-BrDnaQQl.cjs → shadow-CzPhmiBH.cjs} +1 -2
  97. package/dist/{shadow-Bp7lx_41.mjs → shadow-DC1rdPNr.mjs} +1 -2
  98. package/dist/shadow.cjs +1 -1
  99. package/dist/shadow.d.cts +2 -2
  100. package/dist/shadow.d.mts +2 -2
  101. package/dist/shadow.mjs +1 -2
  102. package/dist/should-forward-prop.cjs +3 -4
  103. package/dist/should-forward-prop.d.cts +0 -2
  104. package/dist/should-forward-prop.d.mts +0 -2
  105. package/dist/should-forward-prop.mjs +2 -3
  106. package/dist/{space-Q-1mECZz.cjs → space-C47RNjsG.cjs} +1 -2
  107. package/dist/{space-Df3n3G6a.mjs → space-fvI8x7b9.mjs} +1 -2
  108. package/dist/space.cjs +1 -1
  109. package/dist/space.d.cts +2 -2
  110. package/dist/space.d.mts +2 -2
  111. package/dist/space.mjs +1 -2
  112. package/dist/theme-get.cjs +1 -2
  113. package/dist/theme-get.d.cts +0 -2
  114. package/dist/theme-get.d.mts +0 -2
  115. package/dist/theme-get.mjs +1 -2
  116. package/dist/{types-Cl2haWqC.d.cts → types-C7OSPYLs.d.cts} +0 -2
  117. package/dist/{types-Cl2haWqC.d.mts → types-C7OSPYLs.d.mts} +0 -2
  118. package/dist/{typography-p6qWP6Px.mjs → typography-BPvqadh9.mjs} +0 -1
  119. package/dist/{typography-7jHZXqtc.cjs → typography-CVBkBkfu.cjs} +0 -1
  120. package/dist/typography.cjs +1 -1
  121. package/dist/typography.d.cts +2 -2
  122. package/dist/typography.d.mts +2 -2
  123. package/dist/typography.mjs +1 -2
  124. package/dist/{variant-D1u5rSqm.mjs → variant-BnSGnDmQ.mjs} +2 -3
  125. package/dist/{variant-BSPTyRcQ.cjs → variant-Db4dGAZ-.cjs} +2 -3
  126. package/dist/variant.cjs +1 -1
  127. package/dist/variant.d.cts +2 -2
  128. package/dist/variant.d.mts +2 -2
  129. package/dist/variant.mjs +1 -2
  130. package/package.json +5 -5
  131. package/dist/index-6ik3iTHu.d.mts +0 -6
  132. package/dist/index-B0YS7_m6.d.mts +0 -6
  133. package/dist/index-BXclWtvo.d.cts +0 -6
  134. package/dist/index-BczRuB6e.d.mts +0 -9
  135. package/dist/index-CR-GVkrN.d.mts +0 -6
  136. package/dist/index-CTXw8gri.d.cts +0 -6
  137. package/dist/index-CkR8r7gi.d.cts +0 -6
  138. package/dist/index-CrobiDS5.d.mts +0 -6
  139. package/dist/index-DKXeepUh.d.cts +0 -6
  140. package/dist/index-DRJD7XL8.d.cts +0 -6
  141. package/dist/index-DS8Ma7Lx.d.cts +0 -6
  142. package/dist/index-DjZPAVMl.d.cts +0 -9
  143. package/dist/index-DpxMCtVD.d.cts +0 -6
  144. package/dist/index-JvkI1X8U.d.mts +0 -6
  145. package/dist/index-VKL1l__P.d.mts +0 -6
  146. package/dist/index-hyKpD01B.d.mts +0 -6
  147. package/dist/index-o6LXc-DI.d.cts +0 -6
  148. package/dist/index-qepAIdZL.d.mts +0 -6
  149. package/dist/presets-4VDAnszD.cjs +0 -21
  150. package/dist/presets-CClRdg4X.mjs +0 -16
package/dist/props.mjs CHANGED
@@ -1,5 +1,5 @@
1
- import { t as all } from "./presets-CClRdg4X.mjs";
2
- //#region src/props/props.ts
1
+ import { t as all } from "./presets-sqrmOm7G.mjs";
2
+ // src/props/props.ts
3
3
  const styledSystemProps = new Set(all.propNames);
4
4
  const omit = (props) => {
5
5
  const next = {};
@@ -17,5 +17,4 @@ const pick = (props) => {
17
17
  }
18
18
  return next;
19
19
  };
20
- //#endregion
21
20
  export { omit, pick };
@@ -1,4 +1,4 @@
1
- //#region \0rolldown/runtime.js
1
+ // \0rolldown/runtime.js
2
2
  var __create = Object.create;
3
3
  var __defProp = Object.defineProperty;
4
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -19,7 +19,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
19
19
  value: mod,
20
20
  enumerable: true
21
21
  }) : target, mod));
22
- //#endregion
23
22
  Object.defineProperty(exports, "__toESM", {
24
23
  enumerable: true,
25
24
  get: function() {
@@ -1,4 +1,4 @@
1
- //#region src/shadow/shadow.ts
1
+ // src/shadow/shadow.ts
2
2
  const shadow = require("./core.cjs").system({
3
3
  boxShadow: {
4
4
  property: "boxShadow",
@@ -9,7 +9,6 @@ const shadow = require("./core.cjs").system({
9
9
  scale: "shadows"
10
10
  }
11
11
  });
12
- //#endregion
13
12
  Object.defineProperty(exports, "shadow", {
14
13
  enumerable: true,
15
14
  get: function() {
@@ -1,5 +1,5 @@
1
1
  import { system } from "./core.mjs";
2
- //#region src/shadow/shadow.ts
2
+ // src/shadow/shadow.ts
3
3
  const shadow = system({
4
4
  boxShadow: {
5
5
  property: "boxShadow",
@@ -10,5 +10,4 @@ const shadow = system({
10
10
  scale: "shadows"
11
11
  }
12
12
  });
13
- //#endregion
14
13
  export { shadow as t };
package/dist/shadow.cjs CHANGED
@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
2
2
  __esModule: { value: true },
3
3
  [Symbol.toStringTag]: { value: "Module" }
4
4
  });
5
- const require_shadow = require("./shadow-BrDnaQQl.cjs");
5
+ const require_shadow = require("./shadow-CzPhmiBH.cjs");
6
6
  exports.default = require_shadow.shadow;
7
7
  exports.shadow = require_shadow.shadow;
package/dist/shadow.d.cts CHANGED
@@ -1,3 +1,3 @@
1
- import { Bt as TextShadowProps, Et as ShadowProps, x as BoxShadowProps } from "./types-Cl2haWqC.cjs";
2
- import { t as shadow } from "./index-BXclWtvo.cjs";
1
+ import { Bt as TextShadowProps, Et as ShadowProps, x as BoxShadowProps } from "./types-C7OSPYLs.cjs";
2
+ import { t as shadow } from "./index-DxgnOyev.cjs";
3
3
  export { type BoxShadowProps, type ShadowProps, type TextShadowProps, shadow as default, shadow };
package/dist/shadow.d.mts CHANGED
@@ -1,3 +1,3 @@
1
- import { Bt as TextShadowProps, Et as ShadowProps, x as BoxShadowProps } from "./types-Cl2haWqC.mjs";
2
- import { t as shadow } from "./index-JvkI1X8U.mjs";
1
+ import { Bt as TextShadowProps, Et as ShadowProps, x as BoxShadowProps } from "./types-C7OSPYLs.mjs";
2
+ import { t as shadow } from "./index-C1Vo1IWu.mjs";
3
3
  export { type BoxShadowProps, type ShadowProps, type TextShadowProps, shadow as default, shadow };
package/dist/shadow.mjs CHANGED
@@ -1,2 +1 @@
1
- import { t as shadow } from "./shadow-Bp7lx_41.mjs";
2
- export { shadow as default, shadow };
1
+ export { t as default, t as shadow } from "./shadow-DC1rdPNr.mjs";
@@ -2,11 +2,11 @@ Object.defineProperties(exports, {
2
2
  __esModule: { value: true },
3
3
  [Symbol.toStringTag]: { value: "Module" }
4
4
  });
5
- const require_rolldown_runtime = require("./rolldown-runtime-VH7oDXx4.cjs");
6
- const require_presets = require("./presets-4VDAnszD.cjs");
5
+ const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
6
+ const require_presets = require("./presets-n_FP4689.cjs");
7
7
  let _emotion_is_prop_valid = require("@emotion/is-prop-valid");
8
8
  _emotion_is_prop_valid = require_rolldown_runtime.__toESM(_emotion_is_prop_valid, 1);
9
- //#region src/should-forward-prop/should-forward-prop.ts
9
+ // src/should-forward-prop/should-forward-prop.ts
10
10
  const memoize = (fn) => {
11
11
  const cache = Object.create(null);
12
12
  return (key) => {
@@ -20,7 +20,6 @@ const createShouldForwardProp = (propNames) => {
20
20
  return memoize((prop) => (0, _emotion_is_prop_valid.default)(prop) && !blocked.has(prop));
21
21
  };
22
22
  var should_forward_prop_default = createShouldForwardProp(props);
23
- //#endregion
24
23
  exports.createShouldForwardProp = createShouldForwardProp;
25
24
  exports.default = should_forward_prop_default;
26
25
  exports.props = props;
@@ -1,6 +1,4 @@
1
- //#region src/should-forward-prop/should-forward-prop.d.ts
2
1
  declare const props: string[];
3
2
  declare const createShouldForwardProp: (propNames: string[]) => ((prop: string) => boolean);
4
3
  declare const _default: (prop: string) => boolean;
5
- //#endregion
6
4
  export { createShouldForwardProp, _default as default, props };
@@ -1,6 +1,4 @@
1
- //#region src/should-forward-prop/should-forward-prop.d.ts
2
1
  declare const props: string[];
3
2
  declare const createShouldForwardProp: (propNames: string[]) => ((prop: string) => boolean);
4
3
  declare const _default: (prop: string) => boolean;
5
- //#endregion
6
4
  export { createShouldForwardProp, _default as default, props };
@@ -1,6 +1,6 @@
1
- import { t as all } from "./presets-CClRdg4X.mjs";
1
+ import { t as all } from "./presets-sqrmOm7G.mjs";
2
2
  import isPropValid from "@emotion/is-prop-valid";
3
- //#region src/should-forward-prop/should-forward-prop.ts
3
+ // src/should-forward-prop/should-forward-prop.ts
4
4
  const memoize = (fn) => {
5
5
  const cache = Object.create(null);
6
6
  return (key) => {
@@ -14,5 +14,4 @@ const createShouldForwardProp = (propNames) => {
14
14
  return memoize((prop) => isPropValid(prop) && !blocked.has(prop));
15
15
  };
16
16
  var should_forward_prop_default = createShouldForwardProp(props);
17
- //#endregion
18
17
  export { createShouldForwardProp, should_forward_prop_default as default, props };
@@ -1,5 +1,5 @@
1
1
  const require_core = require("./core.cjs");
2
- //#region src/space/space.ts
2
+ // src/space/space.ts
3
3
  const spaceScale = [
4
4
  0,
5
5
  4,
@@ -136,7 +136,6 @@ const margin = require_core.system(marginConfig);
136
136
  const padding = require_core.system(paddingConfig);
137
137
  const gap = require_core.system(gapConfig);
138
138
  const space = require_core.compose(margin, padding, gap);
139
- //#endregion
140
139
  Object.defineProperty(exports, "gap", {
141
140
  enumerable: true,
142
141
  get: function() {
@@ -1,5 +1,5 @@
1
1
  import { compose, get, system } from "./core.mjs";
2
- //#region src/space/space.ts
2
+ // src/space/space.ts
3
3
  const spaceScale = [
4
4
  0,
5
5
  4,
@@ -136,5 +136,4 @@ const margin = system(marginConfig);
136
136
  const padding = system(paddingConfig);
137
137
  const gap = system(gapConfig);
138
138
  const space = compose(margin, padding, gap);
139
- //#endregion
140
139
  export { space as i, margin as n, padding as r, gap as t };
package/dist/space.cjs CHANGED
@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
2
2
  __esModule: { value: true },
3
3
  [Symbol.toStringTag]: { value: "Module" }
4
4
  });
5
- const require_space = require("./space-Q-1mECZz.cjs");
5
+ const require_space = require("./space-C47RNjsG.cjs");
6
6
  exports.default = require_space.space;
7
7
  exports.gap = require_space.gap;
8
8
  exports.margin = require_space.margin;
package/dist/space.d.cts CHANGED
@@ -1,3 +1,3 @@
1
- import { B as GapProps, E as ColumnGapProps, Ot as SpaceProps, ut as MarginProps, wt as RowGapProps, yt as PaddingProps } from "./types-Cl2haWqC.cjs";
2
- import { i as space, n as margin, r as padding, t as gap } from "./index-DjZPAVMl.cjs";
1
+ import { B as GapProps, E as ColumnGapProps, Ot as SpaceProps, ut as MarginProps, wt as RowGapProps, yt as PaddingProps } from "./types-C7OSPYLs.cjs";
2
+ import { i as space, n as margin, r as padding, t as gap } from "./index-DfNEKv5v.cjs";
3
3
  export { type ColumnGapProps, type GapProps, type MarginProps, type PaddingProps, type RowGapProps, type SpaceProps, space as default, space, gap, margin, padding };
package/dist/space.d.mts CHANGED
@@ -1,3 +1,3 @@
1
- import { B as GapProps, E as ColumnGapProps, Ot as SpaceProps, ut as MarginProps, wt as RowGapProps, yt as PaddingProps } from "./types-Cl2haWqC.mjs";
2
- import { i as space, n as margin, r as padding, t as gap } from "./index-BczRuB6e.mjs";
1
+ import { B as GapProps, E as ColumnGapProps, Ot as SpaceProps, ut as MarginProps, wt as RowGapProps, yt as PaddingProps } from "./types-C7OSPYLs.mjs";
2
+ import { i as space, n as margin, r as padding, t as gap } from "./index-8uEgVLn3.mjs";
3
3
  export { type ColumnGapProps, type GapProps, type MarginProps, type PaddingProps, type RowGapProps, type SpaceProps, space as default, space, gap, margin, padding };
package/dist/space.mjs CHANGED
@@ -1,2 +1 @@
1
- import { i as space, n as margin, r as padding, t as gap } from "./space-Df3n3G6a.mjs";
2
- export { space as default, space, gap, margin, padding };
1
+ export { i as default, i as space, t as gap, n as margin, r as padding } from "./space-fvI8x7b9.mjs";
@@ -3,8 +3,7 @@ Object.defineProperties(exports, {
3
3
  [Symbol.toStringTag]: { value: "Module" }
4
4
  });
5
5
  const require_core = require("./core.cjs");
6
- //#region src/theme-get/theme-get.ts
6
+ // src/theme-get/theme-get.ts
7
7
  const themeGet = (path, fallback = null) => (props) => require_core.get(props.theme, Array.isArray(path) ? path.join(".") : path, fallback);
8
- //#endregion
9
8
  exports.default = themeGet;
10
9
  exports.themeGet = themeGet;
@@ -1,4 +1,2 @@
1
- //#region src/theme-get/theme-get.d.ts
2
1
  declare const themeGet: (path: string | Array<string | number>, fallback?: any) => (props: any) => any;
3
- //#endregion
4
2
  export { themeGet as default, themeGet };
@@ -1,4 +1,2 @@
1
- //#region src/theme-get/theme-get.d.ts
2
1
  declare const themeGet: (path: string | Array<string | number>, fallback?: any) => (props: any) => any;
3
- //#endregion
4
2
  export { themeGet as default, themeGet };
@@ -1,5 +1,4 @@
1
1
  import { get } from "./core.mjs";
2
- //#region src/theme-get/theme-get.ts
2
+ // src/theme-get/theme-get.ts
3
3
  const themeGet = (path, fallback = null) => (props) => get(props.theme, Array.isArray(path) ? path.join(".") : path, fallback);
4
- //#endregion
5
4
  export { themeGet as default, themeGet };
@@ -1,5 +1,4 @@
1
1
  import * as CSS from "csstype";
2
- //#region src/types.d.ts
3
2
  type ObjectOrArray<T, K extends keyof any = keyof any> = T[] | Record<K, T | Record<K, T> | T[]>;
4
3
  type Scale = ObjectOrArray<number | string>;
5
4
  type TLengthStyledSystem = string | number;
@@ -388,5 +387,4 @@ interface ButtonStyleProps<ThemeType extends Theme = RequiredTheme> {
388
387
  interface ColorStyleProps<ThemeType extends Theme = RequiredTheme> {
389
388
  colors?: ResponsiveValue<string, ThemeType>;
390
389
  }
391
- //#endregion
392
390
  export { GridTemplateRowsProps as $, FlexDirectionProps as A, TLengthStyledSystem as At, GapProps as B, TextShadowProps as Bt, ButtonStyleProps as C, RightProps as Ct, ContainerProps as D, SizeProps as Dt, ColumnGapProps as E, ShadowProps as Et, FlexboxProps as F, TextDecorationLineProps as Ft, GridColumnGapProps as G, TopProps as Gt, GridAutoColumnsProps as H, TextTransformProps as Ht, FontFamilyProps as I, TextDecorationProps as It, GridProps as J, WhiteSpaceProps as Jt, GridColumnProps as K, TypographyProps as Kt, FontSizeProps as L, TextDecorationStyleProps as Lt, FlexProps as M, TextAlignProps as Mt, FlexShrinkProps as N, TextColorProps as Nt, DisplayProps as O, SpaceProps as Ot, FlexWrapProps as P, TextDecorationColorProps as Pt, GridTemplateColumnsProps as Q, FontStyleProps as R, TextDecorationThicknessProps as Rt, BreakpointName as S, ResponsiveValue as St, ColorStyleProps as T, Scale as Tt, GridAutoFlowProps as U, Theme as Ut, GridAreaProps as V, TextStyleProps as Vt, GridAutoRowsProps as W, ThemeValue as Wt, GridRowProps as X, ZIndexProps as Xt, GridRowGapProps as Y, WidthProps as Yt, GridTemplateAreasProps as Z, BorderStyleProps as _, OrderProps as _t, BackgroundColorProps as a, LayoutGridProps as at, BottomProps as b, PositionProps as bt, BackgroundProps as c, LetterSpacingProps as ct, BorderBottomProps as d, MaxHeightProps as dt, HeightProps as et, BorderColorProps as f, MaxWidthProps as ft, BorderRightProps as g, OpacityProps as gt, BorderRadiusProps as h, ObjectOrArray as ht, AspectRatioProps as i, LayoutFrameProps as it, FlexGrowProps as j, TextAlignLastProps as jt, FlexBasisProps as k, SpanProps as kt, BackgroundRepeatProps as l, LineHeightProps as lt, BorderProps as m, MinWidthProps as mt, AlignItemsProps as n, JustifyItemsProps as nt, BackgroundImageProps as o, LayoutProps as ot, BorderLeftProps as p, MinHeightProps as pt, GridGapProps as q, VerticalAlignProps as qt, AlignSelfProps as r, JustifySelfProps as rt, BackgroundPositionProps as s, LeftProps as st, AlignContentProps as t, JustifyContentProps as tt, BackgroundSizeProps as u, MarginProps as ut, BorderTopProps as v, OverflowProps as vt, ColorProps as w, RowGapProps as wt, BoxShadowProps as x, RequiredTheme as xt, BorderWidthProps as y, PaddingProps as yt, FontWeightProps as z, TextOverflowProps as zt };
@@ -1,5 +1,4 @@
1
1
  import * as CSS from "csstype";
2
- //#region src/types.d.ts
3
2
  type ObjectOrArray<T, K extends keyof any = keyof any> = T[] | Record<K, T | Record<K, T> | T[]>;
4
3
  type Scale = ObjectOrArray<number | string>;
5
4
  type TLengthStyledSystem = string | number;
@@ -388,5 +387,4 @@ interface ButtonStyleProps<ThemeType extends Theme = RequiredTheme> {
388
387
  interface ColorStyleProps<ThemeType extends Theme = RequiredTheme> {
389
388
  colors?: ResponsiveValue<string, ThemeType>;
390
389
  }
391
- //#endregion
392
390
  export { GridTemplateRowsProps as $, FlexDirectionProps as A, TLengthStyledSystem as At, GapProps as B, TextShadowProps as Bt, ButtonStyleProps as C, RightProps as Ct, ContainerProps as D, SizeProps as Dt, ColumnGapProps as E, ShadowProps as Et, FlexboxProps as F, TextDecorationLineProps as Ft, GridColumnGapProps as G, TopProps as Gt, GridAutoColumnsProps as H, TextTransformProps as Ht, FontFamilyProps as I, TextDecorationProps as It, GridProps as J, WhiteSpaceProps as Jt, GridColumnProps as K, TypographyProps as Kt, FontSizeProps as L, TextDecorationStyleProps as Lt, FlexProps as M, TextAlignProps as Mt, FlexShrinkProps as N, TextColorProps as Nt, DisplayProps as O, SpaceProps as Ot, FlexWrapProps as P, TextDecorationColorProps as Pt, GridTemplateColumnsProps as Q, FontStyleProps as R, TextDecorationThicknessProps as Rt, BreakpointName as S, ResponsiveValue as St, ColorStyleProps as T, Scale as Tt, GridAutoFlowProps as U, Theme as Ut, GridAreaProps as V, TextStyleProps as Vt, GridAutoRowsProps as W, ThemeValue as Wt, GridRowProps as X, ZIndexProps as Xt, GridRowGapProps as Y, WidthProps as Yt, GridTemplateAreasProps as Z, BorderStyleProps as _, OrderProps as _t, BackgroundColorProps as a, LayoutGridProps as at, BottomProps as b, PositionProps as bt, BackgroundProps as c, LetterSpacingProps as ct, BorderBottomProps as d, MaxHeightProps as dt, HeightProps as et, BorderColorProps as f, MaxWidthProps as ft, BorderRightProps as g, OpacityProps as gt, BorderRadiusProps as h, ObjectOrArray as ht, AspectRatioProps as i, LayoutFrameProps as it, FlexGrowProps as j, TextAlignLastProps as jt, FlexBasisProps as k, SpanProps as kt, BackgroundRepeatProps as l, LineHeightProps as lt, BorderProps as m, MinWidthProps as mt, AlignItemsProps as n, JustifyItemsProps as nt, BackgroundImageProps as o, LayoutProps as ot, BorderLeftProps as p, MinHeightProps as pt, GridGapProps as q, VerticalAlignProps as qt, AlignSelfProps as r, JustifySelfProps as rt, BackgroundPositionProps as s, LeftProps as st, AlignContentProps as t, JustifyContentProps as tt, BackgroundSizeProps as u, MarginProps as ut, BorderTopProps as v, OverflowProps as vt, ColorProps as w, RowGapProps as wt, BoxShadowProps as x, RequiredTheme as xt, BorderWidthProps as y, PaddingProps as yt, FontWeightProps as z, TextOverflowProps as zt };
@@ -46,5 +46,4 @@ const typography = system({
46
46
  whiteSpace: true,
47
47
  textOverflow: true
48
48
  });
49
- //#endregion
50
49
  export { typography as t };
@@ -45,7 +45,6 @@ const typography = require("./core.cjs").system({
45
45
  whiteSpace: true,
46
46
  textOverflow: true
47
47
  });
48
- //#endregion
49
48
  Object.defineProperty(exports, "typography", {
50
49
  enumerable: true,
51
50
  get: function() {
@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
2
2
  __esModule: { value: true },
3
3
  [Symbol.toStringTag]: { value: "Module" }
4
4
  });
5
- const require_typography = require("./typography-7jHZXqtc.cjs");
5
+ const require_typography = require("./typography-CVBkBkfu.cjs");
6
6
  exports.default = require_typography.typography;
7
7
  exports.typography = require_typography.typography;
@@ -1,3 +1,3 @@
1
- import { I as FontFamilyProps, Jt as WhiteSpaceProps, Kt as TypographyProps, L as FontSizeProps, Mt as TextAlignProps, R as FontStyleProps, ct as LetterSpacingProps, lt as LineHeightProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-Cl2haWqC.cjs";
2
- import { t as typography } from "./index-CkR8r7gi.cjs";
1
+ import { I as FontFamilyProps, Jt as WhiteSpaceProps, Kt as TypographyProps, L as FontSizeProps, Mt as TextAlignProps, R as FontStyleProps, ct as LetterSpacingProps, lt as LineHeightProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-C7OSPYLs.cjs";
2
+ import { t as typography } from "./index-BrRHS_IT.cjs";
3
3
  export { type FontFamilyProps, type FontSizeProps, type FontStyleProps, type FontWeightProps, type LetterSpacingProps, type LineHeightProps, type TextAlignProps, type TextOverflowProps, type TypographyProps, type WhiteSpaceProps, typography as default, typography };
@@ -1,3 +1,3 @@
1
- import { I as FontFamilyProps, Jt as WhiteSpaceProps, Kt as TypographyProps, L as FontSizeProps, Mt as TextAlignProps, R as FontStyleProps, ct as LetterSpacingProps, lt as LineHeightProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-Cl2haWqC.mjs";
2
- import { t as typography } from "./index-B0YS7_m6.mjs";
1
+ import { I as FontFamilyProps, Jt as WhiteSpaceProps, Kt as TypographyProps, L as FontSizeProps, Mt as TextAlignProps, R as FontStyleProps, ct as LetterSpacingProps, lt as LineHeightProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-C7OSPYLs.mjs";
2
+ import { t as typography } from "./index-B-EzH430.mjs";
3
3
  export { type FontFamilyProps, type FontSizeProps, type FontStyleProps, type FontWeightProps, type LetterSpacingProps, type LineHeightProps, type TextAlignProps, type TextOverflowProps, type TypographyProps, type WhiteSpaceProps, typography as default, typography };
@@ -1,2 +1 @@
1
- import { t as typography } from "./typography-p6qWP6Px.mjs";
2
- export { typography as default, typography };
1
+ export { t as default, t as typography } from "./typography-BPvqadh9.mjs";
@@ -1,6 +1,6 @@
1
1
  import { createParser, get } from "./core.mjs";
2
- import { t as css } from "./css-Ba4jdXOq.mjs";
3
- //#region src/variant/variant.ts
2
+ import { t as css } from "./css-CtHxdva0.mjs";
3
+ // src/variant/variant.ts
4
4
  const variant = (options = {}) => {
5
5
  const { scale, prop = "variant", variants = {}, key } = options;
6
6
  const useCss = Object.keys(variants).length > 0;
@@ -18,5 +18,4 @@ const colorStyle = variant({
18
18
  key: "colorStyles",
19
19
  prop: "colors"
20
20
  });
21
- //#endregion
22
21
  export { variant as i, colorStyle as n, textStyle as r, buttonStyle as t };
@@ -1,6 +1,6 @@
1
1
  const require_core = require("./core.cjs");
2
- const require_css = require("./css-D1zAlDVz.cjs");
3
- //#region src/variant/variant.ts
2
+ const require_css = require("./css-i8hqsTaO.cjs");
3
+ // src/variant/variant.ts
4
4
  const variant = (options = {}) => {
5
5
  const { scale, prop = "variant", variants = {}, key } = options;
6
6
  const useCss = Object.keys(variants).length > 0;
@@ -18,7 +18,6 @@ const colorStyle = variant({
18
18
  key: "colorStyles",
19
19
  prop: "colors"
20
20
  });
21
- //#endregion
22
21
  Object.defineProperty(exports, "buttonStyle", {
23
22
  enumerable: true,
24
23
  get: function() {
package/dist/variant.cjs CHANGED
@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
2
2
  __esModule: { value: true },
3
3
  [Symbol.toStringTag]: { value: "Module" }
4
4
  });
5
- const require_variant = require("./variant-BSPTyRcQ.cjs");
5
+ const require_variant = require("./variant-Db4dGAZ-.cjs");
6
6
  exports.buttonStyle = require_variant.buttonStyle;
7
7
  exports.colorStyle = require_variant.colorStyle;
8
8
  exports.default = require_variant.variant;
@@ -1,3 +1,3 @@
1
- import { C as ButtonStyleProps, T as ColorStyleProps, Vt as TextStyleProps } from "./types-Cl2haWqC.cjs";
2
- import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-BHK7G7gO.cjs";
1
+ import { C as ButtonStyleProps, T as ColorStyleProps, Vt as TextStyleProps } from "./types-C7OSPYLs.cjs";
2
+ import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-CG_2fAK2.cjs";
3
3
  export { type ButtonStyleProps, type ColorStyleProps, type TextStyleProps, VariantArgs, VariantOptions, buttonStyle, colorStyle, variant as default, variant, textStyle };
@@ -1,3 +1,3 @@
1
- import { C as ButtonStyleProps, T as ColorStyleProps, Vt as TextStyleProps } from "./types-Cl2haWqC.mjs";
2
- import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-Cr2cfFsQ.mjs";
1
+ import { C as ButtonStyleProps, T as ColorStyleProps, Vt as TextStyleProps } from "./types-C7OSPYLs.mjs";
2
+ import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-Cy1VnBXp.mjs";
3
3
  export { type ButtonStyleProps, type ColorStyleProps, type TextStyleProps, VariantArgs, VariantOptions, buttonStyle, colorStyle, variant as default, variant, textStyle };
package/dist/variant.mjs CHANGED
@@ -1,2 +1 @@
1
- import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-D1u5rSqm.mjs";
2
- export { buttonStyle, colorStyle, variant as default, variant, textStyle };
1
+ export { t as buttonStyle, n as colorStyle, i as default, i as variant, r as textStyle } from "./variant-BnSGnDmQ.mjs";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@soroush.tech/styled-system",
3
- "version": "6.0.0-rc.4",
3
+ "version": "6.0.0-rc.5",
4
4
  "description": "Maintained, first-class-TypeScript rewrite of styled-system - responsive, theme-aware style props for CSS-in-JS. Drop-in replacement for styled-system v5.",
5
5
  "keywords": [
6
6
  "styled-system",
@@ -13,7 +13,7 @@
13
13
  ],
14
14
  "author": "Masoud Soroush <masoud@soroush.tech>",
15
15
  "license": "MIT",
16
- "homepage": "https://soroush.tech/styled-system/",
16
+ "homepage": "https://docs.soroush.tech/styled-system/",
17
17
  "repository": {
18
18
  "type": "git",
19
19
  "url": "git+https://github.com/soroush-tech/design-system.git",
@@ -235,12 +235,12 @@
235
235
  "@emotion/is-prop-valid": "^1.4.0",
236
236
  "@soroush.tech/bench": "^2.2.3",
237
237
  "@types/prop-types": "^15.7.15",
238
- "@vitest/coverage-v8": "^4.1.10",
239
- "oxlint": "^1.78.0",
238
+ "@vitest/coverage-v8": "^5.0.5",
239
+ "oxlint": "^1.89.0",
240
240
  "prop-types": "^15.8.1",
241
241
  "tsdown": "^0.22.14",
242
242
  "typescript": "~7.0.2",
243
- "vitest": "^4.1.10",
243
+ "vitest": "^5.0.5",
244
244
  "@soroush.tech/eslint-config": "0.0.0"
245
245
  },
246
246
  "scripts": {
@@ -1,6 +0,0 @@
1
- import { r as Parser } from "./index-BE_EAkI7.mjs";
2
- import "./types-Cl2haWqC.mjs";
3
- //#region src/border/border.d.ts
4
- declare const border: Parser;
5
- //#endregion
6
- export { border as t };
@@ -1,6 +0,0 @@
1
- import { r as Parser } from "./index-BE_EAkI7.mjs";
2
- import "./types-Cl2haWqC.mjs";
3
- //#region src/typography/typography.d.ts
4
- declare const typography: Parser;
5
- //#endregion
6
- export { typography as t };
@@ -1,6 +0,0 @@
1
- import { r as Parser } from "./index-BLOT8F36.cjs";
2
- import "./types-Cl2haWqC.cjs";
3
- //#region src/shadow/shadow.d.ts
4
- declare const shadow: Parser;
5
- //#endregion
6
- export { shadow as t };
@@ -1,9 +0,0 @@
1
- import { r as Parser } from "./index-BE_EAkI7.mjs";
2
- import "./types-Cl2haWqC.mjs";
3
- //#region src/space/space.d.ts
4
- declare const margin: Parser;
5
- declare const padding: Parser;
6
- declare const gap: Parser;
7
- declare const space: Parser;
8
- //#endregion
9
- export { space as i, margin as n, padding as r, gap as t };
@@ -1,6 +0,0 @@
1
- import { r as Parser } from "./index-BE_EAkI7.mjs";
2
- import "./types-Cl2haWqC.mjs";
3
- //#region src/position/position.d.ts
4
- declare const position: Parser;
5
- //#endregion
6
- export { position as t };
@@ -1,6 +0,0 @@
1
- import { r as Parser } from "./index-BLOT8F36.cjs";
2
- import "./types-Cl2haWqC.cjs";
3
- //#region src/flexbox/flexbox.d.ts
4
- declare const flexbox: Parser;
5
- //#endregion
6
- export { flexbox as t };
@@ -1,6 +0,0 @@
1
- import { r as Parser } from "./index-BLOT8F36.cjs";
2
- import "./types-Cl2haWqC.cjs";
3
- //#region src/typography/typography.d.ts
4
- declare const typography: Parser;
5
- //#endregion
6
- export { typography as t };
@@ -1,6 +0,0 @@
1
- import { r as Parser } from "./index-BE_EAkI7.mjs";
2
- import "./types-Cl2haWqC.mjs";
3
- //#region src/flexbox/flexbox.d.ts
4
- declare const flexbox: Parser;
5
- //#endregion
6
- export { flexbox as t };
@@ -1,6 +0,0 @@
1
- import { r as Parser } from "./index-BLOT8F36.cjs";
2
- import "./types-Cl2haWqC.cjs";
3
- //#region src/position/position.d.ts
4
- declare const position: Parser;
5
- //#endregion
6
- export { position as t };
@@ -1,6 +0,0 @@
1
- import { r as Parser } from "./index-BLOT8F36.cjs";
2
- import "./types-Cl2haWqC.cjs";
3
- //#region src/layout/layout.d.ts
4
- declare const layout: Parser;
5
- //#endregion
6
- export { layout as t };
@@ -1,6 +0,0 @@
1
- import { r as Parser } from "./index-BLOT8F36.cjs";
2
- import "./types-Cl2haWqC.cjs";
3
- //#region src/background/background.d.ts
4
- declare const background: Parser;
5
- //#endregion
6
- export { background as t };
@@ -1,9 +0,0 @@
1
- import { r as Parser } from "./index-BLOT8F36.cjs";
2
- import "./types-Cl2haWqC.cjs";
3
- //#region src/space/space.d.ts
4
- declare const margin: Parser;
5
- declare const padding: Parser;
6
- declare const gap: Parser;
7
- declare const space: Parser;
8
- //#endregion
9
- export { space as i, margin as n, padding as r, gap as t };
@@ -1,6 +0,0 @@
1
- import { r as Parser } from "./index-BLOT8F36.cjs";
2
- import "./types-Cl2haWqC.cjs";
3
- //#region src/border/border.d.ts
4
- declare const border: Parser;
5
- //#endregion
6
- export { border as t };
@@ -1,6 +0,0 @@
1
- import { r as Parser } from "./index-BE_EAkI7.mjs";
2
- import "./types-Cl2haWqC.mjs";
3
- //#region src/shadow/shadow.d.ts
4
- declare const shadow: Parser;
5
- //#endregion
6
- export { shadow as t };
@@ -1,6 +0,0 @@
1
- import { r as Parser } from "./index-BE_EAkI7.mjs";
2
- import "./types-Cl2haWqC.mjs";
3
- //#region src/layout/layout.d.ts
4
- declare const layout: Parser;
5
- //#endregion
6
- export { layout as t };
@@ -1,6 +0,0 @@
1
- import { r as Parser } from "./index-BE_EAkI7.mjs";
2
- import "./types-Cl2haWqC.mjs";
3
- //#region src/color/color.d.ts
4
- declare const color: Parser;
5
- //#endregion
6
- export { color as t };
@@ -1,6 +0,0 @@
1
- import { r as Parser } from "./index-BLOT8F36.cjs";
2
- import "./types-Cl2haWqC.cjs";
3
- //#region src/color/color.d.ts
4
- declare const color: Parser;
5
- //#endregion
6
- export { color as t };
@@ -1,6 +0,0 @@
1
- import { r as Parser } from "./index-BE_EAkI7.mjs";
2
- import "./types-Cl2haWqC.mjs";
3
- //#region src/background/background.d.ts
4
- declare const background: Parser;
5
- //#endregion
6
- export { background as t };
@@ -1,21 +0,0 @@
1
- const require_core = require("./core.cjs");
2
- const require_background = require("./background-wugr6cG7.cjs");
3
- const require_border = require("./border-UuT-fTpy.cjs");
4
- const require_color = require("./color-BNs17Gw-.cjs");
5
- const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
6
- const require_grid = require("./grid-OHT6r2bt.cjs");
7
- const require_layout = require("./layout-D3pG7vBp.cjs");
8
- const require_position = require("./position-zWvCE4hD.cjs");
9
- const require_typography = require("./typography-7jHZXqtc.cjs");
10
- const require_space = require("./space-Q-1mECZz.cjs");
11
- const require_shadow = require("./shadow-BrDnaQQl.cjs");
12
- const require_variant = require("./variant-BSPTyRcQ.cjs");
13
- //#region src/presets/presets.ts
14
- const all = require_core.compose(require_space.space, require_typography.typography, require_color.color, require_layout.layout, require_flexbox.flexbox, require_border.border, require_background.background, require_position.position, require_grid.grid, require_grid.span, require_shadow.shadow, require_variant.buttonStyle, require_variant.textStyle, require_variant.colorStyle);
15
- //#endregion
16
- Object.defineProperty(exports, "all", {
17
- enumerable: true,
18
- get: function() {
19
- return all;
20
- }
21
- });
@@ -1,16 +0,0 @@
1
- import { compose } from "./core.mjs";
2
- import { t as background } from "./background-B-jql3jb.mjs";
3
- import { t as border } from "./border-Dder4Dhp.mjs";
4
- import { t as color } from "./color-CGmMe8yP.mjs";
5
- import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
6
- import { a as grid, i as span } from "./grid-C-HdJk4U.mjs";
7
- import { t as layout } from "./layout-DF83ooFn.mjs";
8
- import { t as position } from "./position-jf6VlRyR.mjs";
9
- import { t as typography } from "./typography-p6qWP6Px.mjs";
10
- import { i as space } from "./space-Df3n3G6a.mjs";
11
- import { t as shadow } from "./shadow-Bp7lx_41.mjs";
12
- import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-D1u5rSqm.mjs";
13
- //#region src/presets/presets.ts
14
- const all = compose(space, typography, color, layout, flexbox, border, background, position, grid, span, shadow, buttonStyle, textStyle, colorStyle);
15
- //#endregion
16
- export { all as t };