@eocrm/design-tokens 0.6.20 → 0.6.22

package/generated/manifest.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "contractVersion": "0.6.20",
+  "contractVersion": "0.6.22",
   "artifacts": {
     "npm": "@eocrm/design-tokens",
     "maven": "com.eocrm.design:design-tokens-compose"

package/generated/web/dark.scss

@@ -132,6 +132,78 @@
   --tooltip-fg: #f0f3f6;
 }
 
+:root[data-accent='berry'][data-theme='dark'] {
+  --color-accent: #f28cb8;
+  --color-accent-bg-subtle: #4d2236;
+  --color-accent-fg: #1d2125;
+  --color-accent-hover: #f7b2d0;
+  --color-accent-pressed: #fbd3e4;
+  --color-accent-subtle-bg: #4d2236;
+  --color-link-fg: #f28cb8;
+  --color-link-fg-hover: #f7b2d0;
+  --ring-accent: #f28cb8;
+}
+
+:root[data-accent='grape'][data-theme='dark'] {
+  --color-accent: #c9a0f0;
+  --color-accent-bg-subtle: #3b2752;
+  --color-accent-fg: #1d2125;
+  --color-accent-hover: #dcc0f6;
+  --color-accent-pressed: #ecdcfa;
+  --color-accent-subtle-bg: #3b2752;
+  --color-link-fg: #c9a0f0;
+  --color-link-fg-hover: #dcc0f6;
+  --ring-accent: #c9a0f0;
+}
+
+:root[data-accent='indigo'][data-theme='dark'] {
+  --color-accent: #a3a8ff;
+  --color-accent-bg-subtle: #2b2d5c;
+  --color-accent-fg: #1d2125;
+  --color-accent-hover: #c2c5ff;
+  --color-accent-pressed: #dfe1ff;
+  --color-accent-subtle-bg: #2b2d5c;
+  --color-link-fg: #a3a8ff;
+  --color-link-fg-hover: #c2c5ff;
+  --ring-accent: #a3a8ff;
+}
+
+:root[data-accent='moss'][data-theme='dark'] {
+  --color-accent: #a6c96a;
+  --color-accent-bg-subtle: #2e3b1a;
+  --color-accent-fg: #1d2125;
+  --color-accent-hover: #c2dc95;
+  --color-accent-pressed: #dcebc0;
+  --color-accent-subtle-bg: #2e3b1a;
+  --color-link-fg: #a6c96a;
+  --color-link-fg-hover: #c2dc95;
+  --ring-accent: #a6c96a;
+}
+
+:root[data-accent='ocean'][data-theme='dark'] {
+  --color-accent: #6cc4e6;
+  --color-accent-bg-subtle: #163e4d;
+  --color-accent-fg: #1d2125;
+  --color-accent-hover: #9dd8ef;
+  --color-accent-pressed: #c9eaf6;
+  --color-accent-subtle-bg: #163e4d;
+  --color-link-fg: #6cc4e6;
+  --color-link-fg-hover: #9dd8ef;
+  --ring-accent: #6cc4e6;
+}
+
+:root[data-accent='slate'][data-theme='dark'] {
+  --color-accent: #a9b8ca;
+  --color-accent-bg-subtle: #2c3540;
+  --color-accent-fg: #1d2125;
+  --color-accent-hover: #c6d2df;
+  --color-accent-pressed: #e0e7ef;
+  --color-accent-subtle-bg: #2c3540;
+  --color-link-fg: #a9b8ca;
+  --color-link-fg-hover: #c6d2df;
+  --ring-accent: #a9b8ca;
+}
+
 :root[data-accent='tealpine'][data-theme='dark'] {
   --color-accent: #6dcfc4;
   --color-accent-bg-subtle: #173f3c;
@@ -275,6 +347,78 @@
     --tooltip-fg: #f0f3f6;
   }
 
