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

package/.turbo/turbo-build.log

@@ -1,17 +1,14 @@
 
 > @frosted-ui/colors@0.0.0 build /home/runner/work/frosted-ui/frosted-ui/packages/frosted-ui-colors
-> pnpm clean && pnpm install && pnpm rollup -c && pnpm build-css-modules
+> pnpm clean && pnpm rollup -c && pnpm build-css-modules
 
 
 > @frosted-ui/colors@0.0.0 clean /home/runner/work/frosted-ui/frosted-ui/packages/frosted-ui-colors
 > rm -f *.css index.js index.mjs
 
-Scope: all 10 workspace projects
-
-Done in 2.5s
 
 src/index.ts → index.js, index.mjs...
-created index.js, index.mjs in 1.4s
+created index.js, index.mjs in 1.9s
 
 > @frosted-ui/colors@0.0.0 build-css-modules /home/runner/work/frosted-ui/frosted-ui/packages/frosted-ui-colors
 > node ./scripts/build-css-modules.js

package/byzantine-blue-alpha.css

@@ -0,0 +1,33 @@
+:root, .light, .light-theme {
+  --byzantine-blue-a1: #00008002;
+  --byzantine-blue-a2: #0072ff09;
+  --byzantine-blue-a3: #005aff14;
+  --byzantine-blue-a4: #0062ff22;
+  --byzantine-blue-a5: #0064ff33;
+  --byzantine-blue-a6: #0064ff48;
+  --byzantine-blue-a7: #0056fa5f;
+  --byzantine-blue-a8: #0052ec81;
+  --byzantine-blue-a9: #0043d4e8;
+  --byzantine-blue-a10: #003fc6fa;
+  --byzantine-blue-a11: #0040c7d9;
+  --byzantine-blue-a12: #001a50e9;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --byzantine-blue-a1: color(display-p3 0.0196 0.0196 0.5098 / 0.008);
+      --byzantine-blue-a2: color(display-p3 0.0196 0.3882 0.8784 / 0.032);
+      --byzantine-blue-a3: color(display-p3 0.0078 0.3216 0.949 / 0.075);
+      --byzantine-blue-a4: color(display-p3 0.0078 0.349 0.9412 / 0.126);
+      --byzantine-blue-a5: color(display-p3 0.0039 0.3255 0.9373 / 0.185);
+      --byzantine-blue-a6: color(display-p3 0.0039 0.3294 0.9412 / 0.263);
+      --byzantine-blue-a7: color(display-p3 0.0039 0.2824 0.9216 / 0.35);
+      --byzantine-blue-a8: color(display-p3 0.0039 0.2667 0.8706 / 0.475);
+      --byzantine-blue-a9: color(display-p3 0 0.1922 0.7804 / 0.836);
+      --byzantine-blue-a10: color(display-p3 0 0.1725 0.7216 / 0.895);
+      --byzantine-blue-a11: color(display-p3 0 0.1922 0.7294 / 0.797);
+      --byzantine-blue-a12: color(display-p3 0 0.0745 0.2824 / 0.891);
+    }
+  }
+}

package/byzantine-blue-dark-alpha.css

