@frosted-ui/colors 0.0.1-canary.48

package/types/whiteA.d.ts

@@ -0,0 +1,28 @@
+export declare const whiteA: {
+    whiteA1: string;
+    whiteA2: string;
+    whiteA3: string;
+    whiteA4: string;
+    whiteA5: string;
+    whiteA6: string;
+    whiteA7: string;
+    whiteA8: string;
+    whiteA9: string;
+    whiteA10: string;
+    whiteA11: string;
+    whiteA12: string;
+};
+export declare const whiteP3A: {
+    whiteA1: string;
+    whiteA2: string;
+    whiteA3: string;
+    whiteA4: string;
+    whiteA5: string;
+    whiteA6: string;
+    whiteA7: string;
+    whiteA8: string;
+    whiteA9: string;
+    whiteA10: string;
+    whiteA11: string;
+    whiteA12: string;
+};

package/violet-alpha.css

@@ -0,0 +1,33 @@
+:root, .light, .light-theme {
+  --violet-a1: #5500aa03;
+  --violet-a2: #4900ff07;
+  --violet-a3: #4400ee0f;
+  --violet-a4: #4300ff1b;
+  --violet-a5: #3600ff26;
+  --violet-a6: #3100fb35;
+  --violet-a7: #2d01dd4a;
+  --violet-a8: #2b00d066;
+  --violet-a9: #2400b7a9;
+  --violet-a10: #2300abb2;
+  --violet-a11: #1f0099af;
+  --violet-a12: #0b0043d9;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --violet-a1: color(display-p3 0.349 0.024 0.675 / 0.012);
+      --violet-a2: color(display-p3 0.161 0.024 0.863 / 0.028);
+      --violet-a3: color(display-p3 0.204 0.004 0.871 / 0.059);
+      --violet-a4: color(display-p3 0.196 0.004 1 / 0.102);
+      --violet-a5: color(display-p3 0.165 0.008 1 / 0.15);
+      --violet-a6: color(display-p3 0.153 0.004 0.906 / 0.208);
+      --violet-a7: color(display-p3 0.141 0.004 0.796 / 0.287);
+      --violet-a8: color(display-p3 0.133 0.004 0.753 / 0.397);
+      --violet-a9: color(display-p3 0.114 0 0.675 / 0.659);
+      --violet-a10: color(display-p3 0.11 0 0.627 / 0.695);
+      --violet-a11: color(display-p3 0.383 0.317 0.702);
+      --violet-a12: color(display-p3 0.179 0.15 0.359);
+    }
+  }
+}

package/violet-dark-alpha.css

@@ -0,0 +1,33 @@
+.dark, .dark-theme {
+  --violet-a1: #4422ff0f;
+  --violet-a2: #853ff916;
+  --violet-a3: #8354fe36;
+  --violet-a4: #7d51fd50;
+  --violet-a5: #845ffd5f;
+  --violet-a6: #8f6cfd6d;
+  --violet-a7: #9879ff83;
+  --violet-a8: #977dfea8;
+  --violet-a9: #8668ffcc;
+  --violet-a10: #9176fed7;
+  --violet-a11: #baa7ff;
+  --violet-a12: #e3defffe;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --violet-a1: color(display-p3 0.282 0.141 0.996 / 0.055);
+      --violet-a2: color(display-p3 0.51 0.263 1 / 0.08);
+      --violet-a3: color(display-p3 0.494 0.337 0.996 / 0.202);
+      --violet-a4: color(display-p3 0.49 0.345 1 / 0.299);
+      --violet-a5: color(display-p3 0.525 0.392 1 / 0.353);
+      --violet-a6: color(display-p3 0.569 0.455 1 / 0.408);
+      --violet-a7: color(display-p3 0.588 0.494 1 / 0.496);
+      --violet-a8: color(display-p3 0.596 0.51 1 / 0.631);
+      --violet-a9: color(display-p3 0.522 0.424 1 / 0.769);
+      --violet-a10: color(display-p3 0.576 0.482 1 / 0.811);
+      --violet-a11: color(display-p3 0.72 0.65 1);
+      --violet-a12: color(display-p3 0.883 0.867 0.986);
+    }
+  }
+}

package/violet-dark.css

@@ -0,0 +1,33 @@
+.dark, .dark-theme {
+  --violet-1: #14121f;
+  --violet-2: #1b1525;
+  --violet-3: #291f43;
+  --violet-4: #33255b;
+  --violet-5: #3c2e69;
+  --violet-6: #473876;
+  --violet-7: #56468b;
+  --violet-8: #6958ad;
+  --violet-9: #6e56cf;
+  --violet-10: #7d66d9;
+  --violet-11: #baa7ff;
+  --violet-12: #e2ddfe;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --violet-1: color(display-p3 0.077 0.071 0.118);
+      --violet-2: color(display-p3 0.101 0.084 0.141);
+      --violet-3: color(display-p3 0.154 0.123 0.256);
+      --violet-4: color(display-p3 0.191 0.148 0.345);
+      --violet-5: color(display-p3 0.226 0.182 0.396);
+      --violet-6: color(display-p3 0.269 0.223 0.449);
+      --violet-7: color(display-p3 0.326 0.277 0.53);
+      --violet-8: color(display-p3 0.399 0.346 0.656);
+      --violet-9: color(display-p3 0.417 0.341 0.784);
+      --violet-10: color(display-p3 0.477 0.402 0.823);
+      --violet-11: color(display-p3 0.72 0.65 1);
+      --violet-12: color(display-p3 0.883 0.867 0.986);
+    }
+  }
+}

