@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.
Files changed (94) hide show
  1. package/README.md +17 -12
  2. package/dist/background.d.cts +2 -2
  3. package/dist/background.d.mts +2 -2
  4. package/dist/border.d.cts +2 -2
  5. package/dist/border.d.mts +2 -2
  6. package/dist/color.d.cts +2 -2
  7. package/dist/color.d.mts +2 -2
  8. package/dist/core.d.cts +1 -1
  9. package/dist/core.d.mts +1 -1
  10. package/dist/{css-DPyZNAmX.mjs → css-BTuRmXCo.mjs} +5 -2
  11. package/dist/{css-BQ6QmZDs.cjs → css-CeNnKyGm.cjs} +5 -2
  12. package/dist/css.cjs +1 -1
  13. package/dist/css.mjs +1 -1
  14. package/dist/flexbox.d.cts +2 -2
  15. package/dist/flexbox.d.mts +2 -2
  16. package/dist/grid.d.cts +2 -2
  17. package/dist/grid.d.mts +2 -2
  18. package/dist/{index-BPJls8qs.d.mts → index-BArxeLmS.d.cts} +2 -1
  19. package/dist/index-BDtY1uVY.d.cts +6 -0
  20. package/dist/{index-D4Btc5H8.d.cts → index-C0SM54dQ.d.cts} +1 -8
  21. package/dist/{index-D4Btc5H8.d.mts → index-C0SM54dQ.d.mts} +1 -8
  22. package/dist/index-C0pw8Qd2.d.mts +6 -0
  23. package/dist/index-C8xX5EfB.d.cts +6 -0
  24. package/dist/index-CAwPEtqy.d.cts +6 -0
  25. package/dist/index-CMBI9D0A.d.mts +6 -0
  26. package/dist/index-CVY-wfFH.d.mts +6 -0
  27. package/dist/index-C_CRcytY.d.cts +6 -0
  28. package/dist/index-D3lp-1cf.d.cts +6 -0
  29. package/dist/index-DC9UrOgS.d.mts +6 -0
  30. package/dist/index-DCva7aHv.d.mts +6 -0
  31. package/dist/{index-DLVfllTy.d.mts → index-DGqSJkFh.d.mts} +2 -1
  32. package/dist/index-DPElfVnc.d.mts +6 -0
  33. package/dist/index-DQVt2B8L.d.mts +6 -0
  34. package/dist/index-DVd2byi6.d.cts +6 -0
  35. package/dist/{index-3ARRkYzk.d.cts → index-QdL-_E8w.d.mts} +2 -1
  36. package/dist/index-QsPFe11Z.d.cts +6 -0
  37. package/dist/index-T0HR3aLX.d.mts +6 -0
  38. package/dist/index-VEj6m-by.d.mts +6 -0
  39. package/dist/{index-JB48cMyT.d.cts → index-cXURIs6r.d.cts} +2 -1
  40. package/dist/index-rkfNt3hR.d.cts +6 -0
  41. package/dist/index-yrWGltsJ.d.cts +6 -0
  42. package/dist/index.cjs +16 -2
  43. package/dist/index.d.cts +22 -24
  44. package/dist/index.d.mts +22 -24
  45. package/dist/index.mjs +10 -3
  46. package/dist/layout.d.cts +2 -2
  47. package/dist/layout.d.mts +2 -2
  48. package/dist/position.d.cts +2 -2
  49. package/dist/position.d.mts +2 -2
  50. package/dist/{presets-BgKBhlRl.cjs → presets-B971SnR8.cjs} +2 -2
  51. package/dist/{presets-CcKoA0BA.mjs → presets-Ch4IJvkJ.mjs} +2 -2
  52. package/dist/prop-types.cjs +2 -2
  53. package/dist/prop-types.mjs +2 -2
  54. package/dist/props.cjs +1 -1
  55. package/dist/props.mjs +1 -1
  56. package/dist/shadow.d.cts +2 -2
  57. package/dist/shadow.d.mts +2 -2
  58. package/dist/should-forward-prop.cjs +1 -1
  59. package/dist/should-forward-prop.mjs +1 -1
  60. package/dist/space.d.cts +2 -2
  61. package/dist/space.d.mts +2 -2
  62. package/dist/{types-CkHJArGA.d.cts → types-BcPNeOu9.d.cts} +24 -4
  63. package/dist/{types-CkHJArGA.d.mts → types-BcPNeOu9.d.mts} +24 -4
  64. package/dist/{typography-CptBXSy0.mjs → typography-CCYBDjpD.mjs} +11 -1
  65. package/dist/{typography-DD_eWLLx.cjs → typography-DHWhpnqa.cjs} +11 -1
  66. package/dist/typography.cjs +1 -1
  67. package/dist/typography.d.cts +2 -2
  68. package/dist/typography.d.mts +2 -2
  69. package/dist/typography.mjs +1 -1
  70. package/dist/{variant-C7vPzZHo.cjs → variant-BSwNEY5l.cjs} +1 -1
  71. package/dist/{variant-DQA9pqwW.mjs → variant-NupmzzRg.mjs} +1 -1
  72. package/dist/variant.cjs +1 -1
  73. package/dist/variant.d.cts +2 -2
  74. package/dist/variant.d.mts +2 -2
  75. package/dist/variant.mjs +1 -1
  76. package/package.json +10 -10
  77. package/dist/index-5Dg1n1IR.d.mts +0 -5
  78. package/dist/index-9XAypLoH.d.cts +0 -5
  79. package/dist/index-BG0pPPzE.d.cts +0 -5
  80. package/dist/index-BNjbPqRC.d.mts +0 -5
  81. package/dist/index-BTrJCMxb.d.mts +0 -5
  82. package/dist/index-Bbzsc0fR.d.mts +0 -5
  83. package/dist/index-CRGalTX2.d.mts +0 -5
  84. package/dist/index-CdED1s71.d.mts +0 -5
  85. package/dist/index-CglXC0Pa.d.cts +0 -5
  86. package/dist/index-CoMWxd1i.d.cts +0 -5
  87. package/dist/index-DP4kqDsJ.d.cts +0 -5
  88. package/dist/index-DQKgrHjA.d.mts +0 -5
  89. package/dist/index-DSKs82W7.d.cts +0 -5
  90. package/dist/index-DuGi82Ma.d.cts +0 -5
  91. package/dist/index-HQb_WHtN.d.mts +0 -5
  92. package/dist/index-XUBjyEVU.d.mts +0 -5
  93. package/dist/index-hBpseU4Y.d.cts +0 -5
  94. 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-D4Btc5H8.mjs";
