@soroush.tech/styled-system 5.4.0 → 5.5.0

package/README.md

@@ -117,9 +117,6 @@ import shouldForwardProp, {
 } from '@soroush.tech/styled-system/should-forward-prop'
 ```
 
-`themeGet` is also re-exported from the package root (as both a named and the default
-export), so `import { themeGet } from '@soroush.tech/styled-system'` works too.
-
 ## Drop-in via alias
 
 Existing `styled-system` users can swap with a package-manager alias — no code changes:
@@ -130,9 +127,19 @@ Existing `styled-system` users can swap with a package-manager alias — no code
 }
 ```
 
-Every `@styled-system/*` satellite maps 1:1 to the matching
-`@soroush.tech/styled-system/*` subpath — e.g. `@styled-system/should-forward-prop`,
-`@styled-system/prop-types`, `@styled-system/theme-get`, `@styled-system/css`.
+The satellite `@styled-system/*` packages don't need separate aliases — import them as
+subpaths off the aliased `styled-system` name, and they resolve through this package's
+`exports`:
+
+```ts
+import themeGet from 'styled-system/theme-get'
+import propTypes from 'styled-system/prop-types'
+import { css } from 'styled-system/css'
+import shouldForwardProp from 'styled-system/should-forward-prop'
+```
+
+Types resolve under both modern module resolution (`node16`/`nodenext`/`bundler`, via
+`exports`) and classic `node` (via `typesVersions`).
 
 ## Documentation
 

package/dist/index.cjs

@@ -1,7 +1,4 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_core = require("./core.cjs");
 const require_background = require("./background-wugr6cG7.cjs");
 const require_border = require("./border-UuT-fTpy.cjs");
@@ -14,7 +11,6 @@ const require_typography = require("./typography-DD_eWLLx.cjs");
 const require_space = require("./space-CAX_62yL.cjs");
 const require_shadow = require("./shadow-BrDnaQQl.cjs");
 const require_variant = require("./variant-C7vPzZHo.cjs");
-const require_theme_get = require("./theme-get-D0fH7Jrd.cjs");
 //#region src/style/style.ts
 const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
 	const config = {};
@@ -126,7 +122,6 @@ exports.colorStyle = require_variant.colorStyle;
 exports.compose = require_core.compose;
 exports.createParser = require_core.createParser;
 exports.createStyleFunction = require_core.createStyleFunction;
-exports.default = require_theme_get.themeGet;
 exports.display = display;
 exports.flex = flex;
 exports.flexBasis = flexBasis;
@@ -182,7 +177,6 @@ exports.system = require_core.system;
 exports.textAlign = textAlign;
 exports.textShadow = require_shadow.shadow;
 exports.textStyle = require_variant.textStyle;
-exports.themeGet = require_theme_get.themeGet;
 exports.top = top;
 exports.typography = require_typography.typography;
 exports.variant = require_variant.variant;

package/dist/index.d.cts

@@ -11,7 +11,6 @@ import { t as typography } from "./index-BrXslH97.cjs";
 import { t as position } from "./index-DS-HZ740.cjs";
 import { t as shadow } from "./index-CvbdNFVK.cjs";
 import { a as variant, i as textStyle, n as buttonStyle, r as colorStyle } from "./index-5FNmSnEI.cjs";
-import { t as themeGet } from "./index-CTguR0fU.cjs";
 
 //#region src/style/style.d.ts
 interface StyleOptions {
@@ -97,4 +96,4 @@ declare const right: Parser;
 declare const bottom: Parser;
 declare const left: Parser;
 //#endregion
-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 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, 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 SystemConfig, TLengthStyledSystem, TextAlignProps, TextColorProps, TextShadowProps, TextStyleProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, 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, themeGet as default, themeGet, 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 };
+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 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, 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 SystemConfig, TLengthStyledSystem, TextAlignProps, TextColorProps, TextShadowProps, TextStyleProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, 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, system, textAlign, textStyle, top, typography, variant, verticalAlign, width, zIndex };

package/dist/index.d.mts

@@ -11,7 +11,6 @@ import { t as typography } from "./index-DzPnzx9p.mjs";
 import { t as position } from "./index-Cq-vX0It.mjs";
 import { t as shadow } from "./index-F79chYlR.mjs";
 import { a as variant, i as textStyle, n as buttonStyle, r as colorStyle } from "./index-CeQ5ox80.mjs";
-import { t as themeGet } from "./index-C_ikENGU.mjs";
 
 //#region src/style/style.d.ts
 interface StyleOptions {
@@ -97,4 +96,4 @@ declare const right: Parser;
 declare const bottom: Parser;
 declare const left: Parser;
 //#endregion
-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 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, 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 SystemConfig, TLengthStyledSystem, TextAlignProps, TextColorProps, TextShadowProps, TextStyleProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, 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, themeGet as default, themeGet, 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 };
+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 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, 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 SystemConfig, TLengthStyledSystem, TextAlignProps, TextColorProps, TextShadowProps, TextStyleProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, 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, system, textAlign, textStyle, top, typography, variant, verticalAlign, width, zIndex };

package/dist/index.mjs

@@ -10,7 +10,6 @@ import { t as typography } from "./typography-CptBXSy0.mjs";
 import { n as padding, r as space, t as margin } from "./space-DEf9-0r9.mjs";
 import { t as shadow } from "./shadow-Bp7lx_41.mjs";
 import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-DQA9pqwW.mjs";
