Merge pull request #60 from thatblindgeye/updateTokens

feat(tokens): updated tokens
patternfly · May 29, 2024 · bb41eba · bb41eba
2 parents b291cc0 + 2ee319f
commit bb41eba
Show file tree

Hide file tree

Showing 6 changed files with 87 additions and 39 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 Wed, 22 May 2024 20:26:40 GMT
+// Generated on Wed, 29 May 2024 15:57:12 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--chart--global--stroke-line-join: round;

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 Wed, 22 May 2024 20:26:40 GMT
+// Generated on Wed, 29 May 2024 15:57:12 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--chart--global--stroke-line-join: round;

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 Wed, 22 May 2024 20:26:40 GMT
+// Generated on Wed, 29 May 2024 15:57:12 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);

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 Wed, 22 May 2024 20:26:40 GMT
+// Generated on Wed, 29 May 2024 15:57:12 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
@@ -268,18 +268,8 @@
   --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
   --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
   --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
-  --pf-t--global--spacer--button--horizontal--plain: var(--pf-t--global--spacer--200);
-  --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
-  --pf-t--global--spacer--button--horizontal--default: var(--pf-t--global--spacer--400);
-  --pf-t--global--spacer--button--vertical--plain: var(--pf-t--global--spacer--200);
   --pf-t--global--spacer--button--vertical--compact: var(--pf-t--global--spacer--100);
-  --pf-t--global--spacer--button--vertical--default: var(--pf-t--global--spacer--200);
-  --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--200);
-  --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--200);
-  --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--300);
-  --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--200);
-  --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--100);
-  --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--200);
+  --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
   --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
   --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
   --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
@@ -442,6 +432,22 @@
   --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
   --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
   --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
+  --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
+  --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
+  --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
+  --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
+  --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
+  --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
+  --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
+  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
+  --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
+  --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
+  --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
+  --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
+  --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
+  --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
+  --pf-t--global--spacer--action--vertical--plain: var(--pf-t--global--spacer--sm);
+  --pf-t--global--spacer--action--vertical--default: var(--pf-t--global--spacer--sm);
   --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
   --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
   --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);

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 Wed, 22 May 2024 20:26:40 GMT
+// Generated on Wed, 29 May 2024 15:57:12 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--color--red--70: #5f0000;

diff --git a/packages/module/tokens/default/semantic.dimension.json b/packages/module/tokens/default/semantic.dimension.json
@@ -142,63 +142,105 @@
         "type": "number",
         "value": "{global.spacer.800}"
       },
-      "control": {
+      "action": {
         "vertical": {
           "default": {
             "type": "number",
-            "value": "{global.spacer.200}"
-          },
-          "compact": {
-            "type": "number",
-            "value": "{global.spacer.100}"
+            "value": "{global.spacer.sm}"
           },
           "plain": {
             "type": "number",
-            "value": "{global.spacer.200}"
+            "value": "{global.spacer.sm}"
           }
         },
         "horizontal": {
           "default": {
             "type": "number",
-            "value": "{global.spacer.300}"
-          },
-          "compact": {
-            "type": "number",
-            "value": "{global.spacer.200}"
+            "value": "{global.spacer.lg}"
           },
           "plain": {
             "type": "number",
-            "value": "{global.spacer.200}"
+            "value": "{global.spacer.sm}"
           }
         }
       },
-      "button": {
+      "control": {
         "vertical": {
           "default": {
             "type": "number",
-            "value": "{global.spacer.200}"
+            "value": "{global.spacer.sm}"
           },
-          "compact": {
+          "plain": {
             "type": "number",
-            "value": "{global.spacer.100}"
+            "value": "{global.spacer.sm}"
+          }
+        },
+        "horizontal": {
+          "default": {
+            "type": "number",
+            "value": "{global.spacer.md}"
           },
           "plain": {
             "type": "number",
-            "value": "{global.spacer.200}"
+            "value": "{global.spacer.sm}"
+          }
+        }
+      },
+      "gap": {
+        "text-to-element": {
+          "default": {
+            "type": "number",
+            "value": "{global.spacer.sm}"
           }
         },
-        "horizontal": {
+        "control-to-control": {
           "default": {
             "type": "number",
-            "value": "{global.spacer.400}"
+            "value": "{global.spacer.xs}"
+          }
+        },
+        "group": {
+          "vertical": {
+            "type": "number",
+            "value": "{global.spacer.sm}"
           },
-          "compact": {
+          "horizontal": {
             "type": "number",
-            "value": "{global.spacer.300}"
+            "value": "{global.spacer.md}"
+          }
+        },
+        "group-to-group": {
+          "horizontal": {
+            "type": "number",
+            "value": "{global.spacer.2xl}"
+          },
+          "vertical": {
+            "type": "number",
+            "value": "{global.spacer.lg}"
+          }
+        },
+        "action-to-action": {
+          "default": {
+            "type": "number",
+            "value": "{global.spacer.md}"
           },
           "plain": {
             "type": "number",
-            "value": "{global.spacer.200}"
+            "value": "{global.spacer.xs}"
+          }
+        }
+      },
+      "button": {
+        "horizontal": {
+          "compact": {
+            "type": "number",
+            "value": "{global.spacer.300}"
+          }
+        },
+        "vertical": {
+          "compact": {
+            "type": "number",
+            "value": "{global.spacer.100}"
           }
         }
       }