@@ -0,0 +1,33 @@
+.dark, .dark-theme {
+  --byzantine-blue-a1: #0012fd0d;
+  --byzantine-blue-a2: #0051fb18;
+  --byzantine-blue-a3: #1161fd40;
+  --byzantine-blue-a4: #1a65fd5c;
+  --byzantine-blue-a5: #256cfd70;
+  --byzantine-blue-a6: #3576ff82;
+  --byzantine-blue-a7: #3d7cfe98;
+  --byzantine-blue-a8: #407effb4;
+  --byzantine-blue-a9: #1861fed6;
+  --byzantine-blue-a10: #0253ffc3;
+  --byzantine-blue-a11: #88b5ff;
+  --byzantine-blue-a12: #d1e2ff;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --byzantine-blue-a1: color(display-p3 0 0.0667 0.9882 / 0.047);
+      --byzantine-blue-a2: color(display-p3 0.0667 0.3333 0.9922 / 0.089);
+      --byzantine-blue-a3: color(display-p3 0.1529 0.4 1 / 0.236);
+      --byzantine-blue-a4: color(display-p3 0.1843 0.4039 1 / 0.341);
+      --byzantine-blue-a5: color(display-p3 0.2275 0.4314 1 / 0.421);
+      --byzantine-blue-a6: color(display-p3 0.2745 0.4667 1 / 0.488);
+      --byzantine-blue-a7: color(display-p3 0.3098 0.502 1 / 0.572);
+      --byzantine-blue-a8: color(display-p3 0.3216 0.5059 1 / 0.681);
+      --byzantine-blue-a9: color(display-p3 0.1922 0.3922 1 / 0.803);
+      --byzantine-blue-a10: color(display-p3 0.1216 0.3294 1 / 0.736);
+      --byzantine-blue-a11: color(display-p3 0.5843 0.7255 1 / 0.975);
+      --byzantine-blue-a12: color(display-p3 0.8431 0.8941 1 / 0.988);
+    }
+  }
+}

package/byzantine-blue-dark.css

@@ -0,0 +1,33 @@
+.dark, .dark-theme {
+  --byzantine-blue-1: #0b111d;
+  --byzantine-blue-2: #0f1727;
+  --byzantine-blue-3: #11254c;
+  --byzantine-blue-4: #142f66;
+  --byzantine-blue-5: #1a3979;
+  --byzantine-blue-6: #23448a;
+  --byzantine-blue-7: #2b519e;
+  --byzantine-blue-8: #325eb9;
+  --byzantine-blue-9: #1754d8;
+  --byzantine-blue-10: #0543c7;
+  --byzantine-blue-11: #88b5ff;
+  --byzantine-blue-12: #d1e2ff;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --byzantine-blue-1: color(display-p3 0.0465 0.0657 0.1105);
+      --byzantine-blue-2: color(display-p3 0.0663 0.0906 0.1476);
+      --byzantine-blue-3: color(display-p3 0.0859 0.1415 0.2862);
+      --byzantine-blue-4: color(display-p3 0.1043 0.1801 0.3856);
+      --byzantine-blue-5: color(display-p3 0.1332 0.2211 0.4586);
+      --byzantine-blue-6: color(display-p3 0.1682 0.2649 0.5215);
+      --byzantine-blue-7: color(display-p3 0.2045 0.3132 0.5992);
+      --byzantine-blue-8: color(display-p3 0.2392 0.3661 0.7024);
+      --byzantine-blue-9: color(display-p3 0.1632 0.3246 0.8163);
+      --byzantine-blue-10: color(display-p3 0.108 0.2592 0.7498);
+      --byzantine-blue-11: color(display-p3 0.5682 0.7055 1);
+      --byzantine-blue-12: color(display-p3 0.8327 0.8855 1);
+    }
+  }
+}

package/byzantine-blue.css

@@ -0,0 +1,33 @@
+:root, .light, .light-theme {
+  --byzantine-blue-1: #fdfdfe;
+  --byzantine-blue-2: #f6faff;
+  --byzantine-blue-3: #ebf2ff;
+  --byzantine-blue-4: #ddeaff;
+  --byzantine-blue-5: #cce0ff;
+  --byzantine-blue-6: #b7d3ff;
+  --byzantine-blue-7: #a0c0fd;
+  --byzantine-blue-8: #7ea7f5;
+  --byzantine-blue-9: #1754d8;
+  --byzantine-blue-10: #0543c7;
+  --byzantine-blue-11: #265ccf;
+  --byzantine-blue-12: #162e5f;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --byzantine-blue-1: color(display-p3 0.9907 0.9925 0.9965);
+      --byzantine-blue-2: color(display-p3 0.9679 0.9781 0.9997);
+      --byzantine-blue-3: color(display-p3 0.9281 0.9496 0.9956);
+      --byzantine-blue-4: color(display-p3 0.8754 0.9169 1);
+      --byzantine-blue-5: color(display-p3 0.8137 0.8753 1);
+      --byzantine-blue-6: color(display-p3 0.7387 0.8226 1);
+      --byzantine-blue-7: color(display-p3 0.6508 0.7498 0.9743);
+      --byzantine-blue-8: color(display-p3 0.5268 0.6493 0.9375);
+      --byzantine-blue-9: color(display-p3 0.1632 0.3246 0.8163);
+      --byzantine-blue-10: color(display-p3 0.108 0.2592 0.7498);
+      --byzantine-blue-11: color(display-p3 0.2053 0.3558 0.7842);
+      --byzantine-blue-12: color(display-p3 0.1088 0.1781 0.3608);
+    }
+  }
+}

