@soroush.tech/styled-system 5.6.0 → 5.7.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 +17 -12
- package/dist/background.d.cts +2 -2
- package/dist/background.d.mts +2 -2
- package/dist/border.d.cts +2 -2
- package/dist/border.d.mts +2 -2
- package/dist/color.d.cts +2 -2
- package/dist/color.d.mts +2 -2
- package/dist/core.d.cts +1 -1
- package/dist/core.d.mts +1 -1
- package/dist/{css-DPyZNAmX.mjs → css-BTuRmXCo.mjs} +5 -2
- package/dist/{css-BQ6QmZDs.cjs → css-CeNnKyGm.cjs} +5 -2
- package/dist/css.cjs +1 -1
- package/dist/css.mjs +1 -1
- package/dist/flexbox.d.cts +2 -2
- package/dist/flexbox.d.mts +2 -2
- package/dist/grid.d.cts +2 -2
- package/dist/grid.d.mts +2 -2
- package/dist/{index-BPJls8qs.d.mts → index-BArxeLmS.d.cts} +2 -1
- package/dist/index-BDtY1uVY.d.cts +6 -0
- package/dist/{index-D4Btc5H8.d.cts → index-C0SM54dQ.d.cts} +1 -8
- package/dist/{index-D4Btc5H8.d.mts → index-C0SM54dQ.d.mts} +1 -8
- package/dist/index-C0pw8Qd2.d.mts +6 -0
- package/dist/index-C8xX5EfB.d.cts +6 -0
- package/dist/index-CAwPEtqy.d.cts +6 -0
- package/dist/index-CMBI9D0A.d.mts +6 -0
- package/dist/index-CVY-wfFH.d.mts +6 -0
- package/dist/index-C_CRcytY.d.cts +6 -0
- package/dist/index-D3lp-1cf.d.cts +6 -0
- package/dist/index-DC9UrOgS.d.mts +6 -0
- package/dist/index-DCva7aHv.d.mts +6 -0
- package/dist/{index-DLVfllTy.d.mts → index-DGqSJkFh.d.mts} +2 -1
- package/dist/index-DPElfVnc.d.mts +6 -0
- package/dist/index-DQVt2B8L.d.mts +6 -0
- package/dist/index-DVd2byi6.d.cts +6 -0
- package/dist/{index-3ARRkYzk.d.cts → index-QdL-_E8w.d.mts} +2 -1
- package/dist/index-QsPFe11Z.d.cts +6 -0
- package/dist/index-T0HR3aLX.d.mts +6 -0
- package/dist/index-VEj6m-by.d.mts +6 -0
- package/dist/{index-JB48cMyT.d.cts → index-cXURIs6r.d.cts} +2 -1
- package/dist/index-rkfNt3hR.d.cts +6 -0
- package/dist/index-yrWGltsJ.d.cts +6 -0
- package/dist/index.cjs +16 -2
- package/dist/index.d.cts +22 -24
- package/dist/index.d.mts +22 -24
- package/dist/index.mjs +10 -3
- package/dist/layout.d.cts +2 -2
- package/dist/layout.d.mts +2 -2
- package/dist/position.d.cts +2 -2
- package/dist/position.d.mts +2 -2
- package/dist/{presets-BgKBhlRl.cjs → presets-B971SnR8.cjs} +2 -2
- package/dist/{presets-CcKoA0BA.mjs → presets-Ch4IJvkJ.mjs} +2 -2
- package/dist/prop-types.cjs +2 -2
- package/dist/prop-types.mjs +2 -2
- package/dist/props.cjs +1 -1
- package/dist/props.mjs +1 -1
- package/dist/shadow.d.cts +2 -2
- package/dist/shadow.d.mts +2 -2
- package/dist/should-forward-prop.cjs +1 -1
- package/dist/should-forward-prop.mjs +1 -1
- package/dist/space.d.cts +2 -2
- package/dist/space.d.mts +2 -2
- package/dist/{types-CkHJArGA.d.cts → types-BcPNeOu9.d.cts} +24 -4
- package/dist/{types-CkHJArGA.d.mts → types-BcPNeOu9.d.mts} +24 -4
- package/dist/{typography-CptBXSy0.mjs → typography-CCYBDjpD.mjs} +11 -1
- package/dist/{typography-DD_eWLLx.cjs → typography-DHWhpnqa.cjs} +11 -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 -1
- package/dist/{variant-C7vPzZHo.cjs → variant-BSwNEY5l.cjs} +1 -1
- package/dist/{variant-DQA9pqwW.mjs → variant-NupmzzRg.mjs} +1 -1
- 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 -1
- package/package.json +10 -10
- package/dist/index-5Dg1n1IR.d.mts +0 -5
- package/dist/index-9XAypLoH.d.cts +0 -5
- package/dist/index-BG0pPPzE.d.cts +0 -5
- package/dist/index-BNjbPqRC.d.mts +0 -5
- package/dist/index-BTrJCMxb.d.mts +0 -5
- package/dist/index-Bbzsc0fR.d.mts +0 -5
- package/dist/index-CRGalTX2.d.mts +0 -5
- package/dist/index-CdED1s71.d.mts +0 -5
- package/dist/index-CglXC0Pa.d.cts +0 -5
- package/dist/index-CoMWxd1i.d.cts +0 -5
- package/dist/index-DP4kqDsJ.d.cts +0 -5
- package/dist/index-DQKgrHjA.d.mts +0 -5
- package/dist/index-DSKs82W7.d.cts +0 -5
- package/dist/index-DuGi82Ma.d.cts +0 -5
- package/dist/index-HQb_WHtN.d.mts +0 -5
- package/dist/index-XUBjyEVU.d.mts +0 -5
- package/dist/index-hBpseU4Y.d.cts +0 -5
- package/dist/index-yk0Zqc7v.d.cts +0 -5
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/core?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,18 +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/core/tree/main/packages/styled-system/docs/getting-started.md)
|
|
149
|
+
- [Responsive Styles](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/responsive-styles.md)
|
|
150
|
+
- [How it Works](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/how-it-works.md)
|
|
151
|
+
- [Custom Props](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/custom-props.md)
|
|
152
|
+
- [Variants](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/variants.md)
|
|
153
|
+
- [API](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/api.md)
|
|
154
|
+
- [Reference Table](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/table.md)
|
|
155
|
+
- [TypeScript](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/typescript.md)
|
|
156
|
+
- [Guides](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/guides/index.md)
|
|
157
157
|
|
|
158
|
-
Runnable demos live in [
|
|
158
|
+
Runnable demos live in the [examples repo](https://github.com/soroush-tech/examples/tree/main/styled-system).
|
|
159
|
+
|
|
160
|
+
## Release notes
|
|
161
|
+
|
|
162
|
+
Per-version notes for every published release live in
|
|
163
|
+
[`release-notes/`](https://github.com/soroush-tech/core/tree/main/packages/styled-system/release-notes).
|
|
159
164
|
|
|
160
165
|
## License
|
|
161
166
|
|
|
162
|
-
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/core/tree/main/packages/styled-system/LICENSE).
|
package/dist/background.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { t as background } from "./index-
|
|
2
|
-
import { a as BackgroundImageProps, c as BackgroundRepeatProps, l as BackgroundSizeProps, o as BackgroundPositionProps, s as BackgroundProps } from "./types-
|
|
1
|
+
import { t as background } from "./index-BDtY1uVY.cjs";
|
|
2
|
+
import { a as BackgroundImageProps, c as BackgroundRepeatProps, l as BackgroundSizeProps, o as BackgroundPositionProps, s as BackgroundProps } from "./types-BcPNeOu9.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-
|
|
2
|
-
import { a as BackgroundImageProps, c as BackgroundRepeatProps, l as BackgroundSizeProps, o as BackgroundPositionProps, s as BackgroundProps } from "./types-
|
|
1
|
+
import { t as background } from "./index-DPElfVnc.mjs";
|
|
2
|
+
import { a as BackgroundImageProps, c as BackgroundRepeatProps, l as BackgroundSizeProps, o as BackgroundPositionProps, s as BackgroundProps } from "./types-BcPNeOu9.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
|
-
import { _ as BorderTopProps, d as BorderColorProps, f as BorderLeftProps, g as BorderStyleProps, h as BorderRightProps, m as BorderRadiusProps, p as BorderProps, u as BorderBottomProps, v as BorderWidthProps } from "./types-
|
|
2
|
-
import { t as border } from "./index-
|
|
1
|
+
import { _ as BorderTopProps, d as BorderColorProps, f as BorderLeftProps, g as BorderStyleProps, h as BorderRightProps, m as BorderRadiusProps, p as BorderProps, u as BorderBottomProps, v as BorderWidthProps } from "./types-BcPNeOu9.cjs";
|
|
2
|
+
import { t as border } from "./index-DVd2byi6.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
|
-
import { _ as BorderTopProps, d as BorderColorProps, f as BorderLeftProps, g as BorderStyleProps, h as BorderRightProps, m as BorderRadiusProps, p as BorderProps, u as BorderBottomProps, v as BorderWidthProps } from "./types-
|
|
2
|
-
import { t as border } from "./index-
|
|
1
|
+
import { _ as BorderTopProps, d as BorderColorProps, f as BorderLeftProps, g as BorderStyleProps, h as BorderRightProps, m as BorderRadiusProps, p as BorderProps, u as BorderBottomProps, v as BorderWidthProps } from "./types-BcPNeOu9.mjs";
|
|
2
|
+
import { t as border } from "./index-DQVt2B8L.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
|
-
import {
|
|
2
|
-
import { t as color } from "./index-
|
|
1
|
+
import { S as ColorProps, i as BackgroundColorProps, lt as OpacityProps, wt as TextColorProps } from "./types-BcPNeOu9.cjs";
|
|
2
|
+
import { t as color } from "./index-C8xX5EfB.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
|
-
import {
|
|
2
|
-
import { t as color } from "./index-
|
|
1
|
+
import { S as ColorProps, i as BackgroundColorProps, lt as OpacityProps, wt as TextColorProps } from "./types-BcPNeOu9.mjs";
|
|
2
|
+
import { t as color } from "./index-T0HR3aLX.mjs";
|
|
3
3
|
export { type BackgroundColorProps, type ColorProps, type OpacityProps, type TextColorProps, color, color as default };
|
package/dist/core.d.cts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { _ as merge, a as Parser, c as StyleFn, d as Theme, f as Transform, g as get, h as createStyleFunction, i as ConfigStyle, l as StyleObject, m as createParser, n as Config, o as ParserConfig, p as compose, r as ConfigFunction, s as Props, t as CSSObject, u as SystemConfig, v as styleFn, y as system } from "./index-
|
|
1
|
+
import { _ as merge, a as Parser, c as StyleFn, d as Theme, f as Transform, g as get, h as createStyleFunction, i as ConfigStyle, l as StyleObject, m as createParser, n as Config, o as ParserConfig, p as compose, r as ConfigFunction, s as Props, t as CSSObject, u as SystemConfig, v as styleFn, y as system } from "./index-C0SM54dQ.cjs";
|
|
2
2
|
export { CSSObject, Config, ConfigFunction, ConfigStyle, Parser, ParserConfig, Props, StyleFn, StyleObject, SystemConfig, Theme, Transform, compose, createParser, createStyleFunction, get, merge, styleFn, system };
|
package/dist/core.d.mts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { _ as merge, a as Parser, c as StyleFn, d as Theme, f as Transform, g as get, h as createStyleFunction, i as ConfigStyle, l as StyleObject, m as createParser, n as Config, o as ParserConfig, p as compose, r as ConfigFunction, s as Props, t as CSSObject, u as SystemConfig, v as styleFn, y as system } from "./index-
|
|
1
|
+
import { _ as merge, a as Parser, c as StyleFn, d as Theme, f as Transform, g as get, h as createStyleFunction, i as ConfigStyle, l as StyleObject, m as createParser, n as Config, o as ParserConfig, p as compose, r as ConfigFunction, s as Props, t as CSSObject, u as SystemConfig, v as styleFn, y as system } from "./index-C0SM54dQ.mjs";
|
|
2
2
|
export { CSSObject, Config, ConfigFunction, ConfigStyle, Parser, ParserConfig, Props, StyleFn, StyleObject, SystemConfig, Theme, Transform, compose, createParser, createStyleFunction, get, merge, styleFn, system };
|
|
@@ -116,6 +116,7 @@ const scales = {
|
|
|
116
116
|
borderRightColor: "colors",
|
|
117
117
|
borderRightStyle: "borderStyles",
|
|
118
118
|
outlineColor: "colors",
|
|
119
|
+
textDecorationColor: "colors",
|
|
119
120
|
boxShadow: "shadows",
|
|
120
121
|
textShadow: "shadows",
|
|
121
122
|
zIndex: "zIndices",
|
|
@@ -184,7 +185,8 @@ const css = (args) => (props = {}) => {
|
|
|
184
185
|
...props.theme || props
|
|
185
186
|
};
|
|
186
187
|
let result = {};
|
|
187
|
-
const
|
|
188
|
+
const obj = typeof args === "function" ? args(theme) : args;
|
|
189
|
+
const styles = responsive(obj)(theme);
|
|
188
190
|
for (const key in styles) {
|
|
189
191
|
const x = styles[key];
|
|
190
192
|
const val = typeof x === "function" ? x(theme) : x;
|
|
@@ -201,7 +203,8 @@ const css = (args) => (props = {}) => {
|
|
|
201
203
|
continue;
|
|
202
204
|
}
|
|
203
205
|
const prop = get(aliases, key, key);
|
|
204
|
-
const
|
|
206
|
+
const scaleName = get(scales, prop);
|
|
207
|
+
const scale = get(theme, scaleName, get(theme, prop, {}));
|
|
205
208
|
const value = get(transforms, prop, get)(scale, val, val);
|
|
206
209
|
if (multiples[prop]) {
|
|
207
210
|
const dirs = multiples[prop];
|
|
@@ -116,6 +116,7 @@ const scales = {
|
|
|
116
116
|
borderRightColor: "colors",
|
|
117
117
|
borderRightStyle: "borderStyles",
|
|
118
118
|
outlineColor: "colors",
|
|
119
|
+
textDecorationColor: "colors",
|
|
119
120
|
boxShadow: "shadows",
|
|
120
121
|
textShadow: "shadows",
|
|
121
122
|
zIndex: "zIndices",
|
|
@@ -184,7 +185,8 @@ const css = (args) => (props = {}) => {
|
|
|
184
185
|
...props.theme || props
|
|
185
186
|
};
|
|
186
187
|
let result = {};
|
|
187
|
-
const
|
|
188
|
+
const obj = typeof args === "function" ? args(theme) : args;
|
|
189
|
+
const styles = responsive(obj)(theme);
|
|
188
190
|
for (const key in styles) {
|
|
189
191
|
const x = styles[key];
|
|
190
192
|
const val = typeof x === "function" ? x(theme) : x;
|
|
@@ -201,7 +203,8 @@ const css = (args) => (props = {}) => {
|
|
|
201
203
|
continue;
|
|
202
204
|
}
|
|
203
205
|
const prop = get(aliases, key, key);
|
|
204
|
-
const
|
|
206
|
+
const scaleName = get(scales, prop);
|
|
207
|
+
const scale = get(theme, scaleName, get(theme, prop, {}));
|
|
205
208
|
const value = get(transforms, prop, get)(scale, val, val);
|
|
206
209
|
if (multiples[prop]) {
|
|
207
210
|
const dirs = multiples[prop];
|
package/dist/css.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_css = require("./css-
|
|
5
|
+
const require_css = require("./css-CeNnKyGm.cjs");
|
|
6
6
|
exports.css = require_css.css;
|
|
7
7
|
exports.default = require_css.css;
|
|
8
8
|
exports.get = require_css.get;
|
package/dist/css.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as get, r as responsive, t as css } from "./css-
|
|
1
|
+
import { n as get, r as responsive, t as css } from "./css-BTuRmXCo.mjs";
|
|
2
2
|
export { css, css as default, get, responsive };
|
package/dist/flexbox.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { A as FlexWrapProps, D as FlexGrowProps, E as FlexDirectionProps, O as FlexProps, Q as JustifySelfProps, T as FlexBasisProps, X as JustifyContentProps, Z as JustifyItemsProps, j as FlexboxProps, k as FlexShrinkProps, n as AlignItemsProps, r as AlignSelfProps, t as AlignContentProps, ut as OrderProps } from "./types-
|
|
2
|
-
import { t as flexbox } from "./index-
|
|
1
|
+
import { A as FlexWrapProps, D as FlexGrowProps, E as FlexDirectionProps, O as FlexProps, Q as JustifySelfProps, T as FlexBasisProps, X as JustifyContentProps, Z as JustifyItemsProps, j as FlexboxProps, k as FlexShrinkProps, n as AlignItemsProps, r as AlignSelfProps, t as AlignContentProps, ut as OrderProps } from "./types-BcPNeOu9.cjs";
|
|
2
|
+
import { t as flexbox } from "./index-yrWGltsJ.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
|
-
import { A as FlexWrapProps, D as FlexGrowProps, E as FlexDirectionProps, O as FlexProps, Q as JustifySelfProps, T as FlexBasisProps, X as JustifyContentProps, Z as JustifyItemsProps, j as FlexboxProps, k as FlexShrinkProps, n as AlignItemsProps, r as AlignSelfProps, t as AlignContentProps, ut as OrderProps } from "./types-
|
|
2
|
-
import { t as flexbox } from "./index-
|
|
1
|
+
import { A as FlexWrapProps, D as FlexGrowProps, E as FlexDirectionProps, O as FlexProps, Q as JustifySelfProps, T as FlexBasisProps, X as JustifyContentProps, Z as JustifyItemsProps, j as FlexboxProps, k as FlexShrinkProps, n as AlignItemsProps, r as AlignSelfProps, t as AlignContentProps, ut as OrderProps } from "./types-BcPNeOu9.mjs";
|
|
2
|
+
import { t as flexbox } from "./index-DCva7aHv.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 };
|
package/dist/grid.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { B as GridColumnGapProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, R as GridAutoFlowProps, U as GridProps, V as GridColumnProps, W as GridRowGapProps, q as GridTemplateColumnsProps, z as GridAutoRowsProps } from "./types-
|
|
2
|
-
import { t as grid } from "./index-
|
|
1
|
+
import { B as GridColumnGapProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, R as GridAutoFlowProps, U as GridProps, V as GridColumnProps, W as GridRowGapProps, q as GridTemplateColumnsProps, z as GridAutoRowsProps } from "./types-BcPNeOu9.cjs";
|
|
2
|
+
import { t as grid } from "./index-rkfNt3hR.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, grid as default, grid };
|
package/dist/grid.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { B as GridColumnGapProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, R as GridAutoFlowProps, U as GridProps, V as GridColumnProps, W as GridRowGapProps, q as GridTemplateColumnsProps, z as GridAutoRowsProps } from "./types-
|
|
2
|
-
import { t as grid } from "./index-
|
|
1
|
+
import { B as GridColumnGapProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, R as GridAutoFlowProps, U as GridProps, V as GridColumnProps, W as GridRowGapProps, q as GridTemplateColumnsProps, z as GridAutoRowsProps } from "./types-BcPNeOu9.mjs";
|
|
2
|
+
import { t as grid } from "./index-VEj6m-by.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, grid as default, grid };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as CSS from "csstype";
|
|
2
|
-
|
|
3
2
|
//#region src/core/core.d.ts
|
|
4
3
|
type StyleObject = Record<string, any>;
|
|
5
4
|
type CSSLength = string | number;
|
|
@@ -52,13 +51,7 @@ interface Parser {
|
|
|
52
51
|
declare const merge: (a: StyleObject, b: StyleObject) => StyleObject;
|
|
53
52
|
declare const get: (obj: any, key?: string | number, def?: any, p?: number, undef?: any) => any;
|
|
54
53
|
declare const createParser: (config: ParserConfig) => Parser;
|
|
55
|
-
declare const createStyleFunction: ({
|
|
56
|
-
properties,
|
|
57
|
-
property,
|
|
58
|
-
scale,
|
|
59
|
-
transform,
|
|
60
|
-
defaultScale
|
|
61
|
-
}: ConfigStyle) => StyleFn;
|
|
54
|
+
declare const createStyleFunction: ({ properties, property, scale, transform, defaultScale }: ConfigStyle) => StyleFn;
|
|
62
55
|
declare const system: (args?: SystemConfig) => Parser;
|
|
63
56
|
declare const compose: (...parsers: (Parser | undefined)[]) => Parser;
|
|
64
57
|
//#endregion
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as CSS from "csstype";
|
|
2
|
-
|
|
3
2
|
//#region src/core/core.d.ts
|
|
4
3
|
type StyleObject = Record<string, any>;
|
|
5
4
|
type CSSLength = string | number;
|
|
@@ -52,13 +51,7 @@ interface Parser {
|
|
|
52
51
|
declare const merge: (a: StyleObject, b: StyleObject) => StyleObject;
|
|
53
52
|
declare const get: (obj: any, key?: string | number, def?: any, p?: number, undef?: any) => any;
|
|
54
53
|
declare const createParser: (config: ParserConfig) => Parser;
|
|
55
|
-
declare const createStyleFunction: ({
|
|
56
|
-
properties,
|
|
57
|
-
property,
|
|
58
|
-
scale,
|
|
59
|
-
transform,
|
|
60
|
-
defaultScale
|
|
61
|
-
}: ConfigStyle) => StyleFn;
|
|
54
|
+
declare const createStyleFunction: ({ properties, property, scale, transform, defaultScale }: ConfigStyle) => StyleFn;
|
|
62
55
|
declare const system: (args?: SystemConfig) => Parser;
|
|
63
56
|
declare const compose: (...parsers: (Parser | undefined)[]) => Parser;
|
|
64
57
|
//#endregion
|
package/dist/index.cjs
CHANGED
|
@@ -7,10 +7,10 @@ const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
|
|
|
7
7
|
const require_grid = require("./grid-CpvRIng4.cjs");
|
|
8
8
|
const require_layout = require("./layout-JlwVxg8y.cjs");
|
|
9
9
|
const require_position = require("./position-zWvCE4hD.cjs");
|
|
10
|
-
const require_typography = require("./typography-
|
|
10
|
+
const require_typography = require("./typography-DHWhpnqa.cjs");
|
|
11
11
|
const require_space = require("./space-CAX_62yL.cjs");
|
|
12
12
|
const require_shadow = require("./shadow-BrDnaQQl.cjs");
|
|
13
|
-
const require_variant = require("./variant-
|
|
13
|
+
const require_variant = require("./variant-BSwNEY5l.cjs");
|
|
14
14
|
//#region src/style/style.ts
|
|
15
15
|
const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
|
|
16
16
|
const config = {};
|
|
@@ -47,6 +47,13 @@ const fontWeight = typographyFns.fontWeight;
|
|
|
47
47
|
const lineHeight = typographyFns.lineHeight;
|
|
48
48
|
const textAlign = typographyFns.textAlign;
|
|
49
49
|
const fontStyle = typographyFns.fontStyle;
|
|
50
|
+
const textTransform = typographyFns.textTransform;
|
|
51
|
+
const textAlignLast = typographyFns.textAlignLast;
|
|
52
|
+
const textDecoration = typographyFns.textDecoration;
|
|
53
|
+
const textDecorationLine = typographyFns.textDecorationLine;
|
|
54
|
+
const textDecorationStyle = typographyFns.textDecorationStyle;
|
|
55
|
+
const textDecorationThickness = typographyFns.textDecorationThickness;
|
|
56
|
+
const textDecorationColor = typographyFns.textDecorationColor;
|
|
50
57
|
const letterSpacing = typographyFns.letterSpacing;
|
|
51
58
|
const flexboxFns = require_flexbox.flexbox;
|
|
52
59
|
const alignItems = flexboxFns.alignItems;
|
|
@@ -175,8 +182,15 @@ exports.space = require_space.space;
|
|
|
175
182
|
exports.style = style;
|
|
176
183
|
exports.system = require_core.system;
|
|
177
184
|
exports.textAlign = textAlign;
|
|
185
|
+
exports.textAlignLast = textAlignLast;
|
|
186
|
+
exports.textDecoration = textDecoration;
|
|
187
|
+
exports.textDecorationColor = textDecorationColor;
|
|
188
|
+
exports.textDecorationLine = textDecorationLine;
|
|
189
|
+
exports.textDecorationStyle = textDecorationStyle;
|
|
190
|
+
exports.textDecorationThickness = textDecorationThickness;
|
|
178
191
|
exports.textShadow = require_shadow.shadow;
|
|
179
192
|
exports.textStyle = require_variant.textStyle;
|
|
193
|
+
exports.textTransform = textTransform;
|
|
180
194
|
exports.top = top;
|
|
181
195
|
exports.typography = require_typography.typography;
|
|
182
196
|
exports.variant = require_variant.variant;
|
package/dist/index.d.cts
CHANGED
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
import { a as Parser, c as StyleFn, f as Transform, g as get, h as createStyleFunction, i as ConfigStyle, l as StyleObject, m as createParser, n as Config, o as ParserConfig, p as compose, r as ConfigFunction, s as Props, u as SystemConfig, v as styleFn, y as system } from "./index-
|
|
2
|
-
import { t as background } from "./index-
|
|
3
|
-
import { $ as LayoutProps, A as FlexWrapProps, At as
|
|
4
|
-
import { t as border } from "./index-
|
|
5
|
-
import { t as color } from "./index-
|
|
6
|
-
import { t as flexbox } from "./index-
|
|
7
|
-
import { t as grid } from "./index-
|
|
8
|
-
import { n as padding, r as space, t as margin } from "./index-
|
|
9
|
-
import { t as layout } from "./index-
|
|
10
|
-
import { t as typography } from "./index-
|
|
11
|
-
import { t as position } from "./index-
|
|
12
|
-
import { t as shadow } from "./index-
|
|
13
|
-
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-
|
|
14
|
-
|
|
1
|
+
import { a as Parser, c as StyleFn, f as Transform, g as get, h as createStyleFunction, i as ConfigStyle, l as StyleObject, m as createParser, n as Config, o as ParserConfig, p as compose, r as ConfigFunction, s as Props, u as SystemConfig, v as styleFn, y as system } from "./index-C0SM54dQ.cjs";
|
|
2
|
+
import { t as background } from "./index-BDtY1uVY.cjs";
|
|
3
|
+
import { $ as LayoutProps, A as FlexWrapProps, At as TextShadowProps, B as GridColumnGapProps, C as ColorStyleProps, Ct as TextAlignProps, D as FlexGrowProps, Dt as TextDecorationProps, E as FlexDirectionProps, Et as TextDecorationLineProps, F as FontWeightProps, Ft as TopProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, It as TypographyProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, Lt as VerticalAlignProps, M as FontFamilyProps, Mt as TextTransformProps, N as FontSizeProps, Nt as Theme, O as FlexProps, Ot as TextDecorationStyleProps, P as FontStyleProps, Pt as ThemeValue, Q as JustifySelfProps, R as GridAutoFlowProps, Rt as WidthProps, S as ColorProps, St as TextAlignLastProps, T as FlexBasisProps, Tt as TextDecorationColorProps, U as GridProps, V as GridColumnProps, W as GridRowGapProps, X as JustifyContentProps, Y as HeightProps, Z as JustifyItemsProps, _ as BorderTopProps, _t as Scale, a as BackgroundImageProps, at as MaxWidthProps, b as BoxShadowProps, bt as SpaceProps, c as BackgroundRepeatProps, ct as ObjectOrArray, d as BorderColorProps, dt as OverflowProps, et as LeftProps, f as BorderLeftProps, ft as PaddingProps, g as BorderStyleProps, gt as RightProps, h as BorderRightProps, ht as ResponsiveValue, i as BackgroundColorProps, it as MaxHeightProps, j as FlexboxProps, jt as TextStyleProps, k as FlexShrinkProps, kt as TextDecorationThicknessProps, l as BackgroundSizeProps, lt as OpacityProps, m as BorderRadiusProps, mt as RequiredTheme, n as AlignItemsProps, nt as LineHeightProps, o as BackgroundPositionProps, ot as MinHeightProps, p as BorderProps, pt as PositionProps, q as GridTemplateColumnsProps, r as AlignSelfProps, rt as MarginProps, s as BackgroundProps, st as MinWidthProps, t as AlignContentProps, tt as LetterSpacingProps, u as BorderBottomProps, ut as OrderProps, v as BorderWidthProps, vt as ShadowProps, w as DisplayProps, wt as TextColorProps, x as ButtonStyleProps, xt as TLengthStyledSystem, y as BottomProps, yt as SizeProps, z as GridAutoRowsProps, zt as ZIndexProps } from "./types-BcPNeOu9.cjs";
|
|
4
|
+
import { t as border } from "./index-DVd2byi6.cjs";
|
|
5
|
+
import { t as color } from "./index-C8xX5EfB.cjs";
|
|
6
|
+
import { t as flexbox } from "./index-yrWGltsJ.cjs";
|
|
7
|
+
import { t as grid } from "./index-rkfNt3hR.cjs";
|
|
8
|
+
import { n as padding, r as space, t as margin } from "./index-cXURIs6r.cjs";
|
|
9
|
+
import { t as layout } from "./index-C_CRcytY.cjs";
|
|
10
|
+
import { t as typography } from "./index-D3lp-1cf.cjs";
|
|
11
|
+
import { t as position } from "./index-CAwPEtqy.cjs";
|
|
12
|
+
import { t as shadow } from "./index-QsPFe11Z.cjs";
|
|
13
|
+
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-BArxeLmS.cjs";
|
|
15
14
|
//#region src/style/style.d.ts
|
|
16
15
|
interface StyleOptions {
|
|
17
16
|
prop: string;
|
|
@@ -24,15 +23,7 @@ interface StyleOptions {
|
|
|
24
23
|
}
|
|
25
24
|
/** Upstream `@types/styled-system` name for {@link StyleOptions}. */
|
|
26
25
|
type LowLevelStyleFunctionArguments = StyleOptions;
|
|
27
|
-
declare const style: ({
|
|
28
|
-
prop,
|
|
29
|
-
cssProperty,
|
|
30
|
-
alias,
|
|
31
|
-
key,
|
|
32
|
-
transformValue,
|
|
33
|
-
scale,
|
|
34
|
-
properties
|
|
35
|
-
}: StyleOptions) => Parser;
|
|
26
|
+
declare const style: ({ prop, cssProperty, alias, key, transformValue, scale, properties }: StyleOptions) => Parser;
|
|
36
27
|
//#endregion
|
|
37
28
|
//#region src/index.d.ts
|
|
38
29
|
declare const width: Parser;
|
|
@@ -54,6 +45,13 @@ declare const fontWeight: Parser;
|
|
|
54
45
|
declare const lineHeight: Parser;
|
|
55
46
|
declare const textAlign: Parser;
|
|
56
47
|
declare const fontStyle: Parser;
|
|
48
|
+
declare const textTransform: Parser;
|
|
49
|
+
declare const textAlignLast: Parser;
|
|
50
|
+
declare const textDecoration: Parser;
|
|
51
|
+
declare const textDecorationLine: Parser;
|
|
52
|
+
declare const textDecorationStyle: Parser;
|
|
53
|
+
declare const textDecorationThickness: Parser;
|
|
54
|
+
declare const textDecorationColor: Parser;
|
|
57
55
|
declare const letterSpacing: Parser;
|
|
58
56
|
declare const alignItems: Parser;
|
|
59
57
|
declare const alignContent: Parser;
|
|
@@ -98,4 +96,4 @@ declare const right: Parser;
|
|
|
98
96
|
declare const bottom: Parser;
|
|
99
97
|
declare const left: Parser;
|
|
100
98
|
//#endregion
|
|
101
|
-
export { AlignContentProps, AlignItemsProps, AlignSelfProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, ButtonStyleProps, ColorProps, ColorStyleProps, type Config, type ConfigFunction, type ConfigStyle, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnGapProps, GridColumnProps, GridGapProps, GridProps, GridRowGapProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, type LowLevelStyleFunctionArguments, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, RequiredTheme, ResponsiveValue, RightProps, Scale, ShadowProps, SizeProps, SpaceProps, type StyleFn, type StyleObject, type StyleOptions, type SystemConfig, TLengthStyledSystem, TextAlignProps, TextColorProps, TextShadowProps, TextStyleProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, type VariantArgs, type VariantOptions, VerticalAlignProps, 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, buttonStyle, color, colorStyle, compose, createParser, createStyleFunction, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, get, grid, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnGap, gridGap, gridRow, gridRowGap, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, justifyContent, justifyItems, justifySelf, layout, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, right, size, space, style, type styleFn, system, textAlign, textStyle, top, typography, variant, verticalAlign, width, zIndex };
|
|
99
|
+
export { AlignContentProps, AlignItemsProps, AlignSelfProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, ButtonStyleProps, ColorProps, ColorStyleProps, type Config, type ConfigFunction, type ConfigStyle, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnGapProps, GridColumnProps, GridGapProps, GridProps, GridRowGapProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, type LowLevelStyleFunctionArguments, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, RequiredTheme, ResponsiveValue, RightProps, Scale, ShadowProps, SizeProps, SpaceProps, type StyleFn, type StyleObject, type StyleOptions, type SystemConfig, TLengthStyledSystem, TextAlignLastProps, TextAlignProps, TextColorProps, TextDecorationColorProps, TextDecorationLineProps, TextDecorationProps, TextDecorationStyleProps, TextDecorationThicknessProps, TextShadowProps, TextStyleProps, TextTransformProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, type VariantArgs, type VariantOptions, VerticalAlignProps, 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, buttonStyle, color, colorStyle, compose, createParser, createStyleFunction, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, get, grid, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnGap, gridGap, gridRow, gridRowGap, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, justifyContent, justifyItems, justifySelf, layout, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, right, size, space, style, type styleFn, system, textAlign, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textStyle, textTransform, top, typography, variant, verticalAlign, width, zIndex };
|