@devexpress/design-tokens-internal 262.11.0 → 262.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devexpress/design-tokens-internal",
-  "version": "262.11.0",
+  "version": "262.12.0",
   "description": "",
   "license": "ISC",
   "author": "",

package/tokens/semantic/colors/fluent/dark.json

@@ -824,50 +824,6 @@
       "$type": "color",
       "$value": "{neutral.10}"
     },
-    "content-on-subtle-blue": {
-      "$type": "color",
-      "$value": "{blue.40}"
-    },
-    "content-on-subtle-cyan": {
-      "$type": "color",
-      "$value": "{cyan.40}"
-    },
-    "content-on-subtle-gray": {
-      "$type": "color",
-      "$value": "{gray.40}"
-    },
-    "content-on-subtle-green": {
-      "$type": "color",
-      "$value": "{green.40}"
-    },
-    "content-on-subtle-indigo": {
-      "$type": "color",
-      "$value": "{indigo.40}"
-    },
-    "content-on-subtle-orange": {
-      "$type": "color",
-      "$value": "{orange.40}"
-    },
-    "content-on-subtle-pink": {
-      "$type": "color",
-      "$value": "{pink.40}"
-    },
-    "content-on-subtle-purple": {
-      "$type": "color",
-      "$value": "{purple.40}"
-    },
-    "content-on-subtle-red": {
-      "$type": "color",
-      "$value": "{red.40}"
-    },
-    "content-on-subtle-teal": {
-      "$type": "color",
-      "$value": "{teal.40}"
-    },
-    "content-on-subtle-yellow": {
-      "$type": "color",
-      "$value": "{yellow.20}"
-    },
     "content-primary": {
       "$type": "color",
       "$value": "{primary.80}"
@@ -892,7 +848,11 @@
       "$type": "color",
       "$value": "{primary.120}"
     },
-    "content-primary-on-color": {
+    "content-on-primary": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
+    "content-on-subtle-primary": {
       "$type": "color",
       "$value": "{neutral.10}"
     },
@@ -908,6 +868,14 @@
       "$type": "color",
       "$value": "{secondary.20}"
     },
+    "content-on-secondary": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
+    "content-on-subtle-secondary": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
     "content-info": {
       "$type": "color",
       "$value": "{info.80}"
@@ -920,6 +888,14 @@
       "$type": "color",
       "$value": "{info.120}"
     },
+    "content-on-info": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
+    "content-on-subtle-info": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
     "content-warning": {
       "$type": "color",
       "$value": "{warning.80}"
@@ -932,6 +908,26 @@
       "$type": "color",
       "$value": "{warning.120}"
     },
+    "content-on-warning": {
+      "$type": "color",
+      "$value": "{neutral.280}"
+    },
+    "content-on-warning-hovered": {
+      "$type": "color",
+      "$value": "{neutral.280}"
+    },
+    "content-on-warning-active": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
+    "content-on-warning-selected": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
+    "content-on-subtle-warning": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
     "content-success": {
       "$type": "color",
       "$value": "{success.80}"
@@ -956,6 +952,14 @@
       "$type": "color",
       "$value": "{success.120}"
     },
+    "content-on-success": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
+    "content-on-subtle-success": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
     "content-danger": {
       "$type": "color",
       "$value": "{danger.80}"
@@ -980,50 +984,146 @@
       "$type": "color",
       "$value": "{danger.120}"
     },
+    "content-on-danger": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
+    "content-on-subtle-danger": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
     "content-blue": {
       "$type": "color",
       "$value": "{blue.70}"
     },
+    "content-on-blue": {
+      "$type": "color",
+      "$value": "{blue.10}"
+    },
+    "content-on-subtle-blue": {
+      "$type": "color",
+      "$value": "{blue.40}"
+    },
     "content-cyan": {
       "$type": "color",
       "$value": "{cyan.80}"
     },
+    "content-on-cyan": {
+      "$type": "color",
+      "$value": "{cyan.180}"
+    },
+    "content-on-subtle-cyan": {
+      "$type": "color",
+      "$value": "{cyan.40}"
+    },
     "content-gray": {
       "$type": "color",
       "$value": "{gray.70}"
     },
+    "content-on-gray": {
+      "$type": "color",
+      "$value": "{gray.10}"
+    },
+    "content-on-subtle-gray": {
+      "$type": "color",
+      "$value": "{gray.40}"
+    },
     "content-green": {
       "$type": "color",
       "$value": "{green.70}"
     },
+    "content-on-green": {
+      "$type": "color",
+      "$value": "{green.180}"
+    },
+    "content-on-subtle-green": {
+      "$type": "color",
+      "$value": "{green.40}"
+    },
     "content-indigo": {
       "$type": "color",
       "$value": "{indigo.70}"
     },