-import { t as themeGet } from "./theme-get-CwPt9eDy.mjs";
 //#region src/style/style.ts
 const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
 	const config = {};
@@ -96,4 +95,4 @@ const right = positionFns.right;
 const bottom = positionFns.bottom;
 const left = positionFns.left;
 //#endregion
-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, themeGet as default, themeGet, 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 };
+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 };

package/dist/theme-get.cjs

@@ -2,6 +2,9 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_theme_get = require("./theme-get-D0fH7Jrd.cjs");
-exports.default = require_theme_get.themeGet;
-exports.themeGet = require_theme_get.themeGet;
+const require_core = require("./core.cjs");
+//#region src/theme-get/theme-get.ts
+const themeGet = (path, fallback = null) => (props) => require_core.get(props.theme, path, fallback);
+//#endregion
+exports.default = themeGet;
+exports.themeGet = themeGet;

package/dist/theme-get.d.cts

@@ -1,2 +1,6 @@
-import { t as themeGet } from "./index-CTguR0fU.cjs";
+import { a as Props } from "./index-C6pWum7i.cjs";
+
+//#region src/theme-get/theme-get.d.ts
+declare const themeGet: (path: string, fallback?: unknown) => (props: Props) => unknown;
+//#endregion
 export { themeGet as default, themeGet };

package/dist/theme-get.d.mts

@@ -1,2 +1,6 @@
-import { t as themeGet } from "./index-C_ikENGU.mjs";
+import { a as Props } from "./index-C6pWum7i.mjs";
+
+//#region src/theme-get/theme-get.d.ts
+declare const themeGet: (path: string, fallback?: unknown) => (props: Props) => unknown;
+//#endregion
 export { themeGet as default, themeGet };

package/dist/theme-get.mjs

@@ -1,2 +1,5 @@
-import { t as themeGet } from "./theme-get-CwPt9eDy.mjs";
+import { get } from "./core.mjs";
+//#region src/theme-get/theme-get.ts
+const themeGet = (path, fallback = null) => (props) => get(props.theme, path, fallback);
+//#endregion
 export { themeGet as default, themeGet };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soroush.tech/styled-system",
-  "version": "5.4.0",
+  "version": "5.5.0",
   "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.",
   "keywords": [
     "styled-system",
@@ -248,5 +248,60 @@
     "test:coverage": "vitest run --coverage"
   },
   "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs"
+  "module": "./dist/index.mjs",
+  "typesVersions": {
+    "*": {
+      "core": [
+        "./dist/core.d.cts"
+      ],
+      "space": [
+        "./dist/space.d.cts"
+      ],
+      "color": [
+        "./dist/color.d.cts"
+      ],
+      "layout": [
+        "./dist/layout.d.cts"
+      ],
+      "typography": [
+        "./dist/typography.d.cts"
+      ],
+      "flexbox": [
+        "./dist/flexbox.d.cts"
+      ],
+      "grid": [
+        "./dist/grid.d.cts"
+      ],
+      "background": [
+        "./dist/background.d.cts"
+      ],
+      "border": [
+        "./dist/border.d.cts"
+      ],
+      "position": [
+        "./dist/position.d.cts"
+      ],
+      "shadow": [
+        "./dist/shadow.d.cts"
+      ],
+      "variant": [
+        "./dist/variant.d.cts"
+      ],
+      "css": [
+        "./dist/css.d.cts"
+      ],
+      "theme-get": [
+        "./dist/theme-get.d.cts"
+      ],
+      "props": [
+        "./dist/props.d.cts"
+      ],
+      "prop-types": [
+        "./dist/prop-types.d.cts"
+      ],
+      "should-forward-prop": [
+        "./dist/should-forward-prop.d.cts"
+      ]
+    }
+  }
 }

package/dist/index-CTguR0fU.d.cts

@@ -1,6 +0,0 @@
-import { a as Props } from "./index-C6pWum7i.cjs";
-
-//#region src/theme-get/theme-get.d.ts
-declare const themeGet: (path: string, fallback?: unknown) => (props: Props) => unknown;
-//#endregion
-export { themeGet as t };

package/dist/index-C_ikENGU.d.mts

@@ -1,6 +0,0 @@
-import { a as Props } from "./index-C6pWum7i.mjs";
-
-//#region src/theme-get/theme-get.d.ts
-declare const themeGet: (path: string, fallback?: unknown) => (props: Props) => unknown;
-//#endregion
-export { themeGet as t };

package/dist/theme-get-CwPt9eDy.mjs

@@ -1,5 +0,0 @@
-import { get } from "./core.mjs";
-//#region src/theme-get/theme-get.ts
-const themeGet = (path, fallback = null) => (props) => get(props.theme, path, fallback);
-//#endregion
-export { themeGet as t };

package/dist/theme-get-D0fH7Jrd.cjs

@@ -1,10 +0,0 @@
-const require_core = require("./core.cjs");
-//#region src/theme-get/theme-get.ts
-const themeGet = (path, fallback = null) => (props) => require_core.get(props.theme, path, fallback);
-//#endregion
-Object.defineProperty(exports, "themeGet", {
-	enumerable: true,
-	get: function() {
-		return themeGet;
-	}
-});