open-props
Advanced tools
Comparing version 1.6.13 to 2.0.0-beta.0
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? 👉 [Discord](https://discord.gg/AqA4fU886r) | ||
### Need help? 👉 [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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Network access
Supply chain riskThis module accesses the network.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
Filesystem access
Supply chain riskAccesses the file system, and could potentially read sensitive data.
Found 1 instance in 1 package
4
0
1
422882
153
12632
2
33