2
- import { t as background } from "./index-HQb_WHtN.mjs";
3
- import { $ as LayoutProps, A as FlexWrapProps, At as VerticalAlignProps, B as GridColumnGapProps, C as ColorStyleProps, Ct as TextColorProps, D as FlexGrowProps, Dt as ThemeValue, E as FlexDirectionProps, Et as Theme, F as FontWeightProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, M as FontFamilyProps, Mt as ZIndexProps, N as FontSizeProps, O as FlexProps, Ot as TopProps, P as FontStyleProps, Q as JustifySelfProps, R as GridAutoFlowProps, S as ColorProps, St as TextAlignProps, T as FlexBasisProps, Tt as TextStyleProps, 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 WidthProps, k as FlexShrinkProps, kt as TypographyProps, 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 TextShadowProps, x as ButtonStyleProps, xt as TLengthStyledSystem, y as BottomProps, yt as SizeProps, z as GridAutoRowsProps } from "./types-CkHJArGA.mjs";
4
- import { t as border } from "./index-CdED1s71.mjs";
5
- import { t as color } from "./index-BNjbPqRC.mjs";
6
- import { t as flexbox } from "./index-CRGalTX2.mjs";
7
- import { t as grid } from "./index-XUBjyEVU.mjs";
8
- import { n as padding, r as space, t as margin } from "./index-DLVfllTy.mjs";
9
- import { t as layout } from "./index-Bbzsc0fR.mjs";
10
- import { t as typography } from "./index-5Dg1n1IR.mjs";
11
- import { t as position } from "./index-BTrJCMxb.mjs";
12
- import { t as shadow } from "./index-DQKgrHjA.mjs";
13
- import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-BPJls8qs.mjs";
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-CptBXSy0.mjs";
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-DQA9pqwW.mjs";
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, At as VerticalAlignProps, Y as HeightProps, at as MaxWidthProps, dt as OverflowProps, it as MaxHeightProps, jt as WidthProps, ot as MinHeightProps, st as MinWidthProps, w as DisplayProps, yt as SizeProps } from "./types-CkHJArGA.cjs";
2
- import { t as layout } from "./index-CglXC0Pa.cjs";
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, At as VerticalAlignProps, Y as HeightProps, at as MaxWidthProps, dt as OverflowProps, it as MaxHeightProps, jt as WidthProps, ot as MinHeightProps, st as MinWidthProps, w as DisplayProps, yt as SizeProps } from "./types-CkHJArGA.mjs";
2
- import { t as layout } from "./index-Bbzsc0fR.mjs";
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 };
@@ -1,3 +1,3 @@
1
- import { Mt as ZIndexProps, Ot as TopProps, et as LeftProps, gt as RightProps, pt as PositionProps, y as BottomProps } from "./types-CkHJArGA.cjs";
2
- import { t as position } from "./index-DSKs82W7.cjs";
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 };
@@ -1,3 +1,3 @@
1
- import { Mt as ZIndexProps, Ot as TopProps, et as LeftProps, gt as RightProps, pt as PositionProps, y as BottomProps } from "./types-CkHJArGA.mjs";
2
- import { t as position } from "./index-BTrJCMxb.mjs";
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-DD_eWLLx.cjs");
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-C7vPzZHo.cjs");
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-CptBXSy0.mjs";
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-DQA9pqwW.mjs";
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
@@ -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-DD_eWLLx.cjs");
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-C7vPzZHo.cjs");
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
@@ -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-CptBXSy0.mjs";
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-DQA9pqwW.mjs";
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-BgKBhlRl.cjs");
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
@@ -1,4 +1,4 @@
1
- import { t as all } from "./presets-CcKoA0BA.mjs";
1
+ import { t as all } from "./presets-Ch4IJvkJ.mjs";
2
2
  //#region src/props/props.ts
