@soroush.tech/styled-system 5.6.0 → 5.6.1

package/README.md

@@ -2,7 +2,7 @@
 
 [![npm version](https://img.shields.io/npm/v/@soroush.tech/styled-system.svg)](https://www.npmjs.com/package/@soroush.tech/styled-system)
 [![npm downloads](https://img.shields.io/npm/dm/@soroush.tech/styled-system.svg)](https://www.npmjs.com/package/@soroush.tech/styled-system)
-[![coverage](https://codecov.io/gh/soroush-tech/soroush.tech/branch/main/graph/badge.svg?flag=styled-system)](https://app.codecov.io/gh/soroush-tech/soroush.tech?flags%5B0%5D=styled-system)
+[![coverage](https://codecov.io/gh/soroush-tech/core/branch/main/graph/badge.svg?flag=styled-system)](https://app.codecov.io/gh/soroush-tech/core?flags%5B0%5D=styled-system)
 [![unpacked size](https://img.shields.io/npm/unpacked-size/@soroush.tech/styled-system.svg)](https://www.npmjs.com/package/@soroush.tech/styled-system)
 [![types included](https://img.shields.io/npm/types/@soroush.tech/styled-system.svg)](https://www.npmjs.com/package/@soroush.tech/styled-system)
 [![license](https://img.shields.io/npm/l/@soroush.tech/styled-system.svg)](./LICENSE)
@@ -145,18 +145,18 @@ Types resolve under both modern module resolution (`node16`/`nodenext`/`bundler`
 
 Full docs live in [`docs/`](./docs/README.md):
 
-- [Getting Started](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/getting-started.md)
-- [Responsive Styles](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/responsive-styles.md)
-- [How it Works](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/how-it-works.md)
-- [Custom Props](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/custom-props.md)
-- [Variants](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/variants.md)
-- [API](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/api.md)
-- [Reference Table](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/table.md)
-- [TypeScript](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/typescript.md)
-- [Guides](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/guides/index.md)
+- [Getting Started](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/getting-started.md)
+- [Responsive Styles](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/responsive-styles.md)
+- [How it Works](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/how-it-works.md)
+- [Custom Props](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/custom-props.md)
+- [Variants](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/variants.md)
+- [API](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/api.md)
+- [Reference Table](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/table.md)
+- [TypeScript](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/typescript.md)
+- [Guides](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/guides/index.md)
 
-Runnable demos live in [`examples/styled-system/`](https://github.com/soroush-tech/soroush.tech/tree/main/examples/styled-system).
+Runnable demos live in the [examples repo](https://github.com/soroush-tech/examples/tree/main/styled-system).
 
 ## License
 
-MIT — a rewrite of styled-system (© 2017–2021 Brent Jackson), see [`LICENSE`](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/LICENSE).
+MIT — a rewrite of styled-system (© 2017–2021 Brent Jackson), see [`LICENSE`](https://github.com/soroush-tech/core/tree/main/packages/styled-system/LICENSE).

package/dist/{css-DPyZNAmX.mjs → css-BQylBMEo.mjs}

@@ -184,7 +184,8 @@ const css = (args) => (props = {}) => {
 		...props.theme || props
 	};
 	let result = {};
-	const styles = responsive(typeof args === "function" ? args(theme) : args)(theme);
+	const obj = typeof args === "function" ? args(theme) : args;
+	const styles = responsive(obj)(theme);
 	for (const key in styles) {
 		const x = styles[key];
 		const val = typeof x === "function" ? x(theme) : x;
@@ -201,7 +202,8 @@ const css = (args) => (props = {}) => {
 			continue;
 		}
 		const prop = get(aliases, key, key);
-		const scale = get(theme, get(scales, prop), get(theme, prop, {}));
+		const scaleName = get(scales, prop);
+		const scale = get(theme, scaleName, get(theme, prop, {}));
 		const value = get(transforms, prop, get)(scale, val, val);
 		if (multiples[prop]) {
 			const dirs = multiples[prop];

package/dist/{css-BQ6QmZDs.cjs → css-KTNhyd0w.cjs}

@@ -184,7 +184,8 @@ const css = (args) => (props = {}) => {
 		...props.theme || props
 	};
 	let result = {};
-	const styles = responsive(typeof args === "function" ? args(theme) : args)(theme);
+	const obj = typeof args === "function" ? args(theme) : args;
+	const styles = responsive(obj)(theme);
 	for (const key in styles) {
 		const x = styles[key];
 		const val = typeof x === "function" ? x(theme) : x;
@@ -201,7 +202,8 @@ const css = (args) => (props = {}) => {
 			continue;
 		}
 		const prop = get(aliases, key, key);
-		const scale = get(theme, get(scales, prop), get(theme, prop, {}));
+		const scaleName = get(scales, prop);
+		const scale = get(theme, scaleName, get(theme, prop, {}));
 		const value = get(transforms, prop, get)(scale, val, val);
 		if (multiples[prop]) {
 			const dirs = multiples[prop];

package/dist/css.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_css = require("./css-BQ6QmZDs.cjs");
+const require_css = require("./css-KTNhyd0w.cjs");
 exports.css = require_css.css;
 exports.default = require_css.css;
 exports.get = require_css.get;

package/dist/css.mjs

@@ -1,2 +1,2 @@
-import { n as get, r as responsive, t as css } from "./css-DPyZNAmX.mjs";
+import { n as get, r as responsive, t as css } from "./css-BQylBMEo.mjs";
 export { css, css as default, get, responsive };

package/dist/index.cjs

@@ -10,7 +10,7 @@ const require_position = require("./position-zWvCE4hD.cjs");
 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_variant = require("./variant-DE0Cwy7S.cjs");
 //#region src/style/style.ts
 const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
 	const config = {};

package/dist/index.mjs

@@ -9,7 +9,7 @@ import { t as position } from "./position-jf6VlRyR.mjs";
 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 { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-p-ooclB1.mjs";
 //#region src/style/style.ts
 const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
 	const config = {};

package/dist/{presets-CcKoA0BA.mjs → presets-BJo9-Lcu.mjs}

@@ -9,7 +9,7 @@ import { t as position } from "./position-jf6VlRyR.mjs";
 import { t as typography } from "./typography-CptBXSy0.mjs";
 import { r as space } from "./space-DEf9-0r9.mjs";
 import { t as shadow } from "./shadow-Bp7lx_41.mjs";
-import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-DQA9pqwW.mjs";
+import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-p-ooclB1.mjs";
 //#region src/presets/presets.ts
 const all = compose(space, typography, color, layout, flexbox, border, background, position, grid, shadow, buttonStyle, textStyle, colorStyle);
 //#endregion

package/dist/{presets-BgKBhlRl.cjs → presets-Dj-syv_1.cjs}

@@ -9,7 +9,7 @@ const require_position = require("./position-zWvCE4hD.cjs");
 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_variant = require("./variant-DE0Cwy7S.cjs");
 //#region src/presets/presets.ts
 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);
 //#endregion

package/dist/prop-types.cjs

@@ -13,7 +13,7 @@ const require_position = require("./position-zWvCE4hD.cjs");
 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_variant = require("./variant-DE0Cwy7S.cjs");
 let prop_types = require("prop-types");
 prop_types = require_rolldown_runtime.__toESM(prop_types, 1);
 //#region src/prop-types/prop-types.ts

package/dist/prop-types.mjs

@@ -8,7 +8,7 @@ import { t as position } from "./position-jf6VlRyR.mjs";
 import { t as typography } from "./typography-CptBXSy0.mjs";
 import { r as space } from "./space-DEf9-0r9.mjs";
 import { t as shadow } from "./shadow-Bp7lx_41.mjs";
-import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-DQA9pqwW.mjs";
+import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-p-ooclB1.mjs";
 import PropTypes from "prop-types";
 //#region src/prop-types/prop-types.ts
 const propType = PropTypes.oneOfType([

package/dist/props.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_presets = require("./presets-BgKBhlRl.cjs");
+const require_presets = require("./presets-Dj-syv_1.cjs");
 //#region src/props/props.ts
 const styledSystemProps = new Set(require_presets.all.propNames);
 const omit = (props) => {

package/dist/props.mjs

@@ -1,4 +1,4 @@
-import { t as all } from "./presets-CcKoA0BA.mjs";
+import { t as all } from "./presets-BJo9-Lcu.mjs";
 //#region src/props/props.ts
 const styledSystemProps = new Set(all.propNames);
 const omit = (props) => {

package/dist/should-forward-prop.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, {
 	[Symbol.toStringTag]: { value: "Module" }
 });
 const require_rolldown_runtime = require("./rolldown-runtime-D6vf50IK.cjs");
-const require_presets = require("./presets-BgKBhlRl.cjs");
+const require_presets = require("./presets-Dj-syv_1.cjs");
 let _emotion_is_prop_valid = require("@emotion/is-prop-valid");
 _emotion_is_prop_valid = require_rolldown_runtime.__toESM(_emotion_is_prop_valid, 1);
 //#region src/should-forward-prop/should-forward-prop.ts

package/dist/should-forward-prop.mjs

@@ -1,4 +1,4 @@
-import { t as all } from "./presets-CcKoA0BA.mjs";
+import { t as all } from "./presets-BJo9-Lcu.mjs";
 import isPropValid from "@emotion/is-prop-valid";
 //#region src/should-forward-prop/should-forward-prop.ts
 const memoize = (fn) => {

package/dist/{variant-C7vPzZHo.cjs → variant-DE0Cwy7S.cjs}

@@ -1,5 +1,5 @@
 const require_core = require("./core.cjs");
-const require_css = require("./css-BQ6QmZDs.cjs");
+const require_css = require("./css-KTNhyd0w.cjs");
 //#region src/variant/variant.ts
 const variant = (options = {}) => {
 	const { scale, prop = "variant", variants = {}, key } = options;

package/dist/{variant-DQA9pqwW.mjs → variant-p-ooclB1.mjs}

@@ -1,5 +1,5 @@
 import { createParser, get } from "./core.mjs";
-import { t as css } from "./css-DPyZNAmX.mjs";
+import { t as css } from "./css-BQylBMEo.mjs";
 //#region src/variant/variant.ts
 const variant = (options = {}) => {
 	const { scale, prop = "variant", variants = {}, key } = options;

package/dist/variant.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_variant = require("./variant-C7vPzZHo.cjs");
+const require_variant = require("./variant-DE0Cwy7S.cjs");
 exports.buttonStyle = require_variant.buttonStyle;
 exports.colorStyle = require_variant.colorStyle;
 exports.default = require_variant.variant;

package/dist/variant.mjs

@@ -1,2 +1,2 @@
-import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-DQA9pqwW.mjs";
+import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-p-ooclB1.mjs";
 export { buttonStyle, colorStyle, variant as default, variant, textStyle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soroush.tech/styled-system",
-  "version": "5.6.0",
+  "version": "5.6.1",
   "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",
@@ -13,14 +13,14 @@
   ],
   "author": "Masoud Soroush <masoud@soroush.tech>",
   "license": "MIT",
-  "homepage": "https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system#readme",
+  "homepage": "https://soroush.tech/styled-system/",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/soroush-tech/soroush.tech.git",
+    "url": "git+https://github.com/soroush-tech/core.git",
     "directory": "packages/styled-system"
   },
   "bugs": {
-    "url": "https://github.com/soroush-tech/soroush.tech/issues"
+    "url": "https://github.com/soroush-tech/core/issues"
   },
   "type": "module",
   "sideEffects": false,
@@ -217,7 +217,7 @@
     "access": "public"
   },
   "dependencies": {
-    "csstype": "^3.1.3"
+    "csstype": "^3.2.3"
   },
   "peerDependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
@@ -233,9 +233,9 @@
   },
   "devDependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
-    "@types/prop-types": "^15.7.12",
+    "@types/prop-types": "^15.7.15",
     "@vitest/coverage-v8": "^4.1.9",
-    "eslint": "^10.5.0",
+    "eslint": "^10.6.0",
     "globals": "^17.7.0",
     "prop-types": "^15.8.1",
     "tsdown": "^0.22.3",