+    "content-on-indigo": {
+      "$type": "color",
+      "$value": "{indigo.10}"
+    },
+    "content-on-subtle-indigo": {
+      "$type": "color",
+      "$value": "{indigo.40}"
+    },
     "content-orange": {
       "$type": "color",
       "$value": "{orange.80}"
     },
+    "content-on-orange": {
+      "$type": "color",
+      "$value": "{orange.180}"
+    },
+    "content-on-subtle-orange": {
+      "$type": "color",
+      "$value": "{orange.40}"
+    },
     "content-pink": {
       "$type": "color",
       "$value": "{pink.70}"
     },
+    "content-on-pink": {
+      "$type": "color",
+      "$value": "{pink.180}"
+    },
+    "content-on-subtle-pink": {
+      "$type": "color",
+      "$value": "{pink.40}"
+    },
     "content-purple": {
       "$type": "color",
       "$value": "{purple.70}"
     },
+    "content-on-purple": {
+      "$type": "color",
+      "$value": "{purple.10}"
+    },
+    "content-on-subtle-purple": {
+      "$type": "color",
+      "$value": "{purple.40}"
+    },
     "content-red": {
       "$type": "color",
       "$value": "{red.70}"
     },
+    "content-on-red": {
+      "$type": "color",
+      "$value": "{red.10}"
+    },
+    "content-on-subtle-red": {
+      "$type": "color",
+      "$value": "{red.40}"
+    },
     "content-teal": {
       "$type": "color",
       "$value": "{teal.70}"
     },
+    "content-on-teal": {
+      "$type": "color",
+      "$value": "{teal.180}"
+    },
+    "content-on-subtle-teal": {
+      "$type": "color",
+      "$value": "{teal.40}"
+    },
     "content-yellow": {
       "$type": "color",
       "$value": "{yellow.70}"
     },
+    "content-on-yellow": {
+      "$type": "color",
+      "$value": "{yellow.180}"
+    },
+    "content-on-subtle-yellow": {
+      "$type": "color",
+      "$value": "{yellow.20}"
+    },
     "content-none": {
       "$type": "color",
       "$value": "{neutral.10}00"

package/tokens/semantic/colors/fluent/light.json

@@ -824,50 +824,6 @@
       "$type": "color",
       "$value": "{neutral.270}"
     },
-    "content-on-subtle-blue": {
-      "$type": "color",
-      "$value": "{blue.130}"
-    },
-    "content-on-subtle-cyan": {
-      "$type": "color",
-      "$value": "{cyan.130}"
-    },
-    "content-on-subtle-gray": {
-      "$type": "color",
-      "$value": "{gray.130}"
-    },
-    "content-on-subtle-green": {
-      "$type": "color",
-      "$value": "{green.130}"
-    },
-    "content-on-subtle-indigo": {
-      "$type": "color",
-      "$value": "{indigo.130}"
-    },
-    "content-on-subtle-orange": {
-      "$type": "color",
-      "$value": "{orange.130}"
-    },
-    "content-on-subtle-pink": {
-      "$type": "color",
-      "$value": "{pink.130}"
-    },
-    "content-on-subtle-purple": {
-      "$type": "color",
-      "$value": "{purple.130}"
-    },
-    "content-on-subtle-red": {
-      "$type": "color",
-      "$value": "{red.130}"
-    },
-    "content-on-subtle-teal": {
-      "$type": "color",
-      "$value": "{teal.130}"
-    },
-    "content-on-subtle-yellow": {
-      "$type": "color",
-      "$value": "{yellow.140}"
-    },
     "content-primary": {
       "$type": "color",
       "$value": "{primary.100}"
@@ -892,10 +848,14 @@
       "$type": "color",
       "$value": "{primary.140}"
     },
