Commit
Author: Adam Argyle [argyle@google.com]
Committer: GitHub [noreply@github.com] Wed, 06 Oct 2021 04:41:22 +0000
Hash: 969261b2d33d850555ef395cae95f76d2cc3b18a
Timestamp: Wed, 06 Oct 2021 04:41:22 +0000 (3 years ago)

+149 -131 +/-27 browse
[WIP] Generate CSS from JS objects (#32) 
[WIP] Generate CSS from JS objects (#32)

* good start on file gen

* show less git diff

* fixes file name

* fixes duplicate

* working

* support build options

* remove built js files from git
1diff --git a/.gitignore b/.gitignore
2index 5080a56..0e1421f 100644
3--- a/.gitignore
4+++ b/.gitignore
5 @@ -1,4 +1,4 @@
6 .DS_Store
7-
8+ dist/
9 .cache/
10 node_modules/
11\ No newline at end of file
12 diff --git a/dist/open-props.cjs b/dist/open-props.cjs
13deleted file mode 100644
14index 117b506..0000000
15--- a/dist/open-props.cjs
16+++ /dev/null
17 @@ -1,2 +0,0 @@
18- function e(){return e=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},e.apply(this,arguments)}var a=OpenProps=e({},{"--animation-fade-in":["op-fade-in .5s var(--ease-3)","\n@keyframes op-fade-in {\n to { opacity: 1 }\n}"],"--animation-fade-out":["op-fade-out .5s var(--ease-3)","\n@keyframes op-fade-out {\n to { opacity: 0 }\n}"],"--animation-slide-out-up":["op-slide-out-up .5s var(--ease-3)","\n@keyframes op-slide-out-up {\n to { transform: translateY(-100%) }\n}"],"--animation-slide-out-down":["op-slide-out-down .5s var(--ease-3)","\n@keyframes op-slide-out-down {\n to { transform: translateY(100%) }\n}"],"--animation-slide-out-right":["op-slide-out-right .5s var(--ease-3)","\n@keyframes op-slide-out-right {\n to { transform: translateX(100%) }\n}"],"--animation-slide-out-left":["op-slide-out-left .5s var(--ease-3)","\n@keyframes op-slide-out-left {\n to { transform: translateX(-100%) }\n}"],"--animation-slide-in-up":["op-slide-in-up .5s var(--ease-3)","\n@keyframes op-slide-in-up {\n from { transform: translateY(100%) }\n}"],"--animation-slide-in-down":["op-slide-in-down .5s var(--ease-3)","\n@keyframes op-slide-in-down {\n from { transform: translateY(-100%) }\n}"],"--animation-slide-in-right":["op-slide-in-right .5s var(--ease-3)","\n@keyframes op-slide-in-right {\n from { transform: translateX(-100%) }\n}"],"--animation-slide-in-left":["op-slide-in-left .5s var(--ease-3)","\n@keyframes op-slide-in-left {\n from { transform: translateX(100%) }\n}"],"--animation-shake-x":["op-shake-x .75s var(--ease-out-5)","\n@keyframes op-shake-x {\n 0%, 100% { transform: translateX(0%) }\n 20% { transform: translateX(-5%) }\n 40% { transform: translateX(5%) }\n 60% { transform: translateX(-5%) }\n 80% { transform: translateX(5%) }\n}"],"--animation-shake-y":["op-shake-y .75s var(--ease-out-5)","\n@keyframes op-shake-y {\n 0%, 100% { transform: translateY(0%) }\n 20% { transform: translateY(-5%) }\n 40% { transform: translateY(5%) }\n 60% { transform: translateY(-5%) }\n 80% { transform: translateY(5%) }\n}"],"--animation-spin":["op-spin 2s linear infinite","\n@keyframes op-spin {\n to { transform: rotate(1turn) }\n}"],"--animation-ping":["op-ping 5s var(--ease-out-3) infinite","\n@keyframes op-ping {\n 90%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}"],"--animation-blink":["op-blink 1s var(--ease-out-3) infinite","\n@keyframes op-blink {\n 0%, 100% {\n opacity: 1\n }\n 50% {\n opacity: .5\n }\n}"],"--animation-float":["op-float 3s var(--ease-inout-3) infinite","\n@keyframes op-float {\n 50% { transform: translateY(-25%) }\n}"],"--animation-bounce":["op-bounce 2s var(--ease-squish-2) infinite","\n@keyframes op-bounce {\n 25% { transform: translateY(-20%) }\n 40% { transform: translateY(-3%) }\n 0%, 60%,100% { transform: translateY(0) }\n}"],"--animation-pulse":["op-pulse 2s var(--ease-out-3) infinite","\n@keyframes op-pulse {\n 50% { transform: scale(.9,.9) }\n}"]},{"--size-000":"-.5rem","--size-00":"-.25rem","--size-1":".25rem","--size-2":".5rem","--size-3":"1rem","--size-4":"1.25rem","--size-5":"1.5rem","--size-6":"1.75rem","--size-7":"2rem","--size-8":"2.5rem","--size-9":"3rem","--size-10":"3.5rem","--size-11":"4rem","--size-12":"5rem","--size-13":"7rem","--size-14":"9rem","--size-15":"10rem","--size-fluid-1":"clamp(.5rem, 1vw, 1rem)","--size-fluid-2":"clamp(1rem, 2vw, 1.5rem)","--size-fluid-3":"clamp(1.5rem, 3vw, 2rem)","--size-fluid-4":"clamp(2rem, 4vw, 3rem)","--size-fluid-5":"clamp(3rem, 5vw, 4rem)","--size-fluid-6":"clamp(4rem, 6vw, 5rem)","--size-fluid-7":"clamp(5rem, 7vw, 6rem)","--size-fluid-8":"clamp(6rem, 8vw, 7rem)","--size-fluid-9":"clamp(7rem, 9vw, 8rem)","--size-fluid-10":"clamp(8rem, 10vw, 10rem)","--size-content-1":"20ch","--size-content-2":"45ch","--size-content-3":"60ch","--size-header-1":"20ch","--size-header-2":"25ch","--size-header-3":"45rem"},{"--gray-0":"#f8f9fa","--gray-1":"#f1f3f5","--gray-2":"#e9ecef","--gray-3":"#dee2e6","--gray-4":"#ced4da","--gray-5":"#adb5bd","--gray-6":"#868e96","--gray-7":"#495057","--gray-8":"#343a40","--gray-9":"#212529","--red-0":"#fff5f5","--red-1":"#ffe3e3","--red-2":"#ffc9c9","--red-3":"#ffa8a8","--red-4":"#ff8787","--red-5":"#ff6b6b","--red-6":"#fa5252","--red-7":"#f03e3e","--red-8":"#e03131","--red-9":"#c92a2a","--pink-0":"#fff0f6","--pink-1":"#ffdeeb","--pink-2":"#fcc2d7","--pink-3":"#faa2c1","--pink-4":"#f783ac","--pink-5":"#f06595","--pink-6":"#e64980","--pink-7":"#d6336c","--pink-8":"#c2255c","--pink-9":"#a61e4d","--grape-0":"#f8f0fc","--grape-1":"#f3d9fa","--grape-2":"#eebefa","--grape-3":"#e599f7","--grape-4":"#da77f2","--grape-5":"#cc5de8","--grape-6":"#be4bdb","--grape-7":"#ae3ec9","--grape-8":"#9c36b5","--grape-9":"#862e9c","--violet-0":"#f3f0ff","--violet-1":"#e5dbff","--violet-2":"#d0bfff","--violet-3":"#b197fc","--violet-4":"#9775fa","--violet-5":"#845ef7","--violet-6":"#7950f2","--violet-7":"#7048e8","--violet-8":"#6741d9","--violet-9":"#5f3dc4","--indigo-0":"#edf2ff","--indigo-1":"#dbe4ff","--indigo-2":"#bac8ff","--indigo-3":"#91a7ff","--indigo-4":"#748ffc","--indigo-5":"#5c7cfa","--indigo-6":"#4c6ef5","--indigo-7":"#4263eb","--indigo-8":"#3b5bdb","--indigo-9":"#364fc7","--blue-0":"#e7f5ff","--blue-1":"#d0ebff","--blue-2":"#a5d8ff","--blue-3":"#74c0fc","--blue-4":"#4dabf7","--blue-5":"#339af0","--blue-6":"#228be6","--blue-7":"#1c7ed6","--blue-8":"#1971c2","--blue-9":"#1864ab","--cyan-0":"#e3fafc","--cyan-1":"#c5f6fa","--cyan-2":"#99e9f2","--cyan-3":"#66d9e8","--cyan-4":"#3bc9db","--cyan-5":"#22b8cf","--cyan-6":"#15aabf","--cyan-7":"#1098ad","--cyan-8":"#0c8599","--cyan-9":"#0b7285","--teal-0":"#e6fcf5","--teal-1":"#c3fae8","--teal-2":"#96f2d7","--teal-3":"#63e6be","--teal-4":"#38d9a9","--teal-5":"#20c997","--teal-6":"#12b886","--teal-7":"#0ca678","--teal-8":"#099268","--teal-9":"#087f5b","--green-0":"#ebfbee","--green-1":"#d3f9d8","--green-2":"#b2f2bb","--green-3":"#8ce99a","--green-4":"#69db7c","--green-5":"#51cf66","--green-6":"#40c057","--green-7":"#37b24d","--green-8":"#2f9e44","--green-9":"#2b8a3e","--lime-0":"#f4fce3","--lime-1":"#e9fac8","--lime-2":"#d8f5a2","--lime-3":"#c0eb75","--lime-4":"#a9e34b","--lime-5":"#94d82d","--lime-6":"#82c91e","--lime-7":"#74b816","--lime-8":"#66a80f","--lime-9":"#5c940d","--yellow-0":"#fff9db","--yellow-1":"#fff3bf","--yellow-2":"#ffec99","--yellow-3":"#ffe066","--yellow-4":"#ffd43b","--yellow-5":"#fcc419","--yellow-6":"#fab005","--yellow-7":"#f59f00","--yellow-8":"#f08c00","--yellow-9":"#e67700","--orange-0":"#fff4e6","--orange-1":"#ffe8cc","--orange-2":"#ffd8a8","--orange-3":"#ffc078","--orange-4":"#ffa94d","--orange-5":"#ff922b","--orange-6":"#fd7e14","--orange-7":"#f76707","--orange-8":"#e8590c","--orange-9":"#d9480f"},{"--font-sans":"system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif","--font-serif":"ui-serif,serif","--font-mono":"Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace","--font-weight-1":"100","--font-weight-2":"200","--font-weight-3":"300","--font-weight-4":"400","--font-weight-5":"500","--font-weight-6":"600","--font-weight-7":"700","--font-weight-8":"800","--font-weight-9":"900","--font-lineheight-00":".95","--font-lineheight-0":"1.1","--font-lineheight-1":"1.25","--font-lineheight-2":"1.375","--font-lineheight-3":"1.5","--font-lineheight-4":"1.75","--font-lineheight-5":"2","--font-relative-lineheight-1":"calc(1rem + 1.1ch)","--font-relative-lineheight-2":"calc(1rem + 1.25ch)","--font-relative-lineheight-3":"calc(1rem + 1.5ch)","--font-relative-lineheight-4":"calc(1rem + 2ch)","--font-relative-lineheight-5":"calc(1rem + 2.5ch)","--font-relative-lineheight-6":"calc(1rem + 3ch)","--font-letterspacing-0":"-.05em","--font-letterspacing-1":".025em","--font-letterspacing-2":".050em","--font-letterspacing-3":".075em","--font-letterspacing-4":".150em","--font-letterspacing-5":".500em","--font-letterspacing-6":".750em","--font-letterspacing-7":"1em","--font-size-00":".5rem","--font-size-0":".75rem","--font-size-1":"1rem","--font-size-2":"1.1rem","--font-size-3":"1.25rem","--font-size-4":"1.5rem","--font-size-5":"2rem","--font-size-6":"2.5rem","--font-size-7":"3rem","--font-size-8":"3.5rem","--font-size-fluid-0":"clamp(.75rem, 1.5vw, 1rem)","--font-size-fluid-1":"clamp(1rem, 2vw, 1.5rem)","--font-size-fluid-2":"clamp(1.5rem, 3vw, 2.5rem)","--font-size-fluid-3":"clamp(2rem, 4vw, 3.5rem)"},{"--border-size-1":"1px","--border-size-2":"2px","--border-size-3":"5px","--border-size-4":"10px","--border-size-5":"25px","--radii-1":"2px","--radii-2":"5px","--radii-3":"1rem","--radii-4":"2rem","--radii-5":"4rem","--radii-6":"8rem","--radii-round":"1e5px","--radii-blob-1":"30% 70% 70% 30% / 53% 30% 70% 47%","--radii-blob-2":"53% 47% 34% 66% / 63% 46% 54% 37%","--radii-blob-3":"37% 63% 56% 44% / 49% 56% 44% 51%","--radii-blob-4":"63% 37% 37% 63% / 43% 37% 63% 57%","--radii-blob-5":"49% 51% 48% 52% / 57% 44% 56% 43%"},{"--aspect-box":"1","--aspect-landscape":"4/3","--aspect-portrait":"3/4","--aspect-widescreen":"16/9","--aspect-ultrawide":"18/5","--golden-ratio":"1.6180/1"},{"--ease-1":"cubic-bezier(.25, 0, .5, 1)","--ease-2":"cubic-bezier(.25, 0, .4, 1)","--ease-3":"cubic-bezier(.25, 0, .3, 1)","--ease-4":"cubic-bezier(.25, 0, .2, 1)","--ease-5":"cubic-bezier(.25, 0, .1, 1)","--ease-in-1":"cubic-bezier(.25, 0, 1, 1)","--ease-in-2":"cubic-bezier(.50, 0, 1, 1)","--ease-in-3":"cubic-bezier(.70, 0, 1, 1)","--ease-in-4":"cubic-bezier(.90, 0, 1, 1)","--ease-in-5":"cubic-bezier(1, 0, 1, 1)","--ease-out-1":"cubic-bezier(0, 0, .75, 1)","--ease-out-2":"cubic-bezier(0, 0, .50, 1)","--ease-out-3":"cubic-bezier(0, 0, .3, 1)","--ease-out-4":"cubic-bezier(0, 0, .1, 1)","--ease-out-5":"cubic-bezier(0, 0, 0, 1)","--ease-inout-1":"cubic-bezier(.1, 0, .9, 1)","--ease-inout-2":"cubic-bezier(.3, 0, .7, 1)","--ease-inout-3":"cubic-bezier(.5, 0, .5, 1)","--ease-inout-4":"cubic-bezier(.7, 0, .3, 1)","--ease-inout-5":"cubic-bezier(.9, 0, .1, 1)","--ease-elastic-1":"cubic-bezier(.5, .75, .75, 1.25)","--ease-elastic-2":"cubic-bezier(.5, 1, .75, 1.25)","--ease-elastic-3":"cubic-bezier(.5, 1.25, .75, 1.25)","--ease-elastic-4":"cubic-bezier(.5, 1.5, .75, 1.25)","--ease-elastic-5":"cubic-bezier(.5, 1.75, .75, 1.25)","--ease-squish-1":"cubic-bezier(.5, -.1, .1, 1.5)","--ease-squish-2":"cubic-bezier(.5, -.3, .1, 1.5)","--ease-squish-3":"cubic-bezier(.5, -.5, .1, 1.5)","--ease-squish-4":"cubic-bezier(.5, -.7, .1, 1.5)","--ease-squish-5":"cubic-bezier(.5, -.9, .1, 1.5)","--ease-step-1":"steps(2)","--ease-step-2":"steps(3)","--ease-step-3":"steps(4)","--ease-step-4":"steps(7)","--ease-step-5":"steps(10)"},{"--op-gradient-direction":"to bottom right","--gradient-1":"linear-gradient(var(--op-gradient-direction),#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)","--gradient-2":"linear-gradient(var(--op-gradient-direction),#48005c, #8300e2, #a269ff)","--gradient-3":"\n radial-gradient(\n circle at top right, \n hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n )","--gradient-4":"linear-gradient(var(--op-gradient-direction),#00F5A0,#00D9F5)","--gradient-5":"conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite)","--gradient-6":"conic-gradient(from -90deg at top left, black, white)","--gradient-7":"linear-gradient(var(--op-gradient-direction),#72C6EF,#004E8F)","--gradient-8":"conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111)","--gradient-9":"conic-gradient(from .5turn at bottom center, lightblue, white)","--gradient-10":"conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)","--gradient-11":"conic-gradient(at bottom left, deeppink, cyan)","--gradient-12":"conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)","--gradient-13":"radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)","--gradient-14":"conic-gradient(at top right, lime, cyan)","--gradient-15":"linear-gradient(var(--op-gradient-direction), #c7d2fe, #fecaca, #fef3c7)","--gradient-16":"radial-gradient(circle at 50% -250%, #374151, #111827, #000)","--gradient-17":"conic-gradient(from -90deg at 50% -25%, blue, blueviolet)","--gradient-18":"conic-gradient(from .5turn at center left, lime, cyan)","--gradient-19":"linear-gradient(var(--op-gradient-direction),#ffe259,#ffa751)","--gradient-20":"conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)","--gradient-21":"conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)","--gradient-22":"linear-gradient(var(--op-gradient-direction),#acb6e5,#86fde8)","--gradient-23":"linear-gradient(var(--op-gradient-direction),#536976,#292E49)","--gradient-24":"conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476)","--gradient-25":"conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)","--gradient-26":"linear-gradient(var(--op-gradient-direction),#9796f0,#fbc7d4)","--gradient-27":"conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple)","--gradient-28":"conic-gradient(from -90deg at 50% 105%, white, orchid)","--gradient-29":"\n radial-gradient(\n circle at top right, \n hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n )","--gradient-30":"radial-gradient(\n circle at top right, \n hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n )"},{"--shadow-color":"220 3% 15%","--shadow-strength":"1%","--shadow-1":"0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--shadow-2":"\n 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%))","--shadow-3":"\n 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))","--shadow-4":"\n 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%))","--inner-shadow-0":"inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-1":"inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-2":"inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-3":"inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-4":"inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))"});module.exports=a;
19- //# sourceMappingURL=open-props.cjs.map
20 diff --git a/dist/open-props.cjs.map b/dist/open-props.cjs.map
21deleted file mode 100644
22index d6aaf32..0000000
23--- a/dist/open-props.cjs.map
24+++ /dev/null
25 @@ -1 +0,0 @@
26- {"version":3,"file":"open-props.cjs","sources":["../src/props.animations.js","../src/index.js","../src/props.sizes.js","../src/props.colors.js","../src/props.fonts.js","../src/props.borders.js","../src/props.aspects.js","../src/props.easing.js","../src/props.gradients.js","../src/props.shadows.js"],"sourcesContent":["const Animations = {\n \"--animation-fade-in\": [\"op-fade-in .5s var(--ease-3)\", `\n@keyframes op-fade-in {\n to { opacity: 1 }\n}`],\n \"--animation-fade-out\": [\"op-fade-out .5s var(--ease-3)\", `\n@keyframes op-fade-out {\n to { opacity: 0 }\n}`],\n\n \"--animation-slide-out-up\": [\"op-slide-out-up .5s var(--ease-3)\", `\n@keyframes op-slide-out-up {\n to { transform: translateY(-100%) }\n}`],\n \"--animation-slide-out-down\": [\"op-slide-out-down .5s var(--ease-3)\", `\n@keyframes op-slide-out-down {\n to { transform: translateY(100%) }\n}`],\n \"--animation-slide-out-right\": [\"op-slide-out-right .5s var(--ease-3)\", `\n@keyframes op-slide-out-right {\n to { transform: translateX(100%) }\n}`],\n \"--animation-slide-out-left\": [\"op-slide-out-left .5s var(--ease-3)\", `\n@keyframes op-slide-out-left {\n to { transform: translateX(-100%) }\n}`],\n \"--animation-slide-in-up\": [\"op-slide-in-up .5s var(--ease-3)\", `\n@keyframes op-slide-in-up {\n from { transform: translateY(100%) }\n}`],\n \"--animation-slide-in-down\": [\"op-slide-in-down .5s var(--ease-3)\", `\n@keyframes op-slide-in-down {\n from { transform: translateY(-100%) }\n}`],\n \"--animation-slide-in-right\": [\"op-slide-in-right .5s var(--ease-3)\", `\n@keyframes op-slide-in-right {\n from { transform: translateX(-100%) }\n}`],\n \"--animation-slide-in-left\": [\"op-slide-in-left .5s var(--ease-3)\", `\n@keyframes op-slide-in-left {\n from { transform: translateX(100%) }\n}`],\n \"--animation-shake-x\": [\"op-shake-x .75s var(--ease-out-5)\", `\n@keyframes op-shake-x {\n 0%, 100% { transform: translateX(0%) }\n 20% { transform: translateX(-5%) }\n 40% { transform: translateX(5%) }\n 60% { transform: translateX(-5%) }\n 80% { transform: translateX(5%) }\n}`],\n \"--animation-shake-y\": [\"op-shake-y .75s var(--ease-out-5)\", `\n@keyframes op-shake-y {\n 0%, 100% { transform: translateY(0%) }\n 20% { transform: translateY(-5%) }\n 40% { transform: translateY(5%) }\n 60% { transform: translateY(-5%) }\n 80% { transform: translateY(5%) }\n}`],\n\n \"--animation-spin\": [\"op-spin 2s linear infinite\", `\n@keyframes op-spin {\n to { transform: rotate(1turn) }\n}`],\n \"--animation-ping\": [\"op-ping 5s var(--ease-out-3) infinite\", `\n@keyframes op-ping {\n 90%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}`],\n \"--animation-blink\": [\"op-blink 1s var(--ease-out-3) infinite\", `\n@keyframes op-blink {\n 0%, 100% {\n opacity: 1\n }\n 50% {\n opacity: .5\n }\n}`],\n \"--animation-float\": [\"op-float 3s var(--ease-inout-3) infinite\", `\n@keyframes op-float {\n 50% { transform: translateY(-25%) }\n}`],\n \"--animation-bounce\": [\"op-bounce 2s var(--ease-squish-2) infinite\", `\n@keyframes op-bounce {\n 25% { transform: translateY(-20%) }\n 40% { transform: translateY(-3%) }\n 0%, 60%,100% { transform: translateY(0) }\n}`],\n \"--animation-pulse\": [\"op-pulse 2s var(--ease-out-3) infinite\", `\n@keyframes op-pulse {\n 50% { transform: scale(.9,.9) }\n}`],\n}\n\nexport default Animations","import Animations from './props.animations.js'\nimport Sizes from './props.sizes.js'\nimport Colors from './props.colors.js'\nimport Fonts from './props.fonts.js'\nimport Borders from './props.borders.js'\nimport Aspects from './props.aspects.js'\nimport Easings from './props.easing.js'\nimport Gradients from './props.gradients.js'\nimport Shadows from './props.shadows.js'\n\nexport default OpenProps = {\n ...Animations,\n ...Sizes,\n ...Colors,\n ...Fonts,\n ...Borders,\n ...Aspects,\n ...Easings,\n ...Gradients,\n ...Shadows,\n}\n\n// export { \n// Animations,\n// Sizes,\n// Colors,\n// Fonts,\n// Borders,\n// Aspects,\n// Easings,\n// Gradients,\n// Shadows,\n// }","const Sizes = {\n '--size-000': '-.5rem',\n '--size-00': '-.25rem',\n '--size-1': '.25rem',\n '--size-2': '.5rem',\n '--size-3': '1rem',\n '--size-4': '1.25rem',\n '--size-5': '1.5rem',\n '--size-6': '1.75rem',\n '--size-7': '2rem',\n '--size-8': '2.5rem',\n '--size-9': '3rem',\n '--size-10': '3.5rem',\n '--size-11': '4rem',\n '--size-12': '5rem',\n '--size-13': '7rem',\n '--size-14': '9rem',\n '--size-15': '10rem',\n\n '--size-fluid-1': 'clamp(.5rem, 1vw, 1rem)',\n '--size-fluid-2': 'clamp(1rem, 2vw, 1.5rem)',\n '--size-fluid-3': 'clamp(1.5rem, 3vw, 2rem)',\n '--size-fluid-4': 'clamp(2rem, 4vw, 3rem)',\n '--size-fluid-5': 'clamp(3rem, 5vw, 4rem)',\n '--size-fluid-6': 'clamp(4rem, 6vw, 5rem)',\n '--size-fluid-7': 'clamp(5rem, 7vw, 6rem)',\n '--size-fluid-8': 'clamp(6rem, 8vw, 7rem)',\n '--size-fluid-9': 'clamp(7rem, 9vw, 8rem)',\n '--size-fluid-10': 'clamp(8rem, 10vw, 10rem)',\n\n '--size-content-1': '20ch',\n '--size-content-2': '45ch',\n '--size-content-3': '60ch',\n\n '--size-header-1': '20ch',\n '--size-header-2': '25ch',\n '--size-header-3': '45rem',\n}\n\nexport default Sizes","/* generated with props.colors.src.js */\nconst Colors = {\n '--gray-0': '#f8f9fa',\n '--gray-1': '#f1f3f5',\n '--gray-2': '#e9ecef',\n '--gray-3': '#dee2e6',\n '--gray-4': '#ced4da',\n '--gray-5': '#adb5bd',\n '--gray-6': '#868e96',\n '--gray-7': '#495057',\n '--gray-8': '#343a40',\n '--gray-9': '#212529',\n '--red-0': '#fff5f5',\n '--red-1': '#ffe3e3',\n '--red-2': '#ffc9c9',\n '--red-3': '#ffa8a8',\n '--red-4': '#ff8787',\n '--red-5': '#ff6b6b',\n '--red-6': '#fa5252',\n '--red-7': '#f03e3e',\n '--red-8': '#e03131',\n '--red-9': '#c92a2a',\n '--pink-0': '#fff0f6',\n '--pink-1': '#ffdeeb',\n '--pink-2': '#fcc2d7',\n '--pink-3': '#faa2c1',\n '--pink-4': '#f783ac',\n '--pink-5': '#f06595',\n '--pink-6': '#e64980',\n '--pink-7': '#d6336c',\n '--pink-8': '#c2255c',\n '--pink-9': '#a61e4d',\n '--grape-0': '#f8f0fc',\n '--grape-1': '#f3d9fa',\n '--grape-2': '#eebefa',\n '--grape-3': '#e599f7',\n '--grape-4': '#da77f2',\n '--grape-5': '#cc5de8',\n '--grape-6': '#be4bdb',\n '--grape-7': '#ae3ec9',\n '--grape-8': '#9c36b5',\n '--grape-9': '#862e9c',\n '--violet-0': '#f3f0ff',\n '--violet-1': '#e5dbff',\n '--violet-2': '#d0bfff',\n '--violet-3': '#b197fc',\n '--violet-4': '#9775fa',\n '--violet-5': '#845ef7',\n '--violet-6': '#7950f2',\n '--violet-7': '#7048e8',\n '--violet-8': '#6741d9',\n '--violet-9': '#5f3dc4',\n '--indigo-0': '#edf2ff',\n '--indigo-1': '#dbe4ff',\n '--indigo-2': '#bac8ff',\n '--indigo-3': '#91a7ff',\n '--indigo-4': '#748ffc',\n '--indigo-5': '#5c7cfa',\n '--indigo-6': '#4c6ef5',\n '--indigo-7': '#4263eb',\n '--indigo-8': '#3b5bdb',\n '--indigo-9': '#364fc7',\n '--blue-0': '#e7f5ff',\n '--blue-1': '#d0ebff',\n '--blue-2': '#a5d8ff',\n '--blue-3': '#74c0fc',\n '--blue-4': '#4dabf7',\n '--blue-5': '#339af0',\n '--blue-6': '#228be6',\n '--blue-7': '#1c7ed6',\n '--blue-8': '#1971c2',\n '--blue-9': '#1864ab',\n '--cyan-0': '#e3fafc',\n '--cyan-1': '#c5f6fa',\n '--cyan-2': '#99e9f2',\n '--cyan-3': '#66d9e8',\n '--cyan-4': '#3bc9db',\n '--cyan-5': '#22b8cf',\n '--cyan-6': '#15aabf',\n '--cyan-7': '#1098ad',\n '--cyan-8': '#0c8599',\n '--cyan-9': '#0b7285',\n '--teal-0': '#e6fcf5',\n '--teal-1': '#c3fae8',\n '--teal-2': '#96f2d7',\n '--teal-3': '#63e6be',\n '--teal-4': '#38d9a9',\n '--teal-5': '#20c997',\n '--teal-6': '#12b886',\n '--teal-7': '#0ca678',\n '--teal-8': '#099268',\n '--teal-9': '#087f5b',\n '--green-0': '#ebfbee',\n '--green-1': '#d3f9d8',\n '--green-2': '#b2f2bb',\n '--green-3': '#8ce99a',\n '--green-4': '#69db7c',\n '--green-5': '#51cf66',\n '--green-6': '#40c057',\n '--green-7': '#37b24d',\n '--green-8': '#2f9e44',\n '--green-9': '#2b8a3e',\n '--lime-0': '#f4fce3',\n '--lime-1': '#e9fac8',\n '--lime-2': '#d8f5a2',\n '--lime-3': '#c0eb75',\n '--lime-4': '#a9e34b',\n '--lime-5': '#94d82d',\n '--lime-6': '#82c91e',\n '--lime-7': '#74b816',\n '--lime-8': '#66a80f',\n '--lime-9': '#5c940d',\n '--yellow-0': '#fff9db',\n '--yellow-1': '#fff3bf',\n '--yellow-2': '#ffec99',\n '--yellow-3': '#ffe066',\n '--yellow-4': '#ffd43b',\n '--yellow-5': '#fcc419',\n '--yellow-6': '#fab005',\n '--yellow-7': '#f59f00',\n '--yellow-8': '#f08c00',\n '--yellow-9': '#e67700',\n '--orange-0': '#fff4e6',\n '--orange-1': '#ffe8cc',\n '--orange-2': '#ffd8a8',\n '--orange-3': '#ffc078',\n '--orange-4': '#ffa94d',\n '--orange-5': '#ff922b',\n '--orange-6': '#fd7e14',\n '--orange-7': '#f76707',\n '--orange-8': '#e8590c',\n '--orange-9': '#d9480f',\n}\n\n/* * {\n --gray-chroma: 0%;\n --gray-hue: 0deg;\n --gray-base: var(--gray-chroma) var(--gray-hue);\n --gray-mid: lch(50% var(--gray-base));\n\n --cool-gray-chroma: 20%;\n --cool-gray-hue: 210deg;\n --cool-gray-base: var(--cool-gray-chroma) var(--cool-gray-hue);\n --cool-gray-mid: lch(50% var(--cool-gray-base));\n\n --red-chroma: 80%;\n --red-hue: 0deg;\n --red-base: var(--red-chroma) var(--red-hue);\n --red-mid: lch(50% var(--red-base));\n} */\n\nexport default Colors","const Fonts = {\n '--font-sans': 'system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif',\n '--font-serif': 'ui-serif,serif',\n '--font-mono': 'Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace',\n\n '--font-weight-1': '100',\n '--font-weight-2': '200',\n '--font-weight-3': '300',\n '--font-weight-4': '400',\n '--font-weight-5': '500',\n '--font-weight-6': '600',\n '--font-weight-7': '700',\n '--font-weight-8': '800',\n '--font-weight-9': '900',\n\n '--font-lineheight-00': '.95',\n '--font-lineheight-0': '1.1',\n '--font-lineheight-1': '1.25',\n '--font-lineheight-2': '1.375',\n '--font-lineheight-3': '1.5',\n '--font-lineheight-4': '1.75',\n '--font-lineheight-5': '2',\n\n '--font-relative-lineheight-1': 'calc(1rem + 1.1ch)',\n '--font-relative-lineheight-2': 'calc(1rem + 1.25ch)',\n '--font-relative-lineheight-3': 'calc(1rem + 1.5ch)',\n '--font-relative-lineheight-4': 'calc(1rem + 2ch)',\n '--font-relative-lineheight-5': 'calc(1rem + 2.5ch)',\n '--font-relative-lineheight-6': 'calc(1rem + 3ch)',\n\n '--font-letterspacing-0': '-.05em',\n '--font-letterspacing-1': '.025em',\n '--font-letterspacing-2': '.050em',\n '--font-letterspacing-3': '.075em',\n '--font-letterspacing-4': '.150em',\n '--font-letterspacing-5': '.500em',\n '--font-letterspacing-6': '.750em',\n '--font-letterspacing-7': '1em',\n\n '--font-size-00': '.5rem',\n '--font-size-0': '.75rem',\n '--font-size-1': '1rem',\n '--font-size-2': '1.1rem',\n '--font-size-3': '1.25rem',\n '--font-size-4': '1.5rem',\n '--font-size-5': '2rem',\n '--font-size-6': '2.5rem',\n '--font-size-7': '3rem',\n '--font-size-8': '3.5rem',\n\n '--font-size-fluid-0': 'clamp(.75rem, 1.5vw, 1rem)',\n '--font-size-fluid-1': 'clamp(1rem, 2vw, 1.5rem)',\n '--font-size-fluid-2': 'clamp(1.5rem, 3vw, 2.5rem)',\n '--font-size-fluid-3': 'clamp(2rem, 4vw, 3.5rem)',\n}\n\nexport default Fonts","const Borders = {\n '--border-size-1': '1px',\n '--border-size-2': '2px',\n '--border-size-3': '5px',\n '--border-size-4': '10px',\n '--border-size-5': '25px',\n\n '--radii-1': '2px',\n '--radii-2': '5px',\n '--radii-3': '1rem',\n '--radii-4': '2rem',\n '--radii-5': '4rem',\n '--radii-6': '8rem',\n\n '--radii-round': '1e5px',\n '--radii-blob-1': '30% 70% 70% 30% / 53% 30% 70% 47%',\n '--radii-blob-2': '53% 47% 34% 66% / 63% 46% 54% 37%',\n '--radii-blob-3': '37% 63% 56% 44% / 49% 56% 44% 51%',\n '--radii-blob-4': '63% 37% 37% 63% / 43% 37% 63% 57%',\n '--radii-blob-5': '49% 51% 48% 52% / 57% 44% 56% 43%',\n}\n\nexport default Borders","const Aspects = {\n '--aspect-box': '1',\n '--aspect-landscape': '4/3',\n '--aspect-portrait': '3/4',\n '--aspect-widescreen': '16/9',\n '--aspect-ultrawide': '18/5',\n \n '--golden-ratio': '1.6180/1',\n}\n\nexport default Aspects\n","const Easings = {\n '--ease-1': 'cubic-bezier(.25, 0, .5, 1)',\n '--ease-2': 'cubic-bezier(.25, 0, .4, 1)',\n '--ease-3': 'cubic-bezier(.25, 0, .3, 1)',\n '--ease-4': 'cubic-bezier(.25, 0, .2, 1)',\n '--ease-5': 'cubic-bezier(.25, 0, .1, 1)',\n\n '--ease-in-1': 'cubic-bezier(.25, 0, 1, 1)',\n '--ease-in-2': 'cubic-bezier(.50, 0, 1, 1)',\n '--ease-in-3': 'cubic-bezier(.70, 0, 1, 1)',\n '--ease-in-4': 'cubic-bezier(.90, 0, 1, 1)',\n '--ease-in-5': 'cubic-bezier(1, 0, 1, 1)',\n\n '--ease-out-1': 'cubic-bezier(0, 0, .75, 1)',\n '--ease-out-2': 'cubic-bezier(0, 0, .50, 1)',\n '--ease-out-3': 'cubic-bezier(0, 0, .3, 1)',\n '--ease-out-4': 'cubic-bezier(0, 0, .1, 1)',\n '--ease-out-5': 'cubic-bezier(0, 0, 0, 1)',\n\n '--ease-inout-1': 'cubic-bezier(.1, 0, .9, 1)',\n '--ease-inout-2': 'cubic-bezier(.3, 0, .7, 1)',\n '--ease-inout-3': 'cubic-bezier(.5, 0, .5, 1)',\n '--ease-inout-4': 'cubic-bezier(.7, 0, .3, 1)',\n '--ease-inout-5': 'cubic-bezier(.9, 0, .1, 1)',\n\n '--ease-elastic-1': 'cubic-bezier(.5, .75, .75, 1.25)',\n '--ease-elastic-2': 'cubic-bezier(.5, 1, .75, 1.25)',\n '--ease-elastic-3': 'cubic-bezier(.5, 1.25, .75, 1.25)',\n '--ease-elastic-4': 'cubic-bezier(.5, 1.5, .75, 1.25)',\n '--ease-elastic-5': 'cubic-bezier(.5, 1.75, .75, 1.25)',\n\n '--ease-squish-1': 'cubic-bezier(.5, -.1, .1, 1.5)',\n '--ease-squish-2': 'cubic-bezier(.5, -.3, .1, 1.5)',\n '--ease-squish-3': 'cubic-bezier(.5, -.5, .1, 1.5)',\n '--ease-squish-4': 'cubic-bezier(.5, -.7, .1, 1.5)',\n '--ease-squish-5': 'cubic-bezier(.5, -.9, .1, 1.5)',\n\n '--ease-step-1': 'steps(2)',\n '--ease-step-2': 'steps(3)',\n '--ease-step-3': 'steps(4)',\n '--ease-step-4': 'steps(7)',\n '--ease-step-5': 'steps(10)',\n}\n\nexport default Easings","const Gradients = {\n '--op-gradient-direction': 'to bottom right',\n\n '--gradient-1': 'linear-gradient(var(--op-gradient-direction),#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)',\n '--gradient-2': 'linear-gradient(var(--op-gradient-direction),#48005c, #8300e2, #a269ff)',\n '--gradient-3': `\n radial-gradient(\n circle at top right, \n hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n )`,\n '--gradient-4': 'linear-gradient(var(--op-gradient-direction),#00F5A0,#00D9F5)',\n '--gradient-5': 'conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite)',\n '--gradient-6': 'conic-gradient(from -90deg at top left, black, white)',\n '--gradient-7': 'linear-gradient(var(--op-gradient-direction),#72C6EF,#004E8F)',\n '--gradient-8': 'conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111)',\n '--gradient-9': 'conic-gradient(from .5turn at bottom center, lightblue, white)',\n '--gradient-10': 'conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)',\n '--gradient-11': 'conic-gradient(at bottom left, deeppink, cyan)',\n '--gradient-12': 'conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)',\n '--gradient-13': 'radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)',\n '--gradient-14': 'conic-gradient(at top right, lime, cyan)',\n '--gradient-15': 'linear-gradient(var(--op-gradient-direction), #c7d2fe, #fecaca, #fef3c7)',\n '--gradient-16': 'radial-gradient(circle at 50% -250%, #374151, #111827, #000)',\n '--gradient-17': 'conic-gradient(from -90deg at 50% -25%, blue, blueviolet)',\n '--gradient-18': 'conic-gradient(from .5turn at center left, lime, cyan)',\n '--gradient-19': 'linear-gradient(var(--op-gradient-direction),#ffe259,#ffa751)',\n '--gradient-20': 'conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)',\n '--gradient-21': 'conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)',\n '--gradient-22': 'linear-gradient(var(--op-gradient-direction),#acb6e5,#86fde8)',\n '--gradient-23': 'linear-gradient(var(--op-gradient-direction),#536976,#292E49)',\n '--gradient-24': 'conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476)',\n '--gradient-25': 'conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)',\n '--gradient-26': 'linear-gradient(var(--op-gradient-direction),#9796f0,#fbc7d4)',\n '--gradient-27': 'conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple)',\n '--gradient-28': 'conic-gradient(from -90deg at 50% 105%, white, orchid)',\n '--gradient-29': `\n radial-gradient(\n circle at top right, \n hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n )`,\n '--gradient-30': `radial-gradient(\n circle at top right, \n hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n )`,\n}\n\nexport default Gradients","const Shadows = {\n '--shadow-color': '220 3% 15%',\n '--shadow-strength': '1%',\n \n '--shadow-1': '0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--shadow-2': `\n 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%))`,\n '--shadow-3': `\n 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))`,\n '--shadow-4': `\n 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%))`,\n\n '--inner-shadow-0': 'inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--inner-shadow-1': 'inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--inner-shadow-2': 'inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--inner-shadow-3': 'inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--inner-shadow-4': 'inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n}\n\nexport default Shadows"],"names":["OpenProps"],"mappings":"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"}
27\ No newline at end of file
28 diff --git a/dist/open-props.modern.js b/dist/open-props.modern.js
29deleted file mode 100644
30index 8b9defd..0000000
31--- a/dist/open-props.modern.js
32+++ /dev/null
33 @@ -1,2 +0,0 @@
34- function e(){return e=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},e.apply(this,arguments)}var a=OpenProps=e({},{"--animation-fade-in":["op-fade-in .5s var(--ease-3)","\n@keyframes op-fade-in {\n to { opacity: 1 }\n}"],"--animation-fade-out":["op-fade-out .5s var(--ease-3)","\n@keyframes op-fade-out {\n to { opacity: 0 }\n}"],"--animation-slide-out-up":["op-slide-out-up .5s var(--ease-3)","\n@keyframes op-slide-out-up {\n to { transform: translateY(-100%) }\n}"],"--animation-slide-out-down":["op-slide-out-down .5s var(--ease-3)","\n@keyframes op-slide-out-down {\n to { transform: translateY(100%) }\n}"],"--animation-slide-out-right":["op-slide-out-right .5s var(--ease-3)","\n@keyframes op-slide-out-right {\n to { transform: translateX(100%) }\n}"],"--animation-slide-out-left":["op-slide-out-left .5s var(--ease-3)","\n@keyframes op-slide-out-left {\n to { transform: translateX(-100%) }\n}"],"--animation-slide-in-up":["op-slide-in-up .5s var(--ease-3)","\n@keyframes op-slide-in-up {\n from { transform: translateY(100%) }\n}"],"--animation-slide-in-down":["op-slide-in-down .5s var(--ease-3)","\n@keyframes op-slide-in-down {\n from { transform: translateY(-100%) }\n}"],"--animation-slide-in-right":["op-slide-in-right .5s var(--ease-3)","\n@keyframes op-slide-in-right {\n from { transform: translateX(-100%) }\n}"],"--animation-slide-in-left":["op-slide-in-left .5s var(--ease-3)","\n@keyframes op-slide-in-left {\n from { transform: translateX(100%) }\n}"],"--animation-shake-x":["op-shake-x .75s var(--ease-out-5)","\n@keyframes op-shake-x {\n 0%, 100% { transform: translateX(0%) }\n 20% { transform: translateX(-5%) }\n 40% { transform: translateX(5%) }\n 60% { transform: translateX(-5%) }\n 80% { transform: translateX(5%) }\n}"],"--animation-shake-y":["op-shake-y .75s var(--ease-out-5)","\n@keyframes op-shake-y {\n 0%, 100% { transform: translateY(0%) }\n 20% { transform: translateY(-5%) }\n 40% { transform: translateY(5%) }\n 60% { transform: translateY(-5%) }\n 80% { transform: translateY(5%) }\n}"],"--animation-spin":["op-spin 2s linear infinite","\n@keyframes op-spin {\n to { transform: rotate(1turn) }\n}"],"--animation-ping":["op-ping 5s var(--ease-out-3) infinite","\n@keyframes op-ping {\n 90%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}"],"--animation-blink":["op-blink 1s var(--ease-out-3) infinite","\n@keyframes op-blink {\n 0%, 100% {\n opacity: 1\n }\n 50% {\n opacity: .5\n }\n}"],"--animation-float":["op-float 3s var(--ease-inout-3) infinite","\n@keyframes op-float {\n 50% { transform: translateY(-25%) }\n}"],"--animation-bounce":["op-bounce 2s var(--ease-squish-2) infinite","\n@keyframes op-bounce {\n 25% { transform: translateY(-20%) }\n 40% { transform: translateY(-3%) }\n 0%, 60%,100% { transform: translateY(0) }\n}"],"--animation-pulse":["op-pulse 2s var(--ease-out-3) infinite","\n@keyframes op-pulse {\n 50% { transform: scale(.9,.9) }\n}"]},{"--size-000":"-.5rem","--size-00":"-.25rem","--size-1":".25rem","--size-2":".5rem","--size-3":"1rem","--size-4":"1.25rem","--size-5":"1.5rem","--size-6":"1.75rem","--size-7":"2rem","--size-8":"2.5rem","--size-9":"3rem","--size-10":"3.5rem","--size-11":"4rem","--size-12":"5rem","--size-13":"7rem","--size-14":"9rem","--size-15":"10rem","--size-fluid-1":"clamp(.5rem, 1vw, 1rem)","--size-fluid-2":"clamp(1rem, 2vw, 1.5rem)","--size-fluid-3":"clamp(1.5rem, 3vw, 2rem)","--size-fluid-4":"clamp(2rem, 4vw, 3rem)","--size-fluid-5":"clamp(3rem, 5vw, 4rem)","--size-fluid-6":"clamp(4rem, 6vw, 5rem)","--size-fluid-7":"clamp(5rem, 7vw, 6rem)","--size-fluid-8":"clamp(6rem, 8vw, 7rem)","--size-fluid-9":"clamp(7rem, 9vw, 8rem)","--size-fluid-10":"clamp(8rem, 10vw, 10rem)","--size-content-1":"20ch","--size-content-2":"45ch","--size-content-3":"60ch","--size-header-1":"20ch","--size-header-2":"25ch","--size-header-3":"45rem"},{"--gray-0":"#f8f9fa","--gray-1":"#f1f3f5","--gray-2":"#e9ecef","--gray-3":"#dee2e6","--gray-4":"#ced4da","--gray-5":"#adb5bd","--gray-6":"#868e96","--gray-7":"#495057","--gray-8":"#343a40","--gray-9":"#212529","--red-0":"#fff5f5","--red-1":"#ffe3e3","--red-2":"#ffc9c9","--red-3":"#ffa8a8","--red-4":"#ff8787","--red-5":"#ff6b6b","--red-6":"#fa5252","--red-7":"#f03e3e","--red-8":"#e03131","--red-9":"#c92a2a","--pink-0":"#fff0f6","--pink-1":"#ffdeeb","--pink-2":"#fcc2d7","--pink-3":"#faa2c1","--pink-4":"#f783ac","--pink-5":"#f06595","--pink-6":"#e64980","--pink-7":"#d6336c","--pink-8":"#c2255c","--pink-9":"#a61e4d","--grape-0":"#f8f0fc","--grape-1":"#f3d9fa","--grape-2":"#eebefa","--grape-3":"#e599f7","--grape-4":"#da77f2","--grape-5":"#cc5de8","--grape-6":"#be4bdb","--grape-7":"#ae3ec9","--grape-8":"#9c36b5","--grape-9":"#862e9c","--violet-0":"#f3f0ff","--violet-1":"#e5dbff","--violet-2":"#d0bfff","--violet-3":"#b197fc","--violet-4":"#9775fa","--violet-5":"#845ef7","--violet-6":"#7950f2","--violet-7":"#7048e8","--violet-8":"#6741d9","--violet-9":"#5f3dc4","--indigo-0":"#edf2ff","--indigo-1":"#dbe4ff","--indigo-2":"#bac8ff","--indigo-3":"#91a7ff","--indigo-4":"#748ffc","--indigo-5":"#5c7cfa","--indigo-6":"#4c6ef5","--indigo-7":"#4263eb","--indigo-8":"#3b5bdb","--indigo-9":"#364fc7","--blue-0":"#e7f5ff","--blue-1":"#d0ebff","--blue-2":"#a5d8ff","--blue-3":"#74c0fc","--blue-4":"#4dabf7","--blue-5":"#339af0","--blue-6":"#228be6","--blue-7":"#1c7ed6","--blue-8":"#1971c2","--blue-9":"#1864ab","--cyan-0":"#e3fafc","--cyan-1":"#c5f6fa","--cyan-2":"#99e9f2","--cyan-3":"#66d9e8","--cyan-4":"#3bc9db","--cyan-5":"#22b8cf","--cyan-6":"#15aabf","--cyan-7":"#1098ad","--cyan-8":"#0c8599","--cyan-9":"#0b7285","--teal-0":"#e6fcf5","--teal-1":"#c3fae8","--teal-2":"#96f2d7","--teal-3":"#63e6be","--teal-4":"#38d9a9","--teal-5":"#20c997","--teal-6":"#12b886","--teal-7":"#0ca678","--teal-8":"#099268","--teal-9":"#087f5b","--green-0":"#ebfbee","--green-1":"#d3f9d8","--green-2":"#b2f2bb","--green-3":"#8ce99a","--green-4":"#69db7c","--green-5":"#51cf66","--green-6":"#40c057","--green-7":"#37b24d","--green-8":"#2f9e44","--green-9":"#2b8a3e","--lime-0":"#f4fce3","--lime-1":"#e9fac8","--lime-2":"#d8f5a2","--lime-3":"#c0eb75","--lime-4":"#a9e34b","--lime-5":"#94d82d","--lime-6":"#82c91e","--lime-7":"#74b816","--lime-8":"#66a80f","--lime-9":"#5c940d","--yellow-0":"#fff9db","--yellow-1":"#fff3bf","--yellow-2":"#ffec99","--yellow-3":"#ffe066","--yellow-4":"#ffd43b","--yellow-5":"#fcc419","--yellow-6":"#fab005","--yellow-7":"#f59f00","--yellow-8":"#f08c00","--yellow-9":"#e67700","--orange-0":"#fff4e6","--orange-1":"#ffe8cc","--orange-2":"#ffd8a8","--orange-3":"#ffc078","--orange-4":"#ffa94d","--orange-5":"#ff922b","--orange-6":"#fd7e14","--orange-7":"#f76707","--orange-8":"#e8590c","--orange-9":"#d9480f"},{"--font-sans":"system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif","--font-serif":"ui-serif,serif","--font-mono":"Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace","--font-weight-1":"100","--font-weight-2":"200","--font-weight-3":"300","--font-weight-4":"400","--font-weight-5":"500","--font-weight-6":"600","--font-weight-7":"700","--font-weight-8":"800","--font-weight-9":"900","--font-lineheight-00":".95","--font-lineheight-0":"1.1","--font-lineheight-1":"1.25","--font-lineheight-2":"1.375","--font-lineheight-3":"1.5","--font-lineheight-4":"1.75","--font-lineheight-5":"2","--font-relative-lineheight-1":"calc(1rem + 1.1ch)","--font-relative-lineheight-2":"calc(1rem + 1.25ch)","--font-relative-lineheight-3":"calc(1rem + 1.5ch)","--font-relative-lineheight-4":"calc(1rem + 2ch)","--font-relative-lineheight-5":"calc(1rem + 2.5ch)","--font-relative-lineheight-6":"calc(1rem + 3ch)","--font-letterspacing-0":"-.05em","--font-letterspacing-1":".025em","--font-letterspacing-2":".050em","--font-letterspacing-3":".075em","--font-letterspacing-4":".150em","--font-letterspacing-5":".500em","--font-letterspacing-6":".750em","--font-letterspacing-7":"1em","--font-size-00":".5rem","--font-size-0":".75rem","--font-size-1":"1rem","--font-size-2":"1.1rem","--font-size-3":"1.25rem","--font-size-4":"1.5rem","--font-size-5":"2rem","--font-size-6":"2.5rem","--font-size-7":"3rem","--font-size-8":"3.5rem","--font-size-fluid-0":"clamp(.75rem, 1.5vw, 1rem)","--font-size-fluid-1":"clamp(1rem, 2vw, 1.5rem)","--font-size-fluid-2":"clamp(1.5rem, 3vw, 2.5rem)","--font-size-fluid-3":"clamp(2rem, 4vw, 3.5rem)"},{"--border-size-1":"1px","--border-size-2":"2px","--border-size-3":"5px","--border-size-4":"10px","--border-size-5":"25px","--radii-1":"2px","--radii-2":"5px","--radii-3":"1rem","--radii-4":"2rem","--radii-5":"4rem","--radii-6":"8rem","--radii-round":"1e5px","--radii-blob-1":"30% 70% 70% 30% / 53% 30% 70% 47%","--radii-blob-2":"53% 47% 34% 66% / 63% 46% 54% 37%","--radii-blob-3":"37% 63% 56% 44% / 49% 56% 44% 51%","--radii-blob-4":"63% 37% 37% 63% / 43% 37% 63% 57%","--radii-blob-5":"49% 51% 48% 52% / 57% 44% 56% 43%"},{"--aspect-box":"1","--aspect-landscape":"4/3","--aspect-portrait":"3/4","--aspect-widescreen":"16/9","--aspect-ultrawide":"18/5","--golden-ratio":"1.6180/1"},{"--ease-1":"cubic-bezier(.25, 0, .5, 1)","--ease-2":"cubic-bezier(.25, 0, .4, 1)","--ease-3":"cubic-bezier(.25, 0, .3, 1)","--ease-4":"cubic-bezier(.25, 0, .2, 1)","--ease-5":"cubic-bezier(.25, 0, .1, 1)","--ease-in-1":"cubic-bezier(.25, 0, 1, 1)","--ease-in-2":"cubic-bezier(.50, 0, 1, 1)","--ease-in-3":"cubic-bezier(.70, 0, 1, 1)","--ease-in-4":"cubic-bezier(.90, 0, 1, 1)","--ease-in-5":"cubic-bezier(1, 0, 1, 1)","--ease-out-1":"cubic-bezier(0, 0, .75, 1)","--ease-out-2":"cubic-bezier(0, 0, .50, 1)","--ease-out-3":"cubic-bezier(0, 0, .3, 1)","--ease-out-4":"cubic-bezier(0, 0, .1, 1)","--ease-out-5":"cubic-bezier(0, 0, 0, 1)","--ease-inout-1":"cubic-bezier(.1, 0, .9, 1)","--ease-inout-2":"cubic-bezier(.3, 0, .7, 1)","--ease-inout-3":"cubic-bezier(.5, 0, .5, 1)","--ease-inout-4":"cubic-bezier(.7, 0, .3, 1)","--ease-inout-5":"cubic-bezier(.9, 0, .1, 1)","--ease-elastic-1":"cubic-bezier(.5, .75, .75, 1.25)","--ease-elastic-2":"cubic-bezier(.5, 1, .75, 1.25)","--ease-elastic-3":"cubic-bezier(.5, 1.25, .75, 1.25)","--ease-elastic-4":"cubic-bezier(.5, 1.5, .75, 1.25)","--ease-elastic-5":"cubic-bezier(.5, 1.75, .75, 1.25)","--ease-squish-1":"cubic-bezier(.5, -.1, .1, 1.5)","--ease-squish-2":"cubic-bezier(.5, -.3, .1, 1.5)","--ease-squish-3":"cubic-bezier(.5, -.5, .1, 1.5)","--ease-squish-4":"cubic-bezier(.5, -.7, .1, 1.5)","--ease-squish-5":"cubic-bezier(.5, -.9, .1, 1.5)","--ease-step-1":"steps(2)","--ease-step-2":"steps(3)","--ease-step-3":"steps(4)","--ease-step-4":"steps(7)","--ease-step-5":"steps(10)"},{"--op-gradient-direction":"to bottom right","--gradient-1":"linear-gradient(var(--op-gradient-direction),#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)","--gradient-2":"linear-gradient(var(--op-gradient-direction),#48005c, #8300e2, #a269ff)","--gradient-3":"\n radial-gradient(\n circle at top right, \n hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n )","--gradient-4":"linear-gradient(var(--op-gradient-direction),#00F5A0,#00D9F5)","--gradient-5":"conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite)","--gradient-6":"conic-gradient(from -90deg at top left, black, white)","--gradient-7":"linear-gradient(var(--op-gradient-direction),#72C6EF,#004E8F)","--gradient-8":"conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111)","--gradient-9":"conic-gradient(from .5turn at bottom center, lightblue, white)","--gradient-10":"conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)","--gradient-11":"conic-gradient(at bottom left, deeppink, cyan)","--gradient-12":"conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)","--gradient-13":"radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)","--gradient-14":"conic-gradient(at top right, lime, cyan)","--gradient-15":"linear-gradient(var(--op-gradient-direction), #c7d2fe, #fecaca, #fef3c7)","--gradient-16":"radial-gradient(circle at 50% -250%, #374151, #111827, #000)","--gradient-17":"conic-gradient(from -90deg at 50% -25%, blue, blueviolet)","--gradient-18":"conic-gradient(from .5turn at center left, lime, cyan)","--gradient-19":"linear-gradient(var(--op-gradient-direction),#ffe259,#ffa751)","--gradient-20":"conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)","--gradient-21":"conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)","--gradient-22":"linear-gradient(var(--op-gradient-direction),#acb6e5,#86fde8)","--gradient-23":"linear-gradient(var(--op-gradient-direction),#536976,#292E49)","--gradient-24":"conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476)","--gradient-25":"conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)","--gradient-26":"linear-gradient(var(--op-gradient-direction),#9796f0,#fbc7d4)","--gradient-27":"conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple)","--gradient-28":"conic-gradient(from -90deg at 50% 105%, white, orchid)","--gradient-29":"\n radial-gradient(\n circle at top right, \n hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n )","--gradient-30":"radial-gradient(\n circle at top right, \n hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n )"},{"--shadow-color":"220 3% 15%","--shadow-strength":"1%","--shadow-1":"0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--shadow-2":"\n 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%))","--shadow-3":"\n 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))","--shadow-4":"\n 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%))","--inner-shadow-0":"inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-1":"inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-2":"inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-3":"inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-4":"inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))"});export{a as default};
35- //# sourceMappingURL=open-props.modern.js.map
36 diff --git a/dist/open-props.modern.js.map b/dist/open-props.modern.js.map
37deleted file mode 100644
38index cf903f5..0000000
39--- a/dist/open-props.modern.js.map
40+++ /dev/null
41 @@ -1 +0,0 @@
42- {"version":3,"file":"open-props.modern.js","sources":["../src/index.js","../src/props.animations.js","../src/props.sizes.js","../src/props.colors.js","../src/props.fonts.js","../src/props.borders.js","../src/props.aspects.js","../src/props.easing.js","../src/props.gradients.js","../src/props.shadows.js"],"sourcesContent":["import Animations from './props.animations.js'\nimport Sizes from './props.sizes.js'\nimport Colors from './props.colors.js'\nimport Fonts from './props.fonts.js'\nimport Borders from './props.borders.js'\nimport Aspects from './props.aspects.js'\nimport Easings from './props.easing.js'\nimport Gradients from './props.gradients.js'\nimport Shadows from './props.shadows.js'\n\nexport default OpenProps = {\n ...Animations,\n ...Sizes,\n ...Colors,\n ...Fonts,\n ...Borders,\n ...Aspects,\n ...Easings,\n ...Gradients,\n ...Shadows,\n}\n\n// export { \n// Animations,\n// Sizes,\n// Colors,\n// Fonts,\n// Borders,\n// Aspects,\n// Easings,\n// Gradients,\n// Shadows,\n// }","const Animations = {\n \"--animation-fade-in\": [\"op-fade-in .5s var(--ease-3)\", `\n@keyframes op-fade-in {\n to { opacity: 1 }\n}`],\n \"--animation-fade-out\": [\"op-fade-out .5s var(--ease-3)\", `\n@keyframes op-fade-out {\n to { opacity: 0 }\n}`],\n\n \"--animation-slide-out-up\": [\"op-slide-out-up .5s var(--ease-3)\", `\n@keyframes op-slide-out-up {\n to { transform: translateY(-100%) }\n}`],\n \"--animation-slide-out-down\": [\"op-slide-out-down .5s var(--ease-3)\", `\n@keyframes op-slide-out-down {\n to { transform: translateY(100%) }\n}`],\n \"--animation-slide-out-right\": [\"op-slide-out-right .5s var(--ease-3)\", `\n@keyframes op-slide-out-right {\n to { transform: translateX(100%) }\n}`],\n \"--animation-slide-out-left\": [\"op-slide-out-left .5s var(--ease-3)\", `\n@keyframes op-slide-out-left {\n to { transform: translateX(-100%) }\n}`],\n \"--animation-slide-in-up\": [\"op-slide-in-up .5s var(--ease-3)\", `\n@keyframes op-slide-in-up {\n from { transform: translateY(100%) }\n}`],\n \"--animation-slide-in-down\": [\"op-slide-in-down .5s var(--ease-3)\", `\n@keyframes op-slide-in-down {\n from { transform: translateY(-100%) }\n}`],\n \"--animation-slide-in-right\": [\"op-slide-in-right .5s var(--ease-3)\", `\n@keyframes op-slide-in-right {\n from { transform: translateX(-100%) }\n}`],\n \"--animation-slide-in-left\": [\"op-slide-in-left .5s var(--ease-3)\", `\n@keyframes op-slide-in-left {\n from { transform: translateX(100%) }\n}`],\n \"--animation-shake-x\": [\"op-shake-x .75s var(--ease-out-5)\", `\n@keyframes op-shake-x {\n 0%, 100% { transform: translateX(0%) }\n 20% { transform: translateX(-5%) }\n 40% { transform: translateX(5%) }\n 60% { transform: translateX(-5%) }\n 80% { transform: translateX(5%) }\n}`],\n \"--animation-shake-y\": [\"op-shake-y .75s var(--ease-out-5)\", `\n@keyframes op-shake-y {\n 0%, 100% { transform: translateY(0%) }\n 20% { transform: translateY(-5%) }\n 40% { transform: translateY(5%) }\n 60% { transform: translateY(-5%) }\n 80% { transform: translateY(5%) }\n}`],\n\n \"--animation-spin\": [\"op-spin 2s linear infinite\", `\n@keyframes op-spin {\n to { transform: rotate(1turn) }\n}`],\n \"--animation-ping\": [\"op-ping 5s var(--ease-out-3) infinite\", `\n@keyframes op-ping {\n 90%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}`],\n \"--animation-blink\": [\"op-blink 1s var(--ease-out-3) infinite\", `\n@keyframes op-blink {\n 0%, 100% {\n opacity: 1\n }\n 50% {\n opacity: .5\n }\n}`],\n \"--animation-float\": [\"op-float 3s var(--ease-inout-3) infinite\", `\n@keyframes op-float {\n 50% { transform: translateY(-25%) }\n}`],\n \"--animation-bounce\": [\"op-bounce 2s var(--ease-squish-2) infinite\", `\n@keyframes op-bounce {\n 25% { transform: translateY(-20%) }\n 40% { transform: translateY(-3%) }\n 0%, 60%,100% { transform: translateY(0) }\n}`],\n \"--animation-pulse\": [\"op-pulse 2s var(--ease-out-3) infinite\", `\n@keyframes op-pulse {\n 50% { transform: scale(.9,.9) }\n}`],\n}\n\nexport default Animations","const Sizes = {\n '--size-000': '-.5rem',\n '--size-00': '-.25rem',\n '--size-1': '.25rem',\n '--size-2': '.5rem',\n '--size-3': '1rem',\n '--size-4': '1.25rem',\n '--size-5': '1.5rem',\n '--size-6': '1.75rem',\n '--size-7': '2rem',\n '--size-8': '2.5rem',\n '--size-9': '3rem',\n '--size-10': '3.5rem',\n '--size-11': '4rem',\n '--size-12': '5rem',\n '--size-13': '7rem',\n '--size-14': '9rem',\n '--size-15': '10rem',\n\n '--size-fluid-1': 'clamp(.5rem, 1vw, 1rem)',\n '--size-fluid-2': 'clamp(1rem, 2vw, 1.5rem)',\n '--size-fluid-3': 'clamp(1.5rem, 3vw, 2rem)',\n '--size-fluid-4': 'clamp(2rem, 4vw, 3rem)',\n '--size-fluid-5': 'clamp(3rem, 5vw, 4rem)',\n '--size-fluid-6': 'clamp(4rem, 6vw, 5rem)',\n '--size-fluid-7': 'clamp(5rem, 7vw, 6rem)',\n '--size-fluid-8': 'clamp(6rem, 8vw, 7rem)',\n '--size-fluid-9': 'clamp(7rem, 9vw, 8rem)',\n '--size-fluid-10': 'clamp(8rem, 10vw, 10rem)',\n\n '--size-content-1': '20ch',\n '--size-content-2': '45ch',\n '--size-content-3': '60ch',\n\n '--size-header-1': '20ch',\n '--size-header-2': '25ch',\n '--size-header-3': '45rem',\n}\n\nexport default Sizes","/* generated with props.colors.src.js */\nconst Colors = {\n '--gray-0': '#f8f9fa',\n '--gray-1': '#f1f3f5',\n '--gray-2': '#e9ecef',\n '--gray-3': '#dee2e6',\n '--gray-4': '#ced4da',\n '--gray-5': '#adb5bd',\n '--gray-6': '#868e96',\n '--gray-7': '#495057',\n '--gray-8': '#343a40',\n '--gray-9': '#212529',\n '--red-0': '#fff5f5',\n '--red-1': '#ffe3e3',\n '--red-2': '#ffc9c9',\n '--red-3': '#ffa8a8',\n '--red-4': '#ff8787',\n '--red-5': '#ff6b6b',\n '--red-6': '#fa5252',\n '--red-7': '#f03e3e',\n '--red-8': '#e03131',\n '--red-9': '#c92a2a',\n '--pink-0': '#fff0f6',\n '--pink-1': '#ffdeeb',\n '--pink-2': '#fcc2d7',\n '--pink-3': '#faa2c1',\n '--pink-4': '#f783ac',\n '--pink-5': '#f06595',\n '--pink-6': '#e64980',\n '--pink-7': '#d6336c',\n '--pink-8': '#c2255c',\n '--pink-9': '#a61e4d',\n '--grape-0': '#f8f0fc',\n '--grape-1': '#f3d9fa',\n '--grape-2': '#eebefa',\n '--grape-3': '#e599f7',\n '--grape-4': '#da77f2',\n '--grape-5': '#cc5de8',\n '--grape-6': '#be4bdb',\n '--grape-7': '#ae3ec9',\n '--grape-8': '#9c36b5',\n '--grape-9': '#862e9c',\n '--violet-0': '#f3f0ff',\n '--violet-1': '#e5dbff',\n '--violet-2': '#d0bfff',\n '--violet-3': '#b197fc',\n '--violet-4': '#9775fa',\n '--violet-5': '#845ef7',\n '--violet-6': '#7950f2',\n '--violet-7': '#7048e8',\n '--violet-8': '#6741d9',\n '--violet-9': '#5f3dc4',\n '--indigo-0': '#edf2ff',\n '--indigo-1': '#dbe4ff',\n '--indigo-2': '#bac8ff',\n '--indigo-3': '#91a7ff',\n '--indigo-4': '#748ffc',\n '--indigo-5': '#5c7cfa',\n '--indigo-6': '#4c6ef5',\n '--indigo-7': '#4263eb',\n '--indigo-8': '#3b5bdb',\n '--indigo-9': '#364fc7',\n '--blue-0': '#e7f5ff',\n '--blue-1': '#d0ebff',\n '--blue-2': '#a5d8ff',\n '--blue-3': '#74c0fc',\n '--blue-4': '#4dabf7',\n '--blue-5': '#339af0',\n '--blue-6': '#228be6',\n '--blue-7': '#1c7ed6',\n '--blue-8': '#1971c2',\n '--blue-9': '#1864ab',\n '--cyan-0': '#e3fafc',\n '--cyan-1': '#c5f6fa',\n '--cyan-2': '#99e9f2',\n '--cyan-3': '#66d9e8',\n '--cyan-4': '#3bc9db',\n '--cyan-5': '#22b8cf',\n '--cyan-6': '#15aabf',\n '--cyan-7': '#1098ad',\n '--cyan-8': '#0c8599',\n '--cyan-9': '#0b7285',\n '--teal-0': '#e6fcf5',\n '--teal-1': '#c3fae8',\n '--teal-2': '#96f2d7',\n '--teal-3': '#63e6be',\n '--teal-4': '#38d9a9',\n '--teal-5': '#20c997',\n '--teal-6': '#12b886',\n '--teal-7': '#0ca678',\n '--teal-8': '#099268',\n '--teal-9': '#087f5b',\n '--green-0': '#ebfbee',\n '--green-1': '#d3f9d8',\n '--green-2': '#b2f2bb',\n '--green-3': '#8ce99a',\n '--green-4': '#69db7c',\n '--green-5': '#51cf66',\n '--green-6': '#40c057',\n '--green-7': '#37b24d',\n '--green-8': '#2f9e44',\n '--green-9': '#2b8a3e',\n '--lime-0': '#f4fce3',\n '--lime-1': '#e9fac8',\n '--lime-2': '#d8f5a2',\n '--lime-3': '#c0eb75',\n '--lime-4': '#a9e34b',\n '--lime-5': '#94d82d',\n '--lime-6': '#82c91e',\n '--lime-7': '#74b816',\n '--lime-8': '#66a80f',\n '--lime-9': '#5c940d',\n '--yellow-0': '#fff9db',\n '--yellow-1': '#fff3bf',\n '--yellow-2': '#ffec99',\n '--yellow-3': '#ffe066',\n '--yellow-4': '#ffd43b',\n '--yellow-5': '#fcc419',\n '--yellow-6': '#fab005',\n '--yellow-7': '#f59f00',\n '--yellow-8': '#f08c00',\n '--yellow-9': '#e67700',\n '--orange-0': '#fff4e6',\n '--orange-1': '#ffe8cc',\n '--orange-2': '#ffd8a8',\n '--orange-3': '#ffc078',\n '--orange-4': '#ffa94d',\n '--orange-5': '#ff922b',\n '--orange-6': '#fd7e14',\n '--orange-7': '#f76707',\n '--orange-8': '#e8590c',\n '--orange-9': '#d9480f',\n}\n\n/* * {\n --gray-chroma: 0%;\n --gray-hue: 0deg;\n --gray-base: var(--gray-chroma) var(--gray-hue);\n --gray-mid: lch(50% var(--gray-base));\n\n --cool-gray-chroma: 20%;\n --cool-gray-hue: 210deg;\n --cool-gray-base: var(--cool-gray-chroma) var(--cool-gray-hue);\n --cool-gray-mid: lch(50% var(--cool-gray-base));\n\n --red-chroma: 80%;\n --red-hue: 0deg;\n --red-base: var(--red-chroma) var(--red-hue);\n --red-mid: lch(50% var(--red-base));\n} */\n\nexport default Colors","const Fonts = {\n '--font-sans': 'system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif',\n '--font-serif': 'ui-serif,serif',\n '--font-mono': 'Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace',\n\n '--font-weight-1': '100',\n '--font-weight-2': '200',\n '--font-weight-3': '300',\n '--font-weight-4': '400',\n '--font-weight-5': '500',\n '--font-weight-6': '600',\n '--font-weight-7': '700',\n '--font-weight-8': '800',\n '--font-weight-9': '900',\n\n '--font-lineheight-00': '.95',\n '--font-lineheight-0': '1.1',\n '--font-lineheight-1': '1.25',\n '--font-lineheight-2': '1.375',\n '--font-lineheight-3': '1.5',\n '--font-lineheight-4': '1.75',\n '--font-lineheight-5': '2',\n\n '--font-relative-lineheight-1': 'calc(1rem + 1.1ch)',\n '--font-relative-lineheight-2': 'calc(1rem + 1.25ch)',\n '--font-relative-lineheight-3': 'calc(1rem + 1.5ch)',\n '--font-relative-lineheight-4': 'calc(1rem + 2ch)',\n '--font-relative-lineheight-5': 'calc(1rem + 2.5ch)',\n '--font-relative-lineheight-6': 'calc(1rem + 3ch)',\n\n '--font-letterspacing-0': '-.05em',\n '--font-letterspacing-1': '.025em',\n '--font-letterspacing-2': '.050em',\n '--font-letterspacing-3': '.075em',\n '--font-letterspacing-4': '.150em',\n '--font-letterspacing-5': '.500em',\n '--font-letterspacing-6': '.750em',\n '--font-letterspacing-7': '1em',\n\n '--font-size-00': '.5rem',\n '--font-size-0': '.75rem',\n '--font-size-1': '1rem',\n '--font-size-2': '1.1rem',\n '--font-size-3': '1.25rem',\n '--font-size-4': '1.5rem',\n '--font-size-5': '2rem',\n '--font-size-6': '2.5rem',\n '--font-size-7': '3rem',\n '--font-size-8': '3.5rem',\n\n '--font-size-fluid-0': 'clamp(.75rem, 1.5vw, 1rem)',\n '--font-size-fluid-1': 'clamp(1rem, 2vw, 1.5rem)',\n '--font-size-fluid-2': 'clamp(1.5rem, 3vw, 2.5rem)',\n '--font-size-fluid-3': 'clamp(2rem, 4vw, 3.5rem)',\n}\n\nexport default Fonts","const Borders = {\n '--border-size-1': '1px',\n '--border-size-2': '2px',\n '--border-size-3': '5px',\n '--border-size-4': '10px',\n '--border-size-5': '25px',\n\n '--radii-1': '2px',\n '--radii-2': '5px',\n '--radii-3': '1rem',\n '--radii-4': '2rem',\n '--radii-5': '4rem',\n '--radii-6': '8rem',\n\n '--radii-round': '1e5px',\n '--radii-blob-1': '30% 70% 70% 30% / 53% 30% 70% 47%',\n '--radii-blob-2': '53% 47% 34% 66% / 63% 46% 54% 37%',\n '--radii-blob-3': '37% 63% 56% 44% / 49% 56% 44% 51%',\n '--radii-blob-4': '63% 37% 37% 63% / 43% 37% 63% 57%',\n '--radii-blob-5': '49% 51% 48% 52% / 57% 44% 56% 43%',\n}\n\nexport default Borders","const Aspects = {\n '--aspect-box': '1',\n '--aspect-landscape': '4/3',\n '--aspect-portrait': '3/4',\n '--aspect-widescreen': '16/9',\n '--aspect-ultrawide': '18/5',\n \n '--golden-ratio': '1.6180/1',\n}\n\nexport default Aspects\n","const Easings = {\n '--ease-1': 'cubic-bezier(.25, 0, .5, 1)',\n '--ease-2': 'cubic-bezier(.25, 0, .4, 1)',\n '--ease-3': 'cubic-bezier(.25, 0, .3, 1)',\n '--ease-4': 'cubic-bezier(.25, 0, .2, 1)',\n '--ease-5': 'cubic-bezier(.25, 0, .1, 1)',\n\n '--ease-in-1': 'cubic-bezier(.25, 0, 1, 1)',\n '--ease-in-2': 'cubic-bezier(.50, 0, 1, 1)',\n '--ease-in-3': 'cubic-bezier(.70, 0, 1, 1)',\n '--ease-in-4': 'cubic-bezier(.90, 0, 1, 1)',\n '--ease-in-5': 'cubic-bezier(1, 0, 1, 1)',\n\n '--ease-out-1': 'cubic-bezier(0, 0, .75, 1)',\n '--ease-out-2': 'cubic-bezier(0, 0, .50, 1)',\n '--ease-out-3': 'cubic-bezier(0, 0, .3, 1)',\n '--ease-out-4': 'cubic-bezier(0, 0, .1, 1)',\n '--ease-out-5': 'cubic-bezier(0, 0, 0, 1)',\n\n '--ease-inout-1': 'cubic-bezier(.1, 0, .9, 1)',\n '--ease-inout-2': 'cubic-bezier(.3, 0, .7, 1)',\n '--ease-inout-3': 'cubic-bezier(.5, 0, .5, 1)',\n '--ease-inout-4': 'cubic-bezier(.7, 0, .3, 1)',\n '--ease-inout-5': 'cubic-bezier(.9, 0, .1, 1)',\n\n '--ease-elastic-1': 'cubic-bezier(.5, .75, .75, 1.25)',\n '--ease-elastic-2': 'cubic-bezier(.5, 1, .75, 1.25)',\n '--ease-elastic-3': 'cubic-bezier(.5, 1.25, .75, 1.25)',\n '--ease-elastic-4': 'cubic-bezier(.5, 1.5, .75, 1.25)',\n '--ease-elastic-5': 'cubic-bezier(.5, 1.75, .75, 1.25)',\n\n '--ease-squish-1': 'cubic-bezier(.5, -.1, .1, 1.5)',\n '--ease-squish-2': 'cubic-bezier(.5, -.3, .1, 1.5)',\n '--ease-squish-3': 'cubic-bezier(.5, -.5, .1, 1.5)',\n '--ease-squish-4': 'cubic-bezier(.5, -.7, .1, 1.5)',\n '--ease-squish-5': 'cubic-bezier(.5, -.9, .1, 1.5)',\n\n '--ease-step-1': 'steps(2)',\n '--ease-step-2': 'steps(3)',\n '--ease-step-3': 'steps(4)',\n '--ease-step-4': 'steps(7)',\n '--ease-step-5': 'steps(10)',\n}\n\nexport default Easings","const Gradients = {\n '--op-gradient-direction': 'to bottom right',\n\n '--gradient-1': 'linear-gradient(var(--op-gradient-direction),#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)',\n '--gradient-2': 'linear-gradient(var(--op-gradient-direction),#48005c, #8300e2, #a269ff)',\n '--gradient-3': `\n radial-gradient(\n circle at top right, \n hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n )`,\n '--gradient-4': 'linear-gradient(var(--op-gradient-direction),#00F5A0,#00D9F5)',\n '--gradient-5': 'conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite)',\n '--gradient-6': 'conic-gradient(from -90deg at top left, black, white)',\n '--gradient-7': 'linear-gradient(var(--op-gradient-direction),#72C6EF,#004E8F)',\n '--gradient-8': 'conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111)',\n '--gradient-9': 'conic-gradient(from .5turn at bottom center, lightblue, white)',\n '--gradient-10': 'conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)',\n '--gradient-11': 'conic-gradient(at bottom left, deeppink, cyan)',\n '--gradient-12': 'conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)',\n '--gradient-13': 'radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)',\n '--gradient-14': 'conic-gradient(at top right, lime, cyan)',\n '--gradient-15': 'linear-gradient(var(--op-gradient-direction), #c7d2fe, #fecaca, #fef3c7)',\n '--gradient-16': 'radial-gradient(circle at 50% -250%, #374151, #111827, #000)',\n '--gradient-17': 'conic-gradient(from -90deg at 50% -25%, blue, blueviolet)',\n '--gradient-18': 'conic-gradient(from .5turn at center left, lime, cyan)',\n '--gradient-19': 'linear-gradient(var(--op-gradient-direction),#ffe259,#ffa751)',\n '--gradient-20': 'conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)',\n '--gradient-21': 'conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)',\n '--gradient-22': 'linear-gradient(var(--op-gradient-direction),#acb6e5,#86fde8)',\n '--gradient-23': 'linear-gradient(var(--op-gradient-direction),#536976,#292E49)',\n '--gradient-24': 'conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476)',\n '--gradient-25': 'conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)',\n '--gradient-26': 'linear-gradient(var(--op-gradient-direction),#9796f0,#fbc7d4)',\n '--gradient-27': 'conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple)',\n '--gradient-28': 'conic-gradient(from -90deg at 50% 105%, white, orchid)',\n '--gradient-29': `\n radial-gradient(\n circle at top right, \n hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n )`,\n '--gradient-30': `radial-gradient(\n circle at top right, \n hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n )`,\n}\n\nexport default Gradients","const Shadows = {\n '--shadow-color': '220 3% 15%',\n '--shadow-strength': '1%',\n \n '--shadow-1': '0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--shadow-2': `\n 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%))`,\n '--shadow-3': `\n 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))`,\n '--shadow-4': `\n 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%))`,\n\n '--inner-shadow-0': 'inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--inner-shadow-1': 'inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--inner-shadow-2': 'inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--inner-shadow-3': 'inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--inner-shadow-4': 'inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n}\n\nexport default Shadows"],"names":["OpenProps"],"mappings":"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"}
43\ No newline at end of file
44 diff --git a/dist/open-props.module.js b/dist/open-props.module.js
45deleted file mode 100644
46index 212c8a7..0000000
47--- a/dist/open-props.module.js
48+++ /dev/null
49 @@ -1,2 +0,0 @@
50- function e(){return e=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},e.apply(this,arguments)}var a=OpenProps=e({},{"--animation-fade-in":["op-fade-in .5s var(--ease-3)","\n@keyframes op-fade-in {\n to { opacity: 1 }\n}"],"--animation-fade-out":["op-fade-out .5s var(--ease-3)","\n@keyframes op-fade-out {\n to { opacity: 0 }\n}"],"--animation-slide-out-up":["op-slide-out-up .5s var(--ease-3)","\n@keyframes op-slide-out-up {\n to { transform: translateY(-100%) }\n}"],"--animation-slide-out-down":["op-slide-out-down .5s var(--ease-3)","\n@keyframes op-slide-out-down {\n to { transform: translateY(100%) }\n}"],"--animation-slide-out-right":["op-slide-out-right .5s var(--ease-3)","\n@keyframes op-slide-out-right {\n to { transform: translateX(100%) }\n}"],"--animation-slide-out-left":["op-slide-out-left .5s var(--ease-3)","\n@keyframes op-slide-out-left {\n to { transform: translateX(-100%) }\n}"],"--animation-slide-in-up":["op-slide-in-up .5s var(--ease-3)","\n@keyframes op-slide-in-up {\n from { transform: translateY(100%) }\n}"],"--animation-slide-in-down":["op-slide-in-down .5s var(--ease-3)","\n@keyframes op-slide-in-down {\n from { transform: translateY(-100%) }\n}"],"--animation-slide-in-right":["op-slide-in-right .5s var(--ease-3)","\n@keyframes op-slide-in-right {\n from { transform: translateX(-100%) }\n}"],"--animation-slide-in-left":["op-slide-in-left .5s var(--ease-3)","\n@keyframes op-slide-in-left {\n from { transform: translateX(100%) }\n}"],"--animation-shake-x":["op-shake-x .75s var(--ease-out-5)","\n@keyframes op-shake-x {\n 0%, 100% { transform: translateX(0%) }\n 20% { transform: translateX(-5%) }\n 40% { transform: translateX(5%) }\n 60% { transform: translateX(-5%) }\n 80% { transform: translateX(5%) }\n}"],"--animation-shake-y":["op-shake-y .75s var(--ease-out-5)","\n@keyframes op-shake-y {\n 0%, 100% { transform: translateY(0%) }\n 20% { transform: translateY(-5%) }\n 40% { transform: translateY(5%) }\n 60% { transform: translateY(-5%) }\n 80% { transform: translateY(5%) }\n}"],"--animation-spin":["op-spin 2s linear infinite","\n@keyframes op-spin {\n to { transform: rotate(1turn) }\n}"],"--animation-ping":["op-ping 5s var(--ease-out-3) infinite","\n@keyframes op-ping {\n 90%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}"],"--animation-blink":["op-blink 1s var(--ease-out-3) infinite","\n@keyframes op-blink {\n 0%, 100% {\n opacity: 1\n }\n 50% {\n opacity: .5\n }\n}"],"--animation-float":["op-float 3s var(--ease-inout-3) infinite","\n@keyframes op-float {\n 50% { transform: translateY(-25%) }\n}"],"--animation-bounce":["op-bounce 2s var(--ease-squish-2) infinite","\n@keyframes op-bounce {\n 25% { transform: translateY(-20%) }\n 40% { transform: translateY(-3%) }\n 0%, 60%,100% { transform: translateY(0) }\n}"],"--animation-pulse":["op-pulse 2s var(--ease-out-3) infinite","\n@keyframes op-pulse {\n 50% { transform: scale(.9,.9) }\n}"]},{"--size-000":"-.5rem","--size-00":"-.25rem","--size-1":".25rem","--size-2":".5rem","--size-3":"1rem","--size-4":"1.25rem","--size-5":"1.5rem","--size-6":"1.75rem","--size-7":"2rem","--size-8":"2.5rem","--size-9":"3rem","--size-10":"3.5rem","--size-11":"4rem","--size-12":"5rem","--size-13":"7rem","--size-14":"9rem","--size-15":"10rem","--size-fluid-1":"clamp(.5rem, 1vw, 1rem)","--size-fluid-2":"clamp(1rem, 2vw, 1.5rem)","--size-fluid-3":"clamp(1.5rem, 3vw, 2rem)","--size-fluid-4":"clamp(2rem, 4vw, 3rem)","--size-fluid-5":"clamp(3rem, 5vw, 4rem)","--size-fluid-6":"clamp(4rem, 6vw, 5rem)","--size-fluid-7":"clamp(5rem, 7vw, 6rem)","--size-fluid-8":"clamp(6rem, 8vw, 7rem)","--size-fluid-9":"clamp(7rem, 9vw, 8rem)","--size-fluid-10":"clamp(8rem, 10vw, 10rem)","--size-content-1":"20ch","--size-content-2":"45ch","--size-content-3":"60ch","--size-header-1":"20ch","--size-header-2":"25ch","--size-header-3":"45rem"},{"--gray-0":"#f8f9fa","--gray-1":"#f1f3f5","--gray-2":"#e9ecef","--gray-3":"#dee2e6","--gray-4":"#ced4da","--gray-5":"#adb5bd","--gray-6":"#868e96","--gray-7":"#495057","--gray-8":"#343a40","--gray-9":"#212529","--red-0":"#fff5f5","--red-1":"#ffe3e3","--red-2":"#ffc9c9","--red-3":"#ffa8a8","--red-4":"#ff8787","--red-5":"#ff6b6b","--red-6":"#fa5252","--red-7":"#f03e3e","--red-8":"#e03131","--red-9":"#c92a2a","--pink-0":"#fff0f6","--pink-1":"#ffdeeb","--pink-2":"#fcc2d7","--pink-3":"#faa2c1","--pink-4":"#f783ac","--pink-5":"#f06595","--pink-6":"#e64980","--pink-7":"#d6336c","--pink-8":"#c2255c","--pink-9":"#a61e4d","--grape-0":"#f8f0fc","--grape-1":"#f3d9fa","--grape-2":"#eebefa","--grape-3":"#e599f7","--grape-4":"#da77f2","--grape-5":"#cc5de8","--grape-6":"#be4bdb","--grape-7":"#ae3ec9","--grape-8":"#9c36b5","--grape-9":"#862e9c","--violet-0":"#f3f0ff","--violet-1":"#e5dbff","--violet-2":"#d0bfff","--violet-3":"#b197fc","--violet-4":"#9775fa","--violet-5":"#845ef7","--violet-6":"#7950f2","--violet-7":"#7048e8","--violet-8":"#6741d9","--violet-9":"#5f3dc4","--indigo-0":"#edf2ff","--indigo-1":"#dbe4ff","--indigo-2":"#bac8ff","--indigo-3":"#91a7ff","--indigo-4":"#748ffc","--indigo-5":"#5c7cfa","--indigo-6":"#4c6ef5","--indigo-7":"#4263eb","--indigo-8":"#3b5bdb","--indigo-9":"#364fc7","--blue-0":"#e7f5ff","--blue-1":"#d0ebff","--blue-2":"#a5d8ff","--blue-3":"#74c0fc","--blue-4":"#4dabf7","--blue-5":"#339af0","--blue-6":"#228be6","--blue-7":"#1c7ed6","--blue-8":"#1971c2","--blue-9":"#1864ab","--cyan-0":"#e3fafc","--cyan-1":"#c5f6fa","--cyan-2":"#99e9f2","--cyan-3":"#66d9e8","--cyan-4":"#3bc9db","--cyan-5":"#22b8cf","--cyan-6":"#15aabf","--cyan-7":"#1098ad","--cyan-8":"#0c8599","--cyan-9":"#0b7285","--teal-0":"#e6fcf5","--teal-1":"#c3fae8","--teal-2":"#96f2d7","--teal-3":"#63e6be","--teal-4":"#38d9a9","--teal-5":"#20c997","--teal-6":"#12b886","--teal-7":"#0ca678","--teal-8":"#099268","--teal-9":"#087f5b","--green-0":"#ebfbee","--green-1":"#d3f9d8","--green-2":"#b2f2bb","--green-3":"#8ce99a","--green-4":"#69db7c","--green-5":"#51cf66","--green-6":"#40c057","--green-7":"#37b24d","--green-8":"#2f9e44","--green-9":"#2b8a3e","--lime-0":"#f4fce3","--lime-1":"#e9fac8","--lime-2":"#d8f5a2","--lime-3":"#c0eb75","--lime-4":"#a9e34b","--lime-5":"#94d82d","--lime-6":"#82c91e","--lime-7":"#74b816","--lime-8":"#66a80f","--lime-9":"#5c940d","--yellow-0":"#fff9db","--yellow-1":"#fff3bf","--yellow-2":"#ffec99","--yellow-3":"#ffe066","--yellow-4":"#ffd43b","--yellow-5":"#fcc419","--yellow-6":"#fab005","--yellow-7":"#f59f00","--yellow-8":"#f08c00","--yellow-9":"#e67700","--orange-0":"#fff4e6","--orange-1":"#ffe8cc","--orange-2":"#ffd8a8","--orange-3":"#ffc078","--orange-4":"#ffa94d","--orange-5":"#ff922b","--orange-6":"#fd7e14","--orange-7":"#f76707","--orange-8":"#e8590c","--orange-9":"#d9480f"},{"--font-sans":"system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif","--font-serif":"ui-serif,serif","--font-mono":"Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace","--font-weight-1":"100","--font-weight-2":"200","--font-weight-3":"300","--font-weight-4":"400","--font-weight-5":"500","--font-weight-6":"600","--font-weight-7":"700","--font-weight-8":"800","--font-weight-9":"900","--font-lineheight-00":".95","--font-lineheight-0":"1.1","--font-lineheight-1":"1.25","--font-lineheight-2":"1.375","--font-lineheight-3":"1.5","--font-lineheight-4":"1.75","--font-lineheight-5":"2","--font-relative-lineheight-1":"calc(1rem + 1.1ch)","--font-relative-lineheight-2":"calc(1rem + 1.25ch)","--font-relative-lineheight-3":"calc(1rem + 1.5ch)","--font-relative-lineheight-4":"calc(1rem + 2ch)","--font-relative-lineheight-5":"calc(1rem + 2.5ch)","--font-relative-lineheight-6":"calc(1rem + 3ch)","--font-letterspacing-0":"-.05em","--font-letterspacing-1":".025em","--font-letterspacing-2":".050em","--font-letterspacing-3":".075em","--font-letterspacing-4":".150em","--font-letterspacing-5":".500em","--font-letterspacing-6":".750em","--font-letterspacing-7":"1em","--font-size-00":".5rem","--font-size-0":".75rem","--font-size-1":"1rem","--font-size-2":"1.1rem","--font-size-3":"1.25rem","--font-size-4":"1.5rem","--font-size-5":"2rem","--font-size-6":"2.5rem","--font-size-7":"3rem","--font-size-8":"3.5rem","--font-size-fluid-0":"clamp(.75rem, 1.5vw, 1rem)","--font-size-fluid-1":"clamp(1rem, 2vw, 1.5rem)","--font-size-fluid-2":"clamp(1.5rem, 3vw, 2.5rem)","--font-size-fluid-3":"clamp(2rem, 4vw, 3.5rem)"},{"--border-size-1":"1px","--border-size-2":"2px","--border-size-3":"5px","--border-size-4":"10px","--border-size-5":"25px","--radii-1":"2px","--radii-2":"5px","--radii-3":"1rem","--radii-4":"2rem","--radii-5":"4rem","--radii-6":"8rem","--radii-round":"1e5px","--radii-blob-1":"30% 70% 70% 30% / 53% 30% 70% 47%","--radii-blob-2":"53% 47% 34% 66% / 63% 46% 54% 37%","--radii-blob-3":"37% 63% 56% 44% / 49% 56% 44% 51%","--radii-blob-4":"63% 37% 37% 63% / 43% 37% 63% 57%","--radii-blob-5":"49% 51% 48% 52% / 57% 44% 56% 43%"},{"--aspect-box":"1","--aspect-landscape":"4/3","--aspect-portrait":"3/4","--aspect-widescreen":"16/9","--aspect-ultrawide":"18/5","--golden-ratio":"1.6180/1"},{"--ease-1":"cubic-bezier(.25, 0, .5, 1)","--ease-2":"cubic-bezier(.25, 0, .4, 1)","--ease-3":"cubic-bezier(.25, 0, .3, 1)","--ease-4":"cubic-bezier(.25, 0, .2, 1)","--ease-5":"cubic-bezier(.25, 0, .1, 1)","--ease-in-1":"cubic-bezier(.25, 0, 1, 1)","--ease-in-2":"cubic-bezier(.50, 0, 1, 1)","--ease-in-3":"cubic-bezier(.70, 0, 1, 1)","--ease-in-4":"cubic-bezier(.90, 0, 1, 1)","--ease-in-5":"cubic-bezier(1, 0, 1, 1)","--ease-out-1":"cubic-bezier(0, 0, .75, 1)","--ease-out-2":"cubic-bezier(0, 0, .50, 1)","--ease-out-3":"cubic-bezier(0, 0, .3, 1)","--ease-out-4":"cubic-bezier(0, 0, .1, 1)","--ease-out-5":"cubic-bezier(0, 0, 0, 1)","--ease-inout-1":"cubic-bezier(.1, 0, .9, 1)","--ease-inout-2":"cubic-bezier(.3, 0, .7, 1)","--ease-inout-3":"cubic-bezier(.5, 0, .5, 1)","--ease-inout-4":"cubic-bezier(.7, 0, .3, 1)","--ease-inout-5":"cubic-bezier(.9, 0, .1, 1)","--ease-elastic-1":"cubic-bezier(.5, .75, .75, 1.25)","--ease-elastic-2":"cubic-bezier(.5, 1, .75, 1.25)","--ease-elastic-3":"cubic-bezier(.5, 1.25, .75, 1.25)","--ease-elastic-4":"cubic-bezier(.5, 1.5, .75, 1.25)","--ease-elastic-5":"cubic-bezier(.5, 1.75, .75, 1.25)","--ease-squish-1":"cubic-bezier(.5, -.1, .1, 1.5)","--ease-squish-2":"cubic-bezier(.5, -.3, .1, 1.5)","--ease-squish-3":"cubic-bezier(.5, -.5, .1, 1.5)","--ease-squish-4":"cubic-bezier(.5, -.7, .1, 1.5)","--ease-squish-5":"cubic-bezier(.5, -.9, .1, 1.5)","--ease-step-1":"steps(2)","--ease-step-2":"steps(3)","--ease-step-3":"steps(4)","--ease-step-4":"steps(7)","--ease-step-5":"steps(10)"},{"--op-gradient-direction":"to bottom right","--gradient-1":"linear-gradient(var(--op-gradient-direction),#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)","--gradient-2":"linear-gradient(var(--op-gradient-direction),#48005c, #8300e2, #a269ff)","--gradient-3":"\n radial-gradient(\n circle at top right, \n hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n )","--gradient-4":"linear-gradient(var(--op-gradient-direction),#00F5A0,#00D9F5)","--gradient-5":"conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite)","--gradient-6":"conic-gradient(from -90deg at top left, black, white)","--gradient-7":"linear-gradient(var(--op-gradient-direction),#72C6EF,#004E8F)","--gradient-8":"conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111)","--gradient-9":"conic-gradient(from .5turn at bottom center, lightblue, white)","--gradient-10":"conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)","--gradient-11":"conic-gradient(at bottom left, deeppink, cyan)","--gradient-12":"conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)","--gradient-13":"radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)","--gradient-14":"conic-gradient(at top right, lime, cyan)","--gradient-15":"linear-gradient(var(--op-gradient-direction), #c7d2fe, #fecaca, #fef3c7)","--gradient-16":"radial-gradient(circle at 50% -250%, #374151, #111827, #000)","--gradient-17":"conic-gradient(from -90deg at 50% -25%, blue, blueviolet)","--gradient-18":"conic-gradient(from .5turn at center left, lime, cyan)","--gradient-19":"linear-gradient(var(--op-gradient-direction),#ffe259,#ffa751)","--gradient-20":"conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)","--gradient-21":"conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)","--gradient-22":"linear-gradient(var(--op-gradient-direction),#acb6e5,#86fde8)","--gradient-23":"linear-gradient(var(--op-gradient-direction),#536976,#292E49)","--gradient-24":"conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476)","--gradient-25":"conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)","--gradient-26":"linear-gradient(var(--op-gradient-direction),#9796f0,#fbc7d4)","--gradient-27":"conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple)","--gradient-28":"conic-gradient(from -90deg at 50% 105%, white, orchid)","--gradient-29":"\n radial-gradient(\n circle at top right, \n hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n )","--gradient-30":"radial-gradient(\n circle at top right, \n hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n )"},{"--shadow-color":"220 3% 15%","--shadow-strength":"1%","--shadow-1":"0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--shadow-2":"\n 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%))","--shadow-3":"\n 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))","--shadow-4":"\n 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%))","--inner-shadow-0":"inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-1":"inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-2":"inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-3":"inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-4":"inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))"});export{a as default};
51- //# sourceMappingURL=open-props.module.js.map
52 diff --git a/dist/open-props.module.js.map b/dist/open-props.module.js.map
53deleted file mode 100644
54index f043e32..0000000
55--- a/dist/open-props.module.js.map
56+++ /dev/null
57 @@ -1 +0,0 @@
58- {"version":3,"file":"open-props.module.js","sources":["../src/props.animations.js","../src/index.js","../src/props.sizes.js","../src/props.colors.js","../src/props.fonts.js","../src/props.borders.js","../src/props.aspects.js","../src/props.easing.js","../src/props.gradients.js","../src/props.shadows.js"],"sourcesContent":["const Animations = {\n \"--animation-fade-in\": [\"op-fade-in .5s var(--ease-3)\", `\n@keyframes op-fade-in {\n to { opacity: 1 }\n}`],\n \"--animation-fade-out\": [\"op-fade-out .5s var(--ease-3)\", `\n@keyframes op-fade-out {\n to { opacity: 0 }\n}`],\n\n \"--animation-slide-out-up\": [\"op-slide-out-up .5s var(--ease-3)\", `\n@keyframes op-slide-out-up {\n to { transform: translateY(-100%) }\n}`],\n \"--animation-slide-out-down\": [\"op-slide-out-down .5s var(--ease-3)\", `\n@keyframes op-slide-out-down {\n to { transform: translateY(100%) }\n}`],\n \"--animation-slide-out-right\": [\"op-slide-out-right .5s var(--ease-3)\", `\n@keyframes op-slide-out-right {\n to { transform: translateX(100%) }\n}`],\n \"--animation-slide-out-left\": [\"op-slide-out-left .5s var(--ease-3)\", `\n@keyframes op-slide-out-left {\n to { transform: translateX(-100%) }\n}`],\n \"--animation-slide-in-up\": [\"op-slide-in-up .5s var(--ease-3)\", `\n@keyframes op-slide-in-up {\n from { transform: translateY(100%) }\n}`],\n \"--animation-slide-in-down\": [\"op-slide-in-down .5s var(--ease-3)\", `\n@keyframes op-slide-in-down {\n from { transform: translateY(-100%) }\n}`],\n \"--animation-slide-in-right\": [\"op-slide-in-right .5s var(--ease-3)\", `\n@keyframes op-slide-in-right {\n from { transform: translateX(-100%) }\n}`],\n \"--animation-slide-in-left\": [\"op-slide-in-left .5s var(--ease-3)\", `\n@keyframes op-slide-in-left {\n from { transform: translateX(100%) }\n}`],\n \"--animation-shake-x\": [\"op-shake-x .75s var(--ease-out-5)\", `\n@keyframes op-shake-x {\n 0%, 100% { transform: translateX(0%) }\n 20% { transform: translateX(-5%) }\n 40% { transform: translateX(5%) }\n 60% { transform: translateX(-5%) }\n 80% { transform: translateX(5%) }\n}`],\n \"--animation-shake-y\": [\"op-shake-y .75s var(--ease-out-5)\", `\n@keyframes op-shake-y {\n 0%, 100% { transform: translateY(0%) }\n 20% { transform: translateY(-5%) }\n 40% { transform: translateY(5%) }\n 60% { transform: translateY(-5%) }\n 80% { transform: translateY(5%) }\n}`],\n\n \"--animation-spin\": [\"op-spin 2s linear infinite\", `\n@keyframes op-spin {\n to { transform: rotate(1turn) }\n}`],\n \"--animation-ping\": [\"op-ping 5s var(--ease-out-3) infinite\", `\n@keyframes op-ping {\n 90%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}`],\n \"--animation-blink\": [\"op-blink 1s var(--ease-out-3) infinite\", `\n@keyframes op-blink {\n 0%, 100% {\n opacity: 1\n }\n 50% {\n opacity: .5\n }\n}`],\n \"--animation-float\": [\"op-float 3s var(--ease-inout-3) infinite\", `\n@keyframes op-float {\n 50% { transform: translateY(-25%) }\n}`],\n \"--animation-bounce\": [\"op-bounce 2s var(--ease-squish-2) infinite\", `\n@keyframes op-bounce {\n 25% { transform: translateY(-20%) }\n 40% { transform: translateY(-3%) }\n 0%, 60%,100% { transform: translateY(0) }\n}`],\n \"--animation-pulse\": [\"op-pulse 2s var(--ease-out-3) infinite\", `\n@keyframes op-pulse {\n 50% { transform: scale(.9,.9) }\n}`],\n}\n\nexport default Animations","import Animations from './props.animations.js'\nimport Sizes from './props.sizes.js'\nimport Colors from './props.colors.js'\nimport Fonts from './props.fonts.js'\nimport Borders from './props.borders.js'\nimport Aspects from './props.aspects.js'\nimport Easings from './props.easing.js'\nimport Gradients from './props.gradients.js'\nimport Shadows from './props.shadows.js'\n\nexport default OpenProps = {\n ...Animations,\n ...Sizes,\n ...Colors,\n ...Fonts,\n ...Borders,\n ...Aspects,\n ...Easings,\n ...Gradients,\n ...Shadows,\n}\n\n// export { \n// Animations,\n// Sizes,\n// Colors,\n// Fonts,\n// Borders,\n// Aspects,\n// Easings,\n// Gradients,\n// Shadows,\n// }","const Sizes = {\n '--size-000': '-.5rem',\n '--size-00': '-.25rem',\n '--size-1': '.25rem',\n '--size-2': '.5rem',\n '--size-3': '1rem',\n '--size-4': '1.25rem',\n '--size-5': '1.5rem',\n '--size-6': '1.75rem',\n '--size-7': '2rem',\n '--size-8': '2.5rem',\n '--size-9': '3rem',\n '--size-10': '3.5rem',\n '--size-11': '4rem',\n '--size-12': '5rem',\n '--size-13': '7rem',\n '--size-14': '9rem',\n '--size-15': '10rem',\n\n '--size-fluid-1': 'clamp(.5rem, 1vw, 1rem)',\n '--size-fluid-2': 'clamp(1rem, 2vw, 1.5rem)',\n '--size-fluid-3': 'clamp(1.5rem, 3vw, 2rem)',\n '--size-fluid-4': 'clamp(2rem, 4vw, 3rem)',\n '--size-fluid-5': 'clamp(3rem, 5vw, 4rem)',\n '--size-fluid-6': 'clamp(4rem, 6vw, 5rem)',\n '--size-fluid-7': 'clamp(5rem, 7vw, 6rem)',\n '--size-fluid-8': 'clamp(6rem, 8vw, 7rem)',\n '--size-fluid-9': 'clamp(7rem, 9vw, 8rem)',\n '--size-fluid-10': 'clamp(8rem, 10vw, 10rem)',\n\n '--size-content-1': '20ch',\n '--size-content-2': '45ch',\n '--size-content-3': '60ch',\n\n '--size-header-1': '20ch',\n '--size-header-2': '25ch',\n '--size-header-3': '45rem',\n}\n\nexport default Sizes","/* generated with props.colors.src.js */\nconst Colors = {\n '--gray-0': '#f8f9fa',\n '--gray-1': '#f1f3f5',\n '--gray-2': '#e9ecef',\n '--gray-3': '#dee2e6',\n '--gray-4': '#ced4da',\n '--gray-5': '#adb5bd',\n '--gray-6': '#868e96',\n '--gray-7': '#495057',\n '--gray-8': '#343a40',\n '--gray-9': '#212529',\n '--red-0': '#fff5f5',\n '--red-1': '#ffe3e3',\n '--red-2': '#ffc9c9',\n '--red-3': '#ffa8a8',\n '--red-4': '#ff8787',\n '--red-5': '#ff6b6b',\n '--red-6': '#fa5252',\n '--red-7': '#f03e3e',\n '--red-8': '#e03131',\n '--red-9': '#c92a2a',\n '--pink-0': '#fff0f6',\n '--pink-1': '#ffdeeb',\n '--pink-2': '#fcc2d7',\n '--pink-3': '#faa2c1',\n '--pink-4': '#f783ac',\n '--pink-5': '#f06595',\n '--pink-6': '#e64980',\n '--pink-7': '#d6336c',\n '--pink-8': '#c2255c',\n '--pink-9': '#a61e4d',\n '--grape-0': '#f8f0fc',\n '--grape-1': '#f3d9fa',\n '--grape-2': '#eebefa',\n '--grape-3': '#e599f7',\n '--grape-4': '#da77f2',\n '--grape-5': '#cc5de8',\n '--grape-6': '#be4bdb',\n '--grape-7': '#ae3ec9',\n '--grape-8': '#9c36b5',\n '--grape-9': '#862e9c',\n '--violet-0': '#f3f0ff',\n '--violet-1': '#e5dbff',\n '--violet-2': '#d0bfff',\n '--violet-3': '#b197fc',\n '--violet-4': '#9775fa',\n '--violet-5': '#845ef7',\n '--violet-6': '#7950f2',\n '--violet-7': '#7048e8',\n '--violet-8': '#6741d9',\n '--violet-9': '#5f3dc4',\n '--indigo-0': '#edf2ff',\n '--indigo-1': '#dbe4ff',\n '--indigo-2': '#bac8ff',\n '--indigo-3': '#91a7ff',\n '--indigo-4': '#748ffc',\n '--indigo-5': '#5c7cfa',\n '--indigo-6': '#4c6ef5',\n '--indigo-7': '#4263eb',\n '--indigo-8': '#3b5bdb',\n '--indigo-9': '#364fc7',\n '--blue-0': '#e7f5ff',\n '--blue-1': '#d0ebff',\n '--blue-2': '#a5d8ff',\n '--blue-3': '#74c0fc',\n '--blue-4': '#4dabf7',\n '--blue-5': '#339af0',\n '--blue-6': '#228be6',\n '--blue-7': '#1c7ed6',\n '--blue-8': '#1971c2',\n '--blue-9': '#1864ab',\n '--cyan-0': '#e3fafc',\n '--cyan-1': '#c5f6fa',\n '--cyan-2': '#99e9f2',\n '--cyan-3': '#66d9e8',\n '--cyan-4': '#3bc9db',\n '--cyan-5': '#22b8cf',\n '--cyan-6': '#15aabf',\n '--cyan-7': '#1098ad',\n '--cyan-8': '#0c8599',\n '--cyan-9': '#0b7285',\n '--teal-0': '#e6fcf5',\n '--teal-1': '#c3fae8',\n '--teal-2': '#96f2d7',\n '--teal-3': '#63e6be',\n '--teal-4': '#38d9a9',\n '--teal-5': '#20c997',\n '--teal-6': '#12b886',\n '--teal-7': '#0ca678',\n '--teal-8': '#099268',\n '--teal-9': '#087f5b',\n '--green-0': '#ebfbee',\n '--green-1': '#d3f9d8',\n '--green-2': '#b2f2bb',\n '--green-3': '#8ce99a',\n '--green-4': '#69db7c',\n '--green-5': '#51cf66',\n '--green-6': '#40c057',\n '--green-7': '#37b24d',\n '--green-8': '#2f9e44',\n '--green-9': '#2b8a3e',\n '--lime-0': '#f4fce3',\n '--lime-1': '#e9fac8',\n '--lime-2': '#d8f5a2',\n '--lime-3': '#c0eb75',\n '--lime-4': '#a9e34b',\n '--lime-5': '#94d82d',\n '--lime-6': '#82c91e',\n '--lime-7': '#74b816',\n '--lime-8': '#66a80f',\n '--lime-9': '#5c940d',\n '--yellow-0': '#fff9db',\n '--yellow-1': '#fff3bf',\n '--yellow-2': '#ffec99',\n '--yellow-3': '#ffe066',\n '--yellow-4': '#ffd43b',\n '--yellow-5': '#fcc419',\n '--yellow-6': '#fab005',\n '--yellow-7': '#f59f00',\n '--yellow-8': '#f08c00',\n '--yellow-9': '#e67700',\n '--orange-0': '#fff4e6',\n '--orange-1': '#ffe8cc',\n '--orange-2': '#ffd8a8',\n '--orange-3': '#ffc078',\n '--orange-4': '#ffa94d',\n '--orange-5': '#ff922b',\n '--orange-6': '#fd7e14',\n '--orange-7': '#f76707',\n '--orange-8': '#e8590c',\n '--orange-9': '#d9480f',\n}\n\n/* * {\n --gray-chroma: 0%;\n --gray-hue: 0deg;\n --gray-base: var(--gray-chroma) var(--gray-hue);\n --gray-mid: lch(50% var(--gray-base));\n\n --cool-gray-chroma: 20%;\n --cool-gray-hue: 210deg;\n --cool-gray-base: var(--cool-gray-chroma) var(--cool-gray-hue);\n --cool-gray-mid: lch(50% var(--cool-gray-base));\n\n --red-chroma: 80%;\n --red-hue: 0deg;\n --red-base: var(--red-chroma) var(--red-hue);\n --red-mid: lch(50% var(--red-base));\n} */\n\nexport default Colors","const Fonts = {\n '--font-sans': 'system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif',\n '--font-serif': 'ui-serif,serif',\n '--font-mono': 'Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace',\n\n '--font-weight-1': '100',\n '--font-weight-2': '200',\n '--font-weight-3': '300',\n '--font-weight-4': '400',\n '--font-weight-5': '500',\n '--font-weight-6': '600',\n '--font-weight-7': '700',\n '--font-weight-8': '800',\n '--font-weight-9': '900',\n\n '--font-lineheight-00': '.95',\n '--font-lineheight-0': '1.1',\n '--font-lineheight-1': '1.25',\n '--font-lineheight-2': '1.375',\n '--font-lineheight-3': '1.5',\n '--font-lineheight-4': '1.75',\n '--font-lineheight-5': '2',\n\n '--font-relative-lineheight-1': 'calc(1rem + 1.1ch)',\n '--font-relative-lineheight-2': 'calc(1rem + 1.25ch)',\n '--font-relative-lineheight-3': 'calc(1rem + 1.5ch)',\n '--font-relative-lineheight-4': 'calc(1rem + 2ch)',\n '--font-relative-lineheight-5': 'calc(1rem + 2.5ch)',\n '--font-relative-lineheight-6': 'calc(1rem + 3ch)',\n\n '--font-letterspacing-0': '-.05em',\n '--font-letterspacing-1': '.025em',\n '--font-letterspacing-2': '.050em',\n '--font-letterspacing-3': '.075em',\n '--font-letterspacing-4': '.150em',\n '--font-letterspacing-5': '.500em',\n '--font-letterspacing-6': '.750em',\n '--font-letterspacing-7': '1em',\n\n '--font-size-00': '.5rem',\n '--font-size-0': '.75rem',\n '--font-size-1': '1rem',\n '--font-size-2': '1.1rem',\n '--font-size-3': '1.25rem',\n '--font-size-4': '1.5rem',\n '--font-size-5': '2rem',\n '--font-size-6': '2.5rem',\n '--font-size-7': '3rem',\n '--font-size-8': '3.5rem',\n\n '--font-size-fluid-0': 'clamp(.75rem, 1.5vw, 1rem)',\n '--font-size-fluid-1': 'clamp(1rem, 2vw, 1.5rem)',\n '--font-size-fluid-2': 'clamp(1.5rem, 3vw, 2.5rem)',\n '--font-size-fluid-3': 'clamp(2rem, 4vw, 3.5rem)',\n}\n\nexport default Fonts","const Borders = {\n '--border-size-1': '1px',\n '--border-size-2': '2px',\n '--border-size-3': '5px',\n '--border-size-4': '10px',\n '--border-size-5': '25px',\n\n '--radii-1': '2px',\n '--radii-2': '5px',\n '--radii-3': '1rem',\n '--radii-4': '2rem',\n '--radii-5': '4rem',\n '--radii-6': '8rem',\n\n '--radii-round': '1e5px',\n '--radii-blob-1': '30% 70% 70% 30% / 53% 30% 70% 47%',\n '--radii-blob-2': '53% 47% 34% 66% / 63% 46% 54% 37%',\n '--radii-blob-3': '37% 63% 56% 44% / 49% 56% 44% 51%',\n '--radii-blob-4': '63% 37% 37% 63% / 43% 37% 63% 57%',\n '--radii-blob-5': '49% 51% 48% 52% / 57% 44% 56% 43%',\n}\n\nexport default Borders","const Aspects = {\n '--aspect-box': '1',\n '--aspect-landscape': '4/3',\n '--aspect-portrait': '3/4',\n '--aspect-widescreen': '16/9',\n '--aspect-ultrawide': '18/5',\n \n '--golden-ratio': '1.6180/1',\n}\n\nexport default Aspects\n","const Easings = {\n '--ease-1': 'cubic-bezier(.25, 0, .5, 1)',\n '--ease-2': 'cubic-bezier(.25, 0, .4, 1)',\n '--ease-3': 'cubic-bezier(.25, 0, .3, 1)',\n '--ease-4': 'cubic-bezier(.25, 0, .2, 1)',\n '--ease-5': 'cubic-bezier(.25, 0, .1, 1)',\n\n '--ease-in-1': 'cubic-bezier(.25, 0, 1, 1)',\n '--ease-in-2': 'cubic-bezier(.50, 0, 1, 1)',\n '--ease-in-3': 'cubic-bezier(.70, 0, 1, 1)',\n '--ease-in-4': 'cubic-bezier(.90, 0, 1, 1)',\n '--ease-in-5': 'cubic-bezier(1, 0, 1, 1)',\n\n '--ease-out-1': 'cubic-bezier(0, 0, .75, 1)',\n '--ease-out-2': 'cubic-bezier(0, 0, .50, 1)',\n '--ease-out-3': 'cubic-bezier(0, 0, .3, 1)',\n '--ease-out-4': 'cubic-bezier(0, 0, .1, 1)',\n '--ease-out-5': 'cubic-bezier(0, 0, 0, 1)',\n\n '--ease-inout-1': 'cubic-bezier(.1, 0, .9, 1)',\n '--ease-inout-2': 'cubic-bezier(.3, 0, .7, 1)',\n '--ease-inout-3': 'cubic-bezier(.5, 0, .5, 1)',\n '--ease-inout-4': 'cubic-bezier(.7, 0, .3, 1)',\n '--ease-inout-5': 'cubic-bezier(.9, 0, .1, 1)',\n\n '--ease-elastic-1': 'cubic-bezier(.5, .75, .75, 1.25)',\n '--ease-elastic-2': 'cubic-bezier(.5, 1, .75, 1.25)',\n '--ease-elastic-3': 'cubic-bezier(.5, 1.25, .75, 1.25)',\n '--ease-elastic-4': 'cubic-bezier(.5, 1.5, .75, 1.25)',\n '--ease-elastic-5': 'cubic-bezier(.5, 1.75, .75, 1.25)',\n\n '--ease-squish-1': 'cubic-bezier(.5, -.1, .1, 1.5)',\n '--ease-squish-2': 'cubic-bezier(.5, -.3, .1, 1.5)',\n '--ease-squish-3': 'cubic-bezier(.5, -.5, .1, 1.5)',\n '--ease-squish-4': 'cubic-bezier(.5, -.7, .1, 1.5)',\n '--ease-squish-5': 'cubic-bezier(.5, -.9, .1, 1.5)',\n\n '--ease-step-1': 'steps(2)',\n '--ease-step-2': 'steps(3)',\n '--ease-step-3': 'steps(4)',\n '--ease-step-4': 'steps(7)',\n '--ease-step-5': 'steps(10)',\n}\n\nexport default Easings","const Gradients = {\n '--op-gradient-direction': 'to bottom right',\n\n '--gradient-1': 'linear-gradient(var(--op-gradient-direction),#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)',\n '--gradient-2': 'linear-gradient(var(--op-gradient-direction),#48005c, #8300e2, #a269ff)',\n '--gradient-3': `\n radial-gradient(\n circle at top right, \n hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n )`,\n '--gradient-4': 'linear-gradient(var(--op-gradient-direction),#00F5A0,#00D9F5)',\n '--gradient-5': 'conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite)',\n '--gradient-6': 'conic-gradient(from -90deg at top left, black, white)',\n '--gradient-7': 'linear-gradient(var(--op-gradient-direction),#72C6EF,#004E8F)',\n '--gradient-8': 'conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111)',\n '--gradient-9': 'conic-gradient(from .5turn at bottom center, lightblue, white)',\n '--gradient-10': 'conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)',\n '--gradient-11': 'conic-gradient(at bottom left, deeppink, cyan)',\n '--gradient-12': 'conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)',\n '--gradient-13': 'radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)',\n '--gradient-14': 'conic-gradient(at top right, lime, cyan)',\n '--gradient-15': 'linear-gradient(var(--op-gradient-direction), #c7d2fe, #fecaca, #fef3c7)',\n '--gradient-16': 'radial-gradient(circle at 50% -250%, #374151, #111827, #000)',\n '--gradient-17': 'conic-gradient(from -90deg at 50% -25%, blue, blueviolet)',\n '--gradient-18': 'conic-gradient(from .5turn at center left, lime, cyan)',\n '--gradient-19': 'linear-gradient(var(--op-gradient-direction),#ffe259,#ffa751)',\n '--gradient-20': 'conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)',\n '--gradient-21': 'conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)',\n '--gradient-22': 'linear-gradient(var(--op-gradient-direction),#acb6e5,#86fde8)',\n '--gradient-23': 'linear-gradient(var(--op-gradient-direction),#536976,#292E49)',\n '--gradient-24': 'conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476)',\n '--gradient-25': 'conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)',\n '--gradient-26': 'linear-gradient(var(--op-gradient-direction),#9796f0,#fbc7d4)',\n '--gradient-27': 'conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple)',\n '--gradient-28': 'conic-gradient(from -90deg at 50% 105%, white, orchid)',\n '--gradient-29': `\n radial-gradient(\n circle at top right, \n hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n )`,\n '--gradient-30': `radial-gradient(\n circle at top right, \n hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n )`,\n}\n\nexport default Gradients","const Shadows = {\n '--shadow-color': '220 3% 15%',\n '--shadow-strength': '1%',\n \n '--shadow-1': '0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--shadow-2': `\n 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%))`,\n '--shadow-3': `\n 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))`,\n '--shadow-4': `\n 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%))`,\n\n '--inner-shadow-0': 'inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--inner-shadow-1': 'inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--inner-shadow-2': 'inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--inner-shadow-3': 'inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--inner-shadow-4': 'inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n}\n\nexport default Shadows"],"names":["OpenProps"],"mappings":"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"}
59\ No newline at end of file
60 diff --git a/dist/open-props.umd.js b/dist/open-props.umd.js
61deleted file mode 100644
62index b32fc02..0000000
63--- a/dist/open-props.umd.js
64+++ /dev/null
65 @@ -1,2 +0,0 @@
66- !function(e,a){"object"==typeof exports&&"undefined"!=typeof module?module.exports=a():"function"==typeof define&&define.amd?define(a):(e||self).openProps=a()}(this,function(){function e(){return e=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var n=arguments[a];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},e.apply(this,arguments)}return OpenProps=e({},{"--animation-fade-in":["op-fade-in .5s var(--ease-3)","\n@keyframes op-fade-in {\n to { opacity: 1 }\n}"],"--animation-fade-out":["op-fade-out .5s var(--ease-3)","\n@keyframes op-fade-out {\n to { opacity: 0 }\n}"],"--animation-slide-out-up":["op-slide-out-up .5s var(--ease-3)","\n@keyframes op-slide-out-up {\n to { transform: translateY(-100%) }\n}"],"--animation-slide-out-down":["op-slide-out-down .5s var(--ease-3)","\n@keyframes op-slide-out-down {\n to { transform: translateY(100%) }\n}"],"--animation-slide-out-right":["op-slide-out-right .5s var(--ease-3)","\n@keyframes op-slide-out-right {\n to { transform: translateX(100%) }\n}"],"--animation-slide-out-left":["op-slide-out-left .5s var(--ease-3)","\n@keyframes op-slide-out-left {\n to { transform: translateX(-100%) }\n}"],"--animation-slide-in-up":["op-slide-in-up .5s var(--ease-3)","\n@keyframes op-slide-in-up {\n from { transform: translateY(100%) }\n}"],"--animation-slide-in-down":["op-slide-in-down .5s var(--ease-3)","\n@keyframes op-slide-in-down {\n from { transform: translateY(-100%) }\n}"],"--animation-slide-in-right":["op-slide-in-right .5s var(--ease-3)","\n@keyframes op-slide-in-right {\n from { transform: translateX(-100%) }\n}"],"--animation-slide-in-left":["op-slide-in-left .5s var(--ease-3)","\n@keyframes op-slide-in-left {\n from { transform: translateX(100%) }\n}"],"--animation-shake-x":["op-shake-x .75s var(--ease-out-5)","\n@keyframes op-shake-x {\n 0%, 100% { transform: translateX(0%) }\n 20% { transform: translateX(-5%) }\n 40% { transform: translateX(5%) }\n 60% { transform: translateX(-5%) }\n 80% { transform: translateX(5%) }\n}"],"--animation-shake-y":["op-shake-y .75s var(--ease-out-5)","\n@keyframes op-shake-y {\n 0%, 100% { transform: translateY(0%) }\n 20% { transform: translateY(-5%) }\n 40% { transform: translateY(5%) }\n 60% { transform: translateY(-5%) }\n 80% { transform: translateY(5%) }\n}"],"--animation-spin":["op-spin 2s linear infinite","\n@keyframes op-spin {\n to { transform: rotate(1turn) }\n}"],"--animation-ping":["op-ping 5s var(--ease-out-3) infinite","\n@keyframes op-ping {\n 90%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}"],"--animation-blink":["op-blink 1s var(--ease-out-3) infinite","\n@keyframes op-blink {\n 0%, 100% {\n opacity: 1\n }\n 50% {\n opacity: .5\n }\n}"],"--animation-float":["op-float 3s var(--ease-inout-3) infinite","\n@keyframes op-float {\n 50% { transform: translateY(-25%) }\n}"],"--animation-bounce":["op-bounce 2s var(--ease-squish-2) infinite","\n@keyframes op-bounce {\n 25% { transform: translateY(-20%) }\n 40% { transform: translateY(-3%) }\n 0%, 60%,100% { transform: translateY(0) }\n}"],"--animation-pulse":["op-pulse 2s var(--ease-out-3) infinite","\n@keyframes op-pulse {\n 50% { transform: scale(.9,.9) }\n}"]},{"--size-000":"-.5rem","--size-00":"-.25rem","--size-1":".25rem","--size-2":".5rem","--size-3":"1rem","--size-4":"1.25rem","--size-5":"1.5rem","--size-6":"1.75rem","--size-7":"2rem","--size-8":"2.5rem","--size-9":"3rem","--size-10":"3.5rem","--size-11":"4rem","--size-12":"5rem","--size-13":"7rem","--size-14":"9rem","--size-15":"10rem","--size-fluid-1":"clamp(.5rem, 1vw, 1rem)","--size-fluid-2":"clamp(1rem, 2vw, 1.5rem)","--size-fluid-3":"clamp(1.5rem, 3vw, 2rem)","--size-fluid-4":"clamp(2rem, 4vw, 3rem)","--size-fluid-5":"clamp(3rem, 5vw, 4rem)","--size-fluid-6":"clamp(4rem, 6vw, 5rem)","--size-fluid-7":"clamp(5rem, 7vw, 6rem)","--size-fluid-8":"clamp(6rem, 8vw, 7rem)","--size-fluid-9":"clamp(7rem, 9vw, 8rem)","--size-fluid-10":"clamp(8rem, 10vw, 10rem)","--size-content-1":"20ch","--size-content-2":"45ch","--size-content-3":"60ch","--size-header-1":"20ch","--size-header-2":"25ch","--size-header-3":"45rem"},{"--gray-0":"#f8f9fa","--gray-1":"#f1f3f5","--gray-2":"#e9ecef","--gray-3":"#dee2e6","--gray-4":"#ced4da","--gray-5":"#adb5bd","--gray-6":"#868e96","--gray-7":"#495057","--gray-8":"#343a40","--gray-9":"#212529","--red-0":"#fff5f5","--red-1":"#ffe3e3","--red-2":"#ffc9c9","--red-3":"#ffa8a8","--red-4":"#ff8787","--red-5":"#ff6b6b","--red-6":"#fa5252","--red-7":"#f03e3e","--red-8":"#e03131","--red-9":"#c92a2a","--pink-0":"#fff0f6","--pink-1":"#ffdeeb","--pink-2":"#fcc2d7","--pink-3":"#faa2c1","--pink-4":"#f783ac","--pink-5":"#f06595","--pink-6":"#e64980","--pink-7":"#d6336c","--pink-8":"#c2255c","--pink-9":"#a61e4d","--grape-0":"#f8f0fc","--grape-1":"#f3d9fa","--grape-2":"#eebefa","--grape-3":"#e599f7","--grape-4":"#da77f2","--grape-5":"#cc5de8","--grape-6":"#be4bdb","--grape-7":"#ae3ec9","--grape-8":"#9c36b5","--grape-9":"#862e9c","--violet-0":"#f3f0ff","--violet-1":"#e5dbff","--violet-2":"#d0bfff","--violet-3":"#b197fc","--violet-4":"#9775fa","--violet-5":"#845ef7","--violet-6":"#7950f2","--violet-7":"#7048e8","--violet-8":"#6741d9","--violet-9":"#5f3dc4","--indigo-0":"#edf2ff","--indigo-1":"#dbe4ff","--indigo-2":"#bac8ff","--indigo-3":"#91a7ff","--indigo-4":"#748ffc","--indigo-5":"#5c7cfa","--indigo-6":"#4c6ef5","--indigo-7":"#4263eb","--indigo-8":"#3b5bdb","--indigo-9":"#364fc7","--blue-0":"#e7f5ff","--blue-1":"#d0ebff","--blue-2":"#a5d8ff","--blue-3":"#74c0fc","--blue-4":"#4dabf7","--blue-5":"#339af0","--blue-6":"#228be6","--blue-7":"#1c7ed6","--blue-8":"#1971c2","--blue-9":"#1864ab","--cyan-0":"#e3fafc","--cyan-1":"#c5f6fa","--cyan-2":"#99e9f2","--cyan-3":"#66d9e8","--cyan-4":"#3bc9db","--cyan-5":"#22b8cf","--cyan-6":"#15aabf","--cyan-7":"#1098ad","--cyan-8":"#0c8599","--cyan-9":"#0b7285","--teal-0":"#e6fcf5","--teal-1":"#c3fae8","--teal-2":"#96f2d7","--teal-3":"#63e6be","--teal-4":"#38d9a9","--teal-5":"#20c997","--teal-6":"#12b886","--teal-7":"#0ca678","--teal-8":"#099268","--teal-9":"#087f5b","--green-0":"#ebfbee","--green-1":"#d3f9d8","--green-2":"#b2f2bb","--green-3":"#8ce99a","--green-4":"#69db7c","--green-5":"#51cf66","--green-6":"#40c057","--green-7":"#37b24d","--green-8":"#2f9e44","--green-9":"#2b8a3e","--lime-0":"#f4fce3","--lime-1":"#e9fac8","--lime-2":"#d8f5a2","--lime-3":"#c0eb75","--lime-4":"#a9e34b","--lime-5":"#94d82d","--lime-6":"#82c91e","--lime-7":"#74b816","--lime-8":"#66a80f","--lime-9":"#5c940d","--yellow-0":"#fff9db","--yellow-1":"#fff3bf","--yellow-2":"#ffec99","--yellow-3":"#ffe066","--yellow-4":"#ffd43b","--yellow-5":"#fcc419","--yellow-6":"#fab005","--yellow-7":"#f59f00","--yellow-8":"#f08c00","--yellow-9":"#e67700","--orange-0":"#fff4e6","--orange-1":"#ffe8cc","--orange-2":"#ffd8a8","--orange-3":"#ffc078","--orange-4":"#ffa94d","--orange-5":"#ff922b","--orange-6":"#fd7e14","--orange-7":"#f76707","--orange-8":"#e8590c","--orange-9":"#d9480f"},{"--font-sans":"system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif","--font-serif":"ui-serif,serif","--font-mono":"Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace","--font-weight-1":"100","--font-weight-2":"200","--font-weight-3":"300","--font-weight-4":"400","--font-weight-5":"500","--font-weight-6":"600","--font-weight-7":"700","--font-weight-8":"800","--font-weight-9":"900","--font-lineheight-00":".95","--font-lineheight-0":"1.1","--font-lineheight-1":"1.25","--font-lineheight-2":"1.375","--font-lineheight-3":"1.5","--font-lineheight-4":"1.75","--font-lineheight-5":"2","--font-relative-lineheight-1":"calc(1rem + 1.1ch)","--font-relative-lineheight-2":"calc(1rem + 1.25ch)","--font-relative-lineheight-3":"calc(1rem + 1.5ch)","--font-relative-lineheight-4":"calc(1rem + 2ch)","--font-relative-lineheight-5":"calc(1rem + 2.5ch)","--font-relative-lineheight-6":"calc(1rem + 3ch)","--font-letterspacing-0":"-.05em","--font-letterspacing-1":".025em","--font-letterspacing-2":".050em","--font-letterspacing-3":".075em","--font-letterspacing-4":".150em","--font-letterspacing-5":".500em","--font-letterspacing-6":".750em","--font-letterspacing-7":"1em","--font-size-00":".5rem","--font-size-0":".75rem","--font-size-1":"1rem","--font-size-2":"1.1rem","--font-size-3":"1.25rem","--font-size-4":"1.5rem","--font-size-5":"2rem","--font-size-6":"2.5rem","--font-size-7":"3rem","--font-size-8":"3.5rem","--font-size-fluid-0":"clamp(.75rem, 1.5vw, 1rem)","--font-size-fluid-1":"clamp(1rem, 2vw, 1.5rem)","--font-size-fluid-2":"clamp(1.5rem, 3vw, 2.5rem)","--font-size-fluid-3":"clamp(2rem, 4vw, 3.5rem)"},{"--border-size-1":"1px","--border-size-2":"2px","--border-size-3":"5px","--border-size-4":"10px","--border-size-5":"25px","--radii-1":"2px","--radii-2":"5px","--radii-3":"1rem","--radii-4":"2rem","--radii-5":"4rem","--radii-6":"8rem","--radii-round":"1e5px","--radii-blob-1":"30% 70% 70% 30% / 53% 30% 70% 47%","--radii-blob-2":"53% 47% 34% 66% / 63% 46% 54% 37%","--radii-blob-3":"37% 63% 56% 44% / 49% 56% 44% 51%","--radii-blob-4":"63% 37% 37% 63% / 43% 37% 63% 57%","--radii-blob-5":"49% 51% 48% 52% / 57% 44% 56% 43%"},{"--aspect-box":"1","--aspect-landscape":"4/3","--aspect-portrait":"3/4","--aspect-widescreen":"16/9","--aspect-ultrawide":"18/5","--golden-ratio":"1.6180/1"},{"--ease-1":"cubic-bezier(.25, 0, .5, 1)","--ease-2":"cubic-bezier(.25, 0, .4, 1)","--ease-3":"cubic-bezier(.25, 0, .3, 1)","--ease-4":"cubic-bezier(.25, 0, .2, 1)","--ease-5":"cubic-bezier(.25, 0, .1, 1)","--ease-in-1":"cubic-bezier(.25, 0, 1, 1)","--ease-in-2":"cubic-bezier(.50, 0, 1, 1)","--ease-in-3":"cubic-bezier(.70, 0, 1, 1)","--ease-in-4":"cubic-bezier(.90, 0, 1, 1)","--ease-in-5":"cubic-bezier(1, 0, 1, 1)","--ease-out-1":"cubic-bezier(0, 0, .75, 1)","--ease-out-2":"cubic-bezier(0, 0, .50, 1)","--ease-out-3":"cubic-bezier(0, 0, .3, 1)","--ease-out-4":"cubic-bezier(0, 0, .1, 1)","--ease-out-5":"cubic-bezier(0, 0, 0, 1)","--ease-inout-1":"cubic-bezier(.1, 0, .9, 1)","--ease-inout-2":"cubic-bezier(.3, 0, .7, 1)","--ease-inout-3":"cubic-bezier(.5, 0, .5, 1)","--ease-inout-4":"cubic-bezier(.7, 0, .3, 1)","--ease-inout-5":"cubic-bezier(.9, 0, .1, 1)","--ease-elastic-1":"cubic-bezier(.5, .75, .75, 1.25)","--ease-elastic-2":"cubic-bezier(.5, 1, .75, 1.25)","--ease-elastic-3":"cubic-bezier(.5, 1.25, .75, 1.25)","--ease-elastic-4":"cubic-bezier(.5, 1.5, .75, 1.25)","--ease-elastic-5":"cubic-bezier(.5, 1.75, .75, 1.25)","--ease-squish-1":"cubic-bezier(.5, -.1, .1, 1.5)","--ease-squish-2":"cubic-bezier(.5, -.3, .1, 1.5)","--ease-squish-3":"cubic-bezier(.5, -.5, .1, 1.5)","--ease-squish-4":"cubic-bezier(.5, -.7, .1, 1.5)","--ease-squish-5":"cubic-bezier(.5, -.9, .1, 1.5)","--ease-step-1":"steps(2)","--ease-step-2":"steps(3)","--ease-step-3":"steps(4)","--ease-step-4":"steps(7)","--ease-step-5":"steps(10)"},{"--op-gradient-direction":"to bottom right","--gradient-1":"linear-gradient(var(--op-gradient-direction),#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)","--gradient-2":"linear-gradient(var(--op-gradient-direction),#48005c, #8300e2, #a269ff)","--gradient-3":"\n radial-gradient(\n circle at top right, \n hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n )","--gradient-4":"linear-gradient(var(--op-gradient-direction),#00F5A0,#00D9F5)","--gradient-5":"conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite)","--gradient-6":"conic-gradient(from -90deg at top left, black, white)","--gradient-7":"linear-gradient(var(--op-gradient-direction),#72C6EF,#004E8F)","--gradient-8":"conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111)","--gradient-9":"conic-gradient(from .5turn at bottom center, lightblue, white)","--gradient-10":"conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)","--gradient-11":"conic-gradient(at bottom left, deeppink, cyan)","--gradient-12":"conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)","--gradient-13":"radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)","--gradient-14":"conic-gradient(at top right, lime, cyan)","--gradient-15":"linear-gradient(var(--op-gradient-direction), #c7d2fe, #fecaca, #fef3c7)","--gradient-16":"radial-gradient(circle at 50% -250%, #374151, #111827, #000)","--gradient-17":"conic-gradient(from -90deg at 50% -25%, blue, blueviolet)","--gradient-18":"conic-gradient(from .5turn at center left, lime, cyan)","--gradient-19":"linear-gradient(var(--op-gradient-direction),#ffe259,#ffa751)","--gradient-20":"conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)","--gradient-21":"conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)","--gradient-22":"linear-gradient(var(--op-gradient-direction),#acb6e5,#86fde8)","--gradient-23":"linear-gradient(var(--op-gradient-direction),#536976,#292E49)","--gradient-24":"conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476)","--gradient-25":"conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)","--gradient-26":"linear-gradient(var(--op-gradient-direction),#9796f0,#fbc7d4)","--gradient-27":"conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple)","--gradient-28":"conic-gradient(from -90deg at 50% 105%, white, orchid)","--gradient-29":"\n radial-gradient(\n circle at top right, \n hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n )","--gradient-30":"radial-gradient(\n circle at top right, \n hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n )"},{"--shadow-color":"220 3% 15%","--shadow-strength":"1%","--shadow-1":"0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--shadow-2":"\n 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%))","--shadow-3":"\n 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))","--shadow-4":"\n 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%))","--inner-shadow-0":"inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-1":"inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-2":"inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-3":"inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-4":"inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))"})});
67- //# sourceMappingURL=open-props.umd.js.map
68 diff --git a/dist/open-props.umd.js.map b/dist/open-props.umd.js.map
69deleted file mode 100644
70index 956ef09..0000000
71--- a/dist/open-props.umd.js.map
72+++ /dev/null
73 @@ -1 +0,0 @@
74- {"version":3,"file":"open-props.umd.js","sources":["../src/index.js","../src/props.animations.js","../src/props.sizes.js","../src/props.colors.js","../src/props.fonts.js","../src/props.borders.js","../src/props.aspects.js","../src/props.easing.js","../src/props.gradients.js","../src/props.shadows.js"],"sourcesContent":["import Animations from './props.animations.js'\nimport Sizes from './props.sizes.js'\nimport Colors from './props.colors.js'\nimport Fonts from './props.fonts.js'\nimport Borders from './props.borders.js'\nimport Aspects from './props.aspects.js'\nimport Easings from './props.easing.js'\nimport Gradients from './props.gradients.js'\nimport Shadows from './props.shadows.js'\n\nexport default OpenProps = {\n ...Animations,\n ...Sizes,\n ...Colors,\n ...Fonts,\n ...Borders,\n ...Aspects,\n ...Easings,\n ...Gradients,\n ...Shadows,\n}\n\n// export { \n// Animations,\n// Sizes,\n// Colors,\n// Fonts,\n// Borders,\n// Aspects,\n// Easings,\n// Gradients,\n// Shadows,\n// }","const Animations = {\n \"--animation-fade-in\": [\"op-fade-in .5s var(--ease-3)\", `\n@keyframes op-fade-in {\n to { opacity: 1 }\n}`],\n \"--animation-fade-out\": [\"op-fade-out .5s var(--ease-3)\", `\n@keyframes op-fade-out {\n to { opacity: 0 }\n}`],\n\n \"--animation-slide-out-up\": [\"op-slide-out-up .5s var(--ease-3)\", `\n@keyframes op-slide-out-up {\n to { transform: translateY(-100%) }\n}`],\n \"--animation-slide-out-down\": [\"op-slide-out-down .5s var(--ease-3)\", `\n@keyframes op-slide-out-down {\n to { transform: translateY(100%) }\n}`],\n \"--animation-slide-out-right\": [\"op-slide-out-right .5s var(--ease-3)\", `\n@keyframes op-slide-out-right {\n to { transform: translateX(100%) }\n}`],\n \"--animation-slide-out-left\": [\"op-slide-out-left .5s var(--ease-3)\", `\n@keyframes op-slide-out-left {\n to { transform: translateX(-100%) }\n}`],\n \"--animation-slide-in-up\": [\"op-slide-in-up .5s var(--ease-3)\", `\n@keyframes op-slide-in-up {\n from { transform: translateY(100%) }\n}`],\n \"--animation-slide-in-down\": [\"op-slide-in-down .5s var(--ease-3)\", `\n@keyframes op-slide-in-down {\n from { transform: translateY(-100%) }\n}`],\n \"--animation-slide-in-right\": [\"op-slide-in-right .5s var(--ease-3)\", `\n@keyframes op-slide-in-right {\n from { transform: translateX(-100%) }\n}`],\n \"--animation-slide-in-left\": [\"op-slide-in-left .5s var(--ease-3)\", `\n@keyframes op-slide-in-left {\n from { transform: translateX(100%) }\n}`],\n \"--animation-shake-x\": [\"op-shake-x .75s var(--ease-out-5)\", `\n@keyframes op-shake-x {\n 0%, 100% { transform: translateX(0%) }\n 20% { transform: translateX(-5%) }\n 40% { transform: translateX(5%) }\n 60% { transform: translateX(-5%) }\n 80% { transform: translateX(5%) }\n}`],\n \"--animation-shake-y\": [\"op-shake-y .75s var(--ease-out-5)\", `\n@keyframes op-shake-y {\n 0%, 100% { transform: translateY(0%) }\n 20% { transform: translateY(-5%) }\n 40% { transform: translateY(5%) }\n 60% { transform: translateY(-5%) }\n 80% { transform: translateY(5%) }\n}`],\n\n \"--animation-spin\": [\"op-spin 2s linear infinite\", `\n@keyframes op-spin {\n to { transform: rotate(1turn) }\n}`],\n \"--animation-ping\": [\"op-ping 5s var(--ease-out-3) infinite\", `\n@keyframes op-ping {\n 90%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}`],\n \"--animation-blink\": [\"op-blink 1s var(--ease-out-3) infinite\", `\n@keyframes op-blink {\n 0%, 100% {\n opacity: 1\n }\n 50% {\n opacity: .5\n }\n}`],\n \"--animation-float\": [\"op-float 3s var(--ease-inout-3) infinite\", `\n@keyframes op-float {\n 50% { transform: translateY(-25%) }\n}`],\n \"--animation-bounce\": [\"op-bounce 2s var(--ease-squish-2) infinite\", `\n@keyframes op-bounce {\n 25% { transform: translateY(-20%) }\n 40% { transform: translateY(-3%) }\n 0%, 60%,100% { transform: translateY(0) }\n}`],\n \"--animation-pulse\": [\"op-pulse 2s var(--ease-out-3) infinite\", `\n@keyframes op-pulse {\n 50% { transform: scale(.9,.9) }\n}`],\n}\n\nexport default Animations","const Sizes = {\n '--size-000': '-.5rem',\n '--size-00': '-.25rem',\n '--size-1': '.25rem',\n '--size-2': '.5rem',\n '--size-3': '1rem',\n '--size-4': '1.25rem',\n '--size-5': '1.5rem',\n '--size-6': '1.75rem',\n '--size-7': '2rem',\n '--size-8': '2.5rem',\n '--size-9': '3rem',\n '--size-10': '3.5rem',\n '--size-11': '4rem',\n '--size-12': '5rem',\n '--size-13': '7rem',\n '--size-14': '9rem',\n '--size-15': '10rem',\n\n '--size-fluid-1': 'clamp(.5rem, 1vw, 1rem)',\n '--size-fluid-2': 'clamp(1rem, 2vw, 1.5rem)',\n '--size-fluid-3': 'clamp(1.5rem, 3vw, 2rem)',\n '--size-fluid-4': 'clamp(2rem, 4vw, 3rem)',\n '--size-fluid-5': 'clamp(3rem, 5vw, 4rem)',\n '--size-fluid-6': 'clamp(4rem, 6vw, 5rem)',\n '--size-fluid-7': 'clamp(5rem, 7vw, 6rem)',\n '--size-fluid-8': 'clamp(6rem, 8vw, 7rem)',\n '--size-fluid-9': 'clamp(7rem, 9vw, 8rem)',\n '--size-fluid-10': 'clamp(8rem, 10vw, 10rem)',\n\n '--size-content-1': '20ch',\n '--size-content-2': '45ch',\n '--size-content-3': '60ch',\n\n '--size-header-1': '20ch',\n '--size-header-2': '25ch',\n '--size-header-3': '45rem',\n}\n\nexport default Sizes","/* generated with props.colors.src.js */\nconst Colors = {\n '--gray-0': '#f8f9fa',\n '--gray-1': '#f1f3f5',\n '--gray-2': '#e9ecef',\n '--gray-3': '#dee2e6',\n '--gray-4': '#ced4da',\n '--gray-5': '#adb5bd',\n '--gray-6': '#868e96',\n '--gray-7': '#495057',\n '--gray-8': '#343a40',\n '--gray-9': '#212529',\n '--red-0': '#fff5f5',\n '--red-1': '#ffe3e3',\n '--red-2': '#ffc9c9',\n '--red-3': '#ffa8a8',\n '--red-4': '#ff8787',\n '--red-5': '#ff6b6b',\n '--red-6': '#fa5252',\n '--red-7': '#f03e3e',\n '--red-8': '#e03131',\n '--red-9': '#c92a2a',\n '--pink-0': '#fff0f6',\n '--pink-1': '#ffdeeb',\n '--pink-2': '#fcc2d7',\n '--pink-3': '#faa2c1',\n '--pink-4': '#f783ac',\n '--pink-5': '#f06595',\n '--pink-6': '#e64980',\n '--pink-7': '#d6336c',\n '--pink-8': '#c2255c',\n '--pink-9': '#a61e4d',\n '--grape-0': '#f8f0fc',\n '--grape-1': '#f3d9fa',\n '--grape-2': '#eebefa',\n '--grape-3': '#e599f7',\n '--grape-4': '#da77f2',\n '--grape-5': '#cc5de8',\n '--grape-6': '#be4bdb',\n '--grape-7': '#ae3ec9',\n '--grape-8': '#9c36b5',\n '--grape-9': '#862e9c',\n '--violet-0': '#f3f0ff',\n '--violet-1': '#e5dbff',\n '--violet-2': '#d0bfff',\n '--violet-3': '#b197fc',\n '--violet-4': '#9775fa',\n '--violet-5': '#845ef7',\n '--violet-6': '#7950f2',\n '--violet-7': '#7048e8',\n '--violet-8': '#6741d9',\n '--violet-9': '#5f3dc4',\n '--indigo-0': '#edf2ff',\n '--indigo-1': '#dbe4ff',\n '--indigo-2': '#bac8ff',\n '--indigo-3': '#91a7ff',\n '--indigo-4': '#748ffc',\n '--indigo-5': '#5c7cfa',\n '--indigo-6': '#4c6ef5',\n '--indigo-7': '#4263eb',\n '--indigo-8': '#3b5bdb',\n '--indigo-9': '#364fc7',\n '--blue-0': '#e7f5ff',\n '--blue-1': '#d0ebff',\n '--blue-2': '#a5d8ff',\n '--blue-3': '#74c0fc',\n '--blue-4': '#4dabf7',\n '--blue-5': '#339af0',\n '--blue-6': '#228be6',\n '--blue-7': '#1c7ed6',\n '--blue-8': '#1971c2',\n '--blue-9': '#1864ab',\n '--cyan-0': '#e3fafc',\n '--cyan-1': '#c5f6fa',\n '--cyan-2': '#99e9f2',\n '--cyan-3': '#66d9e8',\n '--cyan-4': '#3bc9db',\n '--cyan-5': '#22b8cf',\n '--cyan-6': '#15aabf',\n '--cyan-7': '#1098ad',\n '--cyan-8': '#0c8599',\n '--cyan-9': '#0b7285',\n '--teal-0': '#e6fcf5',\n '--teal-1': '#c3fae8',\n '--teal-2': '#96f2d7',\n '--teal-3': '#63e6be',\n '--teal-4': '#38d9a9',\n '--teal-5': '#20c997',\n '--teal-6': '#12b886',\n '--teal-7': '#0ca678',\n '--teal-8': '#099268',\n '--teal-9': '#087f5b',\n '--green-0': '#ebfbee',\n '--green-1': '#d3f9d8',\n '--green-2': '#b2f2bb',\n '--green-3': '#8ce99a',\n '--green-4': '#69db7c',\n '--green-5': '#51cf66',\n '--green-6': '#40c057',\n '--green-7': '#37b24d',\n '--green-8': '#2f9e44',\n '--green-9': '#2b8a3e',\n '--lime-0': '#f4fce3',\n '--lime-1': '#e9fac8',\n '--lime-2': '#d8f5a2',\n '--lime-3': '#c0eb75',\n '--lime-4': '#a9e34b',\n '--lime-5': '#94d82d',\n '--lime-6': '#82c91e',\n '--lime-7': '#74b816',\n '--lime-8': '#66a80f',\n '--lime-9': '#5c940d',\n '--yellow-0': '#fff9db',\n '--yellow-1': '#fff3bf',\n '--yellow-2': '#ffec99',\n '--yellow-3': '#ffe066',\n '--yellow-4': '#ffd43b',\n '--yellow-5': '#fcc419',\n '--yellow-6': '#fab005',\n '--yellow-7': '#f59f00',\n '--yellow-8': '#f08c00',\n '--yellow-9': '#e67700',\n '--orange-0': '#fff4e6',\n '--orange-1': '#ffe8cc',\n '--orange-2': '#ffd8a8',\n '--orange-3': '#ffc078',\n '--orange-4': '#ffa94d',\n '--orange-5': '#ff922b',\n '--orange-6': '#fd7e14',\n '--orange-7': '#f76707',\n '--orange-8': '#e8590c',\n '--orange-9': '#d9480f',\n}\n\n/* * {\n --gray-chroma: 0%;\n --gray-hue: 0deg;\n --gray-base: var(--gray-chroma) var(--gray-hue);\n --gray-mid: lch(50% var(--gray-base));\n\n --cool-gray-chroma: 20%;\n --cool-gray-hue: 210deg;\n --cool-gray-base: var(--cool-gray-chroma) var(--cool-gray-hue);\n --cool-gray-mid: lch(50% var(--cool-gray-base));\n\n --red-chroma: 80%;\n --red-hue: 0deg;\n --red-base: var(--red-chroma) var(--red-hue);\n --red-mid: lch(50% var(--red-base));\n} */\n\nexport default Colors","const Fonts = {\n '--font-sans': 'system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif',\n '--font-serif': 'ui-serif,serif',\n '--font-mono': 'Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace',\n\n '--font-weight-1': '100',\n '--font-weight-2': '200',\n '--font-weight-3': '300',\n '--font-weight-4': '400',\n '--font-weight-5': '500',\n '--font-weight-6': '600',\n '--font-weight-7': '700',\n '--font-weight-8': '800',\n '--font-weight-9': '900',\n\n '--font-lineheight-00': '.95',\n '--font-lineheight-0': '1.1',\n '--font-lineheight-1': '1.25',\n '--font-lineheight-2': '1.375',\n '--font-lineheight-3': '1.5',\n '--font-lineheight-4': '1.75',\n '--font-lineheight-5': '2',\n\n '--font-relative-lineheight-1': 'calc(1rem + 1.1ch)',\n '--font-relative-lineheight-2': 'calc(1rem + 1.25ch)',\n '--font-relative-lineheight-3': 'calc(1rem + 1.5ch)',\n '--font-relative-lineheight-4': 'calc(1rem + 2ch)',\n '--font-relative-lineheight-5': 'calc(1rem + 2.5ch)',\n '--font-relative-lineheight-6': 'calc(1rem + 3ch)',\n\n '--font-letterspacing-0': '-.05em',\n '--font-letterspacing-1': '.025em',\n '--font-letterspacing-2': '.050em',\n '--font-letterspacing-3': '.075em',\n '--font-letterspacing-4': '.150em',\n '--font-letterspacing-5': '.500em',\n '--font-letterspacing-6': '.750em',\n '--font-letterspacing-7': '1em',\n\n '--font-size-00': '.5rem',\n '--font-size-0': '.75rem',\n '--font-size-1': '1rem',\n '--font-size-2': '1.1rem',\n '--font-size-3': '1.25rem',\n '--font-size-4': '1.5rem',\n '--font-size-5': '2rem',\n '--font-size-6': '2.5rem',\n '--font-size-7': '3rem',\n '--font-size-8': '3.5rem',\n\n '--font-size-fluid-0': 'clamp(.75rem, 1.5vw, 1rem)',\n '--font-size-fluid-1': 'clamp(1rem, 2vw, 1.5rem)',\n '--font-size-fluid-2': 'clamp(1.5rem, 3vw, 2.5rem)',\n '--font-size-fluid-3': 'clamp(2rem, 4vw, 3.5rem)',\n}\n\nexport default Fonts","const Borders = {\n '--border-size-1': '1px',\n '--border-size-2': '2px',\n '--border-size-3': '5px',\n '--border-size-4': '10px',\n '--border-size-5': '25px',\n\n '--radii-1': '2px',\n '--radii-2': '5px',\n '--radii-3': '1rem',\n '--radii-4': '2rem',\n '--radii-5': '4rem',\n '--radii-6': '8rem',\n\n '--radii-round': '1e5px',\n '--radii-blob-1': '30% 70% 70% 30% / 53% 30% 70% 47%',\n '--radii-blob-2': '53% 47% 34% 66% / 63% 46% 54% 37%',\n '--radii-blob-3': '37% 63% 56% 44% / 49% 56% 44% 51%',\n '--radii-blob-4': '63% 37% 37% 63% / 43% 37% 63% 57%',\n '--radii-blob-5': '49% 51% 48% 52% / 57% 44% 56% 43%',\n}\n\nexport default Borders","const Aspects = {\n '--aspect-box': '1',\n '--aspect-landscape': '4/3',\n '--aspect-portrait': '3/4',\n '--aspect-widescreen': '16/9',\n '--aspect-ultrawide': '18/5',\n \n '--golden-ratio': '1.6180/1',\n}\n\nexport default Aspects\n","const Easings = {\n '--ease-1': 'cubic-bezier(.25, 0, .5, 1)',\n '--ease-2': 'cubic-bezier(.25, 0, .4, 1)',\n '--ease-3': 'cubic-bezier(.25, 0, .3, 1)',\n '--ease-4': 'cubic-bezier(.25, 0, .2, 1)',\n '--ease-5': 'cubic-bezier(.25, 0, .1, 1)',\n\n '--ease-in-1': 'cubic-bezier(.25, 0, 1, 1)',\n '--ease-in-2': 'cubic-bezier(.50, 0, 1, 1)',\n '--ease-in-3': 'cubic-bezier(.70, 0, 1, 1)',\n '--ease-in-4': 'cubic-bezier(.90, 0, 1, 1)',\n '--ease-in-5': 'cubic-bezier(1, 0, 1, 1)',\n\n '--ease-out-1': 'cubic-bezier(0, 0, .75, 1)',\n '--ease-out-2': 'cubic-bezier(0, 0, .50, 1)',\n '--ease-out-3': 'cubic-bezier(0, 0, .3, 1)',\n '--ease-out-4': 'cubic-bezier(0, 0, .1, 1)',\n '--ease-out-5': 'cubic-bezier(0, 0, 0, 1)',\n\n '--ease-inout-1': 'cubic-bezier(.1, 0, .9, 1)',\n '--ease-inout-2': 'cubic-bezier(.3, 0, .7, 1)',\n '--ease-inout-3': 'cubic-bezier(.5, 0, .5, 1)',\n '--ease-inout-4': 'cubic-bezier(.7, 0, .3, 1)',\n '--ease-inout-5': 'cubic-bezier(.9, 0, .1, 1)',\n\n '--ease-elastic-1': 'cubic-bezier(.5, .75, .75, 1.25)',\n '--ease-elastic-2': 'cubic-bezier(.5, 1, .75, 1.25)',\n '--ease-elastic-3': 'cubic-bezier(.5, 1.25, .75, 1.25)',\n '--ease-elastic-4': 'cubic-bezier(.5, 1.5, .75, 1.25)',\n '--ease-elastic-5': 'cubic-bezier(.5, 1.75, .75, 1.25)',\n\n '--ease-squish-1': 'cubic-bezier(.5, -.1, .1, 1.5)',\n '--ease-squish-2': 'cubic-bezier(.5, -.3, .1, 1.5)',\n '--ease-squish-3': 'cubic-bezier(.5, -.5, .1, 1.5)',\n '--ease-squish-4': 'cubic-bezier(.5, -.7, .1, 1.5)',\n '--ease-squish-5': 'cubic-bezier(.5, -.9, .1, 1.5)',\n\n '--ease-step-1': 'steps(2)',\n '--ease-step-2': 'steps(3)',\n '--ease-step-3': 'steps(4)',\n '--ease-step-4': 'steps(7)',\n '--ease-step-5': 'steps(10)',\n}\n\nexport default Easings","const Gradients = {\n '--op-gradient-direction': 'to bottom right',\n\n '--gradient-1': 'linear-gradient(var(--op-gradient-direction),#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)',\n '--gradient-2': 'linear-gradient(var(--op-gradient-direction),#48005c, #8300e2, #a269ff)',\n '--gradient-3': `\n radial-gradient(\n circle at top right, \n hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n )`,\n '--gradient-4': 'linear-gradient(var(--op-gradient-direction),#00F5A0,#00D9F5)',\n '--gradient-5': 'conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite)',\n '--gradient-6': 'conic-gradient(from -90deg at top left, black, white)',\n '--gradient-7': 'linear-gradient(var(--op-gradient-direction),#72C6EF,#004E8F)',\n '--gradient-8': 'conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111)',\n '--gradient-9': 'conic-gradient(from .5turn at bottom center, lightblue, white)',\n '--gradient-10': 'conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)',\n '--gradient-11': 'conic-gradient(at bottom left, deeppink, cyan)',\n '--gradient-12': 'conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)',\n '--gradient-13': 'radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)',\n '--gradient-14': 'conic-gradient(at top right, lime, cyan)',\n '--gradient-15': 'linear-gradient(var(--op-gradient-direction), #c7d2fe, #fecaca, #fef3c7)',\n '--gradient-16': 'radial-gradient(circle at 50% -250%, #374151, #111827, #000)',\n '--gradient-17': 'conic-gradient(from -90deg at 50% -25%, blue, blueviolet)',\n '--gradient-18': 'conic-gradient(from .5turn at center left, lime, cyan)',\n '--gradient-19': 'linear-gradient(var(--op-gradient-direction),#ffe259,#ffa751)',\n '--gradient-20': 'conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)',\n '--gradient-21': 'conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)',\n '--gradient-22': 'linear-gradient(var(--op-gradient-direction),#acb6e5,#86fde8)',\n '--gradient-23': 'linear-gradient(var(--op-gradient-direction),#536976,#292E49)',\n '--gradient-24': 'conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476)',\n '--gradient-25': 'conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)',\n '--gradient-26': 'linear-gradient(var(--op-gradient-direction),#9796f0,#fbc7d4)',\n '--gradient-27': 'conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple)',\n '--gradient-28': 'conic-gradient(from -90deg at 50% 105%, white, orchid)',\n '--gradient-29': `\n radial-gradient(\n circle at top right, \n hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n )`,\n '--gradient-30': `radial-gradient(\n circle at top right, \n hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n )`,\n}\n\nexport default Gradients","const Shadows = {\n '--shadow-color': '220 3% 15%',\n '--shadow-strength': '1%',\n \n '--shadow-1': '0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--shadow-2': `\n 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%))`,\n '--shadow-3': `\n 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))`,\n '--shadow-4': `\n 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%))`,\n\n '--inner-shadow-0': 'inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--inner-shadow-1': 'inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--inner-shadow-2': 'inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--inner-shadow-3': 'inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n '--inner-shadow-4': 'inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',\n}\n\nexport default Shadows"],"names":["OpenProps"],"mappings":"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"}
75\ No newline at end of file
76 diff --git a/docsite/index.html b/docsite/index.html
77index f9deae7..941d211 100644
78--- a/docsite/index.html
79+++ b/docsite/index.html
80 @@ -251,7 +251,7 @@
81 <div class="size"><strong>??</strong></div>
82 <div class="file">masks.css <small class="yellow-badge">WIP</small></div>
83 <div class="size"><strong>??</strong></div>
84- <div class="file">icons.css <small class="yellow-badge">WIP</small></div>
85+ <div class="file">variable-fonts.css <small class="yellow-badge">WIP</small></div>
86 <div class="size"><strong>??</strong></div>
87 <div class="file">lists.css <small class="yellow-badge">WIP</small></div>
88 <div class="size"><strong>??</strong></div>
89 diff --git a/package.json b/package.json
90index 8e96a0f..62dbcb0 100644
91--- a/package.json
92+++ b/package.json
93 @@ -23,7 +23,11 @@
94 "defaults"
95 ],
96 "scripts": {
97+ "build": "npm run gen:op",
98 "bundle": "concurrently npm:lib:*",
99+ "gen:op": "cd src && node _create-props.js '' true",
100+ "gen:nowhere": "cd src && node _create-props.js '' false",
101+ "gen:prefixed": "cd src && node _create-props.js 'op'",
102 "lib:js": "microbundle",
103 "lib:all": "postcss src/index.css -o props.css",
104 "lib:animations": "postcss src/props.animations.css -o animations.css",
105 diff --git a/src/_create-props.js b/src/_create-props.js
106new file mode 100644
107index 0000000..193ed71
108--- /dev/null
109+++ b/src/_create-props.js
110 @@ -0,0 +1,79 @@
111+ import fs from 'fs'
112+
113+ import Animations from './props.animations.js'
114+ import Sizes from './props.sizes.js'
115+ import Colors from './props.colors.js'
116+ import Fonts from './props.fonts.js'
117+ import Borders from './props.borders.js'
118+ import Aspects from './props.aspects.js'
119+ import Easings from './props.easing.js'
120+ import Gradients from './props.gradients.js'
121+ import Shadows from './props.shadows.js'
122+ import SVG from './props.svg.js'
123+ import Zindex from './props.zindex.js'
124+
125+ const [,,prefix,useWhere] = process.argv
126+ const selector = useWhere === 'true' ? ':where(html)' : 'html'
127+
128+ const workload = {
129+ 'props.fonts.css': Fonts,
130+ 'props.sizes.css': Sizes,
131+ 'props.easing.css': Easings,
132+ 'props.zindex.css': Zindex,
133+ 'props.shadows.css': Shadows,
134+ 'props.aspects.css': Aspects,
135+ 'props.colors.css': Colors,
136+ 'props.svg.css': SVG,
137+ 'props.gradients.css': Gradients,
138+ 'props.animations.css': Animations,
139+ 'props.borders.css': Borders,
140+ }
141+
142+ const prefixProp = prop => {
143+ return prop
144+ }
145+
146+ const buildPropsStylesheet = ({filename, props}) => {
147+ const file = fs.createWriteStream(filename)
148+ file.write(`${selector} {\n`)
149+
150+ let appendedMeta = ''
151+ if (filename.includes('shadows'))
152+ appendedMeta = `@media (--OSdark) {
153+ ${selector} {
154+ --shadow-strength: 25%;
155+ --shadow-color: 220 40% 2%;
156+ }
157+ }`
158+
159+ Object.entries(props).forEach(([prop, val]) => {
160+ if (prefix)
161+ prop = `--${prefix}-` + prop.slice(2)
162+
163+ if (Array.isArray(val)) {
164+ let [animation, keyframes] = val
165+ appendedMeta += keyframes
166+ val = animation
167+ }
168+
169+ file.write(` ${prop}: ${val};\n`)
170+ })
171+
172+ file.write('}\n')
173+ file.end(appendedMeta)
174+ }
175+
176+ // gen prop stylesheets
177+ Object.entries(workload).forEach(([filename, props]) => {
178+ buildPropsStylesheet({filename, props})
179+ })
180+
181+ // gen index.css
182+ const entry = fs.createWriteStream('index.css')
183+ entry.write(`@import 'props.media.css';
184+ @import 'props.supports.css';
185+ `)
186+ Object.keys(workload).forEach(filename => {
187+ entry.write(`@import '${filename}';\n`)
188+ })
189+ entry.end()
190\ No newline at end of file
191 diff --git a/src/index.css b/src/index.css
192index a534033..6e480da 100644
193--- a/src/index.css
194+++ b/src/index.css
195 @@ -7,15 +7,7 @@
196 @import 'props.shadows.css';
197 @import 'props.aspects.css';
198 @import 'props.colors.css';
199+ @import 'props.svg.css';
200 @import 'props.gradients.css';
201 @import 'props.animations.css';
202 @import 'props.borders.css';
203- /* @import 'props.icons.css'; */
204- /* @import 'props.svg.css'; */
205- /* @import 'props.layouts.css'; */
206- /* @import 'props.clips.css'; */
207- /* @import 'props.masks.css'; */
208- /* @import 'props.variable-fonts.css'; */
209- /* @import 'props.lists.css'; */
210- /* @import 'props.counters.css'; */
211- /* @import 'props.highlights.css'; */
212 diff --git a/src/index.js b/src/index.js
213index 6c8d60c..7c00087 100644
214--- a/src/index.js
215+++ b/src/index.js
216 @@ -7,6 +7,8 @@ import Aspects from './props.aspects.js'
217 import Easings from './props.easing.js'
218 import Gradients from './props.gradients.js'
219 import Shadows from './props.shadows.js'
220+ import SVG from './props.svg.js'
221+ import Zindex from './props.zindex.js'
222
223 export default OpenProps = {
224 ...Animations,
225 @@ -16,6 +18,8 @@ export default OpenProps = {
226 ...Borders,
227 ...Aspects,
228 ...Easings,
229+ ...SVG,
230 ...Gradients,
231 ...Shadows,
232+ ...Zindex,
233 }
234\ No newline at end of file
235 diff --git a/src/props.animations.css b/src/props.animations.css
236index 419aac0..9426f28 100644
237--- a/src/props.animations.css
238+++ b/src/props.animations.css
239 @@ -1,20 +1,16 @@
240 :where(html) {
241 --animation-fade-in: op-fade-in .5s var(--ease-3);
242 --animation-fade-out: op-fade-out .5s var(--ease-3);
243-
244 --animation-slide-out-up: op-slide-out-up .5s var(--ease-3);
245 --animation-slide-out-down: op-slide-out-down .5s var(--ease-3);
246 --animation-slide-out-right: op-slide-out-right .5s var(--ease-3);
247 --animation-slide-out-left: op-slide-out-left .5s var(--ease-3);
248-
249 --animation-slide-in-up: op-slide-in-up .5s var(--ease-3);
250 --animation-slide-in-down: op-slide-in-down .5s var(--ease-3);
251 --animation-slide-in-right: op-slide-in-right .5s var(--ease-3);
252 --animation-slide-in-left: op-slide-in-left .5s var(--ease-3);
253-
254 --animation-shake-x: op-shake-x .75s var(--ease-out-5);
255 --animation-shake-y: op-shake-y .75s var(--ease-out-5);
256-
257 --animation-spin: op-spin 2s linear infinite;
258 --animation-ping: op-ping 5s var(--ease-out-3) infinite;
259 --animation-blink: op-blink 1s var(--ease-out-3) infinite;
260 @@ -26,54 +22,56 @@
261 @keyframes op-fade-in {
262 to { opacity: 1 }
263 }
264-
265 @keyframes op-fade-out {
266 to { opacity: 0 }
267 }
268-
269 @keyframes op-slide-out-up {
270 to { transform: translateY(-100%) }
271 }
272-
273 @keyframes op-slide-out-down {
274 to { transform: translateY(100%) }
275 }
276-
277- @keyframes op-slide-out-left {
278- to { transform: translateX(-100%) }
279- }
280-
281 @keyframes op-slide-out-right {
282 to { transform: translateX(100%) }
283 }
284-
285+ @keyframes op-slide-out-left {
286+ to { transform: translateX(-100%) }
287+ }
288 @keyframes op-slide-in-up {
289 from { transform: translateY(100%) }
290 }
291-
292 @keyframes op-slide-in-down {
293 from { transform: translateY(-100%) }
294 }
295-
296+ @keyframes op-slide-in-right {
297+ from { transform: translateX(-100%) }
298+ }
299 @keyframes op-slide-in-left {
300 from { transform: translateX(100%) }
301 }
302-
303- @keyframes op-slide-in-right {
304- from { transform: translateX(-100%) }
305+ @keyframes op-shake-x {
306+ 0%, 100% { transform: translateX(0%) }
307+ 20% { transform: translateX(-5%) }
308+ 40% { transform: translateX(5%) }
309+ 60% { transform: translateX(-5%) }
310+ 80% { transform: translateX(5%) }
311+ }
312+ @keyframes op-shake-y {
313+ 0%, 100% { transform: translateY(0%) }
314+ 20% { transform: translateY(-5%) }
315+ 40% { transform: translateY(5%) }
316+ 60% { transform: translateY(-5%) }
317+ 80% { transform: translateY(5%) }
318 }
319-
320 @keyframes op-spin {
321 to { transform: rotate(1turn) }
322 }
323-
324 @keyframes op-ping {
325 90%, 100% {
326 transform: scale(2);
327 opacity: 0;
328 }
329 }
330-
331 @keyframes op-blink {
332 0%, 100% {
333 opacity: 1
334 @@ -82,33 +80,14 @@
335 opacity: .5
336 }
337 }
338-
339- @keyframes op-shake-x {
340- 0%, 100% { transform: translateX(0%) }
341- 20% { transform: translateX(-5%) }
342- 40% { transform: translateX(5%) }
343- 60% { transform: translateX(-5%) }
344- 80% { transform: translateX(5%) }
345- }
346-
347- @keyframes op-shake-y {
348- 0%, 100% { transform: translateY(0%) }
349- 20% { transform: translateY(-5%) }
350- 40% { transform: translateY(5%) }
351- 60% { transform: translateY(-5%) }
352- 80% { transform: translateY(5%) }
353- }
354-
355 @keyframes op-float {
356 50% { transform: translateY(-25%) }
357 }
358-
359- @keyframes op-pulse {
360- 50% { transform: scale(.9,.9) }
361- }
362-
363 @keyframes op-bounce {
364 25% { transform: translateY(-20%) }
365 40% { transform: translateY(-3%) }
366 0%, 60%,100% { transform: translateY(0) }
367+ }
368+ @keyframes op-pulse {
369+ 50% { transform: scale(.9,.9) }
370 }
371\ No newline at end of file
372 diff --git a/src/props.aspects.css b/src/props.aspects.css
373index d0a796d..a793cd3 100644
374--- a/src/props.aspects.css
375+++ b/src/props.aspects.css
376 @@ -4,6 +4,5 @@
377 --aspect-portrait: 3/4;
378 --aspect-widescreen: 16/9;
379 --aspect-ultrawide: 18/5;
380-
381 --golden-ratio: 1.6180/1;
382 }
383 diff --git a/src/props.borders.css b/src/props.borders.css
384index dffe942..b369f53 100644
385--- a/src/props.borders.css
386+++ b/src/props.borders.css
387 @@ -4,14 +4,12 @@
388 --border-size-3: 5px;
389 --border-size-4: 10px;
390 --border-size-5: 25px;
391-
392 --radii-1: 2px;
393 --radii-2: 5px;
394 --radii-3: 1rem;
395 --radii-4: 2rem;
396 --radii-5: 4rem;
397 --radii-6: 8rem;
398-
399 --radii-round: 1e5px;
400 --radii-blob-1: 30% 70% 70% 30% / 53% 30% 70% 47%;
401 --radii-blob-2: 53% 47% 34% 66% / 63% 46% 54% 37%;
402 diff --git a/src/props.colors.css b/src/props.colors.css
403index 27a70ff..5b6f5c1 100644
404--- a/src/props.colors.css
405+++ b/src/props.colors.css
406 @@ -1,4 +1,3 @@
407- /* generated with props.colors.src.js */
408 :where(html) {
409 --gray-0: #f8f9fa;
410 --gray-1: #f1f3f5;
411 @@ -131,20 +130,3 @@
412 --orange-8: #e8590c;
413 --orange-9: #d9480f;
414 }
415-
416- /* * {
417- --gray-chroma: 0%;
418- --gray-hue: 0deg;
419- --gray-base: var(--gray-chroma) var(--gray-hue);
420- --gray-mid: lch(50% var(--gray-base));
421-
422- --cool-gray-chroma: 20%;
423- --cool-gray-hue: 210deg;
424- --cool-gray-base: var(--cool-gray-chroma) var(--cool-gray-hue);
425- --cool-gray-mid: lch(50% var(--cool-gray-base));
426-
427- --red-chroma: 80%;
428- --red-hue: 0deg;
429- --red-base: var(--red-chroma) var(--red-hue);
430- --red-mid: lch(50% var(--red-base));
431- } */
432 diff --git a/src/props.easing.css b/src/props.easing.css
433index c157ee9..215fadd 100644
434--- a/src/props.easing.css
435+++ b/src/props.easing.css
436 @@ -4,37 +4,31 @@
437 --ease-3: cubic-bezier(.25, 0, .3, 1);
438 --ease-4: cubic-bezier(.25, 0, .2, 1);
439 --ease-5: cubic-bezier(.25, 0, .1, 1);
440-
441 --ease-in-1: cubic-bezier(.25, 0, 1, 1);
442 --ease-in-2: cubic-bezier(.50, 0, 1, 1);
443 --ease-in-3: cubic-bezier(.70, 0, 1, 1);
444 --ease-in-4: cubic-bezier(.90, 0, 1, 1);
445 --ease-in-5: cubic-bezier(1, 0, 1, 1);
446-
447 --ease-out-1: cubic-bezier(0, 0, .75, 1);
448 --ease-out-2: cubic-bezier(0, 0, .50, 1);
449 --ease-out-3: cubic-bezier(0, 0, .3, 1);
450 --ease-out-4: cubic-bezier(0, 0, .1, 1);
451 --ease-out-5: cubic-bezier(0, 0, 0, 1);
452-
453 --ease-inout-1: cubic-bezier(.1, 0, .9, 1);
454 --ease-inout-2: cubic-bezier(.3, 0, .7, 1);
455 --ease-inout-3: cubic-bezier(.5, 0, .5, 1);
456 --ease-inout-4: cubic-bezier(.7, 0, .3, 1);
457 --ease-inout-5: cubic-bezier(.9, 0, .1, 1);
458-
459 --ease-elastic-1: cubic-bezier(.5, .75, .75, 1.25);
460 --ease-elastic-2: cubic-bezier(.5, 1, .75, 1.25);
461 --ease-elastic-3: cubic-bezier(.5, 1.25, .75, 1.25);
462 --ease-elastic-4: cubic-bezier(.5, 1.5, .75, 1.25);
463 --ease-elastic-5: cubic-bezier(.5, 1.75, .75, 1.25);
464-
465 --ease-squish-1: cubic-bezier(.5, -.1, .1, 1.5);
466 --ease-squish-2: cubic-bezier(.5, -.3, .1, 1.5);
467 --ease-squish-3: cubic-bezier(.5, -.5, .1, 1.5);
468 --ease-squish-4: cubic-bezier(.5, -.7, .1, 1.5);
469 --ease-squish-5: cubic-bezier(.5, -.9, .1, 1.5);
470-
471 --ease-step-1: steps(2);
472 --ease-step-2: steps(3);
473 --ease-step-3: steps(4);
474 diff --git a/src/props.fonts.css b/src/props.fonts.css
475index 3315df6..bf050be 100644
476--- a/src/props.fonts.css
477+++ b/src/props.fonts.css
478 @@ -2,7 +2,6 @@
479 --font-sans: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
480 --font-serif: ui-serif,serif;
481 --font-mono: Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;
482-
483 --font-weight-1: 100;
484 --font-weight-2: 200;
485 --font-weight-3: 300;
486 @@ -12,7 +11,6 @@
487 --font-weight-7: 700;
488 --font-weight-8: 800;
489 --font-weight-9: 900;
490-
491 --font-lineheight-00: .95;
492 --font-lineheight-0: 1.1;
493 --font-lineheight-1: 1.25;
494 @@ -20,14 +18,12 @@
495 --font-lineheight-3: 1.5;
496 --font-lineheight-4: 1.75;
497 --font-lineheight-5: 2;
498-
499 --font-relative-lineheight-1: calc(1rem + 1.1ch);
500 --font-relative-lineheight-2: calc(1rem + 1.25ch);
501 --font-relative-lineheight-3: calc(1rem + 1.5ch);
502 --font-relative-lineheight-4: calc(1rem + 2ch);
503 --font-relative-lineheight-5: calc(1rem + 2.5ch);
504 --font-relative-lineheight-6: calc(1rem + 3ch);
505-
506 --font-letterspacing-0: -.05em;
507 --font-letterspacing-1: .025em;
508 --font-letterspacing-2: .050em;
509 @@ -36,7 +32,6 @@
510 --font-letterspacing-5: .500em;
511 --font-letterspacing-6: .750em;
512 --font-letterspacing-7: 1em;
513-
514 --font-size-00: .5rem;
515 --font-size-0: .75rem;
516 --font-size-1: 1rem;
517 @@ -47,7 +42,6 @@
518 --font-size-6: 2.5rem;
519 --font-size-7: 3rem;
520 --font-size-8: 3.5rem;
521-
522 --font-size-fluid-0: clamp(.75rem, 1.5vw, 1rem);
523 --font-size-fluid-1: clamp(1rem, 2vw, 1.5rem);
524 --font-size-fluid-2: clamp(1.5rem, 3vw, 2.5rem);
525 diff --git a/src/props.gradients.css b/src/props.gradients.css
526index e359e45..4cc6cd6 100644
527--- a/src/props.gradients.css
528+++ b/src/props.gradients.css
529 @@ -1,8 +1,5 @@
530- @import 'props.svg.css';
531-
532- * {
533+ :where(html) {
534 --op-gradient-direction: to bottom right;
535-
536 --gradient-1: linear-gradient(var(--op-gradient-direction),#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);
537 --gradient-2: linear-gradient(var(--op-gradient-direction),#48005c, #8300e2, #a269ff);
538 --gradient-3:
539 @@ -56,4 +53,4 @@
540 circle at bottom left,
541 hsl(150 100% 84%), hsl(150 100% 84% / 0%)
542 );
543- }
544\ No newline at end of file
545+ }
546 diff --git a/src/props.shadows.css b/src/props.shadows.css
547index 03fa581..1c36c28 100644
548--- a/src/props.shadows.css
549+++ b/src/props.shadows.css
550 @@ -1,44 +1,32 @@
551- @import "props.media.css";
552-
553 :where(html) {
554 --shadow-color: 220 3% 15%;
555 --shadow-strength: 1%;
556-
557 --shadow-1: 0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
558 --shadow-2:
559 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
560- 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%))
561- ;
562+ 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%));
563 --shadow-3:
564 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
565 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
566 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
567 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
568- 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))
569- ;
570- --shadow-4:
571+ 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));
572+ --shadow-4:
573 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
574 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
575 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
576 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
577 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
578- 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%))
579- ;
580-
581+ 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%));
582 --inner-shadow-0: inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
583 --inner-shadow-1: inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
584 --inner-shadow-2: inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
585 --inner-shadow-3: inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
586 --inner-shadow-4: inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
587-
588- /*
589- --drop-shadow-1: ;
590- --drop-shadow-2: ;
591- --drop-shadow-3: ;
592- */
593-
594- @media (--OSdark) {
595+ }
596+ @media (--OSdark) {
597+ :where(html) {
598 --shadow-strength: 25%;
599 --shadow-color: 220 40% 2%;
600 }
601- }
602+ }
603\ No newline at end of file
604 diff --git a/src/props.sizes.css b/src/props.sizes.css
605index d6124ac..dc323b6 100644
606--- a/src/props.sizes.css
607+++ b/src/props.sizes.css
608 @@ -16,7 +16,6 @@
609 --size-13: 7rem;
610 --size-14: 9rem;
611 --size-15: 10rem;
612-
613 --size-fluid-1: clamp(.5rem, 1vw, 1rem);
614 --size-fluid-2: clamp(1rem, 2vw, 1.5rem);
615 --size-fluid-3: clamp(1.5rem, 3vw, 2rem);
616 @@ -27,11 +26,9 @@
617 --size-fluid-8: clamp(6rem, 8vw, 7rem);
618 --size-fluid-9: clamp(7rem, 9vw, 8rem);
619 --size-fluid-10: clamp(8rem, 10vw, 10rem);
620-
621 --size-content-1: 20ch;
622 --size-content-2: 45ch;
623 --size-content-3: 60ch;
624-
625 --size-header-1: 20ch;
626 --size-header-2: 25ch;
627 --size-header-3: 45rem;
628 diff --git a/src/props.svg.css b/src/props.svg.css
629index b8b8008..c1089b8 100644
630--- a/src/props.svg.css
631+++ b/src/props.svg.css
632 @@ -1,13 +1,11 @@
633 :where(html) {
634 --grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
635-
636 --grain-filter-1: contrast(300%) brightness(100%);
637 --grain-filter-2: contrast(200%) brightness(150%);
638 --grain-filter-3: contrast(200%) brightness(250%);
639 --grain-filter-4: contrast(200%) brightness(500%);
640 --grain-filter-5: contrast(200%) brightness(1000%);
641-
642 --squircle-1: url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 18.75 18.75, 0 75, 0 S 150, 18.75 150, 75 131.25, 150 75, 150 0, 131.25 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E");
643 --squircle-2: url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 13.500000000000004 13.500000000000004, 0 75, 0 S 150, 13.500000000000004 150, 75 136.5, 150 75, 150 0, 136.5 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E");
644 --squircle-3: url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 5.999999999999997 5.999999999999997, 0 75, 0 S 150, 5.999999999999997 150, 75 144, 150 75, 150 0, 144 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E");
645- }
646\ No newline at end of file
647+ }
648 diff --git a/src/props.svg.js b/src/props.svg.js
649new file mode 100644
650index 0000000..3f9b895
651--- /dev/null
652+++ b/src/props.svg.js
653 @@ -0,0 +1,15 @@
654+ const SVG = {
655+ '--grain': `url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`,
656+
657+ '--grain-filter-1': 'contrast(300%) brightness(100%)',
658+ '--grain-filter-2': 'contrast(200%) brightness(150%)',
659+ '--grain-filter-3': 'contrast(200%) brightness(250%)',
660+ '--grain-filter-4': 'contrast(200%) brightness(500%)',
661+ '--grain-filter-5': 'contrast(200%) brightness(1000%)',
662+
663+ '--squircle-1': `url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 18.75 18.75, 0 75, 0 S 150, 18.75 150, 75 131.25, 150 75, 150 0, 131.25 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E")`,
664+ '--squircle-2': `url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 13.500000000000004 13.500000000000004, 0 75, 0 S 150, 13.500000000000004 150, 75 136.5, 150 75, 150 0, 136.5 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E")`,
665+ '--squircle-3': `url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 5.999999999999997 5.999999999999997, 0 75, 0 S 150, 5.999999999999997 150, 75 144, 150 75, 150 0, 144 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E")`,
666+ }
667+
668+ export default SVG
669 diff --git a/src/props.zindex.css b/src/props.zindex.css
670index 426eec8..d6b869c 100644
671--- a/src/props.zindex.css
672+++ b/src/props.zindex.css
673 @@ -5,4 +5,4 @@
674 --layer-4: 4;
675 --layer-5: 5;
676 --layer-important: 2147483647;
677- }
678\ No newline at end of file
679+ }
680 diff --git a/src/props.zindex.js b/src/props.zindex.js
681new file mode 100644
682index 0000000..268b04e
683--- /dev/null
684+++ b/src/props.zindex.js
685 @@ -0,0 +1,10 @@
686+ const Zindex = {
687+ '--layer-1': 1,
688+ '--layer-2': 2,
689+ '--layer-3': 3,
690+ '--layer-4': 4,
691+ '--layer-5': 5,
692+ '--layer-important': 2147483647,
693+ }
694+
695+ export default Zindex