3
3
  const styledSystemProps = new Set(all.propNames);
4
4
  const omit = (props) => {
package/dist/shadow.d.cts CHANGED
@@ -1,3 +1,3 @@
1
- import { b as BoxShadowProps, vt as ShadowProps, wt as TextShadowProps } from "./types-CkHJArGA.cjs";
2
- import { t as shadow } from "./index-BG0pPPzE.cjs";
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 { b as BoxShadowProps, vt as ShadowProps, wt as TextShadowProps } from "./types-CkHJArGA.mjs";
2
- import { t as shadow } from "./index-DQKgrHjA.mjs";
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-BgKBhlRl.cjs");
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
@@ -1,4 +1,4 @@
1
- import { t as all } from "./presets-CcKoA0BA.mjs";
1
+ import { t as all } from "./presets-Ch4IJvkJ.mjs";
2
2
  import isPropValid from "@emotion/is-prop-valid";
3
3
  //#region src/should-forward-prop/should-forward-prop.ts
4
4
  const memoize = (fn) => {
package/dist/space.d.cts CHANGED
@@ -1,3 +1,3 @@
1
- import { bt as SpaceProps, ft as PaddingProps, rt as MarginProps } from "./types-CkHJArGA.cjs";
2
- import { n as padding, r as space, t as margin } from "./index-JB48cMyT.cjs";
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-CkHJArGA.mjs";
2
- import { n as padding, r as space, t as margin } from "./index-DLVfllTy.mjs";
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 TypographyProps<ThemeType extends Theme = RequiredTheme> extends FontFamilyProps<ThemeType>, FontSizeProps<ThemeType>, FontWeightProps<ThemeType>, LineHeightProps<ThemeType>, LetterSpacingProps<ThemeType>, FontStyleProps<ThemeType>, TextAlignProps<ThemeType> {}
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, VerticalAlignProps as At, GridColumnGapProps as B, ColorStyleProps as C, TextColorProps as Ct, FlexGrowProps as D, ThemeValue as Dt, FlexDirectionProps as E, Theme as Et, FontWeightProps as F, GridRowProps as G, GridGapProps as H, GridAreaProps as I, GridTemplateRowsProps as J, GridTemplateAreasProps as K, GridAutoColumnsProps as L, FontFamilyProps as M, ZIndexProps as Mt, FontSizeProps as N, FlexProps as O, TopProps as Ot, FontStyleProps as P, JustifySelfProps as Q, GridAutoFlowProps as R, ColorProps as S, TextAlignProps as St, FlexBasisProps as T, TextStyleProps 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, WidthProps as jt, FlexShrinkProps as k, TypographyProps 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, TextShadowProps as wt, ButtonStyleProps as x, TLengthStyledSystem as xt, BottomProps as y, SizeProps as yt, GridAutoRowsProps as z };
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 TypographyProps<ThemeType extends Theme = RequiredTheme> extends FontFamilyProps<ThemeType>, FontSizeProps<ThemeType>, FontWeightProps<ThemeType>, LineHeightProps<ThemeType>, LetterSpacingProps<ThemeType>, FontStyleProps<ThemeType>, TextAlignProps<ThemeType> {}
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, VerticalAlignProps as At, GridColumnGapProps as B, ColorStyleProps as C, TextColorProps as Ct, FlexGrowProps as D, ThemeValue as Dt, FlexDirectionProps as E, Theme as Et, FontWeightProps as F, GridRowProps as G, GridGapProps as H, GridAreaProps as I, GridTemplateRowsProps as J, GridTemplateAreasProps as K, GridAutoColumnsProps as L, FontFamilyProps as M, ZIndexProps as Mt, FontSizeProps as N, FlexProps as O, TopProps as Ot, FontStyleProps as P, JustifySelfProps as Q, GridAutoFlowProps as R, ColorProps as S, TextAlignProps as St, FlexBasisProps as T, TextStyleProps 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, WidthProps as jt, FlexShrinkProps as k, TypographyProps 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, TextShadowProps as wt, ButtonStyleProps as x, TLengthStyledSystem as xt, BottomProps as y, SizeProps as yt, GridAutoRowsProps as z };
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", {
@@ -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-DD_eWLLx.cjs");
5
+ const require_typography = require("./typography-DHWhpnqa.cjs");
6
6
  exports.default = require_typography.typography;