+  :root[data-accent='berry']:not([data-theme='light']) {
+    --color-accent: #f28cb8;
+    --color-accent-bg-subtle: #4d2236;
+    --color-accent-fg: #1d2125;
+    --color-accent-hover: #f7b2d0;
+    --color-accent-pressed: #fbd3e4;
+    --color-accent-subtle-bg: #4d2236;
+    --color-link-fg: #f28cb8;
+    --color-link-fg-hover: #f7b2d0;
+    --ring-accent: #f28cb8;
+  }
+
+  :root[data-accent='grape']:not([data-theme='light']) {
+    --color-accent: #c9a0f0;
+    --color-accent-bg-subtle: #3b2752;
+    --color-accent-fg: #1d2125;
+    --color-accent-hover: #dcc0f6;
+    --color-accent-pressed: #ecdcfa;
+    --color-accent-subtle-bg: #3b2752;
+    --color-link-fg: #c9a0f0;
+    --color-link-fg-hover: #dcc0f6;
+    --ring-accent: #c9a0f0;
+  }
+
+  :root[data-accent='indigo']:not([data-theme='light']) {
+    --color-accent: #a3a8ff;
+    --color-accent-bg-subtle: #2b2d5c;
+    --color-accent-fg: #1d2125;
+    --color-accent-hover: #c2c5ff;
+    --color-accent-pressed: #dfe1ff;
+    --color-accent-subtle-bg: #2b2d5c;
+    --color-link-fg: #a3a8ff;
+    --color-link-fg-hover: #c2c5ff;
+    --ring-accent: #a3a8ff;
+  }
+
+  :root[data-accent='moss']:not([data-theme='light']) {
+    --color-accent: #a6c96a;
+    --color-accent-bg-subtle: #2e3b1a;
+    --color-accent-fg: #1d2125;
+    --color-accent-hover: #c2dc95;
+    --color-accent-pressed: #dcebc0;
+    --color-accent-subtle-bg: #2e3b1a;
+    --color-link-fg: #a6c96a;
+    --color-link-fg-hover: #c2dc95;
+    --ring-accent: #a6c96a;
+  }
+
+  :root[data-accent='ocean']:not([data-theme='light']) {
+    --color-accent: #6cc4e6;
+    --color-accent-bg-subtle: #163e4d;
+    --color-accent-fg: #1d2125;
+    --color-accent-hover: #9dd8ef;
+    --color-accent-pressed: #c9eaf6;
+    --color-accent-subtle-bg: #163e4d;
+    --color-link-fg: #6cc4e6;
+    --color-link-fg-hover: #9dd8ef;
+    --ring-accent: #6cc4e6;
+  }
+
+  :root[data-accent='slate']:not([data-theme='light']) {
+    --color-accent: #a9b8ca;
+    --color-accent-bg-subtle: #2c3540;
+    --color-accent-fg: #1d2125;
+    --color-accent-hover: #c6d2df;
+    --color-accent-pressed: #e0e7ef;
+    --color-accent-subtle-bg: #2c3540;
+    --color-link-fg: #a9b8ca;
+    --color-link-fg-hover: #c6d2df;
+    --ring-accent: #a9b8ca;
+  }
+
   :root[data-accent='tealpine']:not([data-theme='light']) {
     --color-accent: #6dcfc4;
     --color-accent-bg-subtle: #173f3c;

package/generated/web/tokens.scss

@@ -276,6 +276,78 @@
   --z-tour: 1150;
 }
 
+:root[data-accent='berry'] {
+  --color-accent: #b0306e;
+  --color-accent-bg-subtle: #fbe6ef;
+  --color-accent-fg: #ffffff;
+  --color-accent-hover: #92265b;
+  --color-accent-pressed: #741e48;
+  --color-accent-subtle-bg: #fbe6ef;
+  --color-link-fg: #a82c68;
+  --color-link-fg-hover: #8c2456;
+  --ring-accent: #b0306e;
+}
+
+:root[data-accent='grape'] {
+  --color-accent: #7b3fb3;
+  --color-accent-bg-subtle: #f1e8fa;
+  --color-accent-fg: #ffffff;
+  --color-accent-hover: #5c2e8c;
+  --color-accent-pressed: #48226e;
+  --color-accent-subtle-bg: #f1e8fa;
+  --color-link-fg: #7b3fb3;
+  --color-link-fg-hover: #5c2e8c;
+  --ring-accent: #7b3fb3;
+}
+
+:root[data-accent='indigo'] {
+  --color-accent: #4c4bd1;
+  --color-accent-bg-subtle: #e8e8fb;
+  --color-accent-fg: #ffffff;
+  --color-accent-hover: #3d3cb0;
+  --color-accent-pressed: #2f2e8c;
+  --color-accent-subtle-bg: #e8e8fb;
+  --color-link-fg: #4342c4;
+  --color-link-fg-hover: #3534a3;
+  --ring-accent: #4c4bd1;
+}
+
+:root[data-accent='moss'] {
+  --color-accent: #45601b;
+  --color-accent-bg-subtle: #ebf1df;
+  --color-accent-fg: #ffffff;
+  --color-accent-hover: #364c15;
+  --color-accent-pressed: #283a0f;
+  --color-accent-subtle-bg: #ebf1df;
+  --color-link-fg: #45601b;
+  --color-link-fg-hover: #364c15;
+  --ring-accent: #45601b;
+}
+
+:root[data-accent='ocean'] {
+  --color-accent: #0a6a8c;
+  --color-accent-bg-subtle: #ddeff6;
+  --color-accent-fg: #ffffff;
+  --color-accent-hover: #085673;
+  --color-accent-pressed: #06435a;
+  --color-accent-subtle-bg: #ddeff6;
+  --color-link-fg: #0a6a8c;
+  --color-link-fg-hover: #085673;
+  --ring-accent: #0a6a8c;
+}
+
+:root[data-accent='slate'] {
+  --color-accent: #3e4c5e;
+  --color-accent-bg-subtle: #e6eaef;
+  --color-accent-fg: #ffffff;
+  --color-accent-hover: #2f3a49;
+  --color-accent-pressed: #222b36;
+  --color-accent-subtle-bg: #e6eaef;
+  --color-link-fg: #3e4c5e;
+  --color-link-fg-hover: #2f3a49;
+  --ring-accent: #3e4c5e;
+}
+
 :root[data-accent='tealpine'] {
   --color-accent: #0b6d67;
   --color-accent-bg-subtle: #ddeeec;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eocrm/design-tokens",
-  "version": "0.6.20",
+  "version": "0.6.22",
   "private": false,
   "type": "module",
   "files": [