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

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/orange-alpha.css

@@ -1,33 +1,33 @@
 :root, .light, .light-theme {
-  --orange-a1: #c0400004;
-  --orange-a2: #ff8e0012;
-  --orange-a3: #ff9c0029;
-  --orange-a4: #ff91014a;
-  --orange-a5: #ff8b0065;
-  --orange-a6: #ff81007d;
-  --orange-a7: #ed6c008c;
-  --orange-a8: #e35f00aa;
-  --orange-a9: #f65e00ea;
-  --orange-a10: #ef5f00;
-  --orange-a11: #cc4e00;
-  --orange-a12: #431200e2;
+  --orange-a1: #ff400004;
+  --orange-a2: #ff46000b;
+  --orange-a3: #ff39001b;
+  --orange-a4: #ff400034;
+  --orange-a5: #ff3e0047;
+  --orange-a6: #ff3b005c;
+  --orange-a7: #ff320072;
+  --orange-a8: #f12e0091;
+  --orange-a9: #fa3500e9;
+  --orange-a10: #ec3400;
+  --orange-a11: #dd2400;
+  --orange-a12: #4e0e00e7;
 }
 
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
     :root, .light, .light-theme {
-      --orange-a1: color(display-p3 0.757 0.267 0.024 / 0.016);
-      --orange-a2: color(display-p3 0.886 0.533 0.008 / 0.067);
-      --orange-a3: color(display-p3 0.922 0.584 0.008 / 0.15);
-      --orange-a4: color(display-p3 1 0.604 0.004 / 0.314);
-      --orange-a5: color(display-p3 1 0.569 0.004 / 0.416);
-      --orange-a6: color(display-p3 0.949 0.494 0.004 / 0.455);
-      --orange-a7: color(display-p3 0.839 0.408 0 / 0.514);
-      --orange-a8: color(display-p3 0.804 0.349 0 / 0.62);
-      --orange-a9: color(display-p3 0.878 0.314 0 / 0.8);
-      --orange-a10: color(display-p3 0.843 0.29 0 / 0.836);
-      --orange-a11: color(display-p3 0.76 0.34 0);
-      --orange-a12: color(display-p3 0.323 0.185 0.127);
+      --orange-a1: color(display-p3 0.7569 0.2667 0.0235 / 0.016);
+      --orange-a2: color(display-p3 0.9137 0.2902 0.0196 / 0.044);
+      --orange-a3: color(display-p3 0.8471 0.2314 0.0039 / 0.102);
+      --orange-a4: color(display-p3 0.8824 0.2471 0.0078 / 0.197);
+      --orange-a5: color(display-p3 0.8863 0.2392 0.0039 / 0.267);
+      --orange-a6: color(display-p3 0.8745 0.2314 0.0039 / 0.346);
+      --orange-a7: color(display-p3 0.8824 0.1961 0.0039 / 0.428);
+      --orange-a8: color(display-p3 0.8353 0.1882 0 / 0.546);
+      --orange-a9: color(display-p3 0.8863 0.1843 0 / 0.816);
+      --orange-a10: color(display-p3 0.8275 0.1608 0 / 0.863);
+      --orange-a11: color(display-p3 0.7686 0.1176 0 / 0.879);
+      --orange-a12: color(display-p3 0.2627 0.0549 0 / 0.891);
     }
   }
 }

package/orange-dark-alpha.css

