@volue/design-colors 3.0.0-next.2 → 3.0.0-next.3

package/dist/flat.common.js

@@ -183,7 +183,7 @@ const backgroundInfoStrongHover = "#005e72";
 const backgroundDisabled = "#e6ebec";
 const backgroundDisabledSubtle = "#f3f5f6";
 const backgroundInverse = "rgba(255, 255, 255, 0.113)";
-const foregroundCanvas = "#082d35";
+const foregroundBody = "#082d35";
 const foregroundLink = "#11596a";
 const foregroundNeutral = "#082d35";
 const foregroundNeutralModerate = "#223f44";
@@ -191,19 +191,20 @@ const foregroundNeutralSubtle = "#53747b";
 const foregroundNeutralMinimal = "#9dafb3";
 const foregroundAccent = "#0c4957";
 const foregroundAccentModerate = "#11596a";
+const foregroundAccentSubtle = "#388597";
 const foregroundDanger = "#9d0012";
 const foregroundDangerModerate = "#b20016";
-const foregroundDangerSubtle = "#df001f";
+const foregroundDangerSubtle = "#ff3b3d";
 const foregroundWarning = "#805400";
 const foregroundWarningModerate = "#b17600";
-const foregroundWarningSubtle = "#dc9f00";
+const foregroundWarningSubtle = "#ffb900";
 const foregroundWarningInverse = "#082d35";
 const foregroundSuccess = "#006626";
 const foregroundSuccessModerate = "#1b8238";
-const foregroundSuccessSubtle = "#22a047";
+const foregroundSuccessSubtle = "#1fc052";
 const foregroundInfo = "#005e72";
 const foregroundInfoModerate = "#007a92";
-const foregroundInfoSubtle = "#0096af";
+const foregroundInfoSubtle = "#00b4d1";
 const foregroundDisabled = "#9dafb3";
 const foregroundDisabledSubtle = "#c2cdd0";
 const foregroundInverse = "#ffffff";