7
7
  exports.typography = require_typography.typography;
@@ -1,3 +1,3 @@
1
- import { F as FontWeightProps, M as FontFamilyProps, N as FontSizeProps, P as FontStyleProps, St as TextAlignProps, kt as TypographyProps, nt as LineHeightProps, tt as LetterSpacingProps } from "./types-CkHJArGA.cjs";
2
- import { t as typography } from "./index-DP4kqDsJ.cjs";
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 };
@@ -1,3 +1,3 @@
1
- import { F as FontWeightProps, M as FontFamilyProps, N as FontSizeProps, P as FontStyleProps, St as TextAlignProps, kt as TypographyProps, nt as LineHeightProps, tt as LetterSpacingProps } from "./types-CkHJArGA.mjs";
2
- import { t as typography } from "./index-5Dg1n1IR.mjs";
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 };
@@ -1,2 +1,2 @@
1
- import { t as typography } from "./typography-CptBXSy0.mjs";
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-BQ6QmZDs.cjs");
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-DPyZNAmX.mjs";
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-C7vPzZHo.cjs");
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;
@@ -1,3 +1,3 @@
1
- import { C as ColorStyleProps, Tt as TextStyleProps, x as ButtonStyleProps } from "./types-CkHJArGA.cjs";
2
- import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-3ARRkYzk.cjs";
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 };
@@ -1,3 +1,3 @@
1
- import { C as ColorStyleProps, Tt as TextStyleProps, x as ButtonStyleProps } from "./types-CkHJArGA.mjs";
2
- import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-BPJls8qs.mjs";
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-DQA9pqwW.mjs";
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.6.0",
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://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system#readme",
16
+ "homepage": "https://soroush.tech/styled-system/",
17
17
  "repository": {
18
18
  "type": "git",
19
- "url": "git+https://github.com/soroush-tech/soroush.tech.git",
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/soroush.tech/issues"
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.1.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.12",
237
- "@vitest/coverage-v8": "^4.1.9",
238
- "eslint": "^10.5.0",
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.3",
241
+ "tsdown": "^0.22.4",
242
242
  "typescript": "~6.0.3",
243
- "vitest": "^4.1.9",
243
+ "vitest": "^4.1.10",
244
244
  "@soroush.tech/eslint-config": "0.0.0"
245
245
  },
246
246
  "scripts": {
@@ -1,5 +0,0 @@
1
- import { a as Parser } from "./index-D4Btc5H8.mjs";
2
- //#region src/typography/typography.d.ts
3
- declare const typography: Parser;
4
- //#endregion
5
- export { typography as t };
@@ -1,5 +0,0 @@
1
- import { a as Parser } from "./index-D4Btc5H8.cjs";
2
- //#region src/color/color.d.ts
3
- declare const color: Parser;
4
- //#endregion
5
- export { color as t };
@@ -1,5 +0,0 @@
1
- import { a as Parser } from "./index-D4Btc5H8.cjs";
2
- //#region src/shadow/shadow.d.ts
3
- declare const shadow: Parser;
4
- //#endregion
5
- export { shadow as t };
@@ -1,5 +0,0 @@
1
- import { a as Parser } from "./index-D4Btc5H8.mjs";
2
- //#region src/color/color.d.ts
3
- declare const color: Parser;
4
- //#endregion
5
- export { color as t };
@@ -1,5 +0,0 @@
1
- import { a as Parser } from "./index-D4Btc5H8.mjs";
2
- //#region src/position/position.d.ts
3
- declare const position: Parser;
4
- //#endregion
5
- export { position as t };