package/violet.css

@@ -0,0 +1,33 @@
+:root, .light, .light-theme {
+  --violet-1: #fdfcfe;
+  --violet-2: #faf8ff;
+  --violet-3: #f4f0fe;
+  --violet-4: #ebe4ff;
+  --violet-5: #e1d9ff;
+  --violet-6: #d4cafe;
+  --violet-7: #c2b5f5;
+  --violet-8: #aa99ec;
+  --violet-9: #6e56cf;
+  --violet-10: #654dc4;
+  --violet-11: #6550b9;
+  --violet-12: #2f265f;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --violet-1: color(display-p3 0.991 0.988 0.995);
+      --violet-2: color(display-p3 0.978 0.974 0.998);
+      --violet-3: color(display-p3 0.953 0.943 0.993);
+      --violet-4: color(display-p3 0.916 0.897 1);
+      --violet-5: color(display-p3 0.876 0.851 1);
+      --violet-6: color(display-p3 0.825 0.793 0.981);
+      --violet-7: color(display-p3 0.752 0.712 0.943);
+      --violet-8: color(display-p3 0.654 0.602 0.902);
+      --violet-9: color(display-p3 0.417 0.341 0.784);
+      --violet-10: color(display-p3 0.381 0.306 0.741);
+      --violet-11: color(display-p3 0.383 0.317 0.702);
+      --violet-12: color(display-p3 0.179 0.15 0.359);
+    }
+  }
+}

package/white-alpha.css

@@ -0,0 +1,33 @@
+:root {
+  --white-a1: rgba(255, 255, 255, 0.05);
+  --white-a2: rgba(255, 255, 255, 0.1);
+  --white-a3: rgba(255, 255, 255, 0.15);
+  --white-a4: rgba(255, 255, 255, 0.2);
+  --white-a5: rgba(255, 255, 255, 0.3);
+  --white-a6: rgba(255, 255, 255, 0.4);
+  --white-a7: rgba(255, 255, 255, 0.5);
+  --white-a8: rgba(255, 255, 255, 0.6);
+  --white-a9: rgba(255, 255, 255, 0.7);
+  --white-a10: rgba(255, 255, 255, 0.8);
+  --white-a11: rgba(255, 255, 255, 0.9);
+  --white-a12: rgba(255, 255, 255, 0.95);
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root {
+      --white-a1: color(display-p3 1 1 1 / 0.05);
+      --white-a2: color(display-p3 1 1 1 / 0.1);
+      --white-a3: color(display-p3 1 1 1 / 0.15);
+      --white-a4: color(display-p3 1 1 1 / 0.2);
+      --white-a5: color(display-p3 1 1 1 / 0.3);
+      --white-a6: color(display-p3 1 1 1 / 0.4);
+      --white-a7: color(display-p3 1 1 1 / 0.5);
+      --white-a8: color(display-p3 1 1 1 / 0.6);
+      --white-a9: color(display-p3 1 1 1 / 0.7);
+      --white-a10: color(display-p3 1 1 1 / 0.8);
+      --white-a11: color(display-p3 1 1 1 / 0.9);
+      --white-a12: color(display-p3 1 1 1 / 0.95);
+    }
+  }
+}

package/yellow-alpha.css

@@ -0,0 +1,33 @@
+:root, .light, .light-theme {
+  --yellow-a1: #aaaa0006;
+  --yellow-a2: #f4dd0016;
+  --yellow-a3: #ffee0047;
+  --yellow-a4: #ffe3016b;
+  --yellow-a5: #ffd5008f;
+  --yellow-a6: #ebbc0097;
+  --yellow-a7: #d2a10098;
+  --yellow-a8: #c99700c6;
+  --yellow-a9: #ffe100d6;
+  --yellow-a10: #ffdc00;
+  --yellow-a11: #9e6c00;
+  --yellow-a12: #2e2000e0;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --yellow-a1: color(display-p3 0.675 0.675 0.024 / 0.024);
+      --yellow-a2: color(display-p3 0.953 0.855 0.008 / 0.079);
+      --yellow-a3: color(display-p3 0.988 0.925 0.004 / 0.251);
+      --yellow-a4: color(display-p3 0.98 0.875 0.004 / 0.373);
+      --yellow-a5: color(display-p3 0.969 0.816 0.004 / 0.491);
+      --yellow-a6: color(display-p3 0.875 0.71 0 / 0.526);
+      --yellow-a7: color(display-p3 0.769 0.604 0 / 0.542);
+      --yellow-a8: color(display-p3 0.725 0.549 0 / 0.687);
+      --yellow-a9: color(display-p3 1 0.898 0 / 0.781);
+      --yellow-a10: color(display-p3 0.969 0.812 0 / 0.71);
+      --yellow-a11: color(display-p3 0.6 0.44 0);
+      --yellow-a12: color(display-p3 0.271 0.233 0.137);
+    }
+  }
+}

package/yellow-dark-alpha.css

@@ -0,0 +1,33 @@
+.dark, .dark-theme {
+  --yellow-a1: #d1510004;
+  --yellow-a2: #f9b4000b;
+  --yellow-a3: #ffaa001e;
+  --yellow-a4: #fdb70028;
+  --yellow-a5: #febb0036;
+  --yellow-a6: #fec40046;
+  --yellow-a7: #fdcb225c;
+  --yellow-a8: #fdca327b;
+  --yellow-a9: #ffe629;
+  --yellow-a10: #ffff57;
+  --yellow-a11: #fee949f5;
+  --yellow-a12: #fef6baf6;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --yellow-a1: color(display-p3 0.973 0.369 0 / 0.013);
+      --yellow-a2: color(display-p3 0.996 0.792 0 / 0.038);
+      --yellow-a3: color(display-p3 0.996 0.71 0 / 0.11);
+      --yellow-a4: color(display-p3 0.996 0.741 0 / 0.152);
+      --yellow-a5: color(display-p3 0.996 0.765 0 / 0.202);
+      --yellow-a6: color(display-p3 0.996 0.816 0.082 / 0.261);
+      --yellow-a7: color(display-p3 1 0.831 0.263 / 0.345);
+      --yellow-a8: color(display-p3 1 0.831 0.314 / 0.463);
+      --yellow-a9: color(display-p3 1 0.922 0.22);
+      --yellow-a10: color(display-p3 1 1 0.455);
+      --yellow-a11: color(display-p3 0.948 0.885 0.392);
+      --yellow-a12: color(display-p3 0.959 0.934 0.731);
+    }
+  }
+}

package/yellow-dark.css

@@ -0,0 +1,33 @@
+.dark, .dark-theme {
+  --yellow-1: #14120b;
+  --yellow-2: #1b180f;
+  --yellow-3: #2d2305;
+  --yellow-4: #362b00;
+  --yellow-5: #433500;
+  --yellow-6: #524202;
+  --yellow-7: #665417;
+  --yellow-8: #836a21;
+  --yellow-9: #ffe629;
+  --yellow-10: #ffff57;
+  --yellow-11: #f5e147;
+  --yellow-12: #f6eeb4;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --yellow-1: color(display-p3 0.078 0.069 0.047);
+      --yellow-2: color(display-p3 0.103 0.094 0.063);
+      --yellow-3: color(display-p3 0.168 0.137 0.039);
+      --yellow-4: color(display-p3 0.209 0.169 0);
+      --yellow-5: color(display-p3 0.255 0.209 0);
+      --yellow-6: color(display-p3 0.31 0.261 0.07);
+      --yellow-7: color(display-p3 0.389 0.331 0.135);
+      --yellow-8: color(display-p3 0.497 0.42 0.182);
+      --yellow-9: color(display-p3 1 0.92 0.22);
+      --yellow-10: color(display-p3 1 1 0.456);
+      --yellow-11: color(display-p3 0.948 0.885 0.392);
+      --yellow-12: color(display-p3 0.959 0.934 0.731);
+    }
+  }
+}

package/yellow.css

@@ -0,0 +1,33 @@
+:root, .light, .light-theme {
+  --yellow-1: #fdfdf9;
+  --yellow-2: #fefce9;
+  --yellow-3: #fffab8;
+  --yellow-4: #fff394;
+  --yellow-5: #ffe770;
+  --yellow-6: #f3d768;
+  --yellow-7: #e4c767;
+  --yellow-8: #d5ae39;
+  --yellow-9: #ffe629;
+  --yellow-10: #ffdc00;
+  --yellow-11: #9e6c00;
+  --yellow-12: #473b1f;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --yellow-1: color(display-p3 0.992 0.992 0.978);
+      --yellow-2: color(display-p3 0.995 0.99 0.922);
+      --yellow-3: color(display-p3 0.997 0.982 0.749);
+      --yellow-4: color(display-p3 0.992 0.953 0.627);
+      --yellow-5: color(display-p3 0.984 0.91 0.51);
+      --yellow-6: color(display-p3 0.934 0.847 0.474);
+      --yellow-7: color(display-p3 0.876 0.785 0.46);
+      --yellow-8: color(display-p3 0.811 0.689 0.313);
+      --yellow-9: color(display-p3 1 0.92 0.22);
+      --yellow-10: color(display-p3 0.977 0.868 0.291);
+      --yellow-11: color(display-p3 0.6 0.44 0);
+      --yellow-12: color(display-p3 0.271 0.233 0.137);
+    }
+  }
+}