@soroush.tech/styled-system 6.0.0-alpha.4 → 6.0.0-rc.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.
- package/README.md +12 -12
- package/dist/background.d.cts +1 -1
- package/dist/background.d.mts +1 -1
- package/dist/border.d.cts +1 -1
- package/dist/border.d.mts +1 -1
- package/dist/color.d.cts +1 -1
- package/dist/color.d.mts +1 -1
- package/dist/core.d.cts +2 -2
- package/dist/core.d.mts +2 -2
- package/dist/flexbox.d.cts +1 -1
- package/dist/flexbox.d.mts +1 -1
- package/dist/{grid-D6l0ftY0.mjs → grid-C-HdJk4U.mjs} +9 -3
- package/dist/{grid-NyoJxJGh.cjs → grid-OHT6r2bt.cjs} +9 -3
- package/dist/grid.cjs +1 -1
- package/dist/grid.d.cts +1 -1
- package/dist/grid.d.mts +1 -1
- package/dist/grid.mjs +1 -1
- package/dist/{index-DXURX22V.d.mts → index-6ik3iTHu.d.mts} +1 -1
- package/dist/{index-BQUTi5eL.d.mts → index-B0YS7_m6.d.mts} +1 -1
- package/dist/{index-IulNhyDt.d.mts → index-BE_EAkI7.d.mts} +1 -4
- package/dist/{index-BDUZ7qQu.d.cts → index-BHK7G7gO.d.cts} +1 -1
- package/dist/{index-iVqAMF2L.d.cts → index-BLOT8F36.d.cts} +1 -4
- package/dist/{index-DGGFii8s.d.cts → index-BXclWtvo.d.cts} +1 -1
- package/dist/{index-D_XDxNlm.d.mts → index-BczRuB6e.d.mts} +1 -1
- package/dist/{index-BZI1xwTA.d.cts → index-BkyQ2I3Q.d.cts} +1 -1
- package/dist/{index-Np-KvYhu.d.mts → index-Bxo9Q79f.d.mts} +1 -1
- package/dist/{index-Dr5JeEjc.d.mts → index-CR-GVkrN.d.mts} +1 -1
- package/dist/{index-BUX09rTq.d.cts → index-CTXw8gri.d.cts} +1 -1
- package/dist/{index-C56_VCbD.d.cts → index-CkR8r7gi.d.cts} +1 -1
- package/dist/{index-DYc5_RYF.d.mts → index-Cr2cfFsQ.d.mts} +1 -1
- package/dist/{index-BZs9fI-P.d.mts → index-CrobiDS5.d.mts} +1 -1
- package/dist/{index-BVNmdtmk.d.cts → index-DKXeepUh.d.cts} +1 -1
- package/dist/{index-Dv3K2IAS.d.cts → index-DRJD7XL8.d.cts} +1 -1
- package/dist/{index-Di8gHXKt.d.cts → index-DS8Ma7Lx.d.cts} +1 -1
- package/dist/{index-BUa_KRfs.d.cts → index-DjZPAVMl.d.cts} +1 -1
- package/dist/{index-BqZjtkzF.d.cts → index-DpxMCtVD.d.cts} +1 -1
- package/dist/{index--7PfXEZf.d.mts → index-JvkI1X8U.d.mts} +1 -1
- package/dist/{index-Bhpc-68J.d.mts → index-VKL1l__P.d.mts} +1 -1
- package/dist/{index-BTZ4J3Ql.d.mts → index-hyKpD01B.d.mts} +1 -1
- package/dist/{index-DwJSd01p.d.cts → index-o6LXc-DI.d.cts} +1 -1
- package/dist/{index-mSyoGVmz.d.mts → index-qepAIdZL.d.mts} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +13 -13
- package/dist/index.d.mts +13 -13
- package/dist/index.mjs +1 -1
- package/dist/layout.d.cts +1 -1
- package/dist/layout.d.mts +1 -1
- package/dist/position.d.cts +1 -1
- package/dist/position.d.mts +1 -1
- package/dist/{presets-DNjUFNNu.cjs → presets-4VDAnszD.cjs} +1 -1
- package/dist/{presets-CrIKAUbJ.mjs → presets-CClRdg4X.mjs} +1 -1
- package/dist/prop-types.cjs +1 -1
- package/dist/prop-types.mjs +1 -1
- package/dist/props.cjs +1 -1
- package/dist/props.mjs +1 -1
- package/dist/shadow.d.cts +1 -1
- package/dist/shadow.d.mts +1 -1
- package/dist/should-forward-prop.cjs +1 -1
- package/dist/should-forward-prop.mjs +1 -1
- package/dist/space.d.cts +1 -1
- package/dist/space.d.mts +1 -1
- package/dist/typography.d.cts +1 -1
- package/dist/typography.d.mts +1 -1
- package/dist/variant.d.cts +1 -1
- package/dist/variant.d.mts +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/package/@soroush.tech/styled-system)
|
|
4
4
|
[](https://www.npmjs.com/package/@soroush.tech/styled-system)
|
|
5
|
-
[](https://app.codecov.io/gh/soroush-tech/design-system?flags%5B0%5D=styled-system)
|
|
6
6
|
[](https://www.npmjs.com/package/@soroush.tech/styled-system)
|
|
7
7
|
[](https://www.npmjs.com/package/@soroush.tech/styled-system)
|
|
8
8
|
[](./LICENSE)
|
|
@@ -145,23 +145,23 @@ Types resolve under both modern module resolution (`node16`/`nodenext`/`bundler`
|
|
|
145
145
|
|
|
146
146
|
Full docs live in [`docs/`](./docs/README.md):
|
|
147
147
|
|
|
148
|
-
- [Getting Started](https://github.com/soroush-tech/
|
|
149
|
-
- [Responsive Styles](https://github.com/soroush-tech/
|
|
150
|
-
- [How it Works](https://github.com/soroush-tech/
|
|
151
|
-
- [Custom Props](https://github.com/soroush-tech/
|
|
152
|
-
- [Variants](https://github.com/soroush-tech/
|
|
153
|
-
- [API](https://github.com/soroush-tech/
|
|
154
|
-
- [Reference Table](https://github.com/soroush-tech/
|
|
155
|
-
- [TypeScript](https://github.com/soroush-tech/
|
|
156
|
-
- [Guides](https://github.com/soroush-tech/
|
|
148
|
+
- [Getting Started](https://github.com/soroush-tech/design-system/tree/main/packages/styled-system/docs/getting-started.md)
|
|
149
|
+
- [Responsive Styles](https://github.com/soroush-tech/design-system/tree/main/packages/styled-system/docs/responsive-styles.md)
|
|
150
|
+
- [How it Works](https://github.com/soroush-tech/design-system/tree/main/packages/styled-system/docs/how-it-works.md)
|
|
151
|
+
- [Custom Props](https://github.com/soroush-tech/design-system/tree/main/packages/styled-system/docs/custom-props.md)
|
|
152
|
+
- [Variants](https://github.com/soroush-tech/design-system/tree/main/packages/styled-system/docs/variants.md)
|
|
153
|
+
- [API](https://github.com/soroush-tech/design-system/tree/main/packages/styled-system/docs/api.md)
|
|
154
|
+
- [Reference Table](https://github.com/soroush-tech/design-system/tree/main/packages/styled-system/docs/table.md)
|
|
155
|
+
- [TypeScript](https://github.com/soroush-tech/design-system/tree/main/packages/styled-system/docs/typescript.md)
|
|
156
|
+
- [Guides](https://github.com/soroush-tech/design-system/tree/main/packages/styled-system/docs/guides/index.md)
|
|
157
157
|
|
|
158
158
|
Runnable demos live in the [examples repo](https://github.com/soroush-tech/examples/tree/main/styled-system).
|
|
159
159
|
|
|
160
160
|
## Release notes
|
|
161
161
|
|
|
162
162
|
Per-version notes for every published release live in
|
|
163
|
-
[`release-notes/`](https://github.com/soroush-tech/
|
|
163
|
+
[`release-notes/`](https://github.com/soroush-tech/design-system/tree/main/packages/styled-system/release-notes).
|
|
164
164
|
|
|
165
165
|
## License
|
|
166
166
|
|
|
167
|
-
MIT - a rewrite of styled-system (© 2017-2021 Brent Jackson), see [`LICENSE`](https://github.com/soroush-tech/
|
|
167
|
+
MIT - a rewrite of styled-system (© 2017-2021 Brent Jackson), see [`LICENSE`](https://github.com/soroush-tech/design-system/tree/main/packages/styled-system/LICENSE).
|
package/dist/background.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { t as background } from "./index-
|
|
1
|
+
import { t as background } from "./index-DS8Ma7Lx.cjs";
|
|
2
2
|
import { c as BackgroundProps, l as BackgroundRepeatProps, o as BackgroundImageProps, s as BackgroundPositionProps, u as BackgroundSizeProps } from "./types-Cl2haWqC.cjs";
|
|
3
3
|
export { type BackgroundImageProps, type BackgroundPositionProps, type BackgroundProps, type BackgroundRepeatProps, type BackgroundSizeProps, background, background as default };
|
package/dist/background.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { t as background } from "./index-
|
|
1
|
+
import { t as background } from "./index-qepAIdZL.mjs";
|
|
2
2
|
import { c as BackgroundProps, l as BackgroundRepeatProps, o as BackgroundImageProps, s as BackgroundPositionProps, u as BackgroundSizeProps } from "./types-Cl2haWqC.mjs";
|
|
3
3
|
export { type BackgroundImageProps, type BackgroundPositionProps, type BackgroundProps, type BackgroundRepeatProps, type BackgroundSizeProps, background, background as default };
|
package/dist/border.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { _ as BorderStyleProps, d as BorderBottomProps, f as BorderColorProps, g as BorderRightProps, h as BorderRadiusProps, m as BorderProps, p as BorderLeftProps, v as BorderTopProps, y as BorderWidthProps } from "./types-Cl2haWqC.cjs";
|
|
2
|
-
import { t as border } from "./index-
|
|
2
|
+
import { t as border } from "./index-DpxMCtVD.cjs";
|
|
3
3
|
export { type BorderBottomProps, type BorderColorProps, type BorderLeftProps, type BorderProps, type BorderRadiusProps, type BorderRightProps, type BorderStyleProps, type BorderTopProps, type BorderWidthProps, border, border as default };
|
package/dist/border.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { _ as BorderStyleProps, d as BorderBottomProps, f as BorderColorProps, g as BorderRightProps, h as BorderRadiusProps, m as BorderProps, p as BorderLeftProps, v as BorderTopProps, y as BorderWidthProps } from "./types-Cl2haWqC.mjs";
|
|
2
|
-
import { t as border } from "./index-
|
|
2
|
+
import { t as border } from "./index-6ik3iTHu.mjs";
|
|
3
3
|
export { type BorderBottomProps, type BorderColorProps, type BorderLeftProps, type BorderProps, type BorderRadiusProps, type BorderRightProps, type BorderStyleProps, type BorderTopProps, type BorderWidthProps, border, border as default };
|
package/dist/color.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Nt as TextColorProps, a as BackgroundColorProps, gt as OpacityProps, w as ColorProps } from "./types-Cl2haWqC.cjs";
|
|
2
|
-
import { t as color } from "./index-
|
|
2
|
+
import { t as color } from "./index-o6LXc-DI.cjs";
|
|
3
3
|
export { type BackgroundColorProps, type ColorProps, type OpacityProps, type TextColorProps, color, color as default };
|
package/dist/color.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Nt as TextColorProps, a as BackgroundColorProps, gt as OpacityProps, w as ColorProps } from "./types-Cl2haWqC.mjs";
|
|
2
|
-
import { t as color } from "./index-
|
|
2
|
+
import { t as color } from "./index-hyKpD01B.mjs";
|
|
3
3
|
export { type BackgroundColorProps, type ColorProps, type OpacityProps, type TextColorProps, color, color as default };
|
package/dist/core.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { a as ResponsiveQueries, c as createContainerQueries, d as responsiveQueries, i as QueryHelpers, l as createMediaHelpers, n as Breakpoints, o as breakpointQueries, r as ContainerQueries, s as containerKey, t as BreakpointInput, u as createMediaQuery } from "./media-CfYDomHt.cjs";
|
|
2
|
-
import {
|
|
3
|
-
export { BreakpointInput, Breakpoints, CSSObject, Config, ConfigFunction, ConfigStyle, ContainerQueries, Parser, ParserConfig, Props, QueryHelpers, ResponsiveQueries,
|
|
2
|
+
import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, h as merge, i as ParserConfig, l as Theme, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, t as CSSObject, u as Transform } from "./index-BLOT8F36.cjs";
|
|
3
|
+
export { BreakpointInput, Breakpoints, CSSObject, type SystemConfig as Config, SystemConfig, type StyleFn as ConfigFunction, StyleFn, ConfigStyle, ContainerQueries, Parser, type Parser as styleFn, ParserConfig, Props, QueryHelpers, ResponsiveQueries, StyleObject, Theme, Transform, breakpointQueries, compose, containerKey, createContainerQueries, createMediaHelpers, createMediaQuery, createParser, createStyleFunction, get, merge, responsiveQueries, system };
|
package/dist/core.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { a as ResponsiveQueries, c as createContainerQueries, d as responsiveQueries, i as QueryHelpers, l as createMediaHelpers, n as Breakpoints, o as breakpointQueries, r as ContainerQueries, s as containerKey, t as BreakpointInput, u as createMediaQuery } from "./media-CfYDomHt.mjs";
|
|
2
|
-
import {
|
|
3
|
-
export { BreakpointInput, Breakpoints, CSSObject, Config, ConfigFunction, ConfigStyle, ContainerQueries, Parser, ParserConfig, Props, QueryHelpers, ResponsiveQueries,
|
|
2
|
+
import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, h as merge, i as ParserConfig, l as Theme, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, t as CSSObject, u as Transform } from "./index-BE_EAkI7.mjs";
|
|
3
|
+
export { BreakpointInput, Breakpoints, CSSObject, type SystemConfig as Config, SystemConfig, type StyleFn as ConfigFunction, StyleFn, ConfigStyle, ContainerQueries, Parser, type Parser as styleFn, ParserConfig, Props, QueryHelpers, ResponsiveQueries, StyleObject, Theme, Transform, breakpointQueries, compose, containerKey, createContainerQueries, createMediaHelpers, createMediaQuery, createParser, createStyleFunction, get, merge, responsiveQueries, system };
|
package/dist/flexbox.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { A as FlexDirectionProps, F as FlexboxProps, M as FlexProps, N as FlexShrinkProps, P as FlexWrapProps, _t as OrderProps, j as FlexGrowProps, k as FlexBasisProps, n as AlignItemsProps, nt as JustifyItemsProps, r as AlignSelfProps, rt as JustifySelfProps, t as AlignContentProps, tt as JustifyContentProps } from "./types-Cl2haWqC.cjs";
|
|
2
|
-
import { t as flexbox } from "./index-
|
|
2
|
+
import { t as flexbox } from "./index-CTXw8gri.cjs";
|
|
3
3
|
export { type AlignContentProps, type AlignItemsProps, type AlignSelfProps, type FlexBasisProps, type FlexDirectionProps, type FlexGrowProps, type FlexProps, type FlexShrinkProps, type FlexWrapProps, type FlexboxProps, type JustifyContentProps, type JustifyItemsProps, type JustifySelfProps, type OrderProps, flexbox as default, flexbox };
|
package/dist/flexbox.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { A as FlexDirectionProps, F as FlexboxProps, M as FlexProps, N as FlexShrinkProps, P as FlexWrapProps, _t as OrderProps, j as FlexGrowProps, k as FlexBasisProps, n as AlignItemsProps, nt as JustifyItemsProps, r as AlignSelfProps, rt as JustifySelfProps, t as AlignContentProps, tt as JustifyContentProps } from "./types-Cl2haWqC.mjs";
|
|
2
|
-
import { t as flexbox } from "./index-
|
|
2
|
+
import { t as flexbox } from "./index-CrobiDS5.mjs";
|
|
3
3
|
export { type AlignContentProps, type AlignItemsProps, type AlignSelfProps, type FlexBasisProps, type FlexDirectionProps, type FlexGrowProps, type FlexProps, type FlexShrinkProps, type FlexWrapProps, type FlexboxProps, type JustifyContentProps, type JustifyItemsProps, type JustifySelfProps, type OrderProps, flexbox as default, flexbox };
|
|
@@ -41,7 +41,7 @@ const grid = system({
|
|
|
41
41
|
//#endregion
|
|
42
42
|
//#region src/grid/layoutGrid.ts
|
|
43
43
|
const spaceValue = (theme, value) => {
|
|
44
|
-
const resolved = get(theme,
|
|
44
|
+
const resolved = get(theme, "space", {})[value] ?? value;
|
|
45
45
|
return typeof resolved === "number" ? `${resolved}px` : resolved;
|
|
46
46
|
};
|
|
47
47
|
const frameDeclarations = (theme, { margin, mode, maxWidth }) => {
|
|
@@ -72,11 +72,17 @@ const gapAsGutter = (breakpoints, gap) => {
|
|
|
72
72
|
entries: {}
|
|
73
73
|
};
|
|
74
74
|
const names = Object.keys(breakpoints);
|
|
75
|
-
|
|
75
|
+
let base;
|
|
76
|
+
let pairs = Object.entries(gap);
|
|
77
|
+
if (Array.isArray(gap)) {
|
|
78
|
+
const offset = names.length > 0 && responsiveQueries(breakpoints).keyed.get(names[0]) ? 1 : 0;
|
|
79
|
+
if (offset === 1) base = gap[0];
|
|
80
|
+
pairs = gap.map((value, index) => [names[index - offset], value]);
|
|
81
|
+
}
|
|
76
82
|
const entries = {};
|
|
77
83
|
for (const [name, value] of pairs) if (name !== void 0 && value !== null) entries[name] = { gutter: value };
|
|
78
84
|
return {
|
|
79
|
-
field: {},
|
|
85
|
+
field: base === null || base === void 0 ? {} : { gutter: base },
|
|
80
86
|
entries
|
|
81
87
|
};
|
|
82
88
|
};
|
|
@@ -42,7 +42,7 @@ const grid = require_core.system(config);
|
|
|
42
42
|
//#endregion
|
|
43
43
|
//#region src/grid/layoutGrid.ts
|
|
44
44
|
const spaceValue = (theme, value) => {
|
|
45
|
-
const resolved = require_core.get(theme,
|
|
45
|
+
const resolved = require_core.get(theme, "space", {})[value] ?? value;
|
|
46
46
|
return typeof resolved === "number" ? `${resolved}px` : resolved;
|
|
47
47
|
};
|
|
48
48
|
const frameDeclarations = (theme, { margin, mode, maxWidth }) => {
|
|
@@ -73,11 +73,17 @@ const gapAsGutter = (breakpoints, gap) => {
|
|
|
73
73
|
entries: {}
|
|
74
74
|
};
|
|
75
75
|
const names = Object.keys(breakpoints);
|
|
76
|
-
|
|
76
|
+
let base;
|
|
77
|
+
let pairs = Object.entries(gap);
|
|
78
|
+
if (Array.isArray(gap)) {
|
|
79
|
+
const offset = names.length > 0 && require_media.responsiveQueries(breakpoints).keyed.get(names[0]) ? 1 : 0;
|
|
80
|
+
if (offset === 1) base = gap[0];
|
|
81
|
+
pairs = gap.map((value, index) => [names[index - offset], value]);
|
|
82
|
+
}
|
|
77
83
|
const entries = {};
|
|
78
84
|
for (const [name, value] of pairs) if (name !== void 0 && value !== null) entries[name] = { gutter: value };
|
|
79
85
|
return {
|
|
80
|
-
field: {},
|
|
86
|
+
field: base === null || base === void 0 ? {} : { gutter: base },
|
|
81
87
|
entries
|
|
82
88
|
};
|
|
83
89
|
};
|
package/dist/grid.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_grid = require("./grid-
|
|
5
|
+
const require_grid = require("./grid-OHT6r2bt.cjs");
|
|
6
6
|
exports.default = require_grid.grid;
|
|
7
7
|
exports.grid = require_grid.grid;
|
|
8
8
|
exports.layoutFrame = require_grid.layoutFrame;
|
package/dist/grid.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { $ as GridTemplateRowsProps, G as GridColumnGapProps, H as GridAutoColumnsProps, J as GridProps, K as GridColumnProps, Q as GridTemplateColumnsProps, U as GridAutoFlowProps, V as GridAreaProps, W as GridAutoRowsProps, X as GridRowProps, Y as GridRowGapProps, Z as GridTemplateAreasProps, at as LayoutGridProps, it as LayoutFrameProps, kt as SpanProps, q as GridGapProps } from "./types-Cl2haWqC.cjs";
|
|
2
|
-
import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-
|
|
2
|
+
import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-BkyQ2I3Q.cjs";
|
|
3
3
|
export { type GridAreaProps, type GridAutoColumnsProps, type GridAutoFlowProps, type GridAutoRowsProps, type GridColumnGapProps, type GridColumnProps, type GridGapProps, type GridProps, type GridRowGapProps, type GridRowProps, type GridTemplateAreasProps, type GridTemplateColumnsProps, type GridTemplateRowsProps, type LayoutFrameProps, LayoutGridEntry, LayoutGridGap, type LayoutGridProps, LayoutGridValue, type SpanProps, grid as default, grid, layoutFrame, layoutGrid, layoutGridStyles, span };
|
package/dist/grid.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { $ as GridTemplateRowsProps, G as GridColumnGapProps, H as GridAutoColumnsProps, J as GridProps, K as GridColumnProps, Q as GridTemplateColumnsProps, U as GridAutoFlowProps, V as GridAreaProps, W as GridAutoRowsProps, X as GridRowProps, Y as GridRowGapProps, Z as GridTemplateAreasProps, at as LayoutGridProps, it as LayoutFrameProps, kt as SpanProps, q as GridGapProps } from "./types-Cl2haWqC.mjs";
|
|
2
|
-
import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-
|
|
2
|
+
import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-Bxo9Q79f.mjs";
|
|
3
3
|
export { type GridAreaProps, type GridAutoColumnsProps, type GridAutoFlowProps, type GridAutoRowsProps, type GridColumnGapProps, type GridColumnProps, type GridGapProps, type GridProps, type GridRowGapProps, type GridRowProps, type GridTemplateAreasProps, type GridTemplateColumnsProps, type GridTemplateRowsProps, type LayoutFrameProps, LayoutGridEntry, LayoutGridGap, type LayoutGridProps, LayoutGridValue, type SpanProps, grid as default, grid, layoutFrame, layoutGrid, layoutGridStyles, span };
|
package/dist/grid.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as grid, i as span, n as layoutGrid, r as layoutGridStyles, t as layoutFrame } from "./grid-
|
|
1
|
+
import { a as grid, i as span, n as layoutGrid, r as layoutGridStyles, t as layoutFrame } from "./grid-C-HdJk4U.mjs";
|
|
2
2
|
export { grid as default, grid, layoutFrame, layoutGrid, layoutGridStyles, span };
|
|
@@ -36,9 +36,6 @@ interface ConfigStyle {
|
|
|
36
36
|
}
|
|
37
37
|
type SystemConfig = Record<string, boolean | StyleFn | ConfigStyle>;
|
|
38
38
|
type ParserConfig = Record<string, StyleFn>;
|
|
39
|
-
type styleFn = Parser;
|
|
40
|
-
type Config = SystemConfig;
|
|
41
|
-
type ConfigFunction = StyleFn;
|
|
42
39
|
interface ParserCache {
|
|
43
40
|
breakpoints?: Breakpoints;
|
|
44
41
|
queries?: ResponsiveQueries;
|
|
@@ -56,4 +53,4 @@ declare const createStyleFunction: ({ properties, property, scale, transform, de
|
|
|
56
53
|
declare const system: (args?: SystemConfig) => Parser;
|
|
57
54
|
declare const compose: (...parsers: (Parser | undefined)[]) => Parser;
|
|
58
55
|
//#endregion
|
|
59
|
-
export {
|
|
56
|
+
export { Props as a, SystemConfig as c, compose as d, createParser as f, system as g, merge as h, ParserConfig as i, Theme as l, get as m, ConfigStyle as n, StyleFn as o, createStyleFunction as p, Parser as r, StyleObject as s, CSSObject as t, Transform as u };
|
|
@@ -36,9 +36,6 @@ interface ConfigStyle {
|
|
|
36
36
|
}
|
|
37
37
|
type SystemConfig = Record<string, boolean | StyleFn | ConfigStyle>;
|
|
38
38
|
type ParserConfig = Record<string, StyleFn>;
|
|
39
|
-
type styleFn = Parser;
|
|
40
|
-
type Config = SystemConfig;
|
|
41
|
-
type ConfigFunction = StyleFn;
|
|
42
39
|
interface ParserCache {
|
|
43
40
|
breakpoints?: Breakpoints;
|
|
44
41
|
queries?: ResponsiveQueries;
|
|
@@ -56,4 +53,4 @@ declare const createStyleFunction: ({ properties, property, scale, transform, de
|
|
|
56
53
|
declare const system: (args?: SystemConfig) => Parser;
|
|
57
54
|
declare const compose: (...parsers: (Parser | undefined)[]) => Parser;
|
|
58
55
|
//#endregion
|
|
59
|
-
export {
|
|
56
|
+
export { Props as a, SystemConfig as c, compose as d, createParser as f, system as g, merge as h, ParserConfig as i, Theme as l, get as m, ConfigStyle as n, StyleFn as o, createStyleFunction as p, Parser as r, StyleObject as s, CSSObject as t, Transform as u };
|
package/dist/index.cjs
CHANGED
|
@@ -5,7 +5,7 @@ const require_background = require("./background-wugr6cG7.cjs");
|
|
|
5
5
|
const require_border = require("./border-UuT-fTpy.cjs");
|
|
6
6
|
const require_color = require("./color-BNs17Gw-.cjs");
|
|
7
7
|
const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
|
|
8
|
-
const require_grid = require("./grid-
|
|
8
|
+
const require_grid = require("./grid-OHT6r2bt.cjs");
|
|
9
9
|
const require_layout = require("./layout-D3pG7vBp.cjs");
|
|
10
10
|
const require_position = require("./position-zWvCE4hD.cjs");
|
|
11
11
|
const require_typography = require("./typography-7jHZXqtc.cjs");
|
package/dist/index.d.cts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { a as ResponsiveQueries, c as createContainerQueries, d as responsiveQueries, i as QueryHelpers, l as createMediaHelpers, n as Breakpoints, o as breakpointQueries, r as ContainerQueries, s as containerKey, t as BreakpointInput, u as createMediaQuery } from "./media-CfYDomHt.cjs";
|
|
2
|
-
import { a as
|
|
3
|
-
import { t as background } from "./index-
|
|
2
|
+
import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, i as ParserConfig, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, u as Transform } from "./index-BLOT8F36.cjs";
|
|
3
|
+
import { t as background } from "./index-DS8Ma7Lx.cjs";
|
|
4
4
|
import { $ as GridTemplateRowsProps, A as FlexDirectionProps, At as TLengthStyledSystem, B as GapProps, Bt as TextShadowProps, C as ButtonStyleProps, Ct as RightProps, D as ContainerProps, Dt as SizeProps, E as ColumnGapProps, Et as ShadowProps, F as FlexboxProps, Ft as TextDecorationLineProps, G as GridColumnGapProps, Gt as TopProps, H as GridAutoColumnsProps, Ht as TextTransformProps, I as FontFamilyProps, It as TextDecorationProps, J as GridProps, Jt as WhiteSpaceProps, K as GridColumnProps, Kt as TypographyProps, L as FontSizeProps, Lt as TextDecorationStyleProps, M as FlexProps, Mt as TextAlignProps, N as FlexShrinkProps, Nt as TextColorProps, O as DisplayProps, Ot as SpaceProps, P as FlexWrapProps, Pt as TextDecorationColorProps, Q as GridTemplateColumnsProps, R as FontStyleProps, Rt as TextDecorationThicknessProps, S as BreakpointName, St as ResponsiveValue, T as ColorStyleProps, Tt as Scale, U as GridAutoFlowProps, Ut as Theme, V as GridAreaProps, Vt as TextStyleProps, W as GridAutoRowsProps, Wt as ThemeValue, X as GridRowProps, Xt as ZIndexProps, Y as GridRowGapProps, Yt as WidthProps, Z as GridTemplateAreasProps, _ as BorderStyleProps, _t as OrderProps, a as BackgroundColorProps, at as LayoutGridProps, b as BottomProps, bt as PositionProps, c as BackgroundProps, ct as LetterSpacingProps, d as BorderBottomProps, dt as MaxHeightProps, et as HeightProps, f as BorderColorProps, ft as MaxWidthProps, g as BorderRightProps, gt as OpacityProps, h as BorderRadiusProps, ht as ObjectOrArray, i as AspectRatioProps, it as LayoutFrameProps, j as FlexGrowProps, jt as TextAlignLastProps, k as FlexBasisProps, kt as SpanProps, l as BackgroundRepeatProps, lt as LineHeightProps, m as BorderProps, mt as MinWidthProps, n as AlignItemsProps, nt as JustifyItemsProps, o as BackgroundImageProps, ot as LayoutProps, p as BorderLeftProps, pt as MinHeightProps, q as GridGapProps, qt as VerticalAlignProps, r as AlignSelfProps, rt as JustifySelfProps, s as BackgroundPositionProps, st as LeftProps, t as AlignContentProps, tt as JustifyContentProps, u as BackgroundSizeProps, ut as MarginProps, v as BorderTopProps, vt as OverflowProps, w as ColorProps, wt as RowGapProps, x as BoxShadowProps, xt as RequiredTheme, y as BorderWidthProps, yt as PaddingProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-Cl2haWqC.cjs";
|
|
5
|
-
import { t as border } from "./index-
|
|
6
|
-
import { t as color } from "./index-
|
|
7
|
-
import { t as flexbox } from "./index-
|
|
8
|
-
import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-
|
|
9
|
-
import { i as space, n as margin, r as padding, t as gap } from "./index-
|
|
10
|
-
import { t as layout } from "./index-
|
|
11
|
-
import { t as typography } from "./index-
|
|
12
|
-
import { t as position } from "./index-
|
|
13
|
-
import { t as shadow } from "./index-
|
|
14
|
-
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-
|
|
5
|
+
import { t as border } from "./index-DpxMCtVD.cjs";
|
|
6
|
+
import { t as color } from "./index-o6LXc-DI.cjs";
|
|
7
|
+
import { t as flexbox } from "./index-CTXw8gri.cjs";
|
|
8
|
+
import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-BkyQ2I3Q.cjs";
|
|
9
|
+
import { i as space, n as margin, r as padding, t as gap } from "./index-DjZPAVMl.cjs";
|
|
10
|
+
import { t as layout } from "./index-DRJD7XL8.cjs";
|
|
11
|
+
import { t as typography } from "./index-CkR8r7gi.cjs";
|
|
12
|
+
import { t as position } from "./index-DKXeepUh.cjs";
|
|
13
|
+
import { t as shadow } from "./index-BXclWtvo.cjs";
|
|
14
|
+
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-BHK7G7gO.cjs";
|
|
15
15
|
//#region src/style/style.d.ts
|
|
16
16
|
interface StyleOptions {
|
|
17
17
|
prop: string;
|
|
@@ -99,4 +99,4 @@ declare const right: Parser;
|
|
|
99
99
|
declare const bottom: Parser;
|
|
100
100
|
declare const left: Parser;
|
|
101
101
|
//#endregion
|
|
102
|
-
export { AlignContentProps, AlignItemsProps, AlignSelfProps, AspectRatioProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, type BreakpointInput, BreakpointName, type Breakpoints, ButtonStyleProps, ColorProps, ColorStyleProps, ColumnGapProps, type Config, type ConfigFunction, type ConfigStyle, ContainerProps, type ContainerQueries, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GapProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnGapProps, GridColumnProps, GridGapProps, GridProps, GridRowGapProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, LayoutFrameProps, type LayoutGridEntry, type LayoutGridGap, LayoutGridProps, type LayoutGridValue, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, type LowLevelStyleFunctionArguments, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, type QueryHelpers, RequiredTheme, type ResponsiveQueries, ResponsiveValue, RightProps, RowGapProps, Scale, ShadowProps, SizeProps, SpaceProps, SpanProps, type
|
|
102
|
+
export { AlignContentProps, AlignItemsProps, AlignSelfProps, AspectRatioProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, type BreakpointInput, BreakpointName, type Breakpoints, ButtonStyleProps, ColorProps, ColorStyleProps, ColumnGapProps, type SystemConfig as Config, type SystemConfig, type StyleFn as ConfigFunction, type StyleFn, type ConfigStyle, ContainerProps, type ContainerQueries, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GapProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnGapProps, GridColumnProps, GridGapProps, GridProps, GridRowGapProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, LayoutFrameProps, type LayoutGridEntry, type LayoutGridGap, LayoutGridProps, type LayoutGridValue, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, type LowLevelStyleFunctionArguments, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type Parser as styleFn, type ParserConfig, PositionProps, type Props, type QueryHelpers, RequiredTheme, type ResponsiveQueries, ResponsiveValue, RightProps, RowGapProps, Scale, ShadowProps, SizeProps, SpaceProps, SpanProps, type StyleObject, type StyleOptions, TLengthStyledSystem, TextAlignLastProps, TextAlignProps, TextColorProps, TextDecorationColorProps, TextDecorationLineProps, TextDecorationProps, TextDecorationStyleProps, TextDecorationThicknessProps, TextOverflowProps, TextShadowProps, TextStyleProps, TextTransformProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, type VariantArgs, type VariantOptions, VerticalAlignProps, WhiteSpaceProps, WidthProps, ZIndexProps, alignContent, alignItems, alignSelf, background, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, border, border as borders, borderBottom, borderColor, borderLeft, borderRadius, borderRight, borderStyle, borderTop, borderWidth, bottom, shadow as boxShadow, shadow, shadow as textShadow, breakpointQueries, buttonStyle, color, colorStyle, compose, containerKey, createContainerQueries, createMediaHelpers, createMediaQuery, createParser, createStyleFunction, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, gap, get, grid, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnGap, gridGap, gridRow, gridRowGap, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, justifyContent, justifyItems, justifySelf, layout, layoutFrame, layoutGrid, layoutGridStyles, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, responsiveQueries, right, size, space, span, style, system, textAlign, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textOverflow, textStyle, textTransform, top, typography, variant, verticalAlign, whiteSpace, width, zIndex };
|
package/dist/index.d.mts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { a as ResponsiveQueries, c as createContainerQueries, d as responsiveQueries, i as QueryHelpers, l as createMediaHelpers, n as Breakpoints, o as breakpointQueries, r as ContainerQueries, s as containerKey, t as BreakpointInput, u as createMediaQuery } from "./media-CfYDomHt.mjs";
|
|
2
|
-
import { a as
|
|
3
|
-
import { t as background } from "./index-
|
|
2
|
+
import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, i as ParserConfig, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, u as Transform } from "./index-BE_EAkI7.mjs";
|
|
3
|
+
import { t as background } from "./index-qepAIdZL.mjs";
|
|
4
4
|
import { $ as GridTemplateRowsProps, A as FlexDirectionProps, At as TLengthStyledSystem, B as GapProps, Bt as TextShadowProps, C as ButtonStyleProps, Ct as RightProps, D as ContainerProps, Dt as SizeProps, E as ColumnGapProps, Et as ShadowProps, F as FlexboxProps, Ft as TextDecorationLineProps, G as GridColumnGapProps, Gt as TopProps, H as GridAutoColumnsProps, Ht as TextTransformProps, I as FontFamilyProps, It as TextDecorationProps, J as GridProps, Jt as WhiteSpaceProps, K as GridColumnProps, Kt as TypographyProps, L as FontSizeProps, Lt as TextDecorationStyleProps, M as FlexProps, Mt as TextAlignProps, N as FlexShrinkProps, Nt as TextColorProps, O as DisplayProps, Ot as SpaceProps, P as FlexWrapProps, Pt as TextDecorationColorProps, Q as GridTemplateColumnsProps, R as FontStyleProps, Rt as TextDecorationThicknessProps, S as BreakpointName, St as ResponsiveValue, T as ColorStyleProps, Tt as Scale, U as GridAutoFlowProps, Ut as Theme, V as GridAreaProps, Vt as TextStyleProps, W as GridAutoRowsProps, Wt as ThemeValue, X as GridRowProps, Xt as ZIndexProps, Y as GridRowGapProps, Yt as WidthProps, Z as GridTemplateAreasProps, _ as BorderStyleProps, _t as OrderProps, a as BackgroundColorProps, at as LayoutGridProps, b as BottomProps, bt as PositionProps, c as BackgroundProps, ct as LetterSpacingProps, d as BorderBottomProps, dt as MaxHeightProps, et as HeightProps, f as BorderColorProps, ft as MaxWidthProps, g as BorderRightProps, gt as OpacityProps, h as BorderRadiusProps, ht as ObjectOrArray, i as AspectRatioProps, it as LayoutFrameProps, j as FlexGrowProps, jt as TextAlignLastProps, k as FlexBasisProps, kt as SpanProps, l as BackgroundRepeatProps, lt as LineHeightProps, m as BorderProps, mt as MinWidthProps, n as AlignItemsProps, nt as JustifyItemsProps, o as BackgroundImageProps, ot as LayoutProps, p as BorderLeftProps, pt as MinHeightProps, q as GridGapProps, qt as VerticalAlignProps, r as AlignSelfProps, rt as JustifySelfProps, s as BackgroundPositionProps, st as LeftProps, t as AlignContentProps, tt as JustifyContentProps, u as BackgroundSizeProps, ut as MarginProps, v as BorderTopProps, vt as OverflowProps, w as ColorProps, wt as RowGapProps, x as BoxShadowProps, xt as RequiredTheme, y as BorderWidthProps, yt as PaddingProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-Cl2haWqC.mjs";
|
|
5
|
-
import { t as border } from "./index-
|
|
6
|
-
import { t as color } from "./index-
|
|
7
|
-
import { t as flexbox } from "./index-
|
|
8
|
-
import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-
|
|
9
|
-
import { i as space, n as margin, r as padding, t as gap } from "./index-
|
|
10
|
-
import { t as layout } from "./index-
|
|
11
|
-
import { t as typography } from "./index-
|
|
12
|
-
import { t as position } from "./index-
|
|
13
|
-
import { t as shadow } from "./index
|
|
14
|
-
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-
|
|
5
|
+
import { t as border } from "./index-6ik3iTHu.mjs";
|
|
6
|
+
import { t as color } from "./index-hyKpD01B.mjs";
|
|
7
|
+
import { t as flexbox } from "./index-CrobiDS5.mjs";
|
|
8
|
+
import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-Bxo9Q79f.mjs";
|
|
9
|
+
import { i as space, n as margin, r as padding, t as gap } from "./index-BczRuB6e.mjs";
|
|
10
|
+
import { t as layout } from "./index-VKL1l__P.mjs";
|
|
11
|
+
import { t as typography } from "./index-B0YS7_m6.mjs";
|
|
12
|
+
import { t as position } from "./index-CR-GVkrN.mjs";
|
|
13
|
+
import { t as shadow } from "./index-JvkI1X8U.mjs";
|
|
14
|
+
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-Cr2cfFsQ.mjs";
|
|
15
15
|
//#region src/style/style.d.ts
|
|
16
16
|
interface StyleOptions {
|
|
17
17
|
prop: string;
|
|
@@ -99,4 +99,4 @@ declare const right: Parser;
|
|
|
99
99
|
declare const bottom: Parser;
|
|
100
100
|
declare const left: Parser;
|
|
101
101
|
//#endregion
|
|
102
|
-
export { AlignContentProps, AlignItemsProps, AlignSelfProps, AspectRatioProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, type BreakpointInput, BreakpointName, type Breakpoints, ButtonStyleProps, ColorProps, ColorStyleProps, ColumnGapProps, type Config, type ConfigFunction, type ConfigStyle, ContainerProps, type ContainerQueries, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GapProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnGapProps, GridColumnProps, GridGapProps, GridProps, GridRowGapProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, LayoutFrameProps, type LayoutGridEntry, type LayoutGridGap, LayoutGridProps, type LayoutGridValue, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, type LowLevelStyleFunctionArguments, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, type QueryHelpers, RequiredTheme, type ResponsiveQueries, ResponsiveValue, RightProps, RowGapProps, Scale, ShadowProps, SizeProps, SpaceProps, SpanProps, type
|
|
102
|
+
export { AlignContentProps, AlignItemsProps, AlignSelfProps, AspectRatioProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, type BreakpointInput, BreakpointName, type Breakpoints, ButtonStyleProps, ColorProps, ColorStyleProps, ColumnGapProps, type SystemConfig as Config, type SystemConfig, type StyleFn as ConfigFunction, type StyleFn, type ConfigStyle, ContainerProps, type ContainerQueries, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GapProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnGapProps, GridColumnProps, GridGapProps, GridProps, GridRowGapProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, LayoutFrameProps, type LayoutGridEntry, type LayoutGridGap, LayoutGridProps, type LayoutGridValue, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, type LowLevelStyleFunctionArguments, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type Parser as styleFn, type ParserConfig, PositionProps, type Props, type QueryHelpers, RequiredTheme, type ResponsiveQueries, ResponsiveValue, RightProps, RowGapProps, Scale, ShadowProps, SizeProps, SpaceProps, SpanProps, type StyleObject, type StyleOptions, TLengthStyledSystem, TextAlignLastProps, TextAlignProps, TextColorProps, TextDecorationColorProps, TextDecorationLineProps, TextDecorationProps, TextDecorationStyleProps, TextDecorationThicknessProps, TextOverflowProps, TextShadowProps, TextStyleProps, TextTransformProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, type VariantArgs, type VariantOptions, VerticalAlignProps, WhiteSpaceProps, WidthProps, ZIndexProps, alignContent, alignItems, alignSelf, background, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, border, border as borders, borderBottom, borderColor, borderLeft, borderRadius, borderRight, borderStyle, borderTop, borderWidth, bottom, shadow as boxShadow, shadow, shadow as textShadow, breakpointQueries, buttonStyle, color, colorStyle, compose, containerKey, createContainerQueries, createMediaHelpers, createMediaQuery, createParser, createStyleFunction, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, gap, get, grid, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnGap, gridGap, gridRow, gridRowGap, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, justifyContent, justifyItems, justifySelf, layout, layoutFrame, layoutGrid, layoutGridStyles, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, responsiveQueries, right, size, space, span, style, system, textAlign, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textOverflow, textStyle, textTransform, top, typography, variant, verticalAlign, whiteSpace, width, zIndex };
|
package/dist/index.mjs
CHANGED
|
@@ -4,7 +4,7 @@ import { t as background } from "./background-B-jql3jb.mjs";
|
|
|
4
4
|
import { t as border } from "./border-Dder4Dhp.mjs";
|
|
5
5
|
import { t as color } from "./color-CGmMe8yP.mjs";
|
|
6
6
|
import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
|
|
7
|
-
import { a as grid, i as span, n as layoutGrid, r as layoutGridStyles, t as layoutFrame } from "./grid-
|
|
7
|
+
import { a as grid, i as span, n as layoutGrid, r as layoutGridStyles, t as layoutFrame } from "./grid-C-HdJk4U.mjs";
|
|
8
8
|
import { t as layout } from "./layout-DF83ooFn.mjs";
|
|
9
9
|
import { t as position } from "./position-jf6VlRyR.mjs";
|
|
10
10
|
import { t as typography } from "./typography-p6qWP6Px.mjs";
|
package/dist/layout.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { D as ContainerProps, Dt as SizeProps, O as DisplayProps, Yt as WidthProps, dt as MaxHeightProps, et as HeightProps, ft as MaxWidthProps, i as AspectRatioProps, mt as MinWidthProps, ot as LayoutProps, pt as MinHeightProps, qt as VerticalAlignProps, vt as OverflowProps } from "./types-Cl2haWqC.cjs";
|
|
2
|
-
import { t as layout } from "./index-
|
|
2
|
+
import { t as layout } from "./index-DRJD7XL8.cjs";
|
|
3
3
|
export { type AspectRatioProps, type ContainerProps, type DisplayProps, type HeightProps, type LayoutProps, type MaxHeightProps, type MaxWidthProps, type MinHeightProps, type MinWidthProps, type OverflowProps, type SizeProps, type VerticalAlignProps, type WidthProps, layout as default, layout };
|
package/dist/layout.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { D as ContainerProps, Dt as SizeProps, O as DisplayProps, Yt as WidthProps, dt as MaxHeightProps, et as HeightProps, ft as MaxWidthProps, i as AspectRatioProps, mt as MinWidthProps, ot as LayoutProps, pt as MinHeightProps, qt as VerticalAlignProps, vt as OverflowProps } from "./types-Cl2haWqC.mjs";
|
|
2
|
-
import { t as layout } from "./index-
|
|
2
|
+
import { t as layout } from "./index-VKL1l__P.mjs";
|
|
3
3
|
export { type AspectRatioProps, type ContainerProps, type DisplayProps, type HeightProps, type LayoutProps, type MaxHeightProps, type MaxWidthProps, type MinHeightProps, type MinWidthProps, type OverflowProps, type SizeProps, type VerticalAlignProps, type WidthProps, layout as default, layout };
|
package/dist/position.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Ct as RightProps, Gt as TopProps, Xt as ZIndexProps, b as BottomProps, bt as PositionProps, st as LeftProps } from "./types-Cl2haWqC.cjs";
|
|
2
|
-
import { t as position } from "./index-
|
|
2
|
+
import { t as position } from "./index-DKXeepUh.cjs";
|
|
3
3
|
export { type BottomProps, type LeftProps, type PositionProps, type RightProps, type TopProps, type ZIndexProps, position as default, position };
|
package/dist/position.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Ct as RightProps, Gt as TopProps, Xt as ZIndexProps, b as BottomProps, bt as PositionProps, st as LeftProps } from "./types-Cl2haWqC.mjs";
|
|
2
|
-
import { t as position } from "./index-
|
|
2
|
+
import { t as position } from "./index-CR-GVkrN.mjs";
|
|
3
3
|
export { type BottomProps, type LeftProps, type PositionProps, type RightProps, type TopProps, type ZIndexProps, position as default, position };
|
|
@@ -3,7 +3,7 @@ const require_background = require("./background-wugr6cG7.cjs");
|
|
|
3
3
|
const require_border = require("./border-UuT-fTpy.cjs");
|
|
4
4
|
const require_color = require("./color-BNs17Gw-.cjs");
|
|
5
5
|
const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
|
|
6
|
-
const require_grid = require("./grid-
|
|
6
|
+
const require_grid = require("./grid-OHT6r2bt.cjs");
|
|
7
7
|
const require_layout = require("./layout-D3pG7vBp.cjs");
|
|
8
8
|
const require_position = require("./position-zWvCE4hD.cjs");
|
|
9
9
|
const require_typography = require("./typography-7jHZXqtc.cjs");
|
|
@@ -3,7 +3,7 @@ import { t as background } from "./background-B-jql3jb.mjs";
|
|
|
3
3
|
import { t as border } from "./border-Dder4Dhp.mjs";
|
|
4
4
|
import { t as color } from "./color-CGmMe8yP.mjs";
|
|
5
5
|
import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
|
|
6
|
-
import { a as grid, i as span } from "./grid-
|
|
6
|
+
import { a as grid, i as span } from "./grid-C-HdJk4U.mjs";
|
|
7
7
|
import { t as layout } from "./layout-DF83ooFn.mjs";
|
|
8
8
|
import { t as position } from "./position-jf6VlRyR.mjs";
|
|
9
9
|
import { t as typography } from "./typography-p6qWP6Px.mjs";
|
package/dist/prop-types.cjs
CHANGED
|
@@ -7,7 +7,7 @@ const require_background = require("./background-wugr6cG7.cjs");
|
|
|
7
7
|
const require_border = require("./border-UuT-fTpy.cjs");
|
|
8
8
|
const require_color = require("./color-BNs17Gw-.cjs");
|
|
9
9
|
const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
|
|
10
|
-
const require_grid = require("./grid-
|
|
10
|
+
const require_grid = require("./grid-OHT6r2bt.cjs");
|
|
11
11
|
const require_layout = require("./layout-D3pG7vBp.cjs");
|
|
12
12
|
const require_position = require("./position-zWvCE4hD.cjs");
|
|
13
13
|
const require_typography = require("./typography-7jHZXqtc.cjs");
|
package/dist/prop-types.mjs
CHANGED
|
@@ -2,7 +2,7 @@ import { t as background } from "./background-B-jql3jb.mjs";
|
|
|
2
2
|
import { t as border } from "./border-Dder4Dhp.mjs";
|
|
3
3
|
import { t as color } from "./color-CGmMe8yP.mjs";
|
|
4
4
|
import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
|
|
5
|
-
import { a as grid } from "./grid-
|
|
5
|
+
import { a as grid } from "./grid-C-HdJk4U.mjs";
|
|
6
6
|
import { t as layout } from "./layout-DF83ooFn.mjs";
|
|
7
7
|
import { t as position } from "./position-jf6VlRyR.mjs";
|
|
8
8
|
import { t as typography } from "./typography-p6qWP6Px.mjs";
|
package/dist/props.cjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
-
const require_presets = require("./presets-
|
|
2
|
+
const require_presets = require("./presets-4VDAnszD.cjs");
|
|
3
3
|
//#region src/props/props.ts
|
|
4
4
|
const styledSystemProps = new Set(require_presets.all.propNames);
|
|
5
5
|
const omit = (props) => {
|
package/dist/props.mjs
CHANGED
package/dist/shadow.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Bt as TextShadowProps, Et as ShadowProps, x as BoxShadowProps } from "./types-Cl2haWqC.cjs";
|
|
2
|
-
import { t as shadow } from "./index-
|
|
2
|
+
import { t as shadow } from "./index-BXclWtvo.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
1
|
import { Bt as TextShadowProps, Et as ShadowProps, x as BoxShadowProps } from "./types-Cl2haWqC.mjs";
|
|
2
|
-
import { t as shadow } from "./index
|
|
2
|
+
import { t as shadow } from "./index-JvkI1X8U.mjs";
|
|
3
3
|
export { type BoxShadowProps, type ShadowProps, type TextShadowProps, shadow as default, shadow };
|
|
@@ -3,7 +3,7 @@ Object.defineProperties(exports, {
|
|
|
3
3
|
[Symbol.toStringTag]: { value: "Module" }
|
|
4
4
|
});
|
|
5
5
|
const require_rolldown_runtime = require("./rolldown-runtime-VH7oDXx4.cjs");
|
|
6
|
-
const require_presets = require("./presets-
|
|
6
|
+
const require_presets = require("./presets-4VDAnszD.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
|
//#region src/should-forward-prop/should-forward-prop.ts
|
package/dist/space.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
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-
|
|
2
|
+
import { i as space, n as margin, r as padding, t as gap } from "./index-DjZPAVMl.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
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-
|
|
2
|
+
import { i as space, n as margin, r as padding, t as gap } from "./index-BczRuB6e.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/typography.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
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-
|
|
2
|
+
import { t as typography } from "./index-CkR8r7gi.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
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-
|
|
2
|
+
import { t as typography } from "./index-B0YS7_m6.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/variant.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
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-
|
|
2
|
+
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-BHK7G7gO.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
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-
|
|
2
|
+
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-Cr2cfFsQ.mjs";
|
|
3
3
|
export { type ButtonStyleProps, type ColorStyleProps, type TextStyleProps, VariantArgs, VariantOptions, buttonStyle, colorStyle, variant as default, variant, textStyle };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@soroush.tech/styled-system",
|
|
3
|
-
"version": "6.0.0-
|
|
3
|
+
"version": "6.0.0-rc.0",
|
|
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",
|