open-props
Version:
<div align="center">
334 lines (333 loc) • 19 kB
JSON
{
"type": "module",
"name": "open-props",
"author": "Adam Argyle",
"license": "MIT",
"version": "1.7.14",
"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",
"./src/brand-colors": "./src/props.brand-colors.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",
"./brand-colors": "./brand-colors.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",
"bundle:sizes": "cd build && node bundle-sizes.js",
"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",
"lib:brand-colors": "postcss src/props.brand-colors.css -o brand-colors.min.css"
},
"devDependencies": {
"ava": "^3.15.0",
"brotli-size": "^4.0.0",
"colorjs.io": "^0.4.1-patch.1",
"concurrently": "^7.2.2",
"cssnano": "^5.1.10",
"gzip-size": "^7.0.0",
"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"
}
}