@@ -1,33 +1,33 @@
 .dark, .dark-theme {
-  --orange-a1: #ec360007;
-  --orange-a2: #fe6d000e;
-  --orange-a3: #fb6a0025;
-  --orange-a4: #ff590039;
-  --orange-a5: #ff61004a;
-  --orange-a6: #fd75045c;
-  --orange-a7: #ff832c75;
-  --orange-a8: #fe84389d;
-  --orange-a9: #fe6d15f7;
-  --orange-a10: #ff801f;
-  --orange-a11: #ffa057;
-  --orange-a12: #ffe0c2;
+  --orange-a1: #ec000007;
+  --orange-a2: #ff44220f;
+  --orange-a3: #ff28002d;
+  --orange-a4: #fe0e0046;
+  --orange-a5: #ff230058;
+  --orange-a6: #ff401469;
+  --orange-a7: #ff583183;
+  --orange-a8: #ff5d39af;
+  --orange-a9: #ff4716fa;
+  --orange-a10: #ff3a00ea;
+  --orange-a11: #ff9275;
+  --orange-a12: #ffd2c6;
 }
 
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
     .dark, .dark-theme {
-      --orange-a1: color(display-p3 0.961 0.247 0 / 0.022);
-      --orange-a2: color(display-p3 0.992 0.529 0 / 0.051);
-      --orange-a3: color(display-p3 0.996 0.486 0 / 0.131);
-      --orange-a4: color(display-p3 0.996 0.384 0 / 0.211);
-      --orange-a5: color(display-p3 1 0.455 0 / 0.265);
-      --orange-a6: color(display-p3 1 0.529 0.129 / 0.332);
-      --orange-a7: color(display-p3 1 0.569 0.251 / 0.429);
-      --orange-a8: color(display-p3 1 0.584 0.302 / 0.572);
-      --orange-a9: color(display-p3 1 0.494 0.216 / 0.895);
-      --orange-a10: color(display-p3 1 0.522 0.235 / 0.979);
-      --orange-a11: color(display-p3 1 0.63 0.38);
-      --orange-a12: color(display-p3 0.98 0.883 0.775);
+      --orange-a1: color(display-p3 0.9608 0 0 / 0.022);
+      --orange-a2: color(display-p3 0.9922 0.298 0.1451 / 0.051);
+      --orange-a3: color(display-p3 1 0.2196 0.0196 / 0.156);
+      --orange-a4: color(display-p3 1 0.149 0 / 0.244);
+      --orange-a5: color(display-p3 1 0.2196 0.0196 / 0.311);
+      --orange-a6: color(display-p3 1 0.3294 0.149 / 0.374);
+      --orange-a7: color(display-p3 1 0.4118 0.2588 / 0.471);
+      --orange-a8: color(display-p3 1 0.4353 0.2941 / 0.631);
+      --orange-a9: color(display-p3 0.9961 0.3608 0.1961 / 0.9);
+      --orange-a10: color(display-p3 1 0.3176 0.149 / 0.837);
+      --orange-a11: color(display-p3 1 0.6275 0.5137 / 0.937);
+      --orange-a12: color(display-p3 1 0.8549 0.8078 / 0.971);
     }
   }
 }

package/orange-dark.css

@@ -1,33 +1,33 @@
 .dark, .dark-theme {
-  --orange-1: #17120e;
-  --orange-2: #1e160f;
-  --orange-3: #331e0b;
-  --orange-4: #462100;
-  --orange-5: #562800;
-  --orange-6: #66350c;
-  --orange-7: #7e451d;
-  --orange-8: #a35829;
-  --orange-9: #f76b15;
-  --orange-10: #ff801f;
-  --orange-11: #ffa057;
-  --orange-12: #ffe0c2;
+  --orange-1: #170f0d;
+  --orange-2: #1f1412;
+  --orange-3: #3b150c;
+  --orange-4: #521002;
+  --orange-5: #631704;
+  --orange-6: #732412;
+  --orange-7: #8b3521;
+  --orange-8: #b4452c;
+  --orange-9: #fa4616;
+  --orange-10: #eb3600;
+  --orange-11: #ff9275;
+  --orange-12: #ffd2c6;
 }
 
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
     .dark, .dark-theme {
-      --orange-1: color(display-p3 0.088 0.07 0.057);
-      --orange-2: color(display-p3 0.113 0.089 0.061);
-      --orange-3: color(display-p3 0.189 0.12 0.056);
-      --orange-4: color(display-p3 0.262 0.132 0);
-      --orange-5: color(display-p3 0.315 0.168 0.016);
-      --orange-6: color(display-p3 0.376 0.219 0.088);
-      --orange-7: color(display-p3 0.465 0.283 0.147);
-      --orange-8: color(display-p3 0.601 0.359 0.201);
-      --orange-9: color(display-p3 0.9 0.45 0.2);
-      --orange-10: color(display-p3 0.98 0.51 0.23);
-      --orange-11: color(display-p3 1 0.63 0.38);
-      --orange-12: color(display-p3 0.98 0.883 0.775);
+      --orange-1: color(display-p3 0.0838 0.06 0.0528);
+      --orange-2: color(display-p3 0.1165 0.0814 0.0709);
+      --orange-3: color(display-p3 0.2127 0.0912 0.0582);
+      --orange-4: color(display-p3 0.2949 0.0848 0.0301);
+      --orange-5: color(display-p3 0.3542 0.1132 0.0498);
+      --orange-6: color(display-p3 0.4147 0.164 0.098);
+      --orange-7: color(display-p3 0.5064 0.2289 0.1549);
+      --orange-8: color(display-p3 0.6542 0.2998 0.2054);
+      --orange-9: color(display-p3 0.9049 0.3335 0.1831);
+      --orange-10: color(display-p3 0.8499 0.2787 0.124);
+      --orange-11: color(display-p3 1 0.5537 0.4215);
+      --orange-12: color(display-p3 0.9711 0.8289 0.7855);
     }
   }
 }