-    "content-primary-on-color": {
+    "content-on-primary": {
       "$type": "color",
       "$value": "{neutral.10}"
     },
+    "content-on-subtle-primary": {
+      "$type": "color",
+      "$value": "{neutral.280}"
+    },
     "content-secondary": {
       "$type": "color",
       "$value": "{secondary.180}"
@@ -908,6 +868,14 @@
       "$type": "color",
       "$value": "{secondary.180}"
     },
+    "content-on-secondary": {
+      "$type": "color",
+      "$value": "{neutral.280}"
+    },
+    "content-on-subtle-secondary": {
+      "$type": "color",
+      "$value": "{neutral.280}"
+    },
     "content-info": {
       "$type": "color",
       "$value": "{info.100}"
@@ -920,6 +888,14 @@
       "$type": "color",
       "$value": "{info.140}"
     },
+    "content-on-info": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
+    "content-on-subtle-info": {
+      "$type": "color",
+      "$value": "{neutral.280}"
+    },
     "content-warning": {
       "$type": "color",
       "$value": "{warning.100}"
@@ -932,6 +908,26 @@
       "$type": "color",
       "$value": "{warning.140}"
     },
+    "content-on-warning": {
+      "$type": "color",
+      "$value": "{neutral.280}"
+    },
+    "content-on-warning-hovered": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
+    "content-on-warning-active": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
+    "content-on-warning-selected": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
+    "content-on-subtle-warning": {
+      "$type": "color",
+      "$value": "{neutral.280}"
+    },
     "content-success": {
       "$type": "color",
       "$value": "{success.100}"
@@ -956,6 +952,14 @@
       "$type": "color",
       "$value": "{success.140}"
     },
+    "content-on-success": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
+    "content-on-subtle-success": {
+      "$type": "color",
+      "$value": "{neutral.280}"
+    },
     "content-danger": {
       "$type": "color",
       "$value": "{danger.100}"
@@ -980,50 +984,146 @@
       "$type": "color",
       "$value": "{danger.140}"
     },
+    "content-on-danger": {
+      "$type": "color",
+      "$value": "{neutral.10}"
+    },
+    "content-on-subtle-danger": {
+      "$type": "color",
+      "$value": "{neutral.280}"
+    },
     "content-blue": {
       "$type": "color",
       "$value": "{blue.110}"
     },
+    "content-on-blue": {
+      "$type": "color",
+      "$value": "{blue.10}"
+    },
+    "content-on-subtle-blue": {
+      "$type": "color",
+      "$value": "{blue.130}"
+    },
     "content-cyan": {
       "$type": "color",
       "$value": "{cyan.120}"
     },
+    "content-on-cyan": {
+      "$type": "color",
+      "$value": "{cyan.180}"
+    },
+    "content-on-subtle-cyan": {
+      "$type": "color",
+      "$value": "{cyan.130}"
+    },
     "content-gray": {
       "$type": "color",
       "$value": "{gray.110}"
     },
+    "content-on-gray": {
+      "$type": "color",
+      "$value": "{gray.10}"
+    },
+    "content-on-subtle-gray": {
+      "$type": "color",
+      "$value": "{gray.130}"
+    },
     "content-green": {
       "$type": "color",
       "$value": "{green.120}"
     },
+    "content-on-green": {
+      "$type": "color",
+      "$value": "{green.180}"
+    },
+    "content-on-subtle-green": {
+      "$type": "color",
+      "$value": "{green.130}"
+    },
     "content-indigo": {
       "$type": "color",
       "$value": "{indigo.110}"
     },
+    "content-on-indigo": {
+      "$type": "color",
+      "$value": "{indigo.10}"
+    },
+    "content-on-subtle-indigo": {
+      "$type": "color",
+      "$value": "{indigo.130}"
+    },
     "content-orange": {
       "$type": "color",
       "$value": "{orange.120}"
     },
+    "content-on-orange": {
+      "$type": "color",
+      "$value": "{orange.180}"
+    },
+    "content-on-subtle-orange": {
+      "$type": "color",
+      "$value": "{orange.130}"
+    },
     "content-pink": {
       "$type": "color",
       "$value": "{pink.120}"
     },
+    "content-on-pink": {
+      "$type": "color",
+      "$value": "{pink.180}"
+    },
+    "content-on-subtle-pink": {
+      "$type": "color",
+      "$value": "{pink.130}"
+    },
     "content-purple": {
       "$type": "color",
       "$value": "{purple.110}"
     },
+    "content-on-purple": {
+      "$type": "color",
+      "$value": "{purple.10}"
+    },
+    "content-on-subtle-purple": {
+      "$type": "color",
+      "$value": "{purple.130}"
+    },
     "content-red": {
       "$type": "color",
       "$value": "{red.110}"
     },
+    "content-on-red": {
+      "$type": "color",
+      "$value": "{red.10}"
+    },
+    "content-on-subtle-red": {
+      "$type": "color",
+      "$value": "{red.130}"
+    },
     "content-teal": {
       "$type": "color",
       "$value": "{teal.110}"
     },
+    "content-on-teal": {
+      "$type": "color",
+      "$value": "{teal.180}"
+    },
+    "content-on-subtle-teal": {
+      "$type": "color",
+      "$value": "{teal.130}"
+    },
     "content-yellow": {
       "$type": "color",
       "$value": "{yellow.130}"
     },
+    "content-on-yellow": {
+      "$type": "color",
+      "$value": "{yellow.180}"
+    },
+    "content-on-subtle-yellow": {
+      "$type": "color",
+      "$value": "{yellow.140}"
+    },
     "content-none": {
       "$type": "color",
       "$value": "{neutral.10}00"