package/dragon-fire-alpha.css

@@ -0,0 +1,33 @@
+:root, .light, .light-theme {
+  --dragon-fire-a1: #ff400004;
+  --dragon-fire-a2: #ff46000b;
+  --dragon-fire-a3: #ff39001b;
+  --dragon-fire-a4: #ff400034;
+  --dragon-fire-a5: #ff3e0047;
+  --dragon-fire-a6: #ff3b005c;
+  --dragon-fire-a7: #ff320072;
+  --dragon-fire-a8: #f12e0091;
+  --dragon-fire-a9: #fa3500e9;
+  --dragon-fire-a10: #ec3400;
+  --dragon-fire-a11: #dd2400;
+  --dragon-fire-a12: #4e0e00e7;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --dragon-fire-a1: color(display-p3 0.7569 0.2667 0.0235 / 0.016);
+      --dragon-fire-a2: color(display-p3 0.9137 0.2902 0.0196 / 0.044);
+      --dragon-fire-a3: color(display-p3 0.8471 0.2314 0.0039 / 0.102);
+      --dragon-fire-a4: color(display-p3 0.8824 0.2471 0.0078 / 0.197);
+      --dragon-fire-a5: color(display-p3 0.8863 0.2392 0.0039 / 0.267);
+      --dragon-fire-a6: color(display-p3 0.8745 0.2314 0.0039 / 0.346);
+      --dragon-fire-a7: color(display-p3 0.8824 0.1961 0.0039 / 0.428);
+      --dragon-fire-a8: color(display-p3 0.8353 0.1882 0 / 0.546);
+      --dragon-fire-a9: color(display-p3 0.8863 0.1843 0 / 0.816);
+      --dragon-fire-a10: color(display-p3 0.8275 0.1608 0 / 0.863);
+      --dragon-fire-a11: color(display-p3 0.7686 0.1176 0 / 0.879);
+      --dragon-fire-a12: color(display-p3 0.2627 0.0549 0 / 0.891);
+    }
+  }
+}

package/dragon-fire-dark-alpha.css

@@ -0,0 +1,33 @@
+.dark, .dark-theme {
+  --dragon-fire-a1: #ec000007;
+  --dragon-fire-a2: #ff44220f;
+  --dragon-fire-a3: #ff28002d;
+  --dragon-fire-a4: #fe0e0046;
+  --dragon-fire-a5: #ff230058;
+  --dragon-fire-a6: #ff401469;
+  --dragon-fire-a7: #ff583183;
+  --dragon-fire-a8: #ff5d39af;
+  --dragon-fire-a9: #ff4716fa;
+  --dragon-fire-a10: #ff3a00ea;
+  --dragon-fire-a11: #ff9275;
+  --dragon-fire-a12: #ffd2c6;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --dragon-fire-a1: color(display-p3 0.9608 0 0 / 0.022);
+      --dragon-fire-a2: color(display-p3 0.9922 0.298 0.1451 / 0.051);
+      --dragon-fire-a3: color(display-p3 1 0.2196 0.0196 / 0.156);
+      --dragon-fire-a4: color(display-p3 1 0.149 0 / 0.244);
+      --dragon-fire-a5: color(display-p3 1 0.2196 0.0196 / 0.311);
+      --dragon-fire-a6: color(display-p3 1 0.3294 0.149 / 0.374);
+      --dragon-fire-a7: color(display-p3 1 0.4118 0.2588 / 0.471);
+      --dragon-fire-a8: color(display-p3 1 0.4353 0.2941 / 0.631);
+      --dragon-fire-a9: color(display-p3 0.9961 0.3608 0.1961 / 0.9);
+      --dragon-fire-a10: color(display-p3 1 0.3176 0.149 / 0.837);
+      --dragon-fire-a11: color(display-p3 1 0.6275 0.5137 / 0.937);
+      --dragon-fire-a12: color(display-p3 1 0.8549 0.8078 / 0.971);
+    }
+  }
+}