package/orange.css

@@ -1,33 +1,33 @@
 :root, .light, .light-theme {
-  --orange-1: #fefcfb;
-  --orange-2: #fff7ed;
-  --orange-3: #ffefd6;
-  --orange-4: #ffdfb5;
-  --orange-5: #ffd19a;
-  --orange-6: #ffc182;
-  --orange-7: #f5ae73;
-  --orange-8: #ec9455;
-  --orange-9: #f76b15;
-  --orange-10: #ef5f00;
-  --orange-11: #cc4e00;
-  --orange-12: #582d1d;
+  --orange-1: #fffcfb;
+  --orange-2: #fff7f4;
+  --orange-3: #ffeae4;
+  --orange-4: #ffd8cb;
+  --orange-5: #ffc9b8;
+  --orange-6: #ffb8a3;
+  --orange-7: #ffa38d;
+  --orange-8: #f7886e;
+  --orange-9: #fa4616;
+  --orange-10: #ec3400;
+  --orange-11: #dd2400;
+  --orange-12: #5f2518;
 }
 
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
     :root, .light, .light-theme {
-      --orange-1: color(display-p3 0.995 0.988 0.985);
-      --orange-2: color(display-p3 0.994 0.968 0.934);
-      --orange-3: color(display-p3 0.989 0.938 0.85);
-      --orange-4: color(display-p3 1 0.874 0.687);
-      --orange-5: color(display-p3 1 0.821 0.583);
-      --orange-6: color(display-p3 0.975 0.767 0.545);
-      --orange-7: color(display-p3 0.919 0.693 0.486);
-      --orange-8: color(display-p3 0.877 0.597 0.379);
-      --orange-9: color(display-p3 0.9 0.45 0.2);
-      --orange-10: color(display-p3 0.87 0.409 0.164);
-      --orange-11: color(display-p3 0.76 0.34 0);
-      --orange-12: color(display-p3 0.323 0.185 0.127);
+      --orange-1: color(display-p3 0.9978 0.9885 0.9856);
+      --orange-2: color(display-p3 0.9992 0.9689 0.9596);
+      --orange-3: color(display-p3 1 0.9209 0.8965);
+      --orange-4: color(display-p3 1 0.8524 0.8);
+      --orange-5: color(display-p3 1 0.7925 0.724);
+      --orange-6: color(display-p3 0.9936 0.7338 0.6567);
+      --orange-7: color(display-p3 0.9501 0.6574 0.572);
+      --orange-8: color(display-p3 0.9107 0.5559 0.4555);
+      --orange-9: color(display-p3 0.9049 0.3335 0.1831);
+      --orange-10: color(display-p3 0.8535 0.2731 0.1143);
+      --orange-11: color(display-p3 0.7978 0.2236 0.0507);
+      --orange-12: color(display-p3 0.3453 0.1605 0.1105);
     }
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@frosted-ui/colors",
   "private": false,
-  "version": "0.0.1-canary.48",
+  "version": "0.0.1-canary.50",
   "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"