Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

open-props

Package Overview
Dependencies
Maintainers
1
Versions
146
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

open-props - npm Package Compare versions

Comparing version 1.6.13 to 2.0.0-beta.0

.editorconfig

391

package.json
{
"type": "module",
"name": "open-props",
"author": "Adam Argyle",
"license": "MIT",
"version": "1.6.13",
"repository": {
"type": "git",
"url": "https://github.com/argyleink/open-props"
},
"keywords": [
"css",
"utilities",
"variables",
"custom properties",
"gradients"
],
"style": "open-props.min.css",
"source": "src/index.js",
"main": "dist/open-props.cjs",
"unpkg": "open-props.min.css",
"module": "dist/open-props.module.js",
"types": "dist/open-props.module.d.ts",
"exports": {
".": {
"types": "./dist/open-props.module.d.ts",
"import": "./dist/open-props.module.js",
"require": "./dist/open-props.cjs",
"default": "./dist/open-props.cjs"
},
"./src": "./src/index.js",
"./src/animations": "./src/props.animations.js",
"./src/aspects": "./src/props.aspects.js",
"./src/borders": "./src/props.borders.js",
"./src/colors": "./src/props.colors.js",
"./src/colors-hsl": "./src/props.colors-hsl.js",
"./src/easing": "./src/props.easing.js",
"./src/fonts": "./src/props.fonts.js",
"./src/gradients": "./src/props.gradients.js",
"./src/media": "./src/props.media.js",
"./src/shadows": "./src/props.shadows.js",
"./src/sizes": "./src/props.sizes.js",
"./src/svg": "./src/props.svg.js",
"./src/zindex": "./src/props.zindex.js",
"./src/masks.edges": "./src/props.masks.edges.js",
"./src/masks.corner-cuts": "./src/props.masks.corner-cuts.js",
"./style": "./open-props.min.css",
"./postcss/style": "./src/index.css",
"./normalize": "./normalize.min.css",
"./normalize/light": "./normalize.light.min.css",
"./normalize/dark": "./normalize.dark.min.css",
"./switch/light": "./theme.light.switch.min.css",
"./switch/dark": "./theme.dark.switch.min.css",
"./postcss/normalize": "./src/extra/normalize.css",
"./postcss/normalize/light": "./src/extra/normalize.light.css",
"./postcss/normalize/dark": "./src/extra/normalize.dark.css",
"./buttons": "./buttons.min.css",
"./buttons/light": "./buttons.light.min.css",
"./buttons/dark": "./buttons.dark.min.css",
"./postcss/buttons": "./src/extra/buttons.css",
"./postcss/buttons/light": "./src/extra/buttons.light.css",
"./postcss/buttons/dark": "./src/extra/buttons.dark.css",
"./animations": "./animations.min.css",
"./aspects": "./aspects.min.css",
"./blue": "./blue.min.css",
"./blue-hsl": "./blue-hsl.min.css",
"./borders": "./borders.min.css",
"./brown": "./brown.min.css",
"./brown-hsl": "./brown-hsl.min.css",
"./camo": "./camo.min.css",
"./camo-hsl": "./camo-hsl.min.css",
"./choco": "./choco.min.css",
"./choco-hsl": "./choco-hsl.min.css",
"./colors": "./colors.min.css",
"./colors-hsl": "./colors-hsl.min.css",
"./colors-hd": "./colors-oklch.min.css",
"./oklch-hues": "./oklch-hues.min.css",
"./cyan": "./cyan.min.css",
"./cyan-hsl": "./cyan-hsl.min.css",
"./durations": "./durations.min.css",
"./easings": "./easings.min.css",
"./fonts": "./fonts.min.css",
"./gradients": "./gradients.min.css",
"./gray": "./gray.min.css",
"./gray-hsl": "./gray-hsl.min.css",
"./gray-hd": "./gray-oklch.min.css",
"./green": "./green.min.css",
"./green-hsl": "./green-hsl.min.css",
"./indigo": "./indigo.min.css",
"./indigo-hsl": "./indigo-hsl.min.css",
"./jungle": "./jungle.min.css",
"./jungle-hsl": "./jungle-hsl.min.css",
"./lime": "./lime.min.css",
"./lime-hsl": "./lime-hsl.min.css",
"./masks/edges": "./masks.edges.min.css",
"./masks/corner-cuts": "./masks.corner-cuts.min.css",
"./media": "./media.min.css",
"./orange": "./orange.min.css",
"./orange-hsl": "./orange-hsl.min.css",
"./pink": "./pink.min.css",
"./pink-hsl": "./pink-hsl.min.css",
"./purple": "./purple.min.css",
"./purple-hsl": "./purple-hsl.min.css",
"./red": "./red.min.css",
"./red-hsl": "./red-hsl.min.css",
"./sand": "./sand.min.css",
"./sand-hsl": "./sand-hsl.min.css",
"./shadows": "./shadows.min.css",
"./sizes": "./sizes.min.css",
"./stone": "./stone.min.css",
"./stone-hsl": "./stone-hsl.min.css",
"./teal": "./teal.min.css",
"./teal-hsl": "./teal-hsl.min.css",
"./violet": "./violet.min.css",
"./violet-hsl": "./violet-hsl.min.css",
"./yellow": "./yellow.min.css",
"./yellow-hsl": "./yellow-hsl.min.css",
"./zindex": "./zindex.min.css",
"./shadow/style": "./open-props.shadow.min.css",
"./shadow/normalize": "./normalize.shadow.min.css",
"./shadow/animations": "./animations.shadow.min.css",
"./shadow/aspects": "./aspects.shadow.min.css",
"./shadow/blue": "./blue.shadow.min.css",
"./shadow/blue-hsl": "./blue-hsl.shadow.min.css",
"./shadow/borders": "./borders.shadow.min.css",
"./shadow/brown": "./brown.shadow.min.css",
"./shadow/brown-hsl": "./brown-hsl.shadow.min.css",
"./shadow/camo": "./camo.shadow.min.css",
"./shadow/camo-hsl": "./camo-hsl.shadow.min.css",
"./shadow/choco": "./choco.shadow.min.css",
"./shadow/choco-hsl": "./choco-hsl.shadow.min.css",
"./shadow/colors": "./colors.shadow.min.css",
"./shadow/colors-hsl": "./colors-hsl.shadow.min.css",
"./shadow/cyan": "./cyan.shadow.min.css",
"./shadow/cyan-hsl": "./cyan-hsl.shadow.min.css",
"./shadow/easings": "./easings.shadow.min.css",
"./shadow/fonts": "./fonts.shadow.min.css",
"./shadow/gradients": "./gradients.shadow.min.css",
"./shadow/gray": "./gray.shadow.min.css",
"./shadow/gray-hsl": "./gray-hsl.shadow.min.css",
"./shadow/green": "./green.shadow.min.css",
"./shadow/green-hsl": "./green-hsl.shadow.min.css",
"./shadow/indigo": "./indigo.shadow.min.css",
"./shadow/indigo-hsl": "./indigo-hsl.shadow.min.css",
"./shadow/jungle": "./jungle.shadow.min.css",
"./shadow/jungle-hsl": "./jungle-hsl.shadow.min.css",
"./shadow/lime": "./lime.shadow.min.css",
"./shadow/lime-hsl": "./lime-hsl.shadow.min.css",
"./shadow/media": "./media.shadow.min.css",
"./shadow/orange": "./orange.shadow.min.css",
"./shadow/orange-hsl": "./orange-hsl.shadow.min.css",
"./shadow/pink": "./pink.shadow.min.css",
"./shadow/pink-hsl": "./pink-hsl.shadow.min.css",
"./shadow/purple": "./purple.shadow.min.css",
"./shadow/purple-hsl": "./purple-hsl.shadow.min.css",
"./shadow/red": "./red.shadow.min.css",
"./shadow/red-hsl": "./red-hsl.shadow.min.css",
"./shadow/sand": "./sand.shadow.min.css",
"./shadow/sand-hsl": "./sand-hsl.shadow.min.css",
"./shadow/shadows": "./shadows.shadow.min.css",
"./shadow/sizes": "./sizes.shadow.min.css",
"./shadow/stone": "./stone.shadow.min.css",
"./shadow/stone-hsl": "./stone-hsl.shadow.min.css",
"./shadow/teal": "./teal.shadow.min.css",
"./shadow/teal-hsl": "./teal-hsl.shadow.min.css",
"./shadow/violet": "./violet.shadow.min.css",
"./shadow/violet-hsl": "./violet-hsl.shadow.min.css",
"./shadow/yellow": "./yellow.shadow.min.css",
"./shadow/yellow-hsl": "./yellow-hsl.shadow.min.css",
"./shadow/zindex": "./zindex.shadow.min.css",
"./json": "./open-props.tokens.json",
"./tokens": "./open-props.tokens.json",
"./design-tokens": "./open-props.tokens.json",
"./style-dictionary-tokens": "./open-props.style-dictionary-tokens.json",
"./postcss/brand": "./src/extra/brand.css",
"./postcss/theme": "./src/extra/theme.css",
"./postcss/theme-dark": "./src/extra/theme-dark.css",
"./postcss/theme-light": "./src/extra/theme-light.css",
"./utilities": "./src/extra/utilities.css",
"./*": "./*"
},
"browserslist": [
"defaults"
],
"scripts": {
"build": "concurrently npm:gen:op npm:gen:shadowdom && npm run gen:types",
"test": "ava test/basic.test.cjs",
"bundle": "concurrently npm:lib:* -m 25 && concurrently npm:shadow:* -m 25",
"gen:op": "cd build && node props.js \"\" true",
"gen:nowhere": "cd build && node props \"\" false",
"gen:shadowdom": "cd build && node props \"\" false \":host\" \"shadow\"",
"gen:prefixed": "cd build && node props.js \"op\" true",
"gen:types": "tsc -p tsconfig.json",
"lib:all": "postcss src/index.css -o open-props.min.css",
"lib:normalize": "postcss src/extra/normalize.css -o normalize.min.css && node ./build/extras.js",
"lib:normalize:light": "postcss src/extra/normalize.light.css -o normalize.light.min.css",
"lib:normalize:dark": "postcss src/extra/normalize.dark.css -o normalize.dark.min.css",
"lib:switch:light": "postcss src/extra/theme.light.switch.css -o theme.light.switch.min.css",
"lib:switch:dark": "postcss src/extra/theme.dark.switch.css -o theme.dark.switch.min.css",
"lib:buttons": "postcss src/extra/buttons.css -o buttons.min.css",
"lib:buttons:light": "postcss src/extra/buttons.light.css -o buttons.light.min.css",
"lib:buttons:dark": "postcss src/extra/buttons.dark.css -o buttons.dark.min.css",
"lib:animations": "postcss src/props.animations.css -o animations.min.css",
"lib:aspects": "postcss src/props.aspects.css -o aspects.min.css",
"lib:borders": "postcss src/props.borders.css -o borders.min.css",
"lib:durations": "postcss src/extra/durations.css -o durations.min.css",
"lib:easing": "postcss src/props.easing.css -o easings.min.css",
"lib:fonts": "postcss src/props.fonts.css -o fonts.min.css",
"lib:gradients": "postcss src/props.gradients.css -o gradients.min.css",
"lib:media": "postcss src/props.media.css -o media.min.css",
"lib:shadows": "postcss src/props.shadows.css -o shadows.min.css",
"lib:sizes": "postcss src/props.sizes.css -o sizes.min.css",
"lib:supports": "postcss src/props.supports.css -o supports.min.css",
"lib:zindex": "postcss src/props.zindex.css -o zindex.min.css",
"lib:masks:edges": "postcss src/props.masks.edges.css -o masks.edges.min.css",
"lib:masks:cornercuts": "postcss src/props.masks.corner-cuts.css -o masks.corner-cuts.min.css",
"lib:colors": "postcss src/props.colors.css -o colors.min.css",
"lib:colors:oklch-hues": "postcss src/props.colors-oklch-hues.css -o oklch-hues.min.css",
"lib:colors-hsl": "postcss src/props.colors-hsl.css -o colors-hsl.min.css",
"lib:colors-oklch": "postcss src/props.colors-oklch.css -o colors-oklch.min.css",
"lib:colors:gray": "postcss src/props.gray.css -o gray.min.css",
"lib:colors:gray-hsl": "postcss src/props.gray-hsl.css -o gray-hsl.min.css",
"lib:colors:gray-oklch": "postcss src/props.gray-oklch.css -o gray-oklch.min.css",
"lib:colors:stone": "postcss src/props.stone.css -o stone.min.css",
"lib:colors:stone-hsl": "postcss src/props.stone-hsl.css -o stone-hsl.min.css",
"lib:colors:red": "postcss src/props.red.css -o red.min.css",
"lib:colors:red-hsl": "postcss src/props.red-hsl.css -o red-hsl.min.css",
"lib:colors:pink": "postcss src/props.pink.css -o pink.min.css",
"lib:colors:pink-hsl": "postcss src/props.pink-hsl.css -o pink-hsl.min.css",
"lib:colors:purple": "postcss src/props.purple.css -o purple.min.css",
"lib:colors:purple-hsl": "postcss src/props.purple-hsl.css -o purple-hsl.min.css",
"lib:colors:violet": "postcss src/props.violet.css -o violet.min.css",
"lib:colors:violet-hsl": "postcss src/props.violet-hsl.css -o violet-hsl.min.css",
"lib:colors:indigo": "postcss src/props.indigo.css -o indigo.min.css",
"lib:colors:indigo-hsl": "postcss src/props.indigo-hsl.css -o indigo-hsl.min.css",
"lib:colors:blue": "postcss src/props.blue.css -o blue.min.css",
"lib:colors:blue-hsl": "postcss src/props.blue-hsl.css -o blue-hsl.min.css",
"lib:colors:cyan": "postcss src/props.cyan.css -o cyan.min.css",
"lib:colors:cyan-hsl": "postcss src/props.cyan-hsl.css -o cyan-hsl.min.css",
"lib:colors:teal": "postcss src/props.teal.css -o teal.min.css",
"lib:colors:teal-hsl": "postcss src/props.teal-hsl.css -o teal-hsl.min.css",
"lib:colors:green": "postcss src/props.green.css -o green.min.css",
"lib:colors:green-hsl": "postcss src/props.green-hsl.css -o green-hsl.min.css",
"lib:colors:lime": "postcss src/props.lime.css -o lime.min.css",
"lib:colors:lime-hsl": "postcss src/props.lime-hsl.css -o lime-hsl.min.css",
"lib:colors:yellow": "postcss src/props.yellow.css -o yellow.min.css",
"lib:colors:yellow-hsl": "postcss src/props.yellow-hsl.css -o yellow-hsl.min.css",
"lib:colors:orange": "postcss src/props.orange.css -o orange.min.css",
"lib:colors:orange-hsl": "postcss src/props.orange-hsl.css -o orange-hsl.min.css",
"lib:colors:choco": "postcss src/props.choco.css -o choco.min.css",
"lib:colors:choco-hsl": "postcss src/props.choco-hsl.css -o choco-hsl.min.css",
"lib:colors:brown": "postcss src/props.brown.css -o brown.min.css",
"lib:colors:brown-hsl": "postcss src/props.brown-hsl.css -o brown-hsl.min.css",
"lib:colors:sand": "postcss src/props.sand.css -o sand.min.css",
"lib:colors:sand-hsl": "postcss src/props.sand-hsl.css -o sand-hsl.min.css",
"lib:colors:camo": "postcss src/props.camo.css -o camo.min.css",
"lib:colors:camo-hsl": "postcss src/props.camo-hsl.css -o camo-hsl.min.css",
"lib:colors:jungle": "postcss src/props.jungle.css -o jungle.min.css",
"lib:colors:jungle-hsl": "postcss src/props.jungle-hsl.css -o jungle-hsl.min.css",
"shadow:all": "postcss src/shadow.index.css -o open-props.shadow.min.css",
"shadow:animations": "postcss src/shadow.props.animations.css -o animations.shadow.min.css",
"shadow:aspects": "postcss src/shadow.props.aspects.css -o aspects.shadow.min.css",
"shadow:borders": "postcss src/shadow.props.borders.css -o borders.shadow.min.css",
"shadow:easing": "postcss src/shadow.props.easing.css -o easings.shadow.min.css",
"shadow:fonts": "postcss src/shadow.props.fonts.css -o fonts.shadow.min.css",
"shadow:gradients": "postcss src/shadow.props.gradients.css -o gradients.shadow.min.css",
"shadow:shadows": "postcss src/shadow.props.shadows.css -o shadows.shadow.min.css",
"shadow:sizes": "postcss src/shadow.props.sizes.css -o sizes.shadow.min.css",
"shadow:zindex": "postcss src/shadow.props.zindex.css -o zindex.shadow.min.css",
"shadow:colors": "postcss src/shadow.props.colors.css -o colors.shadow.min.css",
"shadow:colors:oklch-hues": "postcss src/shadow.props.colors-oklch-hues.css -o oklch-hues.shadow.min.css",
"shadow:colors-hsl": "postcss src/shadow.props.colors-hsl.css -o colors-hsl.shadow.min.css",
"shadow:colors-oklch": "postcss src/shadow.props.colors-oklch.css -o colors-oklch.shadow.min.css",
"shadow:colors:gray": "postcss src/shadow.props.gray.css -o gray.shadow.min.css",
"shadow:colors:hd-gray": "postcss src/shadow.props.gray-oklch.css -o gray-oklch.shadow.min.css",
"shadow:colors:gray-hsl": "postcss src/shadow.props.gray-hsl.css -o gray-hsl.shadow.min.css",
"shadow:colors:stone": "postcss src/shadow.props.stone.css -o stone.shadow.min.css",
"shadow:colors:stone-hsl": "postcss src/shadow.props.stone-hsl.css -o stone-hsl.shadow.min.css",
"shadow:colors:red": "postcss src/shadow.props.red.css -o red.shadow.min.css",
"shadow:colors:red-hsl": "postcss src/shadow.props.red-hsl.css -o red-hsl.shadow.min.css",
"shadow:colors:pink": "postcss src/shadow.props.pink.css -o pink.shadow.min.css",
"shadow:colors:pink-hsl": "postcss src/shadow.props.pink-hsl.css -o pink-hsl.shadow.min.css",
"shadow:colors:purple": "postcss src/shadow.props.purple.css -o purple.shadow.min.css",
"shadow:colors:purple-hsl": "postcss src/shadow.props.purple-hsl.css -o purple-hsl.shadow.min.css",
"shadow:colors:violet": "postcss src/shadow.props.violet.css -o violet.shadow.min.css",
"shadow:colors:violet-hsl": "postcss src/shadow.props.violet-hsl.css -o violet-hsl.shadow.min.css",
"shadow:colors:indigo": "postcss src/shadow.props.indigo.css -o indigo.shadow.min.css",
"shadow:colors:indigo-hsl": "postcss src/shadow.props.indigo-hsl.css -o indigo-hsl.shadow.min.css",
"shadow:colors:blue": "postcss src/shadow.props.blue.css -o blue.shadow.min.css",
"shadow:colors:blue-hsl": "postcss src/shadow.props.blue-hsl.css -o blue-hsl.shadow.min.css",
"shadow:colors:cyan": "postcss src/shadow.props.cyan.css -o cyan.shadow.min.css",
"shadow:colors:cyan-hsl": "postcss src/shadow.props.cyan-hsl.css -o cyan-hsl.shadow.min.css",
"shadow:colors:teal": "postcss src/shadow.props.teal.css -o teal.shadow.min.css",
"shadow:colors:teal-hsl": "postcss src/shadow.props.teal-hsl.css -o teal-hsl.shadow.min.css",
"shadow:colors:green": "postcss src/shadow.props.green.css -o green.shadow.min.css",
"shadow:colors:green-hsl": "postcss src/shadow.props.green-hsl.css -o green-hsl.shadow.min.css",
"shadow:colors:lime": "postcss src/shadow.props.lime.css -o lime.shadow.min.css",
"shadow:colors:lime-hsl": "postcss src/shadow.props.lime-hsl.css -o lime-hsl.shadow.min.css",
"shadow:colors:yellow": "postcss src/shadow.props.yellow.css -o yellow.shadow.min.css",
"shadow:colors:yellow-hsl": "postcss src/shadow.props.yellow-hsl.css -o yellow-hsl.shadow.min.css",
"shadow:colors:orange": "postcss src/shadow.props.orange.css -o orange.shadow.min.css",
"shadow:colors:orange-hsl": "postcss src/shadow.props.orange-hsl.css -o orange-hsl.shadow.min.css",
"shadow:colors:choco": "postcss src/shadow.props.choco.css -o choco.shadow.min.css",
"shadow:colors:choco-hsl": "postcss src/shadow.props.choco-hsl.css -o choco-hsl.shadow.min.css",
"shadow:colors:brown": "postcss src/shadow.props.brown.css -o brown.shadow.min.css",
"shadow:colors:brown-hsl": "postcss src/shadow.props.brown-hsl.css -o brown-hsl.shadow.min.css",
"shadow:colors:sand": "postcss src/shadow.props.sand.css -o sand.shadow.min.css",
"shadow:colors:sand-hsl": "postcss src/shadow.props.sand-hsl.css -o sand-hsl.shadow.min.css",
"shadow:colors:camo": "postcss src/shadow.props.camo.css -o camo.shadow.min.css",
"shadow:colors:camo-hsl": "postcss src/shadow.props.camo-hsl.css -o camo-hsl.shadow.min.css",
"shadow:colors:jungle": "postcss src/shadow.props.jungle.css -o jungle.shadow.min.css",
"shadow:colors:jungle-hsl": "postcss src/shadow.props.jungle-hsl.css -o jungle-hsl.shadow.min.css"
},
"devDependencies": {
"ava": "^3.15.0",
"colorjs.io": "^0.4.1-patch.1",
"concurrently": "^7.2.2",
"cssnano": "^5.1.10",
"json": "^11.0.0",
"open-color": "^1.9.1",
"postcss": "^8.3.9",
"postcss-cli": "^8.3.1",
"postcss-import": "^14.0.2",
"postcss-preset-env": "6.7.x",
"typescript": "^4.9.4"
}
"type": "module",
"name": "open-props",
"author": "Adam Argyle",
"license": "MIT",
"version": "2.0.0-beta.0",
"repository": {
"type": "git",
"url": "https://github.com/argyleink/open-props"
},
"keywords": [
"css",
"js",
"utilities",
"css variables",
"variables",
"custom properties",
"gradients",
"color"
],
"style": "index.css",
"source": "js/index.js",
"main": "js/index.js",
"unpkg": "index.css",
"module": "js/index.js",
"exports": {
".": {
"import": "./js/index.js",
"default": "./js/index.js"
},
"./src": "./css/index.css",
"./style": "./open-props.min.css",
"./json": "./json/tokens.json",
"./tokens": "./json/tokens.json",
"./design-tokens": "./json/tokens.json",
"./style-dictionary-tokens": "./json/style-dictionary.tokens.json",
"./*": "./*"
},
"browserslist": [
"defaults"
],
"scripts": {
"test": "ava test/basic.test.cjs",
"build": "concurrently npm:lib:* -m 25",
"lib:main": "lightningcss --bundle --custom-media --minify -t 'last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions' css/index.css -o open-props.min.css",
"lib:main:v2": "lightningcss --bundle --custom-media --minify -t 'last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions' css/index.v2.css -o index.css",
"lib:normalize": "lightningcss --bundle --custom-media --minify -t 'last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions' css/packs/normalize/index.css -o normalize.min.css",
"lib:normalize:v2": "lightningcss --bundle --custom-media --minify -t 'last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions' css/packs/normalize/index.v2.css -o normalize.css",
"lib:buttons": "lightningcss --bundle --custom-media --minify -t 'last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions' css/packs/buttons/index.css -o buttons.css",
"lib:forms": "lightningcss --bundle --custom-media --minify -t 'last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions' css/packs/forms/index.css -o forms.css",
"lib:animate": "lightningcss --bundle --custom-media --minify -t 'last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions' css/packs/animate/index.css -o animate.css",
"lib:utilities": "lightningcss --bundle --custom-media --minify -t 'last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions' css/packs/utilities/index.css -o utilities.css",
"lib:general-utilities": "lightningcss --bundle --custom-media --minify -t 'last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions' css/packs/utilities/vanilla.css -o general-utilities.css",
"lib:animations": "lightningcss --bundle --custom-media --minify -t 'last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions' css/motion/animations.css -o animations.css",
"lib:easings": "lightningcss --bundle --custom-media --minify -t 'last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions' css/motion/easings.css -o easings.css",
"lib:color:palette:oklch": "lightningcss --bundle --custom-media --minify -t 'last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions' css/color/palette.oklch.css -o palette.css",
"lib:color:hues:oklch": "lightningcss --bundle --custom-media --minify -t 'last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions' css/color/hues.oklch.css -o hues.oklch.css",
"lib:color:neon": "lightningcss --bundle --custom-media --minify -t 'last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions' css/color/neon.p3.css -o neon.p3.css",
"lib:color:hex": "lightningcss --bundle --custom-media --minify -t 'last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions' css/color/index.hex.css -o hex.css",
"lib:color:hsl": "lightningcss --bundle --custom-media --minify -t 'last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions' css/color/index.hsl.css -o hsl.css"
},
"devDependencies": {
"ava": "^5.3.1",
"concurrently": "^8.2.2",
"lightningcss-cli": "^1.22.1",
"prettier": "^3.1.0"
}
}