@@ -439,7 +440,7 @@ module.exports = {
   backgroundDisabled,
   backgroundDisabledSubtle,
   backgroundInverse,
-  foregroundCanvas,
+  foregroundBody,
   foregroundLink,
   foregroundNeutral,
   foregroundNeutralModerate,
@@ -447,6 +448,7 @@ module.exports = {
   foregroundNeutralMinimal,
   foregroundAccent,
   foregroundAccentModerate,
+  foregroundAccentSubtle,
   foregroundDanger,
   foregroundDangerModerate,
   foregroundDangerSubtle,
@@ -700,7 +702,7 @@ module.exports = {
     backgroundInverse
   },
   foreground: {
-    foregroundCanvas,
+    foregroundBody,
     foregroundLink,
     foregroundNeutral,
     foregroundNeutralModerate,
@@ -708,6 +710,7 @@ module.exports = {
     foregroundNeutralMinimal,
     foregroundAccent,
     foregroundAccentModerate,
+    foregroundAccentSubtle,
     foregroundDanger,
     foregroundDangerModerate,
     foregroundDangerSubtle,

package/dist/flat.d.ts

@@ -183,7 +183,7 @@ export declare const backgroundInfoStrongHover = "#005e72";
 export declare const backgroundDisabled = "#e6ebec";
 export declare const backgroundDisabledSubtle = "#f3f5f6";
 export declare const backgroundInverse = "rgba(255, 255, 255, 0.113)";
-export declare const foregroundCanvas = "#082d35";
+export declare const foregroundBody = "#082d35";
 export declare const foregroundLink = "#11596a";
 export declare const foregroundNeutral = "#082d35";
 export declare const foregroundNeutralModerate = "#223f44";
@@ -191,19 +191,20 @@ export declare const foregroundNeutralSubtle = "#53747b";
 export declare const foregroundNeutralMinimal = "#9dafb3";
 export declare const foregroundAccent = "#0c4957";
 export declare const foregroundAccentModerate = "#11596a";
+export declare const foregroundAccentSubtle = "#388597";
 export declare const foregroundDanger = "#9d0012";
 export declare const foregroundDangerModerate = "#b20016";
-export declare const foregroundDangerSubtle = "#df001f";
+export declare const foregroundDangerSubtle = "#ff3b3d";
 export declare const foregroundWarning = "#805400";
 export declare const foregroundWarningModerate = "#b17600";
-export declare const foregroundWarningSubtle = "#dc9f00";
+export declare const foregroundWarningSubtle = "#ffb900";
 export declare const foregroundWarningInverse = "#082d35";
 export declare const foregroundSuccess = "#006626";
 export declare const foregroundSuccessModerate = "#1b8238";
-export declare const foregroundSuccessSubtle = "#22a047";
+export declare const foregroundSuccessSubtle = "#1fc052";
 export declare const foregroundInfo = "#005e72";
 export declare const foregroundInfoModerate = "#007a92";
-export declare const foregroundInfoSubtle = "#0096af";
+export declare const foregroundInfoSubtle = "#00b4d1";
 export declare const foregroundDisabled = "#9dafb3";
 export declare const foregroundDisabledSubtle = "#c2cdd0";
 export declare const foregroundInverse = "#ffffff";
@@ -444,7 +445,7 @@ export declare const background: {
   backgroundInverse: "rgba(255, 255, 255, 0.113)";
 };
 export declare const foreground: {
-  foregroundCanvas: "#082d35";
+  foregroundBody: "#082d35";
   foregroundLink: "#11596a";
   foregroundNeutral: "#082d35";
   foregroundNeutralModerate: "#223f44";
@@ -452,19 +453,20 @@ export declare const foreground: {
   foregroundNeutralMinimal: "#9dafb3";
   foregroundAccent: "#0c4957";
   foregroundAccentModerate: "#11596a";
+  foregroundAccentSubtle: "#388597";
   foregroundDanger: "#9d0012";
   foregroundDangerModerate: "#b20016";
-  foregroundDangerSubtle: "#df001f";
+  foregroundDangerSubtle: "#ff3b3d";
   foregroundWarning: "#805400";
   foregroundWarningModerate: "#b17600";
-  foregroundWarningSubtle: "#dc9f00";
+  foregroundWarningSubtle: "#ffb900";
   foregroundWarningInverse: "#082d35";
   foregroundSuccess: "#006626";
   foregroundSuccessModerate: "#1b8238";
-  foregroundSuccessSubtle: "#22a047";
+  foregroundSuccessSubtle: "#1fc052";
   foregroundInfo: "#005e72";
   foregroundInfoModerate: "#007a92";
-  foregroundInfoSubtle: "#0096af";
+  foregroundInfoSubtle: "#00b4d1";
   foregroundDisabled: "#9dafb3";
   foregroundDisabledSubtle: "#c2cdd0";
   foregroundInverse: "#ffffff";

package/dist/flat.module.js

@@ -183,7 +183,7 @@ export const backgroundInfoStrongHover = "#005e72";
 export const backgroundDisabled = "#e6ebec";
 export const backgroundDisabledSubtle = "#f3f5f6";
 export const backgroundInverse = "rgba(255, 255, 255, 0.113)";
-export const foregroundCanvas = "#082d35";
+export const foregroundBody = "#082d35";
 export const foregroundLink = "#11596a";
 export const foregroundNeutral = "#082d35";
 export const foregroundNeutralModerate = "#223f44";
@@ -191,19 +191,20 @@ export const foregroundNeutralSubtle = "#53747b";
 export const foregroundNeutralMinimal = "#9dafb3";
 export const foregroundAccent = "#0c4957";
 export const foregroundAccentModerate = "#11596a";
+export const foregroundAccentSubtle = "#388597";
 export const foregroundDanger = "#9d0012";
 export const foregroundDangerModerate = "#b20016";
-export const foregroundDangerSubtle = "#df001f";
+export const foregroundDangerSubtle = "#ff3b3d";
 export const foregroundWarning = "#805400";
 export const foregroundWarningModerate = "#b17600";
-export const foregroundWarningSubtle = "#dc9f00";
+export const foregroundWarningSubtle = "#ffb900";
 export const foregroundWarningInverse = "#082d35";
 export const foregroundSuccess = "#006626";
 export const foregroundSuccessModerate = "#1b8238";
-export const foregroundSuccessSubtle = "#22a047";
+export const foregroundSuccessSubtle = "#1fc052";
 export const foregroundInfo = "#005e72";
 export const foregroundInfoModerate = "#007a92";
-export const foregroundInfoSubtle = "#0096af";
+export const foregroundInfoSubtle = "#00b4d1";
 export const foregroundDisabled = "#9dafb3";
 export const foregroundDisabledSubtle = "#c2cdd0";
 export const foregroundInverse = "#ffffff";
@@ -444,7 +445,7 @@ export const background = {
   backgroundInverse
 };
 export const foreground = {
-  foregroundCanvas,
+  foregroundBody,
   foregroundLink,
   foregroundNeutral,
   foregroundNeutralModerate,
@@ -452,6 +453,7 @@ export const foreground = {
   foregroundNeutralMinimal,
   foregroundAccent,
   foregroundAccentModerate,
+  foregroundAccentSubtle,
   foregroundDanger,
   foregroundDangerModerate,
   foregroundDangerSubtle,

package/dist/generic.common.js

@@ -1891,13 +1891,13 @@ module.exports = {
   "foreground": [
     {
       "value": "#082d35",
-      "name": "foregroundCanvas",
-      "description": "Canvas foreground. Used for the default foreground of your app.",
+      "name": "foregroundBody",
+      "description": "Body foreground. Used for the default body text of your app.",
       "originalName": "foregroundNeutral",
       "path": [
         "color",
         "foreground",
-        "canvas"
+        "body"
       ]
     },
     {
@@ -1983,6 +1983,18 @@ module.exports = {
         "moderate"
       ]
     },
+    {
+      "value": "#388597",
+      "name": "foregroundAccentSubtle",
+      "description": "Subtle accent foreground.",
+      "originalName": "colorAccent70",
+      "path": [
+        "color",
+        "foreground",
+        "accent",
+        "subtle"
+      ]
+    },
     {
       "value": "#9d0012",
       "name": "foregroundDanger",
@@ -2008,10 +2020,10 @@ module.exports = {
       ]
     },
     {
-      "value": "#df001f",
+      "value": "#ff3b3d",
       "name": "foregroundDangerSubtle",
       "description": "Subtle danger foreground.",
-      "originalName": "colorRed80",
+      "originalName": "colorRed70",
       "path": [
         "color",
         "foreground",
@@ -2044,10 +2056,10 @@ module.exports = {
       ]
     },
     {
-      "value": "#dc9f00",
+      "value": "#ffb900",
       "name": "foregroundWarningSubtle",
       "description": "Subtle danger foreground.",
-      "originalName": "colorOrange80",
+      "originalName": "colorOrange70",
       "path": [
         "color",
         "foreground",
@@ -2092,10 +2104,10 @@ module.exports = {
       ]
     },
     {
-      "value": "#22a047",
+      "value": "#1fc052",
       "name": "foregroundSuccessSubtle",
       "description": "Subtle success foreground.",
-      "originalName": "colorGreen80",
+      "originalName": "colorGreen70",
       "path": [
         "color",
         "foreground",
@@ -2128,10 +2140,10 @@ module.exports = {
       ]
     },
     {
-      "value": "#0096af",
+      "value": "#00b4d1",
       "name": "foregroundInfoSubtle",
       "description": "Subtle info foreground.",
-      "originalName": "colorBlue80",
+      "originalName": "colorBlue70",
       "path": [
         "color",
         "foreground",

package/dist/generic.d.ts

@@ -1058,8 +1058,8 @@ declare const tokens: {
   "foreground": [
     {
       value: "#082d35"
-      name: "foregroundCanvas"
-      description: "Canvas foreground. Used for the default foreground of your app."
+      name: "foregroundBody"
+      description: "Body foreground. Used for the default body text of your app."
       originalName: "foregroundNeutral"
       path: string[]
     },
@@ -1112,6 +1112,13 @@ declare const tokens: {
       originalName: "colorAccent90"
       path: string[]
     },
+    {
+      value: "#388597"
+      name: "foregroundAccentSubtle"
+      description: "Subtle accent foreground."
+      originalName: "colorAccent70"
+      path: string[]
+    },
     {
       value: "#9d0012"
       name: "foregroundDanger"
@@ -1127,10 +1134,10 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#df001f"
+      value: "#ff3b3d"
       name: "foregroundDangerSubtle"
       description: "Subtle danger foreground."
-      originalName: "colorRed80"
+      originalName: "colorRed70"
       path: string[]
     },
     {
@@ -1148,10 +1155,10 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#dc9f00"
+      value: "#ffb900"
       name: "foregroundWarningSubtle"
       description: "Subtle danger foreground."
-      originalName: "colorOrange80"
+      originalName: "colorOrange70"
       path: string[]
     },
     {
@@ -1176,10 +1183,10 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#22a047"
+      value: "#1fc052"
       name: "foregroundSuccessSubtle"
       description: "Subtle success foreground."
-      originalName: "colorGreen80"
+      originalName: "colorGreen70"
       path: string[]
     },
     {
@@ -1197,10 +1204,10 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#0096af"
+      value: "#00b4d1"
       name: "foregroundInfoSubtle"
       description: "Subtle info foreground."
-      originalName: "colorBlue80"
+      originalName: "colorBlue70"
       path: string[]
     },
     {

package/dist/generic.module.js

@@ -1891,13 +1891,13 @@ export default {
   "foreground": [
     {
       "value": "#082d35",
-      "name": "foregroundCanvas",
-      "description": "Canvas foreground. Used for the default foreground of your app.",
+      "name": "foregroundBody",
+      "description": "Body foreground. Used for the default body text of your app.",
       "originalName": "foregroundNeutral",
       "path": [
         "color",
         "foreground",
-        "canvas"
+        "body"
       ]
     },
     {
@@ -1983,6 +1983,18 @@ export default {
         "moderate"
       ]
     },
+    {
+      "value": "#388597",
+      "name": "foregroundAccentSubtle",
+      "description": "Subtle accent foreground.",
+      "originalName": "colorAccent70",
+      "path": [
+        "color",
+        "foreground",
+        "accent",
+        "subtle"
+      ]
+    },
     {
       "value": "#9d0012",
       "name": "foregroundDanger",
@@ -2008,10 +2020,10 @@ export default {
       ]
     },
     {
-      "value": "#df001f",
+      "value": "#ff3b3d",
       "name": "foregroundDangerSubtle",
       "description": "Subtle danger foreground.",
-      "originalName": "colorRed80",
+      "originalName": "colorRed70",
       "path": [
         "color",
         "foreground",
@@ -2044,10 +2056,10 @@ export default {
       ]
     },
     {
-      "value": "#dc9f00",
+      "value": "#ffb900",
       "name": "foregroundWarningSubtle",
       "description": "Subtle danger foreground.",
-      "originalName": "colorOrange80",
+      "originalName": "colorOrange70",
       "path": [
         "color",
         "foreground",
@@ -2092,10 +2104,10 @@ export default {
       ]
     },
     {
-      "value": "#22a047",
+      "value": "#1fc052",
       "name": "foregroundSuccessSubtle",
       "description": "Subtle success foreground.",
-      "originalName": "colorGreen80",
+      "originalName": "colorGreen70",
       "path": [
         "color",
         "foreground",
@@ -2128,10 +2140,10 @@ export default {
       ]
     },
     {
-      "value": "#0096af",
+      "value": "#00b4d1",
       "name": "foregroundInfoSubtle",
       "description": "Subtle info foreground.",
-      "originalName": "colorBlue80",
+      "originalName": "colorBlue70",
       "path": [
         "color",
         "foreground",

package/dist/index.common.js

@@ -235,7 +235,7 @@ module.exports = {
     "inverse": "rgba(255, 255, 255, 0.113)"
   },
   "foreground": {
-    "canvas": "#082d35",
+    "body": "#082d35",
     "link": "#11596a",
     "neutral": {
       "default": "#082d35",
@@ -245,28 +245,29 @@ module.exports = {
     },
     "accent": {
       "default": "#0c4957",
-      "moderate": "#11596a"
+      "moderate": "#11596a",
+      "subtle": "#388597"
     },
     "danger": {
       "default": "#9d0012",
       "moderate": "#b20016",
-      "subtle": "#df001f"
+      "subtle": "#ff3b3d"
     },
     "warning": {
       "default": "#805400",
       "moderate": "#b17600",
-      "subtle": "#dc9f00",
+      "subtle": "#ffb900",
       "inverse": "#082d35"
     },
     "success": {
       "default": "#006626",
       "moderate": "#1b8238",
-      "subtle": "#22a047"
+      "subtle": "#1fc052"
     },
     "info": {
       "default": "#005e72",
       "moderate": "#007a92",
-      "subtle": "#0096af"
+      "subtle": "#00b4d1"
     },
     "disabled": {
       "default": "#9dafb3",

package/dist/index.cssmodules.css

@@ -183,7 +183,7 @@
 @value color-background-disabled: #e6ebec;
 @value color-background-disabled-subtle: #f3f5f6;
 @value color-background-inverse: rgba(255, 255, 255, 0.113);
-@value color-foreground-canvas: #082d35;
+@value color-foreground-body: #082d35;
 @value color-foreground-link: #11596a;
 @value color-foreground-neutral: #082d35;
 @value color-foreground-neutral-moderate: #223f44;
@@ -191,19 +191,20 @@
 @value color-foreground-neutral-minimal: #9dafb3;
 @value color-foreground-accent: #0c4957;
 @value color-foreground-accent-moderate: #11596a;
+@value color-foreground-accent-subtle: #388597;
 @value color-foreground-danger: #9d0012;
 @value color-foreground-danger-moderate: #b20016;
-@value color-foreground-danger-subtle: #df001f;
+@value color-foreground-danger-subtle: #ff3b3d;
 @value color-foreground-warning: #805400;
 @value color-foreground-warning-moderate: #b17600;
-@value color-foreground-warning-subtle: #dc9f00;
+@value color-foreground-warning-subtle: #ffb900;
 @value color-foreground-warning-inverse: #082d35;
 @value color-foreground-success: #006626;
 @value color-foreground-success-moderate: #1b8238;
-@value color-foreground-success-subtle: #22a047;
+@value color-foreground-success-subtle: #1fc052;
 @value color-foreground-info: #005e72;
 @value color-foreground-info-moderate: #007a92;
-@value color-foreground-info-subtle: #0096af;
+@value color-foreground-info-subtle: #00b4d1;
 @value color-foreground-disabled: #9dafb3;
 @value color-foreground-disabled-subtle: #c2cdd0;
 @value color-foreground-inverse: #ffffff;

package/dist/index.custom-properties.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Aug 2023 14:05:04 GMT
+ * Generated on Fri, 11 Aug 2023 11:40:32 GMT
  */
 
 :root {
@@ -189,7 +189,7 @@
   --color-background-disabled: #e6ebec;
   --color-background-disabled-subtle: #f3f5f6;
   --color-background-inverse: rgba(255, 255, 255, 0.113);
-  --color-foreground-canvas: #082d35;
+  --color-foreground-body: #082d35;
   --color-foreground-link: #11596a;
   --color-foreground-neutral: #082d35;
   --color-foreground-neutral-moderate: #223f44;
@@ -197,19 +197,20 @@
   --color-foreground-neutral-minimal: #9dafb3;
   --color-foreground-accent: #0c4957;
   --color-foreground-accent-moderate: #11596a;
+  --color-foreground-accent-subtle: #388597;
   --color-foreground-danger: #9d0012;
   --color-foreground-danger-moderate: #b20016;
-  --color-foreground-danger-subtle: #df001f;
+  --color-foreground-danger-subtle: #ff3b3d;
   --color-foreground-warning: #805400;
   --color-foreground-warning-moderate: #b17600;
-  --color-foreground-warning-subtle: #dc9f00;
+  --color-foreground-warning-subtle: #ffb900;
   --color-foreground-warning-inverse: #082d35;
   --color-foreground-success: #006626;
   --color-foreground-success-moderate: #1b8238;
-  --color-foreground-success-subtle: #22a047;
+  --color-foreground-success-subtle: #1fc052;
   --color-foreground-info: #005e72;
   --color-foreground-info-moderate: #007a92;
-  --color-foreground-info-subtle: #0096af;
+  --color-foreground-info-subtle: #00b4d1;
   --color-foreground-disabled: #9dafb3;
   --color-foreground-disabled-subtle: #c2cdd0;
   --color-foreground-inverse: #ffffff;

package/dist/index.d.ts

@@ -236,7 +236,7 @@ declare const tokens: {
     "inverse": "rgba(255, 255, 255, 0.113)"
   },
   "foreground": {
-    "canvas": "#082d35",
+    "body": "#082d35",
     "link": "#11596a",
     "neutral": {
       "default": "#082d35",
@@ -246,28 +246,29 @@ declare const tokens: {
     },
     "accent": {
       "default": "#0c4957",
-      "moderate": "#11596a"
+      "moderate": "#11596a",
+      "subtle": "#388597"
     },
     "danger": {
       "default": "#9d0012",
       "moderate": "#b20016",
-      "subtle": "#df001f"
+      "subtle": "#ff3b3d"
     },
     "warning": {
       "default": "#805400",
       "moderate": "#b17600",
-      "subtle": "#dc9f00",
+      "subtle": "#ffb900",
       "inverse": "#082d35"
     },
     "success": {
       "default": "#006626",
       "moderate": "#1b8238",
-      "subtle": "#22a047"
+      "subtle": "#1fc052"
     },
     "info": {
       "default": "#005e72",
       "moderate": "#007a92",
-      "subtle": "#0096af"
+      "subtle": "#00b4d1"
     },
     "disabled": {
       "default": "#9dafb3",

package/dist/index.json

@@ -184,7 +184,7 @@
   "COLOR_BACKGROUND_DISABLED": "#e6ebec",
   "COLOR_BACKGROUND_DISABLED_SUBTLE": "#f3f5f6",
   "COLOR_BACKGROUND_INVERSE": "rgba(255, 255, 255, 0.113)",
-  "COLOR_FOREGROUND_CANVAS": "#082d35",
+  "COLOR_FOREGROUND_BODY": "#082d35",
   "COLOR_FOREGROUND_LINK": "#11596a",
   "COLOR_FOREGROUND_NEUTRAL": "#082d35",
   "COLOR_FOREGROUND_NEUTRAL_MODERATE": "#223f44",
@@ -192,19 +192,20 @@
   "COLOR_FOREGROUND_NEUTRAL_MINIMAL": "#9dafb3",
   "COLOR_FOREGROUND_ACCENT": "#0c4957",
   "COLOR_FOREGROUND_ACCENT_MODERATE": "#11596a",
+  "COLOR_FOREGROUND_ACCENT_SUBTLE": "#388597",
   "COLOR_FOREGROUND_DANGER": "#9d0012",
   "COLOR_FOREGROUND_DANGER_MODERATE": "#b20016",
-  "COLOR_FOREGROUND_DANGER_SUBTLE": "#df001f",
+  "COLOR_FOREGROUND_DANGER_SUBTLE": "#ff3b3d",
   "COLOR_FOREGROUND_WARNING": "#805400",
   "COLOR_FOREGROUND_WARNING_MODERATE": "#b17600",
-  "COLOR_FOREGROUND_WARNING_SUBTLE": "#dc9f00",
+  "COLOR_FOREGROUND_WARNING_SUBTLE": "#ffb900",
   "COLOR_FOREGROUND_WARNING_INVERSE": "#082d35",
   "COLOR_FOREGROUND_SUCCESS": "#006626",
   "COLOR_FOREGROUND_SUCCESS_MODERATE": "#1b8238",
-  "COLOR_FOREGROUND_SUCCESS_SUBTLE": "#22a047",
+  "COLOR_FOREGROUND_SUCCESS_SUBTLE": "#1fc052",
   "COLOR_FOREGROUND_INFO": "#005e72",
   "COLOR_FOREGROUND_INFO_MODERATE": "#007a92",
-  "COLOR_FOREGROUND_INFO_SUBTLE": "#0096af",
+  "COLOR_FOREGROUND_INFO_SUBTLE": "#00b4d1",
   "COLOR_FOREGROUND_DISABLED": "#9dafb3",
   "COLOR_FOREGROUND_DISABLED_SUBTLE": "#c2cdd0",
   "COLOR_FOREGROUND_INVERSE": "#ffffff",

package/dist/index.map.scss

@@ -1,7 +1,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Aug 2023 14:05:04 GMT
+ * Generated on Fri, 11 Aug 2023 11:40:32 GMT
  */
 
 $colors-map: (
@@ -190,7 +190,7 @@ $colors-map: (
   'color-background-disabled': #e6ebec,
   'color-background-disabled-subtle': #f3f5f6,
   'color-background-inverse': rgba(255, 255, 255, 0.113),
-  'color-foreground-canvas': #082d35,
+  'color-foreground-body': #082d35,
   'color-foreground-link': #11596a,
   'color-foreground-neutral': #082d35,
   'color-foreground-neutral-moderate': #223f44,
@@ -198,19 +198,20 @@ $colors-map: (
   'color-foreground-neutral-minimal': #9dafb3,
   'color-foreground-accent': #0c4957,
   'color-foreground-accent-moderate': #11596a,
+  'color-foreground-accent-subtle': #388597,
   'color-foreground-danger': #9d0012,
   'color-foreground-danger-moderate': #b20016,
-  'color-foreground-danger-subtle': #df001f,
+  'color-foreground-danger-subtle': #ff3b3d,
   'color-foreground-warning': #805400,
   'color-foreground-warning-moderate': #b17600,
-  'color-foreground-warning-subtle': #dc9f00,
+  'color-foreground-warning-subtle': #ffb900,
   'color-foreground-warning-inverse': #082d35,
   'color-foreground-success': #006626,
   'color-foreground-success-moderate': #1b8238,
-  'color-foreground-success-subtle': #22a047,
+  'color-foreground-success-subtle': #1fc052,
   'color-foreground-info': #005e72,
   'color-foreground-info-moderate': #007a92,
-  'color-foreground-info-subtle': #0096af,
+  'color-foreground-info-subtle': #00b4d1,
   'color-foreground-disabled': #9dafb3,
   'color-foreground-disabled-subtle': #c2cdd0,
   'color-foreground-inverse': #ffffff,

package/dist/index.module.js

@@ -235,7 +235,7 @@ export default {
     "inverse": "rgba(255, 255, 255, 0.113)"
   },
   "foreground": {
-    "canvas": "#082d35",
+    "body": "#082d35",
     "link": "#11596a",
     "neutral": {
       "default": "#082d35",
@@ -245,28 +245,29 @@ export default {
     },
     "accent": {
       "default": "#0c4957",
-      "moderate": "#11596a"
+      "moderate": "#11596a",
+      "subtle": "#388597"
     },
     "danger": {
       "default": "#9d0012",
       "moderate": "#b20016",
-      "subtle": "#df001f"
+      "subtle": "#ff3b3d"
     },
     "warning": {
       "default": "#805400",
       "moderate": "#b17600",
-      "subtle": "#dc9f00",
+      "subtle": "#ffb900",
       "inverse": "#082d35"
     },
     "success": {
       "default": "#006626",
       "moderate": "#1b8238",
-      "subtle": "#22a047"
+      "subtle": "#1fc052"
     },
     "info": {
       "default": "#005e72",
       "moderate": "#007a92",
-      "subtle": "#0096af"
+      "subtle": "#00b4d1"
     },
     "disabled": {
       "default": "#9dafb3",

package/dist/index.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 04 Aug 2023 14:05:04 GMT
+// Generated on Fri, 11 Aug 2023 11:40:32 GMT
 
 $color-white: #ffffff;
 $color-gray0: #f9fafb;
@@ -187,7 +187,7 @@ $color-background-info-strong-hover: #005e72;
 $color-background-disabled: #e6ebec;
 $color-background-disabled-subtle: #f3f5f6;
 $color-background-inverse: rgba(255, 255, 255, 0.113);
-$color-foreground-canvas: #082d35;
+$color-foreground-body: #082d35;
 $color-foreground-link: #11596a;
 $color-foreground-neutral: #082d35;
 $color-foreground-neutral-moderate: #223f44;
@@ -195,19 +195,20 @@ $color-foreground-neutral-subtle: #53747b;
 $color-foreground-neutral-minimal: #9dafb3;
 $color-foreground-accent: #0c4957;
 $color-foreground-accent-moderate: #11596a;
+$color-foreground-accent-subtle: #388597;
 $color-foreground-danger: #9d0012;
 $color-foreground-danger-moderate: #b20016;
-$color-foreground-danger-subtle: #df001f;
+$color-foreground-danger-subtle: #ff3b3d;
 $color-foreground-warning: #805400;
 $color-foreground-warning-moderate: #b17600;
-$color-foreground-warning-subtle: #dc9f00;
+$color-foreground-warning-subtle: #ffb900;
 $color-foreground-warning-inverse: #082d35;
 $color-foreground-success: #006626;
 $color-foreground-success-moderate: #1b8238;
-$color-foreground-success-subtle: #22a047;
+$color-foreground-success-subtle: #1fc052;
 $color-foreground-info: #005e72;
 $color-foreground-info-moderate: #007a92;
-$color-foreground-info-subtle: #0096af;
+$color-foreground-info-subtle: #00b4d1;
 $color-foreground-disabled: #9dafb3;
 $color-foreground-disabled-subtle: #c2cdd0;
 $color-foreground-inverse: #ffffff;

package/flat/package.json

@@ -1,5 +1,6 @@
 {
-  "main": "dist/flat.common.js",
-  "module": "dist/flat.module.js",
+  "private": true,
+  "main": "../dist/flat.common.js",
+  "module": "../dist/flat.module.js",
   "types": "../dist/flat.d.ts"
 }

package/generic/package.json

@@ -1,5 +1,6 @@
 {
-  "main": "dist/generic.common.js",
-  "module": "dist/generic.module.js",
+  "private": true,
+  "main": "../dist/generic.common.js",
+  "module": "../dist/generic.module.js",
   "types": "../dist/generic.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@volue/design-colors",
-  "version": "3.0.0-next.2",
+  "version": "3.0.0-next.3",
   "description": "Color primitives for Volue design primitives",
   "license": "UNLICENSED",
   "repository": {

package/src/functional.json

@@ -296,9 +296,9 @@
       }
     },
     "foreground": {
-      "canvas": {
+      "body": {
         "value": "{color.foreground.neutral.@.value}",
-        "description": "Canvas foreground. Used for the default foreground of your app."
+        "description": "Body foreground. Used for the default body text of your app."
       },
       "link": {
         "value": "{color.foreground.accent.moderate.value}",
@@ -330,6 +330,10 @@
         "moderate": {
           "value": "{color.core.accent90.value}",
           "description": "Moderate accent foreground."
+        },
+        "subtle": {
+          "value": "{color.core.accent70.value}",
+          "description": "Subtle accent foreground."
         }
       },
       "danger": {
@@ -342,7 +346,7 @@
           "description": "Moderate danger foreground."
         },
         "subtle": {
-          "value": "{color.core.red80.value}",
+          "value": "{color.core.red70.value}",
           "description": "Subtle danger foreground."
         }
       },
@@ -356,7 +360,7 @@
           "description": "Moderate warning foreground."
         },
         "subtle": {
-          "value": "{color.core.orange80.value}",
+          "value": "{color.core.orange70.value}",
           "description": "Subtle danger foreground."
         },
         "inverse": {
@@ -374,7 +378,7 @@
           "description": "Moderate success foreground."
         },
         "subtle": {
-          "value": "{color.core.green80.value}",
+          "value": "{color.core.green70.value}",
           "description": "Subtle success foreground."
         }
       },
@@ -388,7 +392,7 @@
           "description": "Moderate info foreground."
         },
         "subtle": {
-          "value": "{color.core.blue80.value}",
+          "value": "{color.core.blue70.value}",
           "description": "Subtle info foreground."
         }
       },