@epilot/volt-ui 0.1.0 → 0.1.2

package/dist/styles/colors-utilities.css

@@ -7,6 +7,34 @@
 @theme {
   --color-white: #ffffff;
   --color-black: #000000;
+  --color-eblue-1: var(--eblue-1);
+  --color-eblue-2: var(--eblue-2);
+  --color-eblue-3: var(--eblue-3);
+  --color-eblue-4: var(--eblue-4);
+  --color-eblue-5: var(--eblue-5);
+  --color-eblue-6: var(--eblue-6);
+  --color-eblue-7: var(--eblue-7);
+  --color-eblue-8: var(--eblue-8);
+  --color-eblue-9: var(--eblue-9);
+  --color-eblue-10: var(--eblue-10);
+  --color-eblue-11: var(--eblue-11);
+  --color-eblue-12: var(--eblue-12);
+  --color-eblue-a1: var(--eblue-a1);
+  --color-eblue-a2: var(--eblue-a2);
+  --color-eblue-a3: var(--eblue-a3);
+  --color-eblue-a4: var(--eblue-a4);
+  --color-eblue-a5: var(--eblue-a5);
+  --color-eblue-a6: var(--eblue-a6);
+  --color-eblue-a7: var(--eblue-a7);
+  --color-eblue-a8: var(--eblue-a8);
+  --color-eblue-a9: var(--eblue-a9);
+  --color-eblue-a10: var(--eblue-a10);
+  --color-eblue-a11: var(--eblue-a11);
+  --color-eblue-a12: var(--eblue-a12);
+  --color-eblue-contrast: var(--eblue-contrast);
+  --color-eblue-surface: var(--eblue-surface);
+  --color-eblue-indicator: var(--eblue-indicator);
+  --color-eblue-track: var(--eblue-track);
   --color-mauve-1: var(--mauve-1);
   --color-mauve-2: var(--mauve-2);
   --color-mauve-3: var(--mauve-3);
@@ -432,34 +460,34 @@
 /* Auto-generated color utilities for system color palette */
 
 @theme inline {
-  --color-accent-1: var(--indigo-1);
-  --color-accent-2: var(--indigo-2);
-  --color-accent-3: var(--indigo-3);
-  --color-accent-4: var(--indigo-4);
-  --color-accent-5: var(--indigo-5);
-  --color-accent-6: var(--indigo-6);
-  --color-accent-7: var(--indigo-7);
-  --color-accent-8: var(--indigo-8);
-  --color-accent-9: var(--indigo-9);
-  --color-accent-10: var(--indigo-10);
-  --color-accent-11: var(--indigo-11);
-  --color-accent-12: var(--indigo-12);
-  --color-accent-a1: var(--indigo-a1);
-  --color-accent-a2: var(--indigo-a2);
-  --color-accent-a3: var(--indigo-a3);
-  --color-accent-a4: var(--indigo-a4);
-  --color-accent-a5: var(--indigo-a5);
-  --color-accent-a6: var(--indigo-a6);
-  --color-accent-a7: var(--indigo-a7);
-  --color-accent-a8: var(--indigo-a8);
-  --color-accent-a9: var(--indigo-a9);
-  --color-accent-a10: var(--indigo-a10);
-  --color-accent-a11: var(--indigo-a11);
-  --color-accent-a12: var(--indigo-a12);
-  --color-accent-contrast: var(--indigo-contrast);
-  --color-accent-surface: var(--indigo-surface);
-  --color-accent-indicator: var(--indigo-indicator);
-  --color-accent-track: var(--indigo-track);
+  --color-accent-1: var(--eblue-1);
+  --color-accent-2: var(--eblue-2);
+  --color-accent-3: var(--eblue-3);
+  --color-accent-4: var(--eblue-4);
+  --color-accent-5: var(--eblue-5);
+  --color-accent-6: var(--eblue-6);
+  --color-accent-7: var(--eblue-7);
+  --color-accent-8: var(--eblue-8);
+  --color-accent-9: var(--eblue-9);
+  --color-accent-10: var(--eblue-10);
+  --color-accent-11: var(--eblue-11);
+  --color-accent-12: var(--eblue-12);
+  --color-accent-a1: var(--eblue-a1);
+  --color-accent-a2: var(--eblue-a2);
+  --color-accent-a3: var(--eblue-a3);
+  --color-accent-a4: var(--eblue-a4);
+  --color-accent-a5: var(--eblue-a5);
+  --color-accent-a6: var(--eblue-a6);
+  --color-accent-a7: var(--eblue-a7);
+  --color-accent-a8: var(--eblue-a8);
+  --color-accent-a9: var(--eblue-a9);
+  --color-accent-a10: var(--eblue-a10);
+  --color-accent-a11: var(--eblue-a11);
+  --color-accent-a12: var(--eblue-a12);
+  --color-accent-contrast: var(--eblue-contrast);
+  --color-accent-surface: var(--eblue-surface);
+  --color-accent-indicator: var(--eblue-indicator);
+  --color-accent-track: var(--eblue-track);
   --color-gray-1: var(--mauve-1);
   --color-gray-2: var(--mauve-2);
   --color-gray-3: var(--mauve-3);

package/dist/styles/colors.css

@@ -4,6 +4,34 @@
 .light,
 .light-theme,
 [data-theme="light"] {
+  --eblue-1: #fcfdfe;
+  --eblue-2: #f6fafe;
+  --eblue-3: #ebf3fd;
+  --eblue-4: #dcebfe;
+  --eblue-5: #cbe1fe;
+  --eblue-6: #b6d5fc;
+  --eblue-7: #9dc3f2;
+  --eblue-8: #7aabe7;
+  --eblue-9: #005eb4;
+  --eblue-10: #004fa3;
+  --eblue-11: #0f65bc;
+  --eblue-12: #113157;
+  --eblue-a1: #0055aa03;
+  --eblue-a2: #0072e309;
+  --eblue-a3: #0066e614;
+  --eblue-a4: #006ef823;
+  --eblue-a5: #006cfb34;
+  --eblue-a6: #006df549;
+  --eblue-a7: #0063de62;
+  --eblue-a8: #005ed185;
+  --eblue-a9: #005eb4;
+  --eblue-a10: #004fa3;
+  --eblue-a11: #005bb8f0;
+  --eblue-a12: #00224bee;
+  --eblue-contrast: #fff;
+  --eblue-surface: #f4f9fecc;
+  --eblue-indicator: #005eb4;
+  --eblue-track: #005eb4;
   --mauve-1: #fdfcfd;
   --mauve-2: #faf9fb;
   --mauve-3: #f2eff3;
@@ -424,34 +452,34 @@
   --orange-surface: #fff5e9cc;
   --orange-indicator: #f76b15;
   --orange-track: #f76b15;
-  --accent-1: #fdfdfe;
-  --accent-2: #f7f9ff;
-  --accent-3: #edf2fe;
-  --accent-4: #e1e9ff;
-  --accent-5: #d2deff;
-  --accent-6: #c1d0ff;
-  --accent-7: #abbdf9;
-  --accent-8: #8da4ef;
-  --accent-9: #3e63dd;
-  --accent-10: #3358d4;
-  --accent-11: #3a5bc7;
-  --accent-12: #1f2d5c;
-  --accent-a1: #00008002;
-  --accent-a2: #0040ff08;
-  --accent-a3: #0047f112;
-  --accent-a4: #0044ff1e;
-  --accent-a5: #0044ff2d;
-  --accent-a6: #003eff3e;
-  --accent-a7: #0037ed54;
-  --accent-a8: #0034dc72;
-  --accent-a9: #0031d2c1;
-  --accent-a10: #002ec9cc;
-  --accent-a11: #002bb7c5;
-  --accent-a12: #001046e0;
-  --accent-contrast: #ffffff;
-  --accent-surface: #f5f8ffcc;
-  --accent-indicator: #3e63dd;
-  --accent-track: #3e63dd;
+  --accent-1: #fcfdfe;
+  --accent-2: #f6fafe;
+  --accent-3: #ebf3fd;
+  --accent-4: #dcebfe;
+  --accent-5: #cbe1fe;
+  --accent-6: #b6d5fc;
+  --accent-7: #9dc3f2;
+  --accent-8: #7aabe7;
+  --accent-9: #005eb4;
+  --accent-10: #004fa3;
+  --accent-11: #0f65bc;
+  --accent-12: #113157;
+  --accent-a1: #0055aa03;
+  --accent-a2: #0072e309;
+  --accent-a3: #0066e614;
+  --accent-a4: #006ef823;
+  --accent-a5: #006cfb34;
+  --accent-a6: #006df549;
+  --accent-a7: #0063de62;
+  --accent-a8: #005ed185;
+  --accent-a9: #005eb4;
+  --accent-a10: #004fa3;
+  --accent-a11: #005bb8f0;
+  --accent-a12: #00224bee;
+  --accent-contrast: #fff;
+  --accent-surface: #f4f9fecc;
+  --accent-indicator: #005eb4;
+  --accent-track: #005eb4;
   --gray-1: #fdfcfd;
   --gray-2: #faf9fb;
   --gray-3: #f2eff3;
@@ -596,6 +624,41 @@
 
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --eblue-1: oklch(99.4% 0.0013 254.2);
+      --eblue-2: oklch(98.3% 0.0072 254.2);
+      --eblue-3: oklch(96.1% 0.0155 254.2);
+      --eblue-4: oklch(93.5% 0.0304 254.2);
+      --eblue-5: oklch(90.3% 0.046 254.2);
+      --eblue-6: oklch(86.3% 0.0643 254.2);
+      --eblue-7: oklch(80.7% 0.0782 254.2);
+      --eblue-8: oklch(73% 0.102 254.2);
+      --eblue-9: oklch(48.6% 0.1556 254.2);
+      --eblue-10: oklch(43.5% 0.1556 254.2);
+      --eblue-11: oklch(51% 0.1556 254.2);
+      --eblue-12: oklch(31.3% 0.077 254.2);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --eblue-1: oklch(17.8% 0.0326 254.2);
+      --eblue-2: oklch(20.9% 0.0382 254.2);
+      --eblue-3: oklch(27.2% 0.0872 254.2);
+      --eblue-4: oklch(31.7% 0.126 254.2);
+      --eblue-5: oklch(36.4% 0.1378 254.2);
+      --eblue-6: oklch(41.2% 0.144 254.2);
+      --eblue-7: oklch(46.8% 0.1556 254.2);
+      --eblue-8: oklch(53% 0.1789 254.2);
+      --eblue-9: oklch(48.6% 0.1556 254.2);
+      --eblue-10: oklch(43.5% 0.144 254.2);
+      --eblue-11: oklch(77.1% 0.1674 254.2);
+      --eblue-12: oklch(90.8% 0.0614 254.2);
+    }
+
     :root,
     .light,
     .light-theme,
@@ -1125,35 +1188,35 @@
     .light,
     .light-theme,
     [data-theme="light"] {
-      --accent-1: color(display-p3 0.992 0.992 0.996);
-      --accent-2: color(display-p3 0.971 0.977 0.998);
-      --accent-3: color(display-p3 0.933 0.948 0.992);
-      --accent-4: color(display-p3 0.885 0.914 1);
-      --accent-5: color(display-p3 0.831 0.87 1);
-      --accent-6: color(display-p3 0.767 0.814 0.995);
-      --accent-7: color(display-p3 0.685 0.74 0.957);
-      --accent-8: color(display-p3 0.569 0.639 0.916);
-      --accent-9: color(display-p3 0.276 0.384 0.837);
-      --accent-10: color(display-p3 0.234 0.343 0.801);
-      --accent-11: color(display-p3 0.256 0.354 0.755);
-      --accent-12: color(display-p3 0.133 0.175 0.348);
+      --accent-1: oklch(99.4% 0.0013 254.2);
+      --accent-2: oklch(98.3% 0.0072 254.2);
+      --accent-3: oklch(96.1% 0.0155 254.2);
+      --accent-4: oklch(93.5% 0.0304 254.2);
+      --accent-5: oklch(90.3% 0.046 254.2);
+      --accent-6: oklch(86.3% 0.0643 254.2);
+      --accent-7: oklch(80.7% 0.0782 254.2);
+      --accent-8: oklch(73% 0.102 254.2);
+      --accent-9: oklch(48.6% 0.1556 254.2);
+      --accent-10: oklch(43.5% 0.1556 254.2);
+      --accent-11: oklch(51% 0.1556 254.2);
+      --accent-12: oklch(31.3% 0.077 254.2);
     }
 
     .dark,
     .dark-theme,
     [data-theme="dark"] {
-      --accent-1: color(display-p3 0.068 0.074 0.118);
-      --accent-2: color(display-p3 0.081 0.089 0.144);
-      --accent-3: color(display-p3 0.105 0.141 0.275);
-      --accent-4: color(display-p3 0.129 0.18 0.369);
-      --accent-5: color(display-p3 0.163 0.22 0.439);
-      --accent-6: color(display-p3 0.203 0.262 0.5);
-      --accent-7: color(display-p3 0.245 0.309 0.575);
-      --accent-8: color(display-p3 0.285 0.362 0.674);
-      --accent-9: color(display-p3 0.276 0.384 0.837);
-      --accent-10: color(display-p3 0.354 0.445 0.866);
-      --accent-11: color(display-p3 0.63 0.69 1);
-      --accent-12: color(display-p3 0.848 0.881 0.99);
+      --accent-1: oklch(17.8% 0.0326 254.2);
+      --accent-2: oklch(20.9% 0.0382 254.2);
+      --accent-3: oklch(27.2% 0.0872 254.2);
+      --accent-4: oklch(31.7% 0.126 254.2);
+      --accent-5: oklch(36.4% 0.1378 254.2);
+      --accent-6: oklch(41.2% 0.144 254.2);
+      --accent-7: oklch(46.8% 0.1556 254.2);
+      --accent-8: oklch(53% 0.1789 254.2);
+      --accent-9: oklch(48.6% 0.1556 254.2);
+      --accent-10: oklch(43.5% 0.144 254.2);
+      --accent-11: oklch(77.1% 0.1674 254.2);
+      --accent-12: oklch(90.8% 0.0614 254.2);
     }
 
     :root,
@@ -1337,6 +1400,34 @@
 .dark,
 .dark-theme,
 [data-theme="dark"] {
+  --eblue-1: #07121f;
+  --eblue-2: #0b1929;
+  --eblue-3: #002650;
+  --eblue-4: #002f6f;
+  --eblue-5: #003b83;
+  --eblue-6: #004996;
+  --eblue-7: #0058ae;
+  --eblue-8: #0069cf;
+  --eblue-9: #005eb4;
+  --eblue-10: #00509d;
+  --eblue-11: #71b8ff;
+  --eblue-12: #c5e4ff;
+  --eblue-a1: #0022ff0f;
+  --eblue-a2: #0060fd1a;
+  --eblue-a3: #0060fe44;
+  --eblue-a4: #005dff65;
+  --eblue-a5: #0068fd7b;
+  --eblue-a6: #0075ff8f;
+  --eblue-a7: #007cfea9;
+  --eblue-a8: #007fffcc;
+  --eblue-a9: #0082ffaf;
+  --eblue-a10: #007cff96;
+  --eblue-a11: #71b8ff;
+  --eblue-a12: #c5e4ff;
+  --eblue-contrast: #fff;
+  --eblue-surface: #06214180;
+  --eblue-indicator: #005eb4;
+  --eblue-track: #005eb4;
   --mauve-1: #121113;
   --mauve-2: #1a191b;
   --mauve-3: #232225;
@@ -1757,34 +1848,34 @@
   --orange-surface: #271d1380;
   --orange-indicator: #f76b15;
   --orange-track: #f76b15;
-  --accent-1: #11131f;
-  --accent-2: #141726;
-  --accent-3: #182449;
-  --accent-4: #1d2e62;
-  --accent-5: #253974;
-  --accent-6: #304384;
-  --accent-7: #3a4f97;
-  --accent-8: #435db1;
-  --accent-9: #3e63dd;
-  --accent-10: #5472e4;
-  --accent-11: #9eb1ff;
-  --accent-12: #d6e1ff;
-  --accent-a1: #1133ff0f;
-  --accent-a2: #3354fa17;
-  --accent-a3: #2f62ff3c;
-  --accent-a4: #3566ff57;
-  --accent-a5: #4171fd6b;
-  --accent-a6: #5178fd7c;
-  --accent-a7: #5a7fff90;
-  --accent-a8: #5b81feac;
-  --accent-a9: #4671ffdb;
-  --accent-a10: #5c7efee3;
-  --accent-a11: #9eb1ff;
-  --accent-a12: #d6e1ff;
-  --accent-contrast: #ffffff;
-  --accent-surface: #171d3b80;
-  --accent-indicator: #3e63dd;
-  --accent-track: #3e63dd;
+  --accent-1: #07121f;
+  --accent-2: #0b1929;
+  --accent-3: #002650;
+  --accent-4: #002f6f;
+  --accent-5: #003b83;
+  --accent-6: #004996;
+  --accent-7: #0058ae;
+  --accent-8: #0069cf;
+  --accent-9: #005eb4;
+  --accent-10: #00509d;
+  --accent-11: #71b8ff;
+  --accent-12: #c5e4ff;
+  --accent-a1: #0022ff0f;
+  --accent-a2: #0060fd1a;
+  --accent-a3: #0060fe44;
+  --accent-a4: #005dff65;
+  --accent-a5: #0068fd7b;
+  --accent-a6: #0075ff8f;
+  --accent-a7: #007cfea9;
+  --accent-a8: #007fffcc;
+  --accent-a9: #0082ffaf;
+  --accent-a10: #007cff96;
+  --accent-a11: #71b8ff;
+  --accent-a12: #c5e4ff;
+  --accent-contrast: #fff;
+  --accent-surface: #06214180;
+  --accent-indicator: #005eb4;
+  --accent-track: #005eb4;
   --gray-1: #121113;
   --gray-2: #1a191b;
   --gray-3: #232225;