@@ -6,5 +6,5 @@ <div align="center">

## Open Source CSS Variables
`colors` `gradients` `shadows` `aspect ratios` `typography`
`easings` `animations` `sizes` `borders` `z-indexes` `media-queries`
`easings` `animations` `sizes` `borders` `z-indexes` `media-queries`

@@ -14,7 +14,7 @@ [![Tests](https://github.com/argyleink/open-props/actions/workflows/tests.yml/badge.svg?branch=main)](https://github.com/argyleink/open-props/actions/workflows/tests.yml)

![Discord](https://badgen.net/discord/members/AqA4fU886r)
<br>
### Need help? &nbsp; 👉 &nbsp; [Discord](https://discord.gg/AqA4fU886r)
### Need help? &nbsp; 👉 &nbsp; [Discord](https://discord.gg/AqA4fU886r)
</div>

@@ -25,2 +25,3 @@

#### CDN ([browse](https://unpkg.com/browse/open-props@latest/))
- [https://unpkg.com/open-props](https://unpkg.com/open-props)

@@ -33,7 +34,3 @@ - [https://unpkg.com/open-props/normalize.min.css](https://unpkg.com/open-props/normalize.min.css) - Normalize (light + dark) [demo](https://codepen.io/argyleink/pen/KKvRORE)

#### CLI
- `npm run gen:op` - runs through `src/` js files and creates the PostCSS files in `src/`
- `npm run gen:nowhere` - creates a version of Open Props without the use of `:where()`
- `npm run gen:shadowdom` - creates a version of Open Props with `:host` as the selector scope
- `npm run gen:prefixed` - creates a version of Open Props with each prop prefixed with `op`, like `--op-font-size-1`
- `npm run bundle` - creates all the various minified bundles of props
- `npm run lib:js` - builds the JS modules for NPM
- `npm run build` - creates all the various minified bundles of props

@@ -8,8 +8,8 @@ {

"target": "ESNext",
"module": "ESNext",
"module": "NodeNext",
"moduleResolution": "NodeNext",
"skipLibCheck": true
},
"include": ["dist/open-props.module.js", "src/props.*.js"],
"exclude": ["node_modules", "src/*.src.js"]
"include": ["js/*.js"],
"exclude": ["node_modules", "css", "docs", "test"]
}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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