Socket
Socket
Sign inDemoInstall

@chakra-ui/styled-system

Package Overview
Dependencies
Maintainers
2
Versions
474
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@chakra-ui/styled-system - npm Package Compare versions

Comparing version 0.0.0-pr-202215132532 to 0.0.0-v3-20240109123510

dist/cjs/config/background.cjs

157

package.json
{
"name": "@chakra-ui/styled-system",
"version": "0.0.0-pr-202215132532",
"version": "0.0.0-v3-20240109123510",
"description": "Style function for css-in-js building component libraries",

@@ -20,8 +20,7 @@ "keywords": [

"license": "MIT",
"main": "dist/chakra-ui-styled-system.cjs.js",
"module": "dist/chakra-ui-styled-system.esm.js",
"types": "dist/chakra-ui-styled-system.cjs.d.ts",
"main": "dist/cjs/index.cjs",
"module": "dist/esm/index.mjs",
"types": "dist/types/index.d.ts",
"files": [
"dist",
"src"
"dist"
],

@@ -34,3 +33,3 @@ "publishConfig": {

"url": "git+https://github.com/chakra-ui/chakra-ui.git",
"directory": "packages/styled-system"
"directory": "packages/core/styled-system"
},

@@ -41,6 +40,142 @@ "bugs": {

"dependencies": {
"@chakra-ui/utils": "0.0.0-pr-202215132532",
"csstype": "^3.0.9"
"csstype": "^3.1.2",
"@chakra-ui/utils": "0.0.0-v3-20240109123510"
},
"sideEffects": false
}
"devDependencies": {
"@emotion/react": "^11.11.1",
"@emotion/styled": "^11.11.0",
"@chakra-ui/theme": "0.0.0-v3-20240109123510"
},
"sideEffects": false,
"exports": {
".": {
"source": "./src/index.ts",
"import": {
"types": "./dist/types/index.d.mts",
"default": "./dist/esm/index.mjs"
},
"require": {
"types": "./dist/types/index.d.ts",
"default": "./dist/cjs/index.cjs"
}
},
"./config": {
"source": "./src/config/index.ts",
"import": {
"types": "./dist/types/config/index.d.mts",
"default": "./dist/esm/config/index.mjs"
},
"require": {
"types": "./dist/types/config/index.d.ts",
"default": "./dist/cjs/config/index.cjs"
}
},
"./create-theme-vars": {
"source": "./src/create-theme-vars/index.ts",
"import": {
"types": "./dist/types/create-theme-vars/index.d.mts",
"default": "./dist/esm/create-theme-vars/index.mjs"
},
"require": {
"types": "./dist/types/create-theme-vars/index.d.ts",
"default": "./dist/cjs/create-theme-vars/index.cjs"
}
},
"./css": {
"source": "./src/css.ts",
"import": {
"types": "./dist/types/css.d.mts",
"default": "./dist/esm/css.mjs"
},
"require": {
"types": "./dist/types/css.d.ts",
"default": "./dist/cjs/css.cjs"
}
},
"./define-styles": {
"source": "./src/define-styles.ts",
"import": {
"types": "./dist/types/define-styles.d.mts",
"default": "./dist/esm/define-styles.mjs"
},
"require": {
"types": "./dist/types/define-styles.d.ts",
"default": "./dist/cjs/define-styles.cjs"
}
},
"./get": {
"source": "./src/get.ts",
"import": {
"types": "./dist/types/get.d.mts",
"default": "./dist/esm/get.mjs"
},
"require": {
"types": "./dist/types/get.d.ts",
"default": "./dist/cjs/get.cjs"
}
},
"./get-css-var": {
"source": "./src/get-css-var.ts",
"import": {
"types": "./dist/types/get-css-var.d.mts",
"default": "./dist/esm/get-css-var.mjs"
},
"require": {
"types": "./dist/types/get-css-var.d.ts",
"default": "./dist/cjs/get-css-var.cjs"
}
},
"./pseudos": {
"source": "./src/pseudos.ts",
"import": {
"types": "./dist/types/pseudos.d.mts",
"default": "./dist/esm/pseudos.mjs"
},
"require": {
"types": "./dist/types/pseudos.d.ts",
"default": "./dist/cjs/pseudos.cjs"
}
},
"./style-config": {
"source": "./src/style-config.ts",
"import": {
"types": "./dist/types/style-config.d.mts",
"default": "./dist/esm/style-config.mjs"
},
"require": {
"types": "./dist/types/style-config.d.ts",
"default": "./dist/cjs/style-config.cjs"
}
},
"./system": {
"source": "./src/system.ts",
"import": {
"types": "./dist/types/system.d.mts",
"default": "./dist/esm/system.mjs"
},
"require": {
"types": "./dist/types/system.d.ts",
"default": "./dist/cjs/system.cjs"
}
},
"./theming-props": {
"source": "./src/theming-props.ts",
"import": {
"types": "./dist/types/theming-props.d.mts",
"default": "./dist/esm/theming-props.mjs"
},
"require": {
"types": "./dist/types/theming-props.d.ts",
"default": "./dist/cjs/theming-props.cjs"
}
},
"./package.json": "./package.json"
},
"scripts": {
"build": "tsup --entry src/index.ts --entry src/theming.types.ts --entry src/shared.types.ts --dts",
"dev": "pnpm build:fast --watch",
"clean": "rimraf dist .turbo",
"typecheck": "tsc --noEmit",
"build:fast": "tsup src"
}
}

4

README.md
# @chakra-ui/styled-system
The framework agnostic styling engine for Chakra UI. It's used in the `system`
The framework's agnostic styling engine for Chakra UI. It's used in the `system`
package.

@@ -18,3 +18,3 @@

Chakra UI provides pretty good support for bi-directional (`bidi`) CSS
Chakra UI provides pretty good support for bidirectional (`bidi`) CSS
properties. For our shorthand props, we provide a `*Bidi` suffix to manage the

@@ -21,0 +21,0 @@ rtl/ltr switching.

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc