@frosted-ui/colors 0.0.1-canary.48 → 0.0.1-canary.49

package/lemon-lime-alpha.css

@@ -0,0 +1,33 @@
+:root, .light, .light-theme {
+  --lemon-lime-a1: #80aa0006;
+  --lemon-lime-a2: #a5d20011;
+  --lemon-lime-a3: #beee003a;
+  --lemon-lime-a4: #b8e60059;
+  --lemon-lime-a5: #b1d80075;
+  --lemon-lime-a6: #9fc00084;
+  --lemon-lime-a7: #8ca80092;
+  --lemon-lime-a8: #879f00bd;
+  --lemon-lime-a9: #d7f100;
+  --lemon-lime-a10: #cbe400ef;
+  --lemon-lime-a11: #6f7d00;
+  --lemon-lime-a12: #212800e2;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --lemon-lime-a1: color(display-p3 0.5137 0.6745 0.0235 / 0.024);
+      --lemon-lime-a2: color(display-p3 0.6902 0.8157 0.0078 / 0.063);
+      --lemon-lime-a3: color(display-p3 0.7569 0.9255 0.0039 / 0.208);
+      --lemon-lime-a4: color(display-p3 0.7255 0.8784 0.0039 / 0.314);
+      --lemon-lime-a5: color(display-p3 0.6863 0.8196 0.0039 / 0.412);
+      --lemon-lime-a6: color(display-p3 0.6118 0.7176 0.0039 / 0.471);
+      --lemon-lime-a7: color(display-p3 0.5294 0.6196 0 / 0.526);
+      --lemon-lime-a8: color(display-p3 0.4941 0.5765 0 / 0.667);
+      --lemon-lime-a9: color(display-p3 0.8039 0.9137 0 / 0.695);
+      --lemon-lime-a10: color(display-p3 0.7569 0.8549 0 / 0.702);
+      --lemon-lime-a11: color(display-p3 0.3569 0.4078 0 / 0.859);
+      --lemon-lime-a12: color(display-p3 0.1137 0.1373 0 / 0.867);
+    }
+  }
+}

package/lemon-lime-dark-alpha.css

@@ -0,0 +1,33 @@
+.dark, .dark-theme {
+  --lemon-lime-a1: #00910002;
+  --lemon-lime-a2: #bcf40009;
+  --lemon-lime-a3: #d1fb0718;
+  --lemon-lime-a4: #d2fb0025;
+  --lemon-lime-a5: #d8fc0032;
+  --lemon-lime-a6: #ddfd2141;
+  --lemon-lime-a7: #dffe3d53;
+  --lemon-lime-a8: #e2ff4469;
+  --lemon-lime-a9: #e3fe05f5;
+  --lemon-lime-a10: #e5fe51e8;
+  --lemon-lime-a11: #e4fe4ee5;
+  --lemon-lime-a12: #f0feb8f5;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --lemon-lime-a1: color(display-p3 0 0.8549 0 / 0.005);
+      --lemon-lime-a2: color(display-p3 0.7608 0.9922 0 / 0.034);
+      --lemon-lime-a3: color(display-p3 0.8706 0.9961 0.1529 / 0.093);
+      --lemon-lime-a4: color(display-p3 0.8627 1 0.1216 / 0.143);
+      --lemon-lime-a5: color(display-p3 0.8784 1 0.1686 / 0.194);
+      --lemon-lime-a6: color(display-p3 0.8902 0.9961 0.2706 / 0.253);
+      --lemon-lime-a7: color(display-p3 0.902 1 0.3608 / 0.324);
+      --lemon-lime-a8: color(display-p3 0.9059 1 0.3843 / 0.412);
+      --lemon-lime-a9: color(display-p3 0.9176 1 0.3255 / 0.954);
+      --lemon-lime-a10: color(display-p3 0.9216 0.9961 0.4392 / 0.904);
+      --lemon-lime-a11: color(display-p3 0.9216 1 0.4314 / 0.891);
+      --lemon-lime-a12: color(display-p3 0.9529 1 0.7529 / 0.958);
+    }
+  }
+}

package/lemon-lime-dark.css

@@ -0,0 +1,33 @@
+.dark, .dark-theme {
+  --lemon-lime-1: #10120a;
+  --lemon-lime-2: #17190f;
+  --lemon-lime-3: #232710;
+  --lemon-lime-4: #2d330d;
+  --lemon-lime-5: #383f0d;
+  --lemon-lime-6: #454d15;
+  --lemon-lime-7: #545e1f;
+  --lemon-lime-8: #677326;
+  --lemon-lime-9: #dbf505;
+  --lemon-lime-10: #d2e94c;
+  --lemon-lime-11: #cfe648;
+  --lemon-lime-12: #e8f5b2;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --lemon-lime-1: color(display-p3 0.0656 0.0703 0.044);
+      --lemon-lime-2: color(display-p3 0.0916 0.098 0.0617);
+      --lemon-lime-3: color(display-p3 0.1412 0.1537 0.0731);
+      --lemon-lime-4: color(display-p3 0.1825 0.2001 0.0756);
+      --lemon-lime-5: color(display-p3 0.226 0.2481 0.086);
+      --lemon-lime-6: color(display-p3 0.2762 0.3016 0.1182);
+      --lemon-lime-7: color(display-p3 0.3378 0.3671 0.1606);
+      --lemon-lime-8: color(display-p3 0.4128 0.4482 0.1964);
+      --lemon-lime-9: color(display-p3 0.8781 0.9576 0.3125);
+      --lemon-lime-10: color(display-p3 0.842 0.9116 0.4038);
+      --lemon-lime-11: color(display-p3 0.8302 0.8994 0.3913);
+      --lemon-lime-12: color(display-p3 0.9183 0.9596 0.7245);
+    }
+  }
+}

package/lemon-lime.css

@@ -0,0 +1,33 @@
+:root, .light, .light-theme {
+  --lemon-lime-1: #fcfdf9;
+  --lemon-lime-2: #f9fcee;
+  --lemon-lime-3: #f0fbc5;
+  --lemon-lime-4: #e6f6a6;
+  --lemon-lime-5: #dbed8a;
+  --lemon-lime-6: #cdde7b;
+  --lemon-lime-7: #bdcd6d;
+  --lemon-lime-8: #a6b842;
+  --lemon-lime-9: #d7f100;
+  --lemon-lime-10: #cee610;
+  --lemon-lime-11: #6f7d00;
+  --lemon-lime-12: #3a401d;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --lemon-lime-1: color(display-p3 0.9897 0.9925 0.9788);
+      --lemon-lime-2: color(display-p3 0.9782 0.9885 0.9371);
+      --lemon-lime-3: color(display-p3 0.9489 0.9835 0.7941);
+      --lemon-lime-4: color(display-p3 0.9146 0.9617 0.6859);
+      --lemon-lime-5: color(display-p3 0.8728 0.9274 0.5873);
+      --lemon-lime-6: color(display-p3 0.8164 0.8701 0.5296);
+      --lemon-lime-7: color(display-p3 0.7518 0.8027 0.4756);
+      --lemon-lime-8: color(display-p3 0.6642 0.7184 0.3325);
+      --lemon-lime-9: color(display-p3 0.8632 0.9421 0.2941);
+      --lemon-lime-10: color(display-p3 0.8258 0.9005 0.2994);
+      --lemon-lime-11: color(display-p3 0.4463 0.4898 0.1262);
+      --lemon-lime-12: color(display-p3 0.231 0.2493 0.1314);
+    }
+  }
+}

package/lime-green-alpha.css

@@ -0,0 +1,33 @@
+:root, .light, .light-theme {
+  --lime-green-a1: #00cc0005;
+  --lime-green-a2: #16c0000c;
+  --lime-green-a3: #16e20023;
+  --lime-green-a4: #12e00039;
+  --lime-green-a5: #10d30050;
+  --lime-green-a6: #0dc30069;
+  --lime-green-a7: #0ab30089;
+  --lime-green-a8: #03af00bf;
+  --lime-green-a9: #00d612f9;
+  --lime-green-a10: #00cb00;
+  --lime-green-a11: #008600;
+  --lime-green-a12: #013000e7;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --lime-green-a1: color(display-p3 0.2157 0.8039 0.0196 / 0.02);
+      --lime-green-a2: color(display-p3 0.1098 0.7333 0.0196 / 0.044);
+      --lime-green-a3: color(display-p3 0.1882 0.851 0.0078 / 0.13);
+      --lime-green-a4: color(display-p3 0.1725 0.851 0.0039 / 0.208);
+      --lime-green-a5: color(display-p3 0.1647 0.7882 0.0039 / 0.291);
+      --lime-green-a6: color(display-p3 0.149 0.7255 0.0039 / 0.381);
+      --lime-green-a7: color(display-p3 0.1373 0.6627 0.0039 / 0.499);
+      --lime-green-a8: color(display-p3 0.1294 0.6353 0 / 0.675);
+      --lime-green-a9: color(display-p3 0.1608 0.7686 0 / 0.734);
+      --lime-green-a10: color(display-p3 0.1686 0.7216 0 / 0.769);
+      --lime-green-a11: color(display-p3 0.102 0.4392 0 / 0.859);
+      --lime-green-a12: color(display-p3 0.0314 0.1647 0 / 0.887);
+    }
+  }
+}

package/lime-green-dark-alpha.css

@@ -0,0 +1,33 @@
+.dark, .dark-theme {
+  --lime-green-a1: #00bb0003;
+  --lime-green-a2: #29f9120b;
+  --lime-green-a3: #21f91920;
+  --lime-green-a4: #0cfb0730;
+  --lime-green-a5: #22fc223f;
+  --lime-green-a6: #38fd354f;
+  --lime-green-a7: #43fd4061;
+  --lime-green-a8: #45ff4376;
+  --lime-green-a9: #04fe19d5;
+  --lime-green-a10: #00fe00c8;
+  --lime-green-a11: #1eff28db;
+  --lime-green-a12: #b2feadf6;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --lime-green-a1: color(display-p3 0 0.9412 0 / 0.009);
+      --lime-green-a2: color(display-p3 0.3412 0.9804 0.1608 / 0.043);
+      --lime-green-a3: color(display-p3 0.3686 1 0.2 / 0.118);
+      --lime-green-a4: color(display-p3 0.3294 1 0.1765 / 0.181);
+      --lime-green-a5: color(display-p3 0.3961 1 0.2627 / 0.24);
+      --lime-green-a6: color(display-p3 0.4588 1 0.3294 / 0.303);
+      --lime-green-a7: color(display-p3 0.4863 1 0.3608 / 0.374);
+      --lime-green-a8: color(display-p3 0.502 1 0.3804 / 0.454);
+      --lime-green-a9: color(display-p3 0.4549 1 0.3098 / 0.82);
+      --lime-green-a10: color(display-p3 0.451 1 0.2824 / 0.769);
+      --lime-green-a11: color(display-p3 0.4706 1 0.3294 / 0.845);
+      --lime-green-a12: color(display-p3 0.7725 1 0.7137 / 0.954);
+    }
+  }
+}

package/lime-green-dark.css

@@ -0,0 +1,33 @@
+.dark, .dark-theme {
+  --lime-green-1: #0c130b;
+  --lime-green-2: #121b11;
+  --lime-green-3: #132e12;
+  --lime-green-4: #103d0f;
+  --lime-green-5: #154b15;
+  --lime-green-6: #1d5a1c;
+  --lime-green-7: #246b23;
+  --lime-green-8: #297f28;
+  --lime-green-9: #06d718;
+  --lime-green-10: #00cb00;
+  --lime-green-11: #1cdd24;
+  --lime-green-12: #adf6a8;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --lime-green-1: color(display-p3 0.0529 0.075 0.0475);
+      --lime-green-2: color(display-p3 0.0775 0.1066 0.0704);
+      --lime-green-3: color(display-p3 0.1005 0.1769 0.0818);
+      --lime-green-4: color(display-p3 0.1152 0.2353 0.0855);
+      --lime-green-5: color(display-p3 0.1467 0.2898 0.1112);
+      --lime-green-6: color(display-p3 0.1839 0.3473 0.1435);
+      --lime-green-7: color(display-p3 0.2236 0.4142 0.1764);
+      --lime-green-8: color(display-p3 0.2636 0.4926 0.2067);
+      --lime-green-9: color(display-p3 0.3843 0.8306 0.2661);
+      --lime-green-10: color(display-p3 0.3386 0.7852 0.2155);
+      --lime-green-11: color(display-p3 0.4067 0.8532 0.29);
+      --lime-green-12: color(display-p3 0.7388 0.9555 0.686);
+    }
+  }
+}

package/lime-green.css

