Merge pull request #46 from mcoker/export-tokens.5.7.24

fix(tokens): add severity, highlight text, updated disabled border tokens
patternfly · May 7, 2024 · 56ba545 · 56ba545
2 parents 569fea5 + acb6847
commit 56ba545
Show file tree

Hide file tree

Showing 9 changed files with 205 additions and 19 deletions.
diff --git a/packages/module/build/css/tokens-charts-dark.scss b/packages/module/build/css/tokens-charts-dark.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 07 May 2024 17:05:31 GMT
+// Generated on Tue, 07 May 2024 18:55:09 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--chart--global--layout--width: 450;

diff --git a/packages/module/build/css/tokens-charts.scss b/packages/module/build/css/tokens-charts.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 07 May 2024 17:05:31 GMT
+// Generated on Tue, 07 May 2024 18:55:09 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--chart--global--layout--width: 450;

diff --git a/packages/module/build/css/tokens-dark.scss b/packages/module/build/css/tokens-dark.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 07 May 2024 17:05:31 GMT
+// Generated on Tue, 07 May 2024 18:55:09 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
@@ -64,6 +64,12 @@
   --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
   --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
   --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
+  --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
+  --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
+  --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
+  --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
+  --pf-t--global--dark--color--severity--none--100: var(--pf-t--color--blue--30);
+  --pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
   --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
   --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
   --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
@@ -81,6 +87,7 @@
   --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
   --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
   --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
+  --pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300);
   --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
   --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
   --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
@@ -121,9 +128,16 @@
   --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
   --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
   --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
+  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
   --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
   --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
   --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
+  --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--100);
+  --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--dark--color--severity--important--100);
+  --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--100);
+  --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--dark--color--severity--minor--100);
+  --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--dark--color--severity--none--100);
+  --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--dark--color--severity--undefined--100);
   --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
   --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
   --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
@@ -261,7 +275,6 @@
   --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
   --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
   --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
-  --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
   --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
   --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
   --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -351,8 +364,8 @@
   --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
   --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
   --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
-  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
   --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
+  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
   --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
   --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
   --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);

diff --git a/packages/module/build/css/tokens-default.scss b/packages/module/build/css/tokens-default.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 07 May 2024 17:05:31 GMT
+// Generated on Tue, 07 May 2024 18:55:08 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
@@ -97,6 +97,12 @@
   --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
   --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
   --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
+  --pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
+  --pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
+  --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
+  --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
+  --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
+  --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
   --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
   --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
   --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
@@ -237,6 +243,7 @@
   --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
   --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
   --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
+  --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
   --pf-t--global--text--color--required: var(--pf-t--global--text--color--400);
   --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
   --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
@@ -346,12 +353,19 @@
   --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300);
   --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200);
   --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--300);
+  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
   --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
   --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
   --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
   --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
   --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
   --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
+  --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--color--severity--critical--100);
+  --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--100);
+  --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--100);
+  --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--100);
+  --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--100);
+  --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--100);
   --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
   --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
   --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
@@ -436,15 +450,14 @@
   --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
   --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
   --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
-  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
   --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
+  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
   --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
   --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
   --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
   --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
   --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
   --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
-  --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
   --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
   --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
   --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);

diff --git a/packages/module/build/css/tokens-palette.scss b/packages/module/build/css/tokens-palette.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 07 May 2024 17:05:31 GMT
+// Generated on Tue, 07 May 2024 18:55:09 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--color--red--70: #5f0000;

diff --git a/packages/module/tokens/dark/base.dark.json b/packages/module/tokens/dark/base.dark.json
@@ -79,6 +79,44 @@
             "value": "{color.yellow.20}"
           }
         },
+        "severity": {
+          "undefined": {
+            "100": {
+              "type": "color",
+              "value": "{color.gray.40}"
+            }
+          },
+          "none": {
+            "100": {
+              "type": "color",
+              "value": "{color.blue.30}"
+            }
+          },
+          "minor": {
+            "100": {
+              "type": "color",
+              "value": "{color.gray.30}"
+            }
+          },
+          "moderate": {
+            "100": {
+              "type": "color",
+              "value": "{color.yellow.30}"
+            }
+          },
+          "important": {
+            "100": {
+              "type": "color",
+              "value": "{color.orange.40}"
+            }
+          },
+          "critical": {
+            "100": {
+              "type": "color",
+              "value": "{color.red-orange.50}"
+            }
+          }
+        },
         "status": {
           "success": {
             "100": {

diff --git a/packages/module/tokens/dark/semantic.dark.json b/packages/module/tokens/dark/semantic.dark.json
@@ -157,13 +157,13 @@
               "type": "color",
               "value": "{global.color.status.danger.default}"
             },
-            "hover": {
-              "type": "color",
-              "value": "{global.color.status.danger.hover}"
-            },
             "clicked": {
               "type": "color",
               "value": "{global.color.status.danger.clicked}"
+            },
+            "hover": {
+              "type": "color",
+              "value": "{global.color.status.danger.hover}"
             }
           }
         },
@@ -613,6 +613,44 @@
           "type": "color",
           "value": "{global.dark.color.disabled.300}"
         },
+        "severity": {
+          "undefined": {
+            "default": {
+              "type": "color",
+              "value": "{global.dark.color.severity.undefined.100}"
+            }
+          },
+          "none": {
+            "default": {
+              "type": "color",
+              "value": "{global.dark.color.severity.none.100}"
+            }
+          },
+          "minor": {
+            "default": {
+              "type": "color",
+              "value": "{global.dark.color.severity.minor.100}"
+            }
+          },
+          "moderate": {
+            "default": {
+              "type": "color",
+              "value": "{global.dark.color.severity.moderate.100}"
+            }
+          },
+          "important": {
+            "default": {
+              "type": "color",
+              "value": "{global.dark.color.severity.important.100}"
+            }
+          },
+          "critical": {
+            "default": {
+              "type": "color",
+              "value": "{global.dark.color.severity.critical.100}"
+            }
+          }
+        },
         "nonstatus": {
           "on-red": {
             "default": {
@@ -845,7 +883,7 @@
         },
         "disabled": {
           "type": "color",
-          "value": "{global.background.color.disabled.default}"
+          "value": "{global.dark.color.disabled.200}"
         },
         "alt": {
           "type": "color",
@@ -1057,6 +1095,10 @@
           "type": "color",
           "value": "{global.dark.text.color.400}"
         },
+        "on-highlight": {
+          "type": "color",
+          "value": "{global.dark.text.color.300}"
+        },
         "status": {
           "success": {
             "default": {

diff --git a/packages/module/tokens/default/base.json b/packages/module/tokens/default/base.json
@@ -138,6 +138,44 @@
           }
         }
       },
+      "severity": {
+        "undefined": {
+          "100": {
+            "type": "color",
+            "value": "{color.gray.30}"
+          }
+        },
+        "none": {
+          "100": {
+            "type": "color",
+            "value": "{color.blue.40}"
+          }
+        },
+        "minor": {
+          "100": {
+            "type": "color",
+            "value": "{color.gray.50}"
+          }
+        },
+        "moderate": {
+          "100": {
+            "type": "color",
+            "value": "{color.yellow.40}"
+          }
+        },
+        "important": {
+          "100": {
+            "type": "color",
+            "value": "{color.orange.50}"
+          }
+        },
+        "critical": {
+          "100": {
+            "type": "color",
+            "value": "{color.red-orange.60}"
+          }
+        }
+      },
       "nonstatus": {
         "red": {
           "100": {