@soroush.tech/styled-system 6.0.0-rc.3 → 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.
- package/dist/{background-B-jql3jb.mjs → background-CheuaxZJ.mjs} +1 -2
- package/dist/{background-wugr6cG7.cjs → background-Dv_dVIPN.cjs} +1 -2
- package/dist/background.cjs +1 -1
- package/dist/background.d.cts +2 -2
- package/dist/background.d.mts +2 -2
- package/dist/background.mjs +1 -2
- package/dist/{border-Dder4Dhp.mjs → border-CsPngymB.mjs} +1 -2
- package/dist/{border-UuT-fTpy.cjs → border-fjCqyeZv.cjs} +1 -2
- package/dist/border.cjs +1 -1
- package/dist/border.d.cts +2 -2
- package/dist/border.d.mts +2 -2
- package/dist/border.mjs +1 -2
- package/dist/{color-CGmMe8yP.mjs → color-CrV_A14P.mjs} +1 -2
- package/dist/{color-BNs17Gw-.cjs → color-WjQwKGuZ.cjs} +1 -2
- package/dist/color.cjs +1 -1
- package/dist/color.d.cts +2 -2
- package/dist/color.d.mts +2 -2
- package/dist/color.mjs +1 -2
- package/dist/core.cjs +2 -3
- package/dist/core.d.cts +2 -2
- package/dist/core.d.mts +2 -2
- package/dist/core.mjs +2 -3
- package/dist/{css-Ba4jdXOq.mjs → css-CtHxdva0.mjs} +2 -3
- package/dist/{css-D1zAlDVz.cjs → css-i8hqsTaO.cjs} +2 -3
- package/dist/css.cjs +1 -1
- package/dist/css.d.cts +1 -3
- package/dist/css.d.mts +1 -3
- package/dist/css.mjs +1 -2
- package/dist/{flexbox-XQnlnfa4.mjs → flexbox-CTYbetP6.mjs} +0 -1
- package/dist/{flexbox-CFkO6PrP.cjs → flexbox-XZuHEUqn.cjs} +0 -1
- package/dist/flexbox.cjs +1 -1
- package/dist/flexbox.d.cts +2 -2
- package/dist/flexbox.d.mts +2 -2
- package/dist/flexbox.mjs +1 -2
- package/dist/{grid-OHT6r2bt.cjs → grid-B4wEAvs-.cjs} +3 -5
- package/dist/{grid-C-HdJk4U.mjs → grid-DnxN6q4v.mjs} +3 -5
- package/dist/grid.cjs +1 -1
- package/dist/grid.d.cts +2 -2
- package/dist/grid.d.mts +2 -2
- package/dist/grid.mjs +1 -2
- package/dist/index-8uEgVLn3.d.mts +7 -0
- package/dist/index-ANVSsrC2.d.cts +4 -0
- package/dist/index-B-EzH430.d.mts +4 -0
- package/dist/{index-BE_EAkI7.d.mts → index-Blauy6s_.d.mts} +1 -3
- package/dist/index-BrRHS_IT.d.cts +4 -0
- package/dist/index-C1Vo1IWu.d.mts +4 -0
- package/dist/{index-BkyQ2I3Q.d.cts → index-CEwxfXzD.d.cts} +2 -6
- package/dist/{index-BHK7G7gO.d.cts → index-CG_2fAK2.d.cts} +2 -4
- package/dist/index-CXX_WQaU.d.mts +4 -0
- package/dist/{index-Cr2cfFsQ.d.mts → index-Cy1VnBXp.d.mts} +2 -4
- package/dist/index-CzMuOA_2.d.cts +4 -0
- package/dist/index-DWzXE26Z.d.mts +4 -0
- package/dist/index-D_CqO28J.d.cts +4 -0
- package/dist/index-Da6mJb_D.d.cts +4 -0
- package/dist/index-DfNEKv5v.d.cts +7 -0
- package/dist/index-Dg6uFnk5.d.cts +4 -0
- package/dist/index-DlCsbZ6I.d.mts +4 -0
- package/dist/{index-Bxo9Q79f.d.mts → index-DlH62bww.d.mts} +2 -6
- package/dist/index-DxgnOyev.d.cts +4 -0
- package/dist/index-ICecgJ7p.d.mts +4 -0
- package/dist/index-lqpCkqaP.d.mts +4 -0
- package/dist/index-ucidUFlQ.d.cts +4 -0
- package/dist/index-vFKQQYTh.d.mts +4 -0
- package/dist/{index-BLOT8F36.d.cts → index-zCm2QsT2.d.cts} +1 -3
- package/dist/index.cjs +14 -16
- package/dist/index.d.cts +14 -18
- package/dist/index.d.mts +14 -18
- package/dist/index.mjs +14 -16
- package/dist/{layout-D3pG7vBp.cjs → layout-8GOCNa4J.cjs} +1 -2
- package/dist/{layout-DF83ooFn.mjs → layout-DNsPazXt.mjs} +1 -2
- package/dist/layout.cjs +1 -1
- package/dist/layout.d.cts +2 -2
- package/dist/layout.d.mts +2 -2
- package/dist/layout.mjs +1 -2
- package/dist/{media-DSJdRy_k.cjs → media-D-RFMX2h.cjs} +1 -2
- package/dist/{media-Bho3l7WK.mjs → media-IgnBo8UV.mjs} +1 -2
- package/dist/{media-CfYDomHt.d.mts → media-LonDvLGc.d.cts} +0 -2
- package/dist/{media-CfYDomHt.d.cts → media-LonDvLGc.d.mts} +0 -2
- package/dist/{position-zWvCE4hD.cjs → position-Bni2ueFz.cjs} +1 -2
- package/dist/{position-jf6VlRyR.mjs → position-DfQIX6-q.mjs} +1 -2
- package/dist/position.cjs +1 -1
- package/dist/position.d.cts +2 -2
- package/dist/position.d.mts +2 -2
- package/dist/position.mjs +1 -2
- package/dist/presets-n_FP4689.cjs +20 -0
- package/dist/presets-sqrmOm7G.mjs +15 -0
- package/dist/prop-types.cjs +13 -14
- package/dist/prop-types.d.cts +0 -2
- package/dist/prop-types.d.mts +0 -2
- package/dist/prop-types.mjs +12 -13
- package/dist/props.cjs +2 -3
- package/dist/props.d.cts +0 -2
- package/dist/props.d.mts +0 -2
- package/dist/props.mjs +2 -3
- package/dist/{rolldown-runtime-VH7oDXx4.cjs → rolldown-runtime-CmQyd0Gu.cjs} +1 -2
- package/dist/{shadow-BrDnaQQl.cjs → shadow-CzPhmiBH.cjs} +1 -2
- package/dist/{shadow-Bp7lx_41.mjs → shadow-DC1rdPNr.mjs} +1 -2
- package/dist/shadow.cjs +1 -1
- package/dist/shadow.d.cts +2 -2
- package/dist/shadow.d.mts +2 -2
- package/dist/shadow.mjs +1 -2
- package/dist/should-forward-prop.cjs +3 -4
- package/dist/should-forward-prop.d.cts +0 -2
- package/dist/should-forward-prop.d.mts +0 -2
- package/dist/should-forward-prop.mjs +2 -3
- package/dist/{space-Q-1mECZz.cjs → space-C47RNjsG.cjs} +1 -2
- package/dist/{space-Df3n3G6a.mjs → space-fvI8x7b9.mjs} +1 -2
- package/dist/space.cjs +1 -1
- package/dist/space.d.cts +2 -2
- package/dist/space.d.mts +2 -2
- package/dist/space.mjs +1 -2
- package/dist/theme-get.cjs +1 -2
- package/dist/theme-get.d.cts +0 -2
- package/dist/theme-get.d.mts +0 -2
- package/dist/theme-get.mjs +1 -2
- package/dist/{types-Cl2haWqC.d.cts → types-C7OSPYLs.d.cts} +0 -2
- package/dist/{types-Cl2haWqC.d.mts → types-C7OSPYLs.d.mts} +0 -2
- package/dist/{typography-p6qWP6Px.mjs → typography-BPvqadh9.mjs} +0 -1
- package/dist/{typography-7jHZXqtc.cjs → typography-CVBkBkfu.cjs} +0 -1
- package/dist/typography.cjs +1 -1
- package/dist/typography.d.cts +2 -2
- package/dist/typography.d.mts +2 -2
- package/dist/typography.mjs +1 -2
- package/dist/{variant-D1u5rSqm.mjs → variant-BnSGnDmQ.mjs} +2 -3
- package/dist/{variant-BSPTyRcQ.cjs → variant-Db4dGAZ-.cjs} +2 -3
- package/dist/variant.cjs +1 -1
- package/dist/variant.d.cts +2 -2
- package/dist/variant.d.mts +2 -2
- package/dist/variant.mjs +1 -2
- package/package.json +5 -5
- package/dist/index-6ik3iTHu.d.mts +0 -6
- package/dist/index-B0YS7_m6.d.mts +0 -6
- package/dist/index-BXclWtvo.d.cts +0 -6
- package/dist/index-BczRuB6e.d.mts +0 -9
- package/dist/index-CR-GVkrN.d.mts +0 -6
- package/dist/index-CTXw8gri.d.cts +0 -6
- package/dist/index-CkR8r7gi.d.cts +0 -6
- package/dist/index-CrobiDS5.d.mts +0 -6
- package/dist/index-DKXeepUh.d.cts +0 -6
- package/dist/index-DRJD7XL8.d.cts +0 -6
- package/dist/index-DS8Ma7Lx.d.cts +0 -6
- package/dist/index-DjZPAVMl.d.cts +0 -9
- package/dist/index-DpxMCtVD.d.cts +0 -6
- package/dist/index-JvkI1X8U.d.mts +0 -6
- package/dist/index-VKL1l__P.d.mts +0 -6
- package/dist/index-hyKpD01B.d.mts +0 -6
- package/dist/index-o6LXc-DI.d.cts +0 -6
- package/dist/index-qepAIdZL.d.mts +0 -6
- package/dist/presets-4VDAnszD.cjs +0 -21
- package/dist/presets-CClRdg4X.mjs +0 -16
package/dist/props.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { t as all } from "./presets-
|
|
2
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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-
|
|
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-
|
|
2
|
-
import { t as shadow } from "./index-
|
|
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-
|
|
2
|
-
import { t as shadow } from "./index-
|
|
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
|
-
|
|
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-
|
|
6
|
-
const require_presets = require("./presets-
|
|
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
|
-
|
|
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-
|
|
1
|
+
import { t as all } from "./presets-sqrmOm7G.mjs";
|
|
2
2
|
import isPropValid from "@emotion/is-prop-valid";
|
|
3
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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-
|
|
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-
|
|
2
|
-
import { i as space, n as margin, r as padding, t as gap } from "./index-
|
|
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-
|
|
2
|
-
import { i as space, n as margin, r as padding, t as gap } from "./index-
|
|
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
|
-
|
|
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";
|
package/dist/theme-get.cjs
CHANGED
|
@@ -3,8 +3,7 @@ Object.defineProperties(exports, {
|
|
|
3
3
|
[Symbol.toStringTag]: { value: "Module" }
|
|
4
4
|
});
|
|
5
5
|
const require_core = require("./core.cjs");
|
|
6
|
-
|
|
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;
|
package/dist/theme-get.d.cts
CHANGED
package/dist/theme-get.d.mts
CHANGED
package/dist/theme-get.mjs
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { get } from "./core.mjs";
|
|
2
|
-
|
|
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 };
|
package/dist/typography.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_typography = require("./typography-
|
|
5
|
+
const require_typography = require("./typography-CVBkBkfu.cjs");
|
|
6
6
|
exports.default = require_typography.typography;
|
|
7
7
|
exports.typography = require_typography.typography;
|
package/dist/typography.d.cts
CHANGED
|
@@ -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-
|
|
2
|
-
import { t as typography } from "./index-
|
|
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 };
|
package/dist/typography.d.mts
CHANGED
|
@@ -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-
|
|
2
|
-
import { t as typography } from "./index-
|
|
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 };
|
package/dist/typography.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
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-
|
|
3
|
-
|
|
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-
|
|
3
|
-
|
|
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-
|
|
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;
|
package/dist/variant.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { C as ButtonStyleProps, T as ColorStyleProps, Vt as TextStyleProps } from "./types-
|
|
2
|
-
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-
|
|
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 };
|
package/dist/variant.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { C as ButtonStyleProps, T as ColorStyleProps, Vt as TextStyleProps } from "./types-
|
|
2
|
-
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-
|
|
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
|
-
|
|
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.
|
|
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": "^
|
|
239
|
-
"oxlint": "^1.
|
|
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": "^
|
|
243
|
+
"vitest": "^5.0.5",
|
|
244
244
|
"@soroush.tech/eslint-config": "0.0.0"
|
|
245
245
|
},
|
|
246
246
|
"scripts": {
|
|
@@ -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,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,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 };
|