package/dragon-fire-dark.css

@@ -0,0 +1,33 @@
+.dark, .dark-theme {
+  --dragon-fire-1: #170f0d;
+  --dragon-fire-2: #1f1412;
+  --dragon-fire-3: #3b150c;
+  --dragon-fire-4: #521002;
+  --dragon-fire-5: #631704;
+  --dragon-fire-6: #732412;
+  --dragon-fire-7: #8b3521;
+  --dragon-fire-8: #b4452c;
+  --dragon-fire-9: #fa4616;
+  --dragon-fire-10: #eb3600;
+  --dragon-fire-11: #ff9275;
+  --dragon-fire-12: #ffd2c6;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --dragon-fire-1: color(display-p3 0.0838 0.06 0.0528);
+      --dragon-fire-2: color(display-p3 0.1165 0.0814 0.0709);
+      --dragon-fire-3: color(display-p3 0.2127 0.0912 0.0582);
+      --dragon-fire-4: color(display-p3 0.2949 0.0848 0.0301);
+      --dragon-fire-5: color(display-p3 0.3542 0.1132 0.0498);
+      --dragon-fire-6: color(display-p3 0.4147 0.164 0.098);
+      --dragon-fire-7: color(display-p3 0.5064 0.2289 0.1549);
+      --dragon-fire-8: color(display-p3 0.6542 0.2998 0.2054);
+      --dragon-fire-9: color(display-p3 0.9049 0.3335 0.1831);
+      --dragon-fire-10: color(display-p3 0.8499 0.2787 0.124);
+      --dragon-fire-11: color(display-p3 1 0.5537 0.4215);
+      --dragon-fire-12: color(display-p3 0.9711 0.8289 0.7855);
+    }
+  }
+}

package/dragon-fire.css

@@ -0,0 +1,33 @@
+:root, .light, .light-theme {
+  --dragon-fire-1: #fffcfb;
+  --dragon-fire-2: #fff7f4;
+  --dragon-fire-3: #ffeae4;
+  --dragon-fire-4: #ffd8cb;
+  --dragon-fire-5: #ffc9b8;
+  --dragon-fire-6: #ffb8a3;
+  --dragon-fire-7: #ffa38d;
+  --dragon-fire-8: #f7886e;
+  --dragon-fire-9: #fa4616;
+  --dragon-fire-10: #ec3400;
+  --dragon-fire-11: #dd2400;
+  --dragon-fire-12: #5f2518;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --dragon-fire-1: color(display-p3 0.9978 0.9885 0.9856);
+      --dragon-fire-2: color(display-p3 0.9992 0.9689 0.9596);
+      --dragon-fire-3: color(display-p3 1 0.9209 0.8965);
+      --dragon-fire-4: color(display-p3 1 0.8524 0.8);
+      --dragon-fire-5: color(display-p3 1 0.7925 0.724);
+      --dragon-fire-6: color(display-p3 0.9936 0.7338 0.6567);
+      --dragon-fire-7: color(display-p3 0.9501 0.6574 0.572);
+      --dragon-fire-8: color(display-p3 0.9107 0.5559 0.4555);
+      --dragon-fire-9: color(display-p3 0.9049 0.3335 0.1831);
+      --dragon-fire-10: color(display-p3 0.8535 0.2731 0.1143);
+      --dragon-fire-11: color(display-p3 0.7978 0.2236 0.0507);
+      --dragon-fire-12: color(display-p3 0.3453 0.1605 0.1105);
+    }
+  }
+}

