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

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 foregroundBody = "#082d35";
+const foregroundCanvas = "#082d35";
 const foregroundLink = "#11596a";
 const foregroundNeutral = "#082d35";
 const foregroundNeutralModerate = "#223f44";
@@ -439,7 +439,7 @@ module.exports = {
   backgroundDisabled,
   backgroundDisabledSubtle,
   backgroundInverse,
-  foregroundBody,
+  foregroundCanvas,
   foregroundLink,
   foregroundNeutral,
   foregroundNeutralModerate,
@@ -700,7 +700,7 @@ module.exports = {
     backgroundInverse
   },
   foreground: {
-    foregroundBody,
+    foregroundCanvas,
     foregroundLink,
     foregroundNeutral,
     foregroundNeutralModerate,

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 foregroundBody = "#082d35";
+export declare const foregroundCanvas = "#082d35";
 export declare const foregroundLink = "#11596a";
 export declare const foregroundNeutral = "#082d35";
 export declare const foregroundNeutralModerate = "#223f44";
@@ -444,7 +444,7 @@ export declare const background: {
   backgroundInverse: "rgba(255, 255, 255, 0.113)";
 };
 export declare const foreground: {
-  foregroundBody: "#082d35";
+  foregroundCanvas: "#082d35";
   foregroundLink: "#11596a";
   foregroundNeutral: "#082d35";
   foregroundNeutralModerate: "#223f44";

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 foregroundBody = "#082d35";
+export const foregroundCanvas = "#082d35";
 export const foregroundLink = "#11596a";
 export const foregroundNeutral = "#082d35";
 export const foregroundNeutralModerate = "#223f44";
@@ -444,7 +444,7 @@ export const background = {
   backgroundInverse
 };
 export const foreground = {
-  foregroundBody,
+  foregroundCanvas,
   foregroundLink,
   foregroundNeutral,
   foregroundNeutralModerate,

package/dist/generic.common.js

@@ -1891,13 +1891,13 @@ module.exports = {
   "foreground": [
     {
       "value": "#082d35",
-      "name": "foregroundBody",
-      "description": "Body foreground. Used as global default for all text.",
+      "name": "foregroundCanvas",
+      "description": "Canvas foreground. Used for the default foreground of your app.",
       "originalName": "foregroundNeutral",
       "path": [
         "color",
         "foreground",
-        "body"
+        "canvas"
       ]
     },
     {

package/dist/generic.d.ts

@@ -1058,8 +1058,8 @@ declare const tokens: {
   "foreground": [
     {
       value: "#082d35"
-      name: "foregroundBody"
-      description: "Body foreground. Used as global default for all text."
+      name: "foregroundCanvas"
+      description: "Canvas foreground. Used for the default foreground of your app."
       originalName: "foregroundNeutral"
       path: string[]
     },

package/dist/generic.module.js

@@ -1891,13 +1891,13 @@ export default {
   "foreground": [
     {
       "value": "#082d35",
-      "name": "foregroundBody",
-      "description": "Body foreground. Used as global default for all text.",
+      "name": "foregroundCanvas",
+      "description": "Canvas foreground. Used for the default foreground of your app.",
       "originalName": "foregroundNeutral",
       "path": [
         "color",
         "foreground",
-        "body"
+        "canvas"
       ]
     },
     {

package/dist/index.common.js

@@ -235,7 +235,7 @@ module.exports = {
     "inverse": "rgba(255, 255, 255, 0.113)"
   },
   "foreground": {
-    "body": "#082d35",
+    "canvas": "#082d35",
     "link": "#11596a",
     "neutral": {
       "default": "#082d35",

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-body: #082d35;
+@value color-foreground-canvas: #082d35;
 @value color-foreground-link: #11596a;
 @value color-foreground-neutral: #082d35;
 @value color-foreground-neutral-moderate: #223f44;

package/dist/index.custom-properties.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Aug 2023 11:50:24 GMT
+ * Generated on Fri, 04 Aug 2023 14:05:04 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-body: #082d35;
+  --color-foreground-canvas: #082d35;
   --color-foreground-link: #11596a;
   --color-foreground-neutral: #082d35;
   --color-foreground-neutral-moderate: #223f44;

package/dist/index.d.ts

@@ -236,7 +236,7 @@ declare const tokens: {
     "inverse": "rgba(255, 255, 255, 0.113)"
   },
   "foreground": {
-    "body": "#082d35",
+    "canvas": "#082d35",
     "link": "#11596a",
     "neutral": {
       "default": "#082d35",

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_BODY": "#082d35",
+  "COLOR_FOREGROUND_CANVAS": "#082d35",
   "COLOR_FOREGROUND_LINK": "#11596a",
   "COLOR_FOREGROUND_NEUTRAL": "#082d35",
   "COLOR_FOREGROUND_NEUTRAL_MODERATE": "#223f44",

package/dist/index.map.scss

@@ -1,7 +1,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Aug 2023 11:50:24 GMT
+ * Generated on Fri, 04 Aug 2023 14:05:04 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-body': #082d35,
+  'color-foreground-canvas': #082d35,
   'color-foreground-link': #11596a,
   'color-foreground-neutral': #082d35,
   'color-foreground-neutral-moderate': #223f44,

package/dist/index.module.js

@@ -235,7 +235,7 @@ export default {
     "inverse": "rgba(255, 255, 255, 0.113)"
   },
   "foreground": {
-    "body": "#082d35",
+    "canvas": "#082d35",
     "link": "#11596a",
     "neutral": {
       "default": "#082d35",

package/dist/index.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 04 Aug 2023 11:50:24 GMT
+// Generated on Fri, 04 Aug 2023 14:05:04 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-body: #082d35;
+$color-foreground-canvas: #082d35;
 $color-foreground-link: #11596a;
 $color-foreground-neutral: #082d35;
 $color-foreground-neutral-moderate: #223f44;

package/package.json

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

package/src/functional.json

@@ -296,9 +296,9 @@
       }
     },
     "foreground": {
-      "body": {
+      "canvas": {
         "value": "{color.foreground.neutral.@.value}",
-        "description": "Body foreground. Used as global default for all text."
+        "description": "Canvas foreground. Used for the default foreground of your app."
       },
       "link": {
         "value": "{color.foreground.accent.moderate.value}",