@@ -0,0 +1,33 @@
+:root, .light, .light-theme {
+  --lime-green-1: #fafefa;
+  --lime-green-2: #f4fcf3;
+  --lime-green-3: #dffbdc;
+  --lime-green-4: #caf8c6;
+  --lime-green-5: #b4f1af;
+  --lime-green-6: #9be696;
+  --lime-green-7: #7bd676;
+  --lime-green-8: #42c340;
+  --lime-green-9: #06d718;
+  --lime-green-10: #00cb00;
+  --lime-green-11: #008600;
+  --lime-green-12: #194318;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --lime-green-1: color(display-p3 0.9836 0.9961 0.9805);
+      --lime-green-2: color(display-p3 0.9614 0.9862 0.9553);
+      --lime-green-3: color(display-p3 0.8945 0.9821 0.8729);
+      --lime-green-4: color(display-p3 0.8269 0.9657 0.7927);
+      --lime-green-5: color(display-p3 0.7545 0.9369 0.7099);
+      --lime-green-6: color(display-p3 0.6723 0.8927 0.6185);
+      --lime-green-7: color(display-p3 0.5673 0.8305 0.5032);
+      --lime-green-8: color(display-p3 0.4126 0.7539 0.3277);
+      --lime-green-9: color(display-p3 0.3843 0.8306 0.2661);
+      --lime-green-10: color(display-p3 0.3386 0.7852 0.2155);
+      --lime-green-11: color(display-p3 0.2169 0.5168 0.1352);
+      --lime-green-12: color(display-p3 0.1424 0.2578 0.1142);
+    }
+  }
+}

package/magenta-alpha.css

@@ -0,0 +1,33 @@
+:root, .light, .light-theme {
+  --magenta-a1: #ff005503;
+  --magenta-a2: #ff005509;
+  --magenta-a3: #ff005518;
+  --magenta-a4: #ff005826;
+  --magenta-a5: #ff005235;
+  --magenta-a6: #f4004e45;
+  --magenta-a7: #e0004859;
+  --magenta-a8: #d5004a73;
+  --magenta-a9: #ff008d;
+  --magenta-a10: #ef0081;
+  --magenta-a11: #d40070;
+  --magenta-a12: #6b0037;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --magenta-a1: color(display-p3 0.6745 0.0235 0.349 / 0.012);
+      --magenta-a2: color(display-p3 0.7843 0.0235 0.349 / 0.036);
+      --magenta-a3: color(display-p3 0.8314 0.0118 0.3137 / 0.091);
+      --magenta-a4: color(display-p3 0.8392 0.0078 0.3294 / 0.146);
+      --magenta-a5: color(display-p3 0.8431 0 0.2941 / 0.2);
+      --magenta-a6: color(display-p3 0.8039 0.0039 0.2588 / 0.259);
+      --magenta-a7: color(display-p3 0.7451 0.0039 0.2471 / 0.338);
+      --magenta-a8: color(display-p3 0.7098 0.0039 0.2471 / 0.432);
+      --magenta-a9: color(display-p3 0.898 0 0.4314 / 0.8);
+      --magenta-a10: color(display-p3 0.8275 0 0.3882 / 0.816);
+      --magenta-a11: color(display-p3 0.7137 0 0.3255 / 0.84);
+      --magenta-a12: color(display-p3 0.3451 0 0.1608 / 0.942);
+    }
+  }
+}

package/magenta-dark-alpha.css

@@ -0,0 +1,33 @@
+.dark, .dark-theme {
+  --magenta-a1: #f1001208;
+  --magenta-a2: #f4206612;
+  --magenta-a3: #fb0c6c30;
+  --magenta-a4: #ff006c49;
+  --magenta-a5: #ff00775a;
+  --magenta-a6: #fd1d846d;
+  --magenta-a7: #fe368d8a;
+  --magenta-a8: #fe3a92b8;
+  --magenta-a9: #ff008d;
+  --magenta-a10: #ff0089ef;
+  --magenta-a11: #ff89b8;
+  --magenta-a12: #ffcfe0;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --magenta-a1: color(display-p3 0.9608 0 0.0667 / 0.022);
+      --magenta-a2: color(display-p3 1 0.2 0.4667 / 0.059);
+      --magenta-a3: color(display-p3 1 0.1176 0.4745 / 0.164);
+      --magenta-a4: color(display-p3 0.9961 0 0.4549 / 0.253);
+      --magenta-a5: color(display-p3 0.9961 0.0784 0.502 / 0.316);
+      --magenta-a6: color(display-p3 1 0.2118 0.5608 / 0.383);
+      --magenta-a7: color(display-p3 1 0.298 0.5961 / 0.488);
+      --magenta-a8: color(display-p3 1 0.3176 0.6157 / 0.656);
+      --magenta-a9: color(display-p3 1 0.2157 0.5922 / 0.912);
+      --magenta-a10: color(display-p3 1 0.2078 0.5804 / 0.853);
+      --magenta-a11: color(display-p3 1 0.5961 0.7647 / 0.933);
+      --magenta-a12: color(display-p3 0.9961 0.8431 0.902 / 0.967);
+    }
+  }
+}