package/electric-indigo-alpha.css

@@ -0,0 +1,33 @@
+:root, .light, .light-theme {
+  --electric-indigo-a1: #0000ff02;
+  --electric-indigo-a2: #0020ff08;
+  --electric-indigo-a3: #0000ff0f;
+  --electric-indigo-a4: #0000ff1a;
+  --electric-indigo-a5: #0000ff25;
+  --electric-indigo-a6: #0000ff34;
+  --electric-indigo-a7: #0b01ff4a;
+  --electric-indigo-a8: #1601ff6a;
+  --electric-indigo-a9: #5300f7e7;
+  --electric-indigo-a10: #5800e6;
+  --electric-indigo-a11: #4200eed1;
+  --electric-indigo-a12: #180069e6;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --electric-indigo-a1: color(display-p3 0.0196 0.0196 1 / 0.008);
+      --electric-indigo-a2: color(display-p3 0.0196 0.1451 0.8784 / 0.032);
+      --electric-indigo-a3: color(display-p3 0.0039 0.0039 0.9373 / 0.059);
+      --electric-indigo-a4: color(display-p3 0.0039 0.0039 0.9255 / 0.102);
+      --electric-indigo-a5: color(display-p3 0.0078 0.0078 0.9216 / 0.146);
+      --electric-indigo-a6: color(display-p3 0.0039 0.0039 0.9255 / 0.204);
+      --electric-indigo-a7: color(display-p3 0.0314 0.0039 0.9333 / 0.291);
+      --electric-indigo-a8: color(display-p3 0.0706 0.0039 0.9373 / 0.416);
+      --electric-indigo-a9: color(display-p3 0.2706 0 0.9255 / 0.883);
+      --electric-indigo-a10: color(display-p3 0.2824 0 0.8588 / 0.957);
+      --electric-indigo-a11: color(display-p3 0.2157 0 0.8902 / 0.808);
+      --electric-indigo-a12: color(display-p3 0.0784 0 0.3882 / 0.899);
+    }
+  }
+}

package/electric-indigo-dark-alpha.css

@@ -0,0 +1,33 @@
+.dark, .dark-theme {
+  --electric-indigo-a1: #0000ff0f;
+  --electric-indigo-a2: #3f2dfe1c;
+  --electric-indigo-a3: #5230ff4b;
+  --electric-indigo-a4: #571fff72;
+  --electric-indigo-a5: #6030ff85;
+  --electric-indigo-a6: #6741ff95;
+  --electric-indigo-a7: #6e4cffae;
+  --electric-indigo-a8: #704ffed4;
+  --electric-indigo-a9: #6619fff8;
+  --electric-indigo-a10: #6000fee5;
+  --electric-indigo-a11: #ada8ff;
+  --electric-indigo-a12: #ddddff;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --electric-indigo-a1: color(display-p3 0 0 0.9961 / 0.055);
+      --electric-indigo-a2: color(display-p3 0.2627 0.1843 1 / 0.101);
+      --electric-indigo-a3: color(display-p3 0.3059 0.1922 1 / 0.282);
+      --electric-indigo-a4: color(display-p3 0.3255 0.1333 1 / 0.425);
+      --electric-indigo-a5: color(display-p3 0.3529 0.1961 0.9961 / 0.5);
+      --electric-indigo-a6: color(display-p3 0.4 0.2706 1 / 0.559);
+      --electric-indigo-a7: color(display-p3 0.4275 0.3137 1 / 0.652);
+      --electric-indigo-a8: color(display-p3 0.4392 0.3294 1 / 0.795);
+      --electric-indigo-a9: color(display-p3 0.3804 0.1216 1 / 0.929);
+      --electric-indigo-a10: color(display-p3 0.3569 0.0431 1 / 0.858);
+      --electric-indigo-a11: color(display-p3 0.6902 0.6745 1 / 0.975);
+      --electric-indigo-a12: color(display-p3 0.8784 0.8784 1 / 0.988);
+    }
+  }
+}

