@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/dist/index.d.mts
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.mjs";
|
|
2
|
+
import { t as background } from "./index-DPElfVnc.mjs";
|
|
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.mjs";
|
|
4
|
+
import { t as border } from "./index-DQVt2B8L.mjs";
|
|
5
|
+
import { t as color } from "./index-T0HR3aLX.mjs";
|
|
6
|
+
import { t as flexbox } from "./index-DCva7aHv.mjs";
|
|
7
|
+
import { t as grid } from "./index-VEj6m-by.mjs";
|
|
8
|
+
import { n as padding, r as space, t as margin } from "./index-DGqSJkFh.mjs";
|
|
9
|
+
import { t as layout } from "./index-CVY-wfFH.mjs";
|
|
10
|
+
import { t as typography } from "./index-C0pw8Qd2.mjs";
|
|
11
|
+
import { t as position } from "./index-DC9UrOgS.mjs";
|
|
12
|
+
import { t as shadow } from "./index-CMBI9D0A.mjs";
|
|
13
|
+
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-QdL-_E8w.mjs";
|
|
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 };
|
package/dist/index.mjs
CHANGED
|
@@ -6,10 +6,10 @@ import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
|
|
|
6
6
|
import { t as grid } from "./grid-Bpk-QjhF.mjs";
|
|
7
7
|
import { t as layout } from "./layout-Dx0Un_6l.mjs";
|
|
8
8
|
import { t as position } from "./position-jf6VlRyR.mjs";
|
|
9
|
-
import { t as typography } from "./typography-
|
|
9
|
+
import { t as typography } from "./typography-CCYBDjpD.mjs";
|
|
10
10
|
import { n as padding, r as space, t as margin } from "./space-DEf9-0r9.mjs";
|
|
11
11
|
import { t as shadow } from "./shadow-Bp7lx_41.mjs";
|
|
12
|
-
import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-
|
|
12
|
+
import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-NupmzzRg.mjs";
|
|
13
13
|
//#region src/style/style.ts
|
|
14
14
|
const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
|
|
15
15
|
const config = {};
|
|
@@ -46,6 +46,13 @@ const fontWeight = typographyFns.fontWeight;
|
|
|
46
46
|
const lineHeight = typographyFns.lineHeight;
|
|
47
47
|
const textAlign = typographyFns.textAlign;
|
|
48
48
|
const fontStyle = typographyFns.fontStyle;
|
|
49
|
+
const textTransform = typographyFns.textTransform;
|
|
50
|
+
const textAlignLast = typographyFns.textAlignLast;
|
|
51
|
+
const textDecoration = typographyFns.textDecoration;
|
|
52
|
+
const textDecorationLine = typographyFns.textDecorationLine;
|
|
53
|
+
const textDecorationStyle = typographyFns.textDecorationStyle;
|
|
54
|
+
const textDecorationThickness = typographyFns.textDecorationThickness;
|
|
55
|
+
const textDecorationColor = typographyFns.textDecorationColor;
|
|
49
56
|
const letterSpacing = typographyFns.letterSpacing;
|
|
50
57
|
const flexboxFns = flexbox;
|
|
51
58
|
const alignItems = flexboxFns.alignItems;
|
|
@@ -95,4 +102,4 @@ const right = positionFns.right;
|
|
|
95
102
|
const bottom = positionFns.bottom;
|
|
96
103
|
const left = positionFns.left;
|
|
97
104
|
//#endregion
|
|
98
|
-
export { 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, system, textAlign, textStyle, top, typography, variant, verticalAlign, width, zIndex };
|
|
105
|
+
export { 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, system, textAlign, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textStyle, textTransform, top, typography, variant, verticalAlign, width, zIndex };
|
package/dist/layout.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { $ as LayoutProps,
|
|
2
|
-
import { t as layout } from "./index-
|
|
1
|
+
import { $ as LayoutProps, Lt as VerticalAlignProps, Rt as WidthProps, Y as HeightProps, at as MaxWidthProps, dt as OverflowProps, it as MaxHeightProps, ot as MinHeightProps, st as MinWidthProps, w as DisplayProps, yt as SizeProps } from "./types-BcPNeOu9.cjs";
|
|
2
|
+
import { t as layout } from "./index-C_CRcytY.cjs";
|
|
3
3
|
export { 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
|
-
import { $ as LayoutProps,
|
|
2
|
-
import { t as layout } from "./index-
|
|
1
|
+
import { $ as LayoutProps, Lt as VerticalAlignProps, Rt as WidthProps, Y as HeightProps, at as MaxWidthProps, dt as OverflowProps, it as MaxHeightProps, ot as MinHeightProps, st as MinWidthProps, w as DisplayProps, yt as SizeProps } from "./types-BcPNeOu9.mjs";
|
|
2
|
+
import { t as layout } from "./index-CVY-wfFH.mjs";
|
|
3
3
|
export { 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
|
-
import {
|
|
2
|
-
import { t as position } from "./index-
|
|
1
|
+
import { Ft as TopProps, et as LeftProps, gt as RightProps, pt as PositionProps, y as BottomProps, zt as ZIndexProps } from "./types-BcPNeOu9.cjs";
|
|
2
|
+
import { t as position } from "./index-CAwPEtqy.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
|
-
import {
|
|
2
|
-
import { t as position } from "./index-
|
|
1
|
+
import { Ft as TopProps, et as LeftProps, gt as RightProps, pt as PositionProps, y as BottomProps, zt as ZIndexProps } from "./types-BcPNeOu9.mjs";
|
|
2
|
+
import { t as position } from "./index-DC9UrOgS.mjs";
|
|
3
3
|
export { type BottomProps, type LeftProps, type PositionProps, type RightProps, type TopProps, type ZIndexProps, position as default, position };
|
|
@@ -6,10 +6,10 @@ const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
|
|
|
6
6
|
const require_grid = require("./grid-CpvRIng4.cjs");
|
|
7
7
|
const require_layout = require("./layout-JlwVxg8y.cjs");
|
|
8
8
|
const require_position = require("./position-zWvCE4hD.cjs");
|
|
9
|
-
const require_typography = require("./typography-
|
|
9
|
+
const require_typography = require("./typography-DHWhpnqa.cjs");
|
|
10
10
|
const require_space = require("./space-CAX_62yL.cjs");
|
|
11
11
|
const require_shadow = require("./shadow-BrDnaQQl.cjs");
|
|
12
|
-
const require_variant = require("./variant-
|
|
12
|
+
const require_variant = require("./variant-BSwNEY5l.cjs");
|
|
13
13
|
//#region src/presets/presets.ts
|
|
14
14
|
const all = require_core.compose(require_space.space, require_typography.typography, require_color.color, require_layout.layout, require_flexbox.flexbox, require_border.border, require_background.background, require_position.position, require_grid.grid, require_shadow.shadow, require_variant.buttonStyle, require_variant.textStyle, require_variant.colorStyle);
|
|
15
15
|
//#endregion
|
|
@@ -6,10 +6,10 @@ import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
|
|
|
6
6
|
import { t as grid } from "./grid-Bpk-QjhF.mjs";
|
|
7
7
|
import { t as layout } from "./layout-Dx0Un_6l.mjs";
|
|
8
8
|
import { t as position } from "./position-jf6VlRyR.mjs";
|
|
9
|
-
import { t as typography } from "./typography-
|
|
9
|
+
import { t as typography } from "./typography-CCYBDjpD.mjs";
|
|
10
10
|
import { r as space } from "./space-DEf9-0r9.mjs";
|
|
11
11
|
import { t as shadow } from "./shadow-Bp7lx_41.mjs";
|
|
12
|
-
import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-
|
|
12
|
+
import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-NupmzzRg.mjs";
|
|
13
13
|
//#region src/presets/presets.ts
|
|
14
14
|
const all = compose(space, typography, color, layout, flexbox, border, background, position, grid, shadow, buttonStyle, textStyle, colorStyle);
|
|
15
15
|
//#endregion
|
package/dist/prop-types.cjs
CHANGED
|
@@ -10,10 +10,10 @@ const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
|
|
|
10
10
|
const require_grid = require("./grid-CpvRIng4.cjs");
|
|
11
11
|
const require_layout = require("./layout-JlwVxg8y.cjs");
|
|
12
12
|
const require_position = require("./position-zWvCE4hD.cjs");
|
|
13
|
-
const require_typography = require("./typography-
|
|
13
|
+
const require_typography = require("./typography-DHWhpnqa.cjs");
|
|
14
14
|
const require_space = require("./space-CAX_62yL.cjs");
|
|
15
15
|
const require_shadow = require("./shadow-BrDnaQQl.cjs");
|
|
16
|
-
const require_variant = require("./variant-
|
|
16
|
+
const require_variant = require("./variant-BSwNEY5l.cjs");
|
|
17
17
|
let prop_types = require("prop-types");
|
|
18
18
|
prop_types = require_rolldown_runtime.__toESM(prop_types, 1);
|
|
19
19
|
//#region src/prop-types/prop-types.ts
|
package/dist/prop-types.mjs
CHANGED
|
@@ -5,10 +5,10 @@ import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
|
|
|
5
5
|
import { t as grid } from "./grid-Bpk-QjhF.mjs";
|
|
6
6
|
import { t as layout } from "./layout-Dx0Un_6l.mjs";
|
|
7
7
|
import { t as position } from "./position-jf6VlRyR.mjs";
|
|
8
|
-
import { t as typography } from "./typography-
|
|
8
|
+
import { t as typography } from "./typography-CCYBDjpD.mjs";
|
|
9
9
|
import { r as space } from "./space-DEf9-0r9.mjs";
|
|
10
10
|
import { t as shadow } from "./shadow-Bp7lx_41.mjs";
|
|
11
|
-
import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-
|
|
11
|
+
import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-NupmzzRg.mjs";
|
|
12
12
|
import PropTypes from "prop-types";
|
|
13
13
|
//#region src/prop-types/prop-types.ts
|
|
14
14
|
const propType = PropTypes.oneOfType([
|
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-B971SnR8.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
|
-
import {
|
|
2
|
-
import { t as shadow } from "./index-
|
|
1
|
+
import { At as TextShadowProps, b as BoxShadowProps, vt as ShadowProps } from "./types-BcPNeOu9.cjs";
|
|
2
|
+
import { t as shadow } from "./index-QsPFe11Z.cjs";
|
|
3
3
|
export { type BoxShadowProps, type ShadowProps, type TextShadowProps, shadow as default, shadow };
|
package/dist/shadow.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as shadow } from "./index-
|
|
1
|
+
import { At as TextShadowProps, b as BoxShadowProps, vt as ShadowProps } from "./types-BcPNeOu9.mjs";
|
|
2
|
+
import { t as shadow } from "./index-CMBI9D0A.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-D6vf50IK.cjs");
|
|
6
|
-
const require_presets = require("./presets-
|
|
6
|
+
const require_presets = require("./presets-B971SnR8.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
|
-
import { bt as SpaceProps, ft as PaddingProps, rt as MarginProps } from "./types-
|
|
2
|
-
import { n as padding, r as space, t as margin } from "./index-
|
|
1
|
+
import { bt as SpaceProps, ft as PaddingProps, rt as MarginProps } from "./types-BcPNeOu9.cjs";
|
|
2
|
+
import { n as padding, r as space, t as margin } from "./index-cXURIs6r.cjs";
|
|
3
3
|
export { type MarginProps, type PaddingProps, type SpaceProps, space as default, space, margin, padding };
|
package/dist/space.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { bt as SpaceProps, ft as PaddingProps, rt as MarginProps } from "./types-
|
|
2
|
-
import { n as padding, r as space, t as margin } from "./index-
|
|
1
|
+
import { bt as SpaceProps, ft as PaddingProps, rt as MarginProps } from "./types-BcPNeOu9.mjs";
|
|
2
|
+
import { n as padding, r as space, t as margin } from "./index-DGqSJkFh.mjs";
|
|
3
3
|
export { type MarginProps, type PaddingProps, type SpaceProps, space as default, space, margin, padding };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as CSS from "csstype";
|
|
2
|
-
|
|
3
2
|
//#region src/types.d.ts
|
|
4
3
|
type ObjectOrArray<T, K extends keyof any = keyof any> = T[] | Record<K, T | Record<K, T> | T[]>;
|
|
5
4
|
type Scale = ObjectOrArray<number | string>;
|
|
@@ -29,7 +28,7 @@ interface Theme<TLength = TLengthStyledSystem> {
|
|
|
29
28
|
}
|
|
30
29
|
type RequiredTheme = Required<Theme>;
|
|
31
30
|
type ThemeValue<K extends keyof ThemeType, ThemeType, TVal = any> = NonNullable<ThemeType[K]> extends TVal[] ? number : NonNullable<ThemeType[K]> extends Record<infer E, TVal> ? E : NonNullable<ThemeType[K]> extends ObjectOrArray<infer F> ? F : never;
|
|
32
|
-
type ResponsiveValue<T, ThemeType extends Theme = RequiredTheme> = T | null | Array<T | null> | { [key in (ThemeValue<'breakpoints', ThemeType> & string) | number]?: T };
|
|
31
|
+
type ResponsiveValue<T, ThemeType extends Theme = RequiredTheme> = T | null | Array<T | null> | { [key in (ThemeValue<'breakpoints', ThemeType> & string) | number]?: T; };
|
|
33
32
|
interface MarginProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
|
|
34
33
|
m?: ResponsiveValue<TVal, ThemeType>;
|
|
35
34
|
margin?: ResponsiveValue<TVal, ThemeType>;
|
|
@@ -117,7 +116,28 @@ interface FontStyleProps<ThemeType extends Theme = RequiredTheme> {
|
|
|
117
116
|
interface TextAlignProps<ThemeType extends Theme = RequiredTheme> {
|
|
118
117
|
textAlign?: ResponsiveValue<CSS.Property.TextAlign, ThemeType>;
|
|
119
118
|
}
|
|
120
|
-
interface
|
|
119
|
+
interface TextTransformProps<ThemeType extends Theme = RequiredTheme> {
|
|
120
|
+
textTransform?: ResponsiveValue<CSS.Property.TextTransform, ThemeType>;
|
|
121
|
+
}
|
|
122
|
+
interface TextAlignLastProps<ThemeType extends Theme = RequiredTheme> {
|
|
123
|
+
textAlignLast?: ResponsiveValue<CSS.Property.TextAlignLast, ThemeType>;
|
|
124
|
+
}
|
|
125
|
+
interface TextDecorationProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.TextDecoration<TLengthStyledSystem>> {
|
|
126
|
+
textDecoration?: ResponsiveValue<TVal, ThemeType>;
|
|
127
|
+
}
|
|
128
|
+
interface TextDecorationLineProps<ThemeType extends Theme = RequiredTheme> {
|
|
129
|
+
textDecorationLine?: ResponsiveValue<CSS.Property.TextDecorationLine, ThemeType>;
|
|
130
|
+
}
|
|
131
|
+
interface TextDecorationStyleProps<ThemeType extends Theme = RequiredTheme> {
|
|
132
|
+
textDecorationStyle?: ResponsiveValue<CSS.Property.TextDecorationStyle, ThemeType>;
|
|
133
|
+
}
|
|
134
|
+
interface TextDecorationThicknessProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.TextDecorationThickness<TLengthStyledSystem>> {
|
|
135
|
+
textDecorationThickness?: ResponsiveValue<TVal, ThemeType>;
|
|
136
|
+
}
|
|
137
|
+
interface TextDecorationColorProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'colors', ThemeType>> {
|
|
138
|
+
textDecorationColor?: ResponsiveValue<TVal, ThemeType>;
|
|
139
|
+
}
|
|
140
|
+
interface TypographyProps<ThemeType extends Theme = RequiredTheme> extends FontFamilyProps<ThemeType>, FontSizeProps<ThemeType>, FontWeightProps<ThemeType>, LineHeightProps<ThemeType>, LetterSpacingProps<ThemeType>, FontStyleProps<ThemeType>, TextAlignProps<ThemeType>, TextTransformProps<ThemeType>, TextAlignLastProps<ThemeType>, TextDecorationProps<ThemeType>, TextDecorationLineProps<ThemeType>, TextDecorationStyleProps<ThemeType>, TextDecorationThicknessProps<ThemeType>, TextDecorationColorProps<ThemeType> {}
|
|
121
141
|
interface AlignItemsProps<ThemeType extends Theme = RequiredTheme> {
|
|
122
142
|
alignItems?: ResponsiveValue<CSS.Property.AlignItems, ThemeType>;
|
|
123
143
|
}
|
|
@@ -301,4 +321,4 @@ interface ColorStyleProps<ThemeType extends Theme = RequiredTheme> {
|
|
|
301
321
|
colors?: ResponsiveValue<string, ThemeType>;
|
|
302
322
|
}
|
|
303
323
|
//#endregion
|
|
304
|
-
export { LayoutProps as $, FlexWrapProps as A,
|
|
324
|
+
export { LayoutProps as $, FlexWrapProps as A, TextShadowProps as At, GridColumnGapProps as B, ColorStyleProps as C, TextAlignProps as Ct, FlexGrowProps as D, TextDecorationProps as Dt, FlexDirectionProps as E, TextDecorationLineProps as Et, FontWeightProps as F, TopProps as Ft, GridRowProps as G, GridGapProps as H, GridAreaProps as I, TypographyProps as It, GridTemplateRowsProps as J, GridTemplateAreasProps as K, GridAutoColumnsProps as L, VerticalAlignProps as Lt, FontFamilyProps as M, TextTransformProps as Mt, FontSizeProps as N, Theme as Nt, FlexProps as O, TextDecorationStyleProps as Ot, FontStyleProps as P, ThemeValue as Pt, JustifySelfProps as Q, GridAutoFlowProps as R, WidthProps as Rt, ColorProps as S, TextAlignLastProps as St, FlexBasisProps as T, TextDecorationColorProps as Tt, GridProps as U, GridColumnProps as V, GridRowGapProps as W, JustifyContentProps as X, HeightProps as Y, JustifyItemsProps as Z, BorderTopProps as _, Scale as _t, BackgroundImageProps as a, MaxWidthProps as at, BoxShadowProps as b, SpaceProps as bt, BackgroundRepeatProps as c, ObjectOrArray as ct, BorderColorProps as d, OverflowProps as dt, LeftProps as et, BorderLeftProps as f, PaddingProps as ft, BorderStyleProps as g, RightProps as gt, BorderRightProps as h, ResponsiveValue as ht, BackgroundColorProps as i, MaxHeightProps as it, FlexboxProps as j, TextStyleProps as jt, FlexShrinkProps as k, TextDecorationThicknessProps as kt, BackgroundSizeProps as l, OpacityProps as lt, BorderRadiusProps as m, RequiredTheme as mt, AlignItemsProps as n, LineHeightProps as nt, BackgroundPositionProps as o, MinHeightProps as ot, BorderProps as p, PositionProps as pt, GridTemplateColumnsProps as q, AlignSelfProps as r, MarginProps as rt, BackgroundProps as s, MinWidthProps as st, AlignContentProps as t, LetterSpacingProps as tt, BorderBottomProps as u, OrderProps as ut, BorderWidthProps as v, ShadowProps as vt, DisplayProps as w, TextColorProps as wt, ButtonStyleProps as x, TLengthStyledSystem as xt, BottomProps as y, SizeProps as yt, GridAutoRowsProps as z, ZIndexProps as zt };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as CSS from "csstype";
|
|
2
|
-
|
|
3
2
|
//#region src/types.d.ts
|
|
4
3
|
type ObjectOrArray<T, K extends keyof any = keyof any> = T[] | Record<K, T | Record<K, T> | T[]>;
|
|
5
4
|
type Scale = ObjectOrArray<number | string>;
|
|
@@ -29,7 +28,7 @@ interface Theme<TLength = TLengthStyledSystem> {
|
|
|
29
28
|
}
|
|
30
29
|
type RequiredTheme = Required<Theme>;
|
|
31
30
|
type ThemeValue<K extends keyof ThemeType, ThemeType, TVal = any> = NonNullable<ThemeType[K]> extends TVal[] ? number : NonNullable<ThemeType[K]> extends Record<infer E, TVal> ? E : NonNullable<ThemeType[K]> extends ObjectOrArray<infer F> ? F : never;
|
|
32
|
-
type ResponsiveValue<T, ThemeType extends Theme = RequiredTheme> = T | null | Array<T | null> | { [key in (ThemeValue<'breakpoints', ThemeType> & string) | number]?: T };
|
|
31
|
+
type ResponsiveValue<T, ThemeType extends Theme = RequiredTheme> = T | null | Array<T | null> | { [key in (ThemeValue<'breakpoints', ThemeType> & string) | number]?: T; };
|
|
33
32
|
interface MarginProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
|
|
34
33
|
m?: ResponsiveValue<TVal, ThemeType>;
|
|
35
34
|
margin?: ResponsiveValue<TVal, ThemeType>;
|
|
@@ -117,7 +116,28 @@ interface FontStyleProps<ThemeType extends Theme = RequiredTheme> {
|
|
|
117
116
|
interface TextAlignProps<ThemeType extends Theme = RequiredTheme> {
|
|
118
117
|
textAlign?: ResponsiveValue<CSS.Property.TextAlign, ThemeType>;
|
|
119
118
|
}
|
|
120
|
-
interface
|
|
119
|
+
interface TextTransformProps<ThemeType extends Theme = RequiredTheme> {
|
|
120
|
+
textTransform?: ResponsiveValue<CSS.Property.TextTransform, ThemeType>;
|
|
121
|
+
}
|
|
122
|
+
interface TextAlignLastProps<ThemeType extends Theme = RequiredTheme> {
|
|
123
|
+
textAlignLast?: ResponsiveValue<CSS.Property.TextAlignLast, ThemeType>;
|
|
124
|
+
}
|
|
125
|
+
interface TextDecorationProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.TextDecoration<TLengthStyledSystem>> {
|
|
126
|
+
textDecoration?: ResponsiveValue<TVal, ThemeType>;
|
|
127
|
+
}
|
|
128
|
+
interface TextDecorationLineProps<ThemeType extends Theme = RequiredTheme> {
|
|
129
|
+
textDecorationLine?: ResponsiveValue<CSS.Property.TextDecorationLine, ThemeType>;
|
|
130
|
+
}
|
|
131
|
+
interface TextDecorationStyleProps<ThemeType extends Theme = RequiredTheme> {
|
|
132
|
+
textDecorationStyle?: ResponsiveValue<CSS.Property.TextDecorationStyle, ThemeType>;
|
|
133
|
+
}
|
|
134
|
+
interface TextDecorationThicknessProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.TextDecorationThickness<TLengthStyledSystem>> {
|
|
135
|
+
textDecorationThickness?: ResponsiveValue<TVal, ThemeType>;
|
|
136
|
+
}
|
|
137
|
+
interface TextDecorationColorProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'colors', ThemeType>> {
|
|
138
|
+
textDecorationColor?: ResponsiveValue<TVal, ThemeType>;
|
|
139
|
+
}
|
|
140
|
+
interface TypographyProps<ThemeType extends Theme = RequiredTheme> extends FontFamilyProps<ThemeType>, FontSizeProps<ThemeType>, FontWeightProps<ThemeType>, LineHeightProps<ThemeType>, LetterSpacingProps<ThemeType>, FontStyleProps<ThemeType>, TextAlignProps<ThemeType>, TextTransformProps<ThemeType>, TextAlignLastProps<ThemeType>, TextDecorationProps<ThemeType>, TextDecorationLineProps<ThemeType>, TextDecorationStyleProps<ThemeType>, TextDecorationThicknessProps<ThemeType>, TextDecorationColorProps<ThemeType> {}
|
|
121
141
|
interface AlignItemsProps<ThemeType extends Theme = RequiredTheme> {
|
|
122
142
|
alignItems?: ResponsiveValue<CSS.Property.AlignItems, ThemeType>;
|
|
123
143
|
}
|
|
@@ -301,4 +321,4 @@ interface ColorStyleProps<ThemeType extends Theme = RequiredTheme> {
|
|
|
301
321
|
colors?: ResponsiveValue<string, ThemeType>;
|
|
302
322
|
}
|
|
303
323
|
//#endregion
|
|
304
|
-
export { LayoutProps as $, FlexWrapProps as A,
|
|
324
|
+
export { LayoutProps as $, FlexWrapProps as A, TextShadowProps as At, GridColumnGapProps as B, ColorStyleProps as C, TextAlignProps as Ct, FlexGrowProps as D, TextDecorationProps as Dt, FlexDirectionProps as E, TextDecorationLineProps as Et, FontWeightProps as F, TopProps as Ft, GridRowProps as G, GridGapProps as H, GridAreaProps as I, TypographyProps as It, GridTemplateRowsProps as J, GridTemplateAreasProps as K, GridAutoColumnsProps as L, VerticalAlignProps as Lt, FontFamilyProps as M, TextTransformProps as Mt, FontSizeProps as N, Theme as Nt, FlexProps as O, TextDecorationStyleProps as Ot, FontStyleProps as P, ThemeValue as Pt, JustifySelfProps as Q, GridAutoFlowProps as R, WidthProps as Rt, ColorProps as S, TextAlignLastProps as St, FlexBasisProps as T, TextDecorationColorProps as Tt, GridProps as U, GridColumnProps as V, GridRowGapProps as W, JustifyContentProps as X, HeightProps as Y, JustifyItemsProps as Z, BorderTopProps as _, Scale as _t, BackgroundImageProps as a, MaxWidthProps as at, BoxShadowProps as b, SpaceProps as bt, BackgroundRepeatProps as c, ObjectOrArray as ct, BorderColorProps as d, OverflowProps as dt, LeftProps as et, BorderLeftProps as f, PaddingProps as ft, BorderStyleProps as g, RightProps as gt, BorderRightProps as h, ResponsiveValue as ht, BackgroundColorProps as i, MaxHeightProps as it, FlexboxProps as j, TextStyleProps as jt, FlexShrinkProps as k, TextDecorationThicknessProps as kt, BackgroundSizeProps as l, OpacityProps as lt, BorderRadiusProps as m, RequiredTheme as mt, AlignItemsProps as n, LineHeightProps as nt, BackgroundPositionProps as o, MinHeightProps as ot, BorderProps as p, PositionProps as pt, GridTemplateColumnsProps as q, AlignSelfProps as r, MarginProps as rt, BackgroundProps as s, MinWidthProps as st, AlignContentProps as t, LetterSpacingProps as tt, BorderBottomProps as u, OrderProps as ut, BorderWidthProps as v, ShadowProps as vt, DisplayProps as w, TextColorProps as wt, ButtonStyleProps as x, TLengthStyledSystem as xt, BottomProps as y, SizeProps as yt, GridAutoRowsProps as z, ZIndexProps as zt };
|
|
@@ -32,7 +32,17 @@ const typography = system({
|
|
|
32
32
|
scale: "letterSpacings"
|
|
33
33
|
},
|
|
34
34
|
textAlign: true,
|
|
35
|
-
fontStyle: true
|
|
35
|
+
fontStyle: true,
|
|
36
|
+
textTransform: true,
|
|
37
|
+
textDecoration: true,
|
|
38
|
+
textDecorationLine: true,
|
|
39
|
+
textDecorationStyle: true,
|
|
40
|
+
textDecorationThickness: true,
|
|
41
|
+
textDecorationColor: {
|
|
42
|
+
property: "textDecorationColor",
|
|
43
|
+
scale: "colors"
|
|
44
|
+
},
|
|
45
|
+
textAlignLast: true
|
|
36
46
|
});
|
|
37
47
|
//#endregion
|
|
38
48
|
export { typography as t };
|
|
@@ -31,7 +31,17 @@ const typography = require("./core.cjs").system({
|
|
|
31
31
|
scale: "letterSpacings"
|
|
32
32
|
},
|
|
33
33
|
textAlign: true,
|
|
34
|
-
fontStyle: true
|
|
34
|
+
fontStyle: true,
|
|
35
|
+
textTransform: true,
|
|
36
|
+
textDecoration: true,
|
|
37
|
+
textDecorationLine: true,
|
|
38
|
+
textDecorationStyle: true,
|
|
39
|
+
textDecorationThickness: true,
|
|
40
|
+
textDecorationColor: {
|
|
41
|
+
property: "textDecorationColor",
|
|
42
|
+
scale: "colors"
|
|
43
|
+
},
|
|
44
|
+
textAlignLast: true
|
|
35
45
|
});
|
|
36
46
|
//#endregion
|
|
37
47
|
Object.defineProperty(exports, "typography", {
|
package/dist/typography.cjs
CHANGED
|
@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
|
|
|
2
2
|
__esModule: { value: true },
|
|
3
3
|
[Symbol.toStringTag]: { value: "Module" }
|
|
4
4
|
});
|
|
5
|
-
const require_typography = require("./typography-
|
|
5
|
+
const require_typography = require("./typography-DHWhpnqa.cjs");
|
|
6
6
|
exports.default = require_typography.typography;
|
|
7
7
|
exports.typography = require_typography.typography;
|
package/dist/typography.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as typography } from "./index-
|
|
1
|
+
import { Ct as TextAlignProps, F as FontWeightProps, It as TypographyProps, M as FontFamilyProps, N as FontSizeProps, P as FontStyleProps, nt as LineHeightProps, tt as LetterSpacingProps } from "./types-BcPNeOu9.cjs";
|
|
2
|
+
import { t as typography } from "./index-D3lp-1cf.cjs";
|
|
3
3
|
export { type FontFamilyProps, type FontSizeProps, type FontStyleProps, type FontWeightProps, type LetterSpacingProps, type LineHeightProps, type TextAlignProps, type TypographyProps, typography as default, typography };
|
package/dist/typography.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as typography } from "./index-
|
|
1
|
+
import { Ct as TextAlignProps, F as FontWeightProps, It as TypographyProps, M as FontFamilyProps, N as FontSizeProps, P as FontStyleProps, nt as LineHeightProps, tt as LetterSpacingProps } from "./types-BcPNeOu9.mjs";
|
|
2
|
+
import { t as typography } from "./index-C0pw8Qd2.mjs";
|
|
3
3
|
export { type FontFamilyProps, type FontSizeProps, type FontStyleProps, type FontWeightProps, type LetterSpacingProps, type LineHeightProps, type TextAlignProps, type TypographyProps, typography as default, typography };
|
package/dist/typography.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as typography } from "./typography-
|
|
1
|
+
import { t as typography } from "./typography-CCYBDjpD.mjs";
|
|
2
2
|
export { typography as default, typography };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const require_core = require("./core.cjs");
|
|
2
|
-
const require_css = require("./css-
|
|
2
|
+
const require_css = require("./css-CeNnKyGm.cjs");
|
|
3
3
|
//#region src/variant/variant.ts
|
|
4
4
|
const variant = (options = {}) => {
|
|
5
5
|
const { scale, prop = "variant", variants = {}, key } = options;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createParser, get } from "./core.mjs";
|
|
2
|
-
import { t as css } from "./css-
|
|
2
|
+
import { t as css } from "./css-BTuRmXCo.mjs";
|
|
3
3
|
//#region src/variant/variant.ts
|
|
4
4
|
const variant = (options = {}) => {
|
|
5
5
|
const { scale, prop = "variant", variants = {}, key } = options;
|
package/dist/variant.cjs
CHANGED
|
@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
|
|
|
2
2
|
__esModule: { value: true },
|
|
3
3
|
[Symbol.toStringTag]: { value: "Module" }
|
|
4
4
|
});
|
|
5
|
-
const require_variant = require("./variant-
|
|
5
|
+
const require_variant = require("./variant-BSwNEY5l.cjs");
|
|
6
6
|
exports.buttonStyle = require_variant.buttonStyle;
|
|
7
7
|
exports.colorStyle = require_variant.colorStyle;
|
|
8
8
|
exports.default = require_variant.variant;
|
package/dist/variant.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { C as ColorStyleProps,
|
|
2
|
-
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-
|
|
1
|
+
import { C as ColorStyleProps, jt as TextStyleProps, x as ButtonStyleProps } from "./types-BcPNeOu9.cjs";
|
|
2
|
+
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-BArxeLmS.cjs";
|
|
3
3
|
export { type ButtonStyleProps, type ColorStyleProps, type TextStyleProps, VariantArgs, VariantOptions, buttonStyle, colorStyle, variant as default, variant, textStyle };
|
package/dist/variant.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { C as ColorStyleProps,
|
|
2
|
-
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-
|
|
1
|
+
import { C as ColorStyleProps, jt as TextStyleProps, x as ButtonStyleProps } from "./types-BcPNeOu9.mjs";
|
|
2
|
+
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-QdL-_E8w.mjs";
|
|
3
3
|
export { type ButtonStyleProps, type ColorStyleProps, type TextStyleProps, VariantArgs, VariantOptions, buttonStyle, colorStyle, variant as default, variant, textStyle };
|
package/dist/variant.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-
|
|
1
|
+
import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-NupmzzRg.mjs";
|
|
2
2
|
export { 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": "5.
|
|
3
|
+
"version": "5.7.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",
|
|
@@ -13,14 +13,14 @@
|
|
|
13
13
|
],
|
|
14
14
|
"author": "Masoud Soroush <masoud@soroush.tech>",
|
|
15
15
|
"license": "MIT",
|
|
16
|
-
"homepage": "https://
|
|
16
|
+
"homepage": "https://soroush.tech/styled-system/",
|
|
17
17
|
"repository": {
|
|
18
18
|
"type": "git",
|
|
19
|
-
"url": "git+https://github.com/soroush-tech/
|
|
19
|
+
"url": "git+https://github.com/soroush-tech/core.git",
|
|
20
20
|
"directory": "packages/styled-system"
|
|
21
21
|
},
|
|
22
22
|
"bugs": {
|
|
23
|
-
"url": "https://github.com/soroush-tech/
|
|
23
|
+
"url": "https://github.com/soroush-tech/core/issues"
|
|
24
24
|
},
|
|
25
25
|
"type": "module",
|
|
26
26
|
"sideEffects": false,
|
|
@@ -217,7 +217,7 @@
|
|
|
217
217
|
"access": "public"
|
|
218
218
|
},
|
|
219
219
|
"dependencies": {
|
|
220
|
-
"csstype": "^3.
|
|
220
|
+
"csstype": "^3.2.3"
|
|
221
221
|
},
|
|
222
222
|
"peerDependencies": {
|
|
223
223
|
"@emotion/is-prop-valid": "^1.4.0",
|
|
@@ -233,14 +233,14 @@
|
|
|
233
233
|
},
|
|
234
234
|
"devDependencies": {
|
|
235
235
|
"@emotion/is-prop-valid": "^1.4.0",
|
|
236
|
-
"@types/prop-types": "^15.7.
|
|
237
|
-
"@vitest/coverage-v8": "^4.1.
|
|
238
|
-
"eslint": "^10.
|
|
236
|
+
"@types/prop-types": "^15.7.15",
|
|
237
|
+
"@vitest/coverage-v8": "^4.1.10",
|
|
238
|
+
"eslint": "^10.7.0",
|
|
239
239
|
"globals": "^17.7.0",
|
|
240
240
|
"prop-types": "^15.8.1",
|
|
241
|
-
"tsdown": "^0.22.
|
|
241
|
+
"tsdown": "^0.22.4",
|
|
242
242
|
"typescript": "~6.0.3",
|
|
243
|
-
"vitest": "^4.1.
|
|
243
|
+
"vitest": "^4.1.10",
|
|
244
244
|
"@soroush.tech/eslint-config": "0.0.0"
|
|
245
245
|
},
|
|
246
246
|
"scripts": {
|