package/magenta-dark.css

@@ -0,0 +1,33 @@
+.dark, .dark-theme {
+  --magenta-1: #180e11;
+  --magenta-2: #211217;
+  --magenta-3: #3d1022;
+  --magenta-4: #55012b;
+  --magenta-5: #650635;
+  --magenta-6: #761642;
+  --magenta-7: #912554;
+  --magenta-8: #bc2f6e;
+  --magenta-9: #ff008d;
+  --magenta-10: #f00081;
+  --magenta-11: #ff89b8;
+  --magenta-12: #ffcfe0;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --magenta-1: color(display-p3 0.0869 0.0558 0.066);
+      --magenta-2: color(display-p3 0.1221 0.0724 0.0894);
+      --magenta-3: color(display-p3 0.2188 0.074 0.133);
+      --magenta-4: color(display-p3 0.3021 0.0442 0.1671);
+      --magenta-5: color(display-p3 0.3605 0.0696 0.2057);
+      --magenta-6: color(display-p3 0.4246 0.1213 0.2555);
+      --magenta-7: color(display-p3 0.5232 0.1797 0.327);
+      --magenta-8: color(display-p3 0.6796 0.233 0.4267);
+      --magenta-9: color(display-p3 0.9175 0.2003 0.5465);
+      --magenta-10: color(display-p3 0.8614 0.1183 0.4996);
+      --magenta-11: color(display-p3 1 0.5058 0.7167);
+      --magenta-12: color(display-p3 0.9986 0.8207 0.8777);
+    }
+  }
+}

package/magenta.css

@@ -0,0 +1,33 @@
+:root, .light, .light-theme {
+  --magenta-1: #fffcfd;
+  --magenta-2: #fff6f9;
+  --magenta-3: #ffe7ef;
+  --magenta-4: #ffd9e6;
+  --magenta-5: #ffcadb;
+  --magenta-6: #fcbacf;
+  --magenta-7: #f4a6bf;
+  --magenta-8: #ec8cad;
+  --magenta-9: #ff008d;
+  --magenta-10: #ef0081;
+  --magenta-11: #d40070;
+  --magenta-12: #6b0037;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --magenta-1: color(display-p3 0.9996 0.9883 0.9916);
+      --magenta-2: color(display-p3 0.9948 0.9673 0.9755);
+      --magenta-3: color(display-p3 0.9991 0.9113 0.9382);
+      --magenta-4: color(display-p3 0.9933 0.8568 0.8996);
+      --magenta-5: color(display-p3 0.9765 0.8008 0.8571);
+      --magenta-6: color(display-p3 0.9485 0.7399 0.8082);
+      --magenta-7: color(display-p3 0.9129 0.664 0.7479);
+      --magenta-8: color(display-p3 0.8739 0.5664 0.6751);
+      --magenta-9: color(display-p3 0.9175 0.2003 0.5465);
+      --magenta-10: color(display-p3 0.8588 0.1293 0.4997);
+      --magenta-11: color(display-p3 0.7746 0 0.4344);
+      --magenta-12: color(display-p3 0.3807 0.0555 0.2136);
+    }
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@frosted-ui/colors",
   "private": false,
-  "version": "0.0.1-canary.48",
+  "version": "0.0.1-canary.49",
   "license": "MIT",
   "description": "Frosted UI Colors",
   "main": "index.js",
@@ -24,7 +24,7 @@
     "typescript": "^4.2.4"
   },
   "scripts": {
-    "build": "pnpm clean && pnpm install && pnpm rollup -c && pnpm build-css-modules",
+    "build": "pnpm clean && pnpm rollup -c && pnpm build-css-modules",
     "build-css-modules": "node ./scripts/build-css-modules.js",
     "clean": "rm -f *.css index.js index.mjs",
     "release": "turbo-module publish"