package/electric-indigo-dark.css

@@ -0,0 +1,33 @@
+.dark, .dark-theme {
+  --electric-indigo-1: #100f1f;
+  --electric-indigo-2: #16142b;
+  --electric-indigo-3: #241a57;
+  --electric-indigo-4: #30177b;
+  --electric-indigo-5: #3a218d;
+  --electric-indigo-6: #432d9c;
+  --electric-indigo-7: #5039b3;
+  --electric-indigo-8: #6045d6;
+  --electric-indigo-9: #6318f8;
+  --electric-indigo-10: #5800e6;
+  --electric-indigo-11: #ada8ff;
+  --electric-indigo-12: #ddf;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --electric-indigo-1: color(display-p3 0.0604 0.0576 0.1185);
+      --electric-indigo-2: color(display-p3 0.0833 0.0784 0.163);
+      --electric-indigo-3: color(display-p3 0.1353 0.1026 0.326);
+      --electric-indigo-4: color(display-p3 0.176 0.0967 0.4632);
+      --electric-indigo-5: color(display-p3 0.2121 0.1331 0.5303);
+      --electric-indigo-6: color(display-p3 0.251 0.1807 0.5884);
+      --electric-indigo-7: color(display-p3 0.3001 0.2284 0.6756);
+      --electric-indigo-8: color(display-p3 0.3613 0.2735 0.8079);
+      --electric-indigo-9: color(display-p3 0.3562 0.1176 0.9345);
+      --electric-indigo-10: color(display-p3 0.309 0 0.8658);
+      --electric-indigo-11: color(display-p3 0.6727 0.6534 1);
+      --electric-indigo-12: color(display-p3 0.8675 0.8681 1);
+    }
+  }
+}

package/electric-indigo.css

@@ -0,0 +1,33 @@
+:root, .light, .light-theme {
+  --electric-indigo-1: #fdfdff;
+  --electric-indigo-2: #f7f8ff;
+  --electric-indigo-3: #f0f0ff;
+  --electric-indigo-4: #e5e5ff;
+  --electric-indigo-5: #dadaff;
+  --electric-indigo-6: #cbcbff;
+  --electric-indigo-7: #b8b5ff;
+  --electric-indigo-8: #9e95ff;
+  --electric-indigo-9: #6318f8;
+  --electric-indigo-10: #5800e6;
+  --electric-indigo-11: #642ef1;
+  --electric-indigo-12: #2f1978;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --electric-indigo-1: color(display-p3 0.9914 0.9917 1);
+      --electric-indigo-2: color(display-p3 0.9707 0.9716 1);
+      --electric-indigo-3: color(display-p3 0.9408 0.9422 1);
+      --electric-indigo-4: color(display-p3 0.8983 0.8995 1);
+      --electric-indigo-5: color(display-p3 0.8524 0.8522 1);
+      --electric-indigo-6: color(display-p3 0.7953 0.7919 1);
+      --electric-indigo-7: color(display-p3 0.7161 0.7042 1);
+      --electric-indigo-8: color(display-p3 0.6117 0.5789 1);
+      --electric-indigo-9: color(display-p3 0.3562 0.1176 0.9345);
+      --electric-indigo-10: color(display-p3 0.309 0 0.8658);
+      --electric-indigo-11: color(display-p3 0.3639 0.1927 0.9095);
+      --electric-indigo-12: color(display-p3 0.1733 0.1009 0.451);
+    }
+  }
+}