From f8ab157fda78e8ee1666ba674a7e377f9ece974a Mon Sep 17 00:00:00 2001 From: mcoker Date: Wed, 14 Aug 2024 19:09:26 -0500 Subject: [PATCH] chore(tokens): get latest from figma to support slider styles --- .../module/build/css/tokens-charts-dark.scss | 2 +- packages/module/build/css/tokens-charts.scss | 2 +- packages/module/build/css/tokens-dark.scss | 28 +- packages/module/build/css/tokens-default.scss | 2 +- packages/module/build/css/tokens-palette.scss | 2 +- .../content/token-layers-dark.json | 3348 +++++++++++------ .../content/token-layers-default.json | 2892 +++++++++----- packages/module/tokens/dark/base.dark.json | 8 +- .../module/tokens/dark/semantic.dark.json | 18 +- .../tokens/default/semantic.dimension.json | 24 +- 10 files changed, 4262 insertions(+), 2064 deletions(-) diff --git a/packages/module/build/css/tokens-charts-dark.scss b/packages/module/build/css/tokens-charts-dark.scss index 8d31c3a..16ec530 100644 --- 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 Thu, 18 Jul 2024 22:27:54 GMT +// Generated on Thu, 15 Aug 2024 00:08:40 GMT @mixin pf-v6-tokens { --pf-t--chart--global--BorderWidth--lg: 8; diff --git a/packages/module/build/css/tokens-charts.scss b/packages/module/build/css/tokens-charts.scss index 778939e..3aba470 100644 --- 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 Thu, 18 Jul 2024 22:27:54 GMT +// Generated on Thu, 15 Aug 2024 00:08:40 GMT @mixin pf-v6-tokens { --pf-t--chart--global--BorderWidth--lg: 8; diff --git a/packages/module/build/css/tokens-dark.scss b/packages/module/build/css/tokens-dark.scss index 8bc6668..b4d68a1 100644 --- 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 Thu, 18 Jul 2024 22:27:54 GMT +// Generated on Thu, 15 Aug 2024 00:08:40 GMT @mixin pf-v6-tokens { --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000); @@ -32,9 +32,9 @@ --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30); --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20); --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10); - --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--30); - --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--20); - --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--10); + --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60); + --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50); + --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40); --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30); --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20); --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10); @@ -77,7 +77,7 @@ --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10); --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40); --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90); - --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--10); + --pf-t--global--dark--text--color--100: var(--pf-t--color--white); --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30); --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90); --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30); @@ -107,9 +107,9 @@ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200); --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100); --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200); - --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--200); - --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100); - --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200); + --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--300); + --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--200); + --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--300); --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200); --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100); --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200); @@ -243,9 +243,9 @@ --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse); --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse); --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse); + --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular); + --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular); + --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular); --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse); --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse); --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse); @@ -309,9 +309,9 @@ --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse); --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse); --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--inverse); + --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular); + --pf-t--global--text--color--nonstatus--on-gray--default: 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-green--clicked: var(--pf-t--global--text--color--inverse); --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse); --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse); diff --git a/packages/module/build/css/tokens-default.scss b/packages/module/build/css/tokens-default.scss index 1820062..0db17fb 100644 --- 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 Thu, 18 Jul 2024 22:27:54 GMT +// Generated on Thu, 15 Aug 2024 00:08:40 GMT @mixin pf-v6-tokens { --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000); diff --git a/packages/module/build/css/tokens-palette.scss b/packages/module/build/css/tokens-palette.scss index 6b10762..cdec53b 100644 --- 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 Thu, 18 Jul 2024 22:27:54 GMT +// Generated on Thu, 15 Aug 2024 00:08:40 GMT @mixin pf-v6-tokens { --pf-t--color--black: #000000; diff --git a/packages/module/patternfly-docs/content/token-layers-dark.json b/packages/module/patternfly-docs/content/token-layers-dark.json index d63f178..70573bb 100644 --- a/packages/module/patternfly-docs/content/token-layers-dark.json +++ b/packages/module/patternfly-docs/content/token-layers-dark.json @@ -8220,13 +8220,13 @@ "dark": { "description": "Use as the default color for icons that are placed on a nonstatus gray background color and/or are paired with on-gray colored text.", "type": "color", - "value": "#1f1f1f", + "value": "#f2f2f2", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { "description": "Use as the default color for icons that are placed on a nonstatus gray background color and/or are paired with on-gray colored text.", "type": "color", - "value": "{global.icon.color.inverse}" + "value": "{global.icon.color.regular}" }, "name": "pf-t--global--icon--color--nonstatus--on-gray--default", "attributes": { @@ -8246,74 +8246,74 @@ ], "references": [ { - "description": "Use as the color for icons that are placed on an inverse background color", + "description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text", "type": "color", - "value": "#1f1f1f", + "value": "#f2f2f2", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { - "description": "Use as the color for icons that are placed on an inverse background color", + "description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text", "type": "color", - "value": "{global.dark.icon.color.300}" + "value": "{global.dark.icon.color.100}" }, - "name": "pf-t--global--icon--color--inverse", + "name": "pf-t--global--icon--color--regular", "attributes": { "category": "global", "type": "icon", "item": "color", - "subitem": "inverse" + "subitem": "regular" }, "path": [ "global", "icon", "color", - "inverse" + "regular" ], "references": [ { "type": "color", - "value": "#1f1f1f", + "value": "#f2f2f2", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.90}" + "value": "{color.gray.10}" }, - "name": "pf-t--global--dark--icon--color--300", + "name": "pf-t--global--dark--icon--color--100", "attributes": { "category": "global", "type": "dark", "item": "icon", "subitem": "color", - "state": "300" + "state": "100" }, "path": [ "global", "dark", "icon", "color", - "300" + "100" ], "references": [ { "type": "color", - "value": "#1f1f1f", + "value": "#f2f2f2", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#1f1f1f" + "value": "#f2f2f2" }, - "name": "pf-t--color--gray--90", + "name": "pf-t--color--gray--10", "attributes": { "category": "color", "type": "gray", - "item": "90" + "item": "10" }, "path": [ "color", "gray", - "90" + "10" ] } ] @@ -8327,13 +8327,13 @@ "dark": { "description": "Use as the hover state color for icons that are placed on a nonstatus gray background color and/or are paired with on-gray colored text.", "type": "color", - "value": "#1f1f1f", + "value": "#f2f2f2", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { "description": "Use as the hover state color for icons that are placed on a nonstatus gray background color and/or are paired with on-gray colored text.", "type": "color", - "value": "{global.icon.color.inverse}" + "value": "{global.icon.color.regular}" }, "name": "pf-t--global--icon--color--nonstatus--on-gray--hover", "attributes": { @@ -8353,74 +8353,74 @@ ], "references": [ { - "description": "Use as the color for icons that are placed on an inverse background color", + "description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text", "type": "color", - "value": "#1f1f1f", + "value": "#f2f2f2", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { - "description": "Use as the color for icons that are placed on an inverse background color", + "description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text", "type": "color", - "value": "{global.dark.icon.color.300}" + "value": "{global.dark.icon.color.100}" }, - "name": "pf-t--global--icon--color--inverse", + "name": "pf-t--global--icon--color--regular", "attributes": { "category": "global", "type": "icon", "item": "color", - "subitem": "inverse" + "subitem": "regular" }, "path": [ "global", "icon", "color", - "inverse" + "regular" ], "references": [ { "type": "color", - "value": "#1f1f1f", + "value": "#f2f2f2", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.90}" + "value": "{color.gray.10}" }, - "name": "pf-t--global--dark--icon--color--300", + "name": "pf-t--global--dark--icon--color--100", "attributes": { "category": "global", "type": "dark", "item": "icon", "subitem": "color", - "state": "300" + "state": "100" }, "path": [ "global", "dark", "icon", "color", - "300" + "100" ], "references": [ { "type": "color", - "value": "#1f1f1f", + "value": "#f2f2f2", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#1f1f1f" + "value": "#f2f2f2" }, - "name": "pf-t--color--gray--90", + "name": "pf-t--color--gray--10", "attributes": { "category": "color", "type": "gray", - "item": "90" + "item": "10" }, "path": [ "color", "gray", - "90" + "10" ] } ] @@ -8434,13 +8434,13 @@ "dark": { "description": "Use as the clicked state color for icons that are placed on a nonstatus gray background color and/or are paired with on-gray colored text.", "type": "color", - "value": "#1f1f1f", + "value": "#f2f2f2", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { "description": "Use as the clicked state color for icons that are placed on a nonstatus gray background color and/or are paired with on-gray colored text.", "type": "color", - "value": "{global.icon.color.inverse}" + "value": "{global.icon.color.regular}" }, "name": "pf-t--global--icon--color--nonstatus--on-gray--clicked", "attributes": { @@ -8460,74 +8460,74 @@ ], "references": [ { - "description": "Use as the color for icons that are placed on an inverse background color", + "description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text", "type": "color", - "value": "#1f1f1f", + "value": "#f2f2f2", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { - "description": "Use as the color for icons that are placed on an inverse background color", + "description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text", "type": "color", - "value": "{global.dark.icon.color.300}" + "value": "{global.dark.icon.color.100}" }, - "name": "pf-t--global--icon--color--inverse", + "name": "pf-t--global--icon--color--regular", "attributes": { "category": "global", "type": "icon", "item": "color", - "subitem": "inverse" + "subitem": "regular" }, "path": [ "global", "icon", "color", - "inverse" + "regular" ], "references": [ { "type": "color", - "value": "#1f1f1f", + "value": "#f2f2f2", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.90}" + "value": "{color.gray.10}" }, - "name": "pf-t--global--dark--icon--color--300", + "name": "pf-t--global--dark--icon--color--100", "attributes": { "category": "global", "type": "dark", "item": "icon", "subitem": "color", - "state": "300" + "state": "100" }, "path": [ "global", "dark", "icon", "color", - "300" + "100" ], "references": [ { "type": "color", - "value": "#1f1f1f", + "value": "#f2f2f2", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#1f1f1f" + "value": "#f2f2f2" }, - "name": "pf-t--color--gray--90", + "name": "pf-t--color--gray--10", "attributes": { "category": "color", "type": "gray", - "item": "90" + "item": "10" }, "path": [ "color", "gray", - "90" + "10" ] } ] @@ -12944,13 +12944,13 @@ "dark": { "description": "Use as the default border color for any element that does not convey status and that you always will want to be gray (i.e. color-coded labels)", "type": "color", - "value": "#c7c7c7", + "value": "#707070", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { "description": "Use as the default border color for any element that does not convey status and that you always will want to be gray (i.e. color-coded labels)", "type": "color", - "value": "{global.dark.color.nonstatus.gray.100}" + "value": "{global.dark.color.nonstatus.gray.200}" }, "name": "pf-t--global--border--color--nonstatus--gray--default", "attributes": { @@ -12971,14 +12971,14 @@ "references": [ { "type": "color", - "value": "#c7c7c7", + "value": "#707070", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.30}" + "value": "{color.gray.50}" }, - "name": "pf-t--global--dark--color--nonstatus--gray--100", + "name": "pf-t--global--dark--color--nonstatus--gray--200", "attributes": { "category": "global", "type": "dark", @@ -12992,28 +12992,28 @@ "color", "nonstatus", "gray", - "100" + "200" ], "references": [ { "type": "color", - "value": "#c7c7c7", + "value": "#707070", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#c7c7c7" + "value": "#707070" }, - "name": "pf-t--color--gray--30", + "name": "pf-t--color--gray--50", "attributes": { "category": "color", "type": "gray", - "item": "30" + "item": "50" }, "path": [ "color", "gray", - "30" + "50" ] } ] @@ -13025,13 +13025,13 @@ "dark": { "description": "Use as the hover state border color for any element that does not convey status and that you always will want to be gray (i.e. color-coded labels)", "type": "color", - "value": "#e0e0e0", + "value": "#a3a3a3", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { "description": "Use as the hover state border color for any element that does not convey status and that you always will want to be gray (i.e. color-coded labels)", "type": "color", - "value": "{global.dark.color.nonstatus.gray.200}" + "value": "{global.dark.color.nonstatus.gray.300}" }, "name": "pf-t--global--border--color--nonstatus--gray--hover", "attributes": { @@ -13052,14 +13052,14 @@ "references": [ { "type": "color", - "value": "#e0e0e0", + "value": "#a3a3a3", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.20}" + "value": "{color.gray.40}" }, - "name": "pf-t--global--dark--color--nonstatus--gray--200", + "name": "pf-t--global--dark--color--nonstatus--gray--300", "attributes": { "category": "global", "type": "dark", @@ -13073,28 +13073,28 @@ "color", "nonstatus", "gray", - "200" + "300" ], "references": [ { "type": "color", - "value": "#e0e0e0", + "value": "#a3a3a3", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#e0e0e0" + "value": "#a3a3a3" }, - "name": "pf-t--color--gray--20", + "name": "pf-t--color--gray--40", "attributes": { "category": "color", "type": "gray", - "item": "20" + "item": "40" }, "path": [ "color", "gray", - "20" + "40" ] } ] @@ -13106,13 +13106,13 @@ "dark": { "description": "Use as the clicked state border color for any element that does not convey status and that you always will want to be gray (i.e. color-coded labels)", "type": "color", - "value": "#e0e0e0", + "value": "#a3a3a3", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { "description": "Use as the clicked state border color for any element that does not convey status and that you always will want to be gray (i.e. color-coded labels)", "type": "color", - "value": "{global.dark.color.nonstatus.gray.200}" + "value": "{global.dark.color.nonstatus.gray.300}" }, "name": "pf-t--global--border--color--nonstatus--gray--clicked", "attributes": { @@ -13133,14 +13133,14 @@ "references": [ { "type": "color", - "value": "#e0e0e0", + "value": "#a3a3a3", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.20}" + "value": "{color.gray.40}" }, - "name": "pf-t--global--dark--color--nonstatus--gray--200", + "name": "pf-t--global--dark--color--nonstatus--gray--300", "attributes": { "category": "global", "type": "dark", @@ -13154,28 +13154,28 @@ "color", "nonstatus", "gray", - "200" + "300" ], "references": [ { "type": "color", - "value": "#e0e0e0", + "value": "#a3a3a3", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#e0e0e0" + "value": "#a3a3a3" }, - "name": "pf-t--color--gray--20", + "name": "pf-t--color--gray--40", "attributes": { "category": "color", "type": "gray", - "item": "20" + "item": "40" }, "path": [ "color", "gray", - "20" + "40" ] } ] @@ -19265,7 +19265,7 @@ "dark": { "description": "Use as the default background color for any element that does not convey status and that you always will want to be gray (i.e. color-coded labels, banners, etc.)", "type": "color", - "value": "#c7c7c7", + "value": "#4d4d4d", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { @@ -19291,12 +19291,12 @@ "references": [ { "type": "color", - "value": "#c7c7c7", + "value": "#4d4d4d", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.30}" + "value": "{color.gray.60}" }, "name": "pf-t--global--dark--color--nonstatus--gray--100", "attributes": { @@ -19317,23 +19317,23 @@ "references": [ { "type": "color", - "value": "#c7c7c7", + "value": "#4d4d4d", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#c7c7c7" + "value": "#4d4d4d" }, - "name": "pf-t--color--gray--30", + "name": "pf-t--color--gray--60", "attributes": { "category": "color", "type": "gray", - "item": "30" + "item": "60" }, "path": [ "color", "gray", - "30" + "60" ] } ] @@ -19345,7 +19345,7 @@ "dark": { "description": "Use as the hover state color for any element that uses the non status gray background color.", "type": "color", - "value": "#e0e0e0", + "value": "#707070", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { @@ -19371,12 +19371,12 @@ "references": [ { "type": "color", - "value": "#e0e0e0", + "value": "#707070", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.20}" + "value": "{color.gray.50}" }, "name": "pf-t--global--dark--color--nonstatus--gray--200", "attributes": { @@ -19397,23 +19397,23 @@ "references": [ { "type": "color", - "value": "#e0e0e0", + "value": "#707070", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#e0e0e0" + "value": "#707070" }, - "name": "pf-t--color--gray--20", + "name": "pf-t--color--gray--50", "attributes": { "category": "color", "type": "gray", - "item": "20" + "item": "50" }, "path": [ "color", "gray", - "20" + "50" ] } ] @@ -19425,7 +19425,7 @@ "dark": { "description": "Use as the clicked state color for any element that uses the non status gray background color.", "type": "color", - "value": "#e0e0e0", + "value": "#707070", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { @@ -19451,12 +19451,12 @@ "references": [ { "type": "color", - "value": "#e0e0e0", + "value": "#707070", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.20}" + "value": "{color.gray.50}" }, "name": "pf-t--global--dark--color--nonstatus--gray--200", "attributes": { @@ -19477,23 +19477,23 @@ "references": [ { "type": "color", - "value": "#e0e0e0", + "value": "#707070", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#e0e0e0" + "value": "#707070" }, - "name": "pf-t--color--gray--20", + "name": "pf-t--color--gray--50", "attributes": { "category": "color", "type": "gray", - "item": "20" + "item": "50" }, "path": [ "color", "gray", - "20" + "50" ] } ] @@ -19982,7 +19982,7 @@ "dark": { "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.", "type": "color", - "value": "#f2f2f2", + "value": "#ffffff", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { @@ -20006,12 +20006,12 @@ "references": [ { "type": "color", - "value": "#f2f2f2", + "value": "#ffffff", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.10}" + "value": "{color.white}" }, "name": "pf-t--global--dark--text--color--100", "attributes": { @@ -20031,23 +20031,21 @@ "references": [ { "type": "color", - "value": "#f2f2f2", + "value": "#ffffff", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#f2f2f2" + "value": "#ffffff" }, - "name": "pf-t--color--gray--10", + "name": "pf-t--color--white", "attributes": { "category": "color", - "type": "gray", - "item": "10" + "type": "white" }, "path": [ "color", - "gray", - "10" + "white" ] } ] @@ -27315,13 +27313,13 @@ "dark": { "description": "Use as the default color for text that is placed on a nonstatus gray background color.", "type": "color", - "value": "#1f1f1f", + "value": "#ffffff", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { "description": "Use as the default color for text that is placed on a nonstatus gray background color.", "type": "color", - "value": "{global.text.color.inverse}" + "value": "{global.text.color.regular}" }, "name": "pf-t--global--text--color--nonstatus--on-gray--default", "attributes": { @@ -27341,74 +27339,72 @@ ], "references": [ { - "description": "Use as the color of text that is placed on an inverse background color, like tooltips.", + "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.", "type": "color", - "value": "#1f1f1f", + "value": "#ffffff", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { - "description": "Use as the color of text that is placed on an inverse background color, like tooltips.", + "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.", "type": "color", - "value": "{global.dark.text.color.300}" + "value": "{global.dark.text.color.100}" }, - "name": "pf-t--global--text--color--inverse", + "name": "pf-t--global--text--color--regular", "attributes": { "category": "global", "type": "text", "item": "color", - "subitem": "inverse" + "subitem": "regular" }, "path": [ "global", "text", "color", - "inverse" + "regular" ], "references": [ { "type": "color", - "value": "#1f1f1f", + "value": "#ffffff", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.90}" + "value": "{color.white}" }, - "name": "pf-t--global--dark--text--color--300", + "name": "pf-t--global--dark--text--color--100", "attributes": { "category": "global", "type": "dark", "item": "text", "subitem": "color", - "state": "300" + "state": "100" }, "path": [ "global", "dark", "text", "color", - "300" + "100" ], "references": [ { "type": "color", - "value": "#1f1f1f", + "value": "#ffffff", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#1f1f1f" + "value": "#ffffff" }, - "name": "pf-t--color--gray--90", + "name": "pf-t--color--white", "attributes": { "category": "color", - "type": "gray", - "item": "90" + "type": "white" }, "path": [ "color", - "gray", - "90" + "white" ] } ] @@ -27422,13 +27418,13 @@ "dark": { "description": "Use as the hover state color for text that is placed on a nonstatus gray background color.", "type": "color", - "value": "#1f1f1f", + "value": "#ffffff", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { "description": "Use as the hover state color for text that is placed on a nonstatus gray background color.", "type": "color", - "value": "{global.text.color.inverse}" + "value": "{global.text.color.regular}" }, "name": "pf-t--global--text--color--nonstatus--on-gray--hover", "attributes": { @@ -27448,74 +27444,72 @@ ], "references": [ { - "description": "Use as the color of text that is placed on an inverse background color, like tooltips.", + "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.", "type": "color", - "value": "#1f1f1f", + "value": "#ffffff", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { - "description": "Use as the color of text that is placed on an inverse background color, like tooltips.", + "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.", "type": "color", - "value": "{global.dark.text.color.300}" + "value": "{global.dark.text.color.100}" }, - "name": "pf-t--global--text--color--inverse", + "name": "pf-t--global--text--color--regular", "attributes": { "category": "global", "type": "text", "item": "color", - "subitem": "inverse" + "subitem": "regular" }, "path": [ "global", "text", "color", - "inverse" + "regular" ], "references": [ { "type": "color", - "value": "#1f1f1f", + "value": "#ffffff", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.90}" + "value": "{color.white}" }, - "name": "pf-t--global--dark--text--color--300", + "name": "pf-t--global--dark--text--color--100", "attributes": { "category": "global", "type": "dark", "item": "text", "subitem": "color", - "state": "300" + "state": "100" }, "path": [ "global", "dark", "text", "color", - "300" + "100" ], "references": [ { "type": "color", - "value": "#1f1f1f", + "value": "#ffffff", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#1f1f1f" + "value": "#ffffff" }, - "name": "pf-t--color--gray--90", + "name": "pf-t--color--white", "attributes": { "category": "color", - "type": "gray", - "item": "90" + "type": "white" }, "path": [ "color", - "gray", - "90" + "white" ] } ] @@ -27529,13 +27523,13 @@ "dark": { "description": "Use as the clicked state color for text that is placed on a nonstatus gray background color.", "type": "color", - "value": "#1f1f1f", + "value": "#ffffff", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { "description": "Use as the clicked state color for text that is placed on a nonstatus gray background color.", "type": "color", - "value": "{global.text.color.inverse}" + "value": "{global.text.color.regular}" }, "name": "pf-t--global--text--color--nonstatus--on-gray--clicked", "attributes": { @@ -27555,74 +27549,72 @@ ], "references": [ { - "description": "Use as the color of text that is placed on an inverse background color, like tooltips.", + "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.", "type": "color", - "value": "#1f1f1f", + "value": "#ffffff", "filePath": "tokens/dark/semantic.dark.json", "isSource": true, "original": { - "description": "Use as the color of text that is placed on an inverse background color, like tooltips.", + "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.", "type": "color", - "value": "{global.dark.text.color.300}" + "value": "{global.dark.text.color.100}" }, - "name": "pf-t--global--text--color--inverse", + "name": "pf-t--global--text--color--regular", "attributes": { "category": "global", "type": "text", "item": "color", - "subitem": "inverse" + "subitem": "regular" }, "path": [ "global", "text", "color", - "inverse" + "regular" ], "references": [ { "type": "color", - "value": "#1f1f1f", + "value": "#ffffff", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.90}" + "value": "{color.white}" }, - "name": "pf-t--global--dark--text--color--300", + "name": "pf-t--global--dark--text--color--100", "attributes": { "category": "global", "type": "dark", "item": "text", "subitem": "color", - "state": "300" + "state": "100" }, "path": [ "global", "dark", "text", "color", - "300" + "100" ], "references": [ { "type": "color", - "value": "#1f1f1f", + "value": "#ffffff", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#1f1f1f" + "value": "#ffffff" }, - "name": "pf-t--color--gray--90", + "name": "pf-t--color--white", "attributes": { "category": "color", - "type": "gray", - "item": "90" + "type": "white" }, "path": [ "color", - "gray", - "90" + "white" ] } ] @@ -28174,13 +28166,13 @@ }, "pf-t--global--spacer--control--vertical--plain": { "default": { - "description": "Use to set the vertical padding inside of plain controls, like in plain menu toggles.", + "description": "Use to set the vertical padding inside of plain controls, like in plain menu toggles and plain buttons.", "type": "number", "value": "0.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the vertical padding inside of plain controls, like in plain menu toggles.", + "description": "Use to set the vertical padding inside of plain controls, like in plain menu toggles and plain buttons.", "type": "number", "value": "{global.spacer.sm}" }, @@ -28249,32 +28241,32 @@ ] } }, - "pf-t--global--spacer--control--horizontal--default": { + "pf-t--global--spacer--control--vertical--spacious": { "default": { - "description": "Use to set the horizontal padding inside of controls, like text inputs and menu toggles.", + "description": "Use to set the vertical padding inside a large/display controls. This is used across buttons, text inputs, menu toggles, etc.", "type": "number", "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the horizontal padding inside of controls, like text inputs and menu toggles.", + "description": "Use to set the vertical padding inside a large/display controls. This is used across buttons, text inputs, menu toggles, etc.", "type": "number", "value": "{global.spacer.md}" }, - "name": "pf-t--global--spacer--control--horizontal--default", + "name": "pf-t--global--spacer--control--vertical--spacious", "attributes": { "category": "global", "type": "spacer", "item": "control", - "subitem": "horizontal", - "state": "default" + "subitem": "vertical", + "state": "spacious" }, "path": [ "global", "spacer", "control", - "horizontal", - "default" + "vertical", + "spacious" ], "references": [ { @@ -28326,76 +28318,76 @@ ] } }, - "pf-t--global--spacer--control--horizontal--plain": { + "pf-t--global--spacer--control--horizontal--default": { "default": { - "description": "Use to set the horizontal padding inside of plain controls, like in plain menu toggles.", + "description": "Use to set the horizontal padding inside of controls, like text inputs and menu toggles.", "type": "number", - "value": "0.5rem", + "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the horizontal padding inside of plain controls, like in plain menu toggles.", + "description": "Use to set the horizontal padding inside of controls, like text inputs and menu toggles.", "type": "number", - "value": "{global.spacer.sm}" + "value": "{global.spacer.md}" }, - "name": "pf-t--global--spacer--control--horizontal--plain", + "name": "pf-t--global--spacer--control--horizontal--default", "attributes": { "category": "global", "type": "spacer", "item": "control", "subitem": "horizontal", - "state": "plain" + "state": "default" }, "path": [ "global", "spacer", "control", "horizontal", - "plain" + "default" ], "references": [ { - "description": "Use for small spaces between elements.", + "description": "Use for medium-sized spaces between elements.", "type": "number", - "value": "0.5rem", + "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use for small spaces between elements.", + "description": "Use for medium-sized spaces between elements.", "type": "number", - "value": "{global.spacer.200}" + "value": "{global.spacer.300}" }, - "name": "pf-t--global--spacer--sm", + "name": "pf-t--global--spacer--md", "attributes": { "category": "global", "type": "spacer", - "item": "sm" + "item": "md" }, "path": [ "global", "spacer", - "sm" + "md" ], "references": [ { "type": "number", - "value": "0.5rem", + "value": "1rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 8 + "value": 16 }, - "name": "pf-t--global--spacer--200", + "name": "pf-t--global--spacer--300", "attributes": { "category": "global", "type": "spacer", - "item": "200" + "item": "300" }, "path": [ "global", "spacer", - "200" + "300" ] } ] @@ -28403,32 +28395,32 @@ ] } }, - "pf-t--global--spacer--control--horizontal--compact": { + "pf-t--global--spacer--control--horizontal--plain": { "default": { - "description": "Use to set the horizontal padding inside of compact controls. This is used across text inputs, menu toggles, control buttons etc.", + "description": "Use to set the horizontal padding inside of plain controls, like in plain menu toggles.", "type": "number", "value": "0.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the horizontal padding inside of compact controls. This is used across text inputs, menu toggles, control buttons etc.", + "description": "Use to set the horizontal padding inside of plain controls, like in plain menu toggles.", "type": "number", "value": "{global.spacer.sm}" }, - "name": "pf-t--global--spacer--control--horizontal--compact", + "name": "pf-t--global--spacer--control--horizontal--plain", "attributes": { "category": "global", "type": "spacer", "item": "control", "subitem": "horizontal", - "state": "compact" + "state": "plain" }, "path": [ "global", "spacer", "control", "horizontal", - "compact" + "plain" ], "references": [ { @@ -28480,76 +28472,76 @@ ] } }, - "pf-t--global--spacer--control--horizontal--spacious": { + "pf-t--global--spacer--control--horizontal--compact": { "default": { - "description": "Use to set the horizontal padding in large/display controls.", + "description": "Use to set the horizontal padding inside of compact controls. This is used across text inputs, menu toggles, control buttons etc.", "type": "number", - "value": "1.5rem", + "value": "0.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the horizontal padding in large/display controls.", + "description": "Use to set the horizontal padding inside of compact controls. This is used across text inputs, menu toggles, control buttons etc.", "type": "number", - "value": "{global.spacer.lg}" + "value": "{global.spacer.sm}" }, - "name": "pf-t--global--spacer--control--horizontal--spacious", + "name": "pf-t--global--spacer--control--horizontal--compact", "attributes": { "category": "global", "type": "spacer", "item": "control", "subitem": "horizontal", - "state": "spacious" + "state": "compact" }, "path": [ "global", "spacer", "control", "horizontal", - "spacious" + "compact" ], "references": [ { - "description": "Use for large spaces between elements.", + "description": "Use for small spaces between elements.", "type": "number", - "value": "1.5rem", + "value": "0.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use for large spaces between elements.", + "description": "Use for small spaces between elements.", "type": "number", - "value": "{global.spacer.400}" + "value": "{global.spacer.200}" }, - "name": "pf-t--global--spacer--lg", + "name": "pf-t--global--spacer--sm", "attributes": { "category": "global", "type": "spacer", - "item": "lg" + "item": "sm" }, "path": [ "global", "spacer", - "lg" + "sm" ], "references": [ { "type": "number", - "value": "1.5rem", + "value": "0.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 24 + "value": 8 }, - "name": "pf-t--global--spacer--400", + "name": "pf-t--global--spacer--200", "attributes": { "category": "global", "type": "spacer", - "item": "400" + "item": "200" }, "path": [ "global", "spacer", - "400" + "200" ] } ] @@ -28557,76 +28549,76 @@ ] } }, - "pf-t--global--spacer--gap--text-to-element--default": { + "pf-t--global--spacer--control--horizontal--spacious": { "default": { - "description": "Use to space an element, like an icon or badge, inline with text", + "description": "Use to set the horizontal padding in large/display controls.", "type": "number", - "value": "0.5rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to space an element, like an icon or badge, inline with text", + "description": "Use to set the horizontal padding in large/display controls.", "type": "number", - "value": "{global.spacer.sm}" + "value": "{global.spacer.lg}" }, - "name": "pf-t--global--spacer--gap--text-to-element--default", + "name": "pf-t--global--spacer--control--horizontal--spacious", "attributes": { "category": "global", "type": "spacer", - "item": "gap", - "subitem": "text-to-element", - "state": "default" + "item": "control", + "subitem": "horizontal", + "state": "spacious" }, "path": [ "global", "spacer", - "gap", - "text-to-element", - "default" + "control", + "horizontal", + "spacious" ], "references": [ { - "description": "Use for small spaces between elements.", + "description": "Use for large spaces between elements.", "type": "number", - "value": "0.5rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use for small spaces between elements.", + "description": "Use for large spaces between elements.", "type": "number", - "value": "{global.spacer.200}" + "value": "{global.spacer.400}" }, - "name": "pf-t--global--spacer--sm", + "name": "pf-t--global--spacer--lg", "attributes": { "category": "global", "type": "spacer", - "item": "sm" + "item": "lg" }, "path": [ "global", "spacer", - "sm" + "lg" ], "references": [ { "type": "number", - "value": "0.5rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 8 + "value": 24 }, - "name": "pf-t--global--spacer--200", + "name": "pf-t--global--spacer--400", "attributes": { "category": "global", "type": "spacer", - "item": "200" + "item": "400" }, "path": [ "global", "spacer", - "200" + "400" ] } ] @@ -28634,76 +28626,76 @@ ] } }, - "pf-t--global--spacer--gap--control-to-control--default": { + "pf-t--global--spacer--action--horizontal--default": { "default": { - "description": "Use to set the space between controls, like in input groups or filter groups", + "description": "Use to set the horizontal padding inside a default action, like buttons.", "type": "number", - "value": "0.25rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the space between controls, like in input groups or filter groups", + "description": "Use to set the horizontal padding inside a default action, like buttons.", "type": "number", - "value": "{global.spacer.xs}" + "value": "{global.spacer.lg}" }, - "name": "pf-t--global--spacer--gap--control-to-control--default", + "name": "pf-t--global--spacer--action--horizontal--default", "attributes": { "category": "global", "type": "spacer", - "item": "gap", - "subitem": "control-to-control", + "item": "action", + "subitem": "horizontal", "state": "default" }, "path": [ "global", "spacer", - "gap", - "control-to-control", + "action", + "horizontal", "default" ], "references": [ { - "description": "Use for extra small spaces between elements.", + "description": "Use for large spaces between elements.", "type": "number", - "value": "0.25rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use for extra small spaces between elements.", + "description": "Use for large spaces between elements.", "type": "number", - "value": "{global.spacer.100}" + "value": "{global.spacer.400}" }, - "name": "pf-t--global--spacer--xs", + "name": "pf-t--global--spacer--lg", "attributes": { "category": "global", "type": "spacer", - "item": "xs" + "item": "lg" }, "path": [ "global", "spacer", - "xs" + "lg" ], "references": [ { "type": "number", - "value": "0.25rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 4 + "value": 24 }, - "name": "pf-t--global--spacer--100", + "name": "pf-t--global--spacer--400", "attributes": { "category": "global", "type": "spacer", - "item": "100" + "item": "400" }, "path": [ "global", "spacer", - "100" + "400" ] } ] @@ -28711,32 +28703,33 @@ ] } }, - "pf-t--global--spacer--gap--group--vertical": { + "pf-t--global--spacer--action--horizontal--plain--default": { "default": { - "description": "Use to set the vertical space between items in a group, like a field label, form input, and helper text placed in a vertical/stacked layout", + "description": "Use to set the horizontal padding inside a plain action, like plain buttons.", "type": "number", "value": "0.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the vertical space between items in a group, like a field label, form input, and helper text placed in a vertical/stacked layout", + "description": "Use to set the horizontal padding inside a plain action, like plain buttons.", "type": "number", "value": "{global.spacer.sm}" }, - "name": "pf-t--global--spacer--gap--group--vertical", + "name": "pf-t--global--spacer--action--horizontal--plain--default", "attributes": { "category": "global", "type": "spacer", - "item": "gap", - "subitem": "group", - "state": "vertical" + "item": "action", + "subitem": "horizontal", + "state": "plain" }, "path": [ "global", "spacer", - "gap", - "group", - "vertical" + "action", + "horizontal", + "plain", + "default" ], "references": [ { @@ -28788,76 +28781,77 @@ ] } }, - "pf-t--global--spacer--gap--group--horizontal": { + "pf-t--global--spacer--action--horizontal--plain--compact": { "default": { - "description": "Use to set the horizontal space between items in a group, like a field label and form input placed in a horizontal layout.", + "description": "Use to set the horizontal padding inside a compact, plain action/button.", "type": "number", - "value": "1rem", + "value": "0.25rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the horizontal space between items in a group, like a field label and form input placed in a horizontal layout.", + "description": "Use to set the horizontal padding inside a compact, plain action/button.", "type": "number", - "value": "{global.spacer.md}" + "value": "{global.spacer.xs}" }, - "name": "pf-t--global--spacer--gap--group--horizontal", + "name": "pf-t--global--spacer--action--horizontal--plain--compact", "attributes": { "category": "global", "type": "spacer", - "item": "gap", - "subitem": "group", - "state": "horizontal" + "item": "action", + "subitem": "horizontal", + "state": "plain" }, "path": [ "global", "spacer", - "gap", - "group", - "horizontal" + "action", + "horizontal", + "plain", + "compact" ], "references": [ { - "description": "Use for medium-sized spaces between elements.", + "description": "Use for extra small spaces between elements.", "type": "number", - "value": "1rem", + "value": "0.25rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use for medium-sized spaces between elements.", + "description": "Use for extra small spaces between elements.", "type": "number", - "value": "{global.spacer.300}" + "value": "{global.spacer.100}" }, - "name": "pf-t--global--spacer--md", + "name": "pf-t--global--spacer--xs", "attributes": { "category": "global", "type": "spacer", - "item": "md" + "item": "xs" }, "path": [ "global", "spacer", - "md" + "xs" ], "references": [ { "type": "number", - "value": "1rem", + "value": "0.25rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 16 + "value": 4 }, - "name": "pf-t--global--spacer--300", + "name": "pf-t--global--spacer--100", "attributes": { "category": "global", "type": "spacer", - "item": "300" + "item": "100" }, "path": [ "global", "spacer", - "300" + "100" ] } ] @@ -28865,76 +28859,76 @@ ] } }, - "pf-t--global--spacer--gap--group-to-group--horizontal": { + "pf-t--global--spacer--action--horizontal--compact": { "default": { - "description": "Use to set the horizontal space between groups of elements, like between multiple action groups or forms groups placed in a horizontal layout.", + "description": "Use to set the horizontal padding inside a compact action, like compact buttons.", "type": "number", - "value": "3rem", + "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the horizontal space between groups of elements, like between multiple action groups or forms groups placed in a horizontal layout.", + "description": "Use to set the horizontal padding inside a compact action, like compact buttons.", "type": "number", - "value": "{global.spacer.2xl}" + "value": "{global.spacer.md}" }, - "name": "pf-t--global--spacer--gap--group-to-group--horizontal", + "name": "pf-t--global--spacer--action--horizontal--compact", "attributes": { "category": "global", "type": "spacer", - "item": "gap", - "subitem": "group-to-group", - "state": "horizontal" + "item": "action", + "subitem": "horizontal", + "state": "compact" }, "path": [ "global", "spacer", - "gap", - "group-to-group", - "horizontal" + "action", + "horizontal", + "compact" ], "references": [ { - "description": "Use for double extra large spaces spacing between elements.", + "description": "Use for medium-sized spaces between elements.", "type": "number", - "value": "3rem", + "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use for double extra large spaces spacing between elements.", + "description": "Use for medium-sized spaces between elements.", "type": "number", - "value": "{global.spacer.600}" + "value": "{global.spacer.300}" }, - "name": "pf-t--global--spacer--2xl", + "name": "pf-t--global--spacer--md", "attributes": { "category": "global", "type": "spacer", - "item": "2xl" + "item": "md" }, "path": [ "global", "spacer", - "2xl" + "md" ], "references": [ { "type": "number", - "value": "3rem", + "value": "1rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 48 + "value": 16 }, - "name": "pf-t--global--spacer--600", + "name": "pf-t--global--spacer--300", "attributes": { "category": "global", "type": "spacer", - "item": "600" + "item": "300" }, "path": [ "global", "spacer", - "600" + "300" ] } ] @@ -28942,76 +28936,76 @@ ] } }, - "pf-t--global--spacer--gap--group-to-group--vertical": { + "pf-t--global--spacer--action--horizontal--spacious": { "default": { - "description": "Use to set the vertical space between groups of elements, like between stacked form groups.", + "description": "Use to set the horizontal padding inside a large/display action, like CTAs.", "type": "number", - "value": "1.5rem", + "value": "2rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the vertical space between groups of elements, like between stacked form groups.", + "description": "Use to set the horizontal padding inside a large/display action, like CTAs.", "type": "number", - "value": "{global.spacer.lg}" + "value": "{global.spacer.xl}" }, - "name": "pf-t--global--spacer--gap--group-to-group--vertical", + "name": "pf-t--global--spacer--action--horizontal--spacious", "attributes": { "category": "global", "type": "spacer", - "item": "gap", - "subitem": "group-to-group", - "state": "vertical" + "item": "action", + "subitem": "horizontal", + "state": "spacious" }, "path": [ "global", "spacer", - "gap", - "group-to-group", - "vertical" + "action", + "horizontal", + "spacious" ], "references": [ { - "description": "Use for large spaces between elements.", + "description": "Use for extra large spaces between elements.", "type": "number", - "value": "1.5rem", + "value": "2rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use for large spaces between elements.", + "description": "Use for extra large spaces between elements.", "type": "number", - "value": "{global.spacer.400}" + "value": "{global.spacer.500}" }, - "name": "pf-t--global--spacer--lg", + "name": "pf-t--global--spacer--xl", "attributes": { "category": "global", "type": "spacer", - "item": "lg" + "item": "xl" }, "path": [ "global", "spacer", - "lg" + "xl" ], "references": [ { "type": "number", - "value": "1.5rem", + "value": "2rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 24 + "value": 32 }, - "name": "pf-t--global--spacer--400", + "name": "pf-t--global--spacer--500", "attributes": { "category": "global", "type": "spacer", - "item": "400" + "item": "500" }, "path": [ "global", "spacer", - "400" + "500" ] } ] @@ -29019,76 +29013,76 @@ ] } }, - "pf-t--global--spacer--gap--action-to-action--default": { + "pf-t--global--spacer--gap--text-to-element--default": { "default": { - "description": "Use to set the space between actions, like in an action list group.", + "description": "Use to space an element, like an icon or badge, inline with text", "type": "number", - "value": "1rem", + "value": "0.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the space between actions, like in an action list group.", + "description": "Use to space an element, like an icon or badge, inline with text", "type": "number", - "value": "{global.spacer.md}" + "value": "{global.spacer.sm}" }, - "name": "pf-t--global--spacer--gap--action-to-action--default", + "name": "pf-t--global--spacer--gap--text-to-element--default", "attributes": { "category": "global", "type": "spacer", "item": "gap", - "subitem": "action-to-action", + "subitem": "text-to-element", "state": "default" }, "path": [ "global", "spacer", "gap", - "action-to-action", + "text-to-element", "default" ], "references": [ { - "description": "Use for medium-sized spaces between elements.", + "description": "Use for small spaces between elements.", "type": "number", - "value": "1rem", + "value": "0.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use for medium-sized spaces between elements.", + "description": "Use for small spaces between elements.", "type": "number", - "value": "{global.spacer.300}" + "value": "{global.spacer.200}" }, - "name": "pf-t--global--spacer--md", + "name": "pf-t--global--spacer--sm", "attributes": { "category": "global", "type": "spacer", - "item": "md" + "item": "sm" }, "path": [ "global", "spacer", - "md" + "sm" ], "references": [ { "type": "number", - "value": "1rem", + "value": "0.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 16 + "value": 8 }, - "name": "pf-t--global--spacer--300", + "name": "pf-t--global--spacer--200", "attributes": { "category": "global", "type": "spacer", - "item": "300" + "item": "200" }, "path": [ "global", "spacer", - "300" + "200" ] } ] @@ -29096,32 +29090,32 @@ ] } }, - "pf-t--global--spacer--gap--action-to-action--plain": { + "pf-t--global--spacer--gap--control-to-control--default": { "default": { - "description": "Use to set the space between plain actions, like in an action list group.", + "description": "Use to set the space between controls, like in input groups or filter groups", "type": "number", "value": "0.25rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the space between plain actions, like in an action list group.", + "description": "Use to set the space between controls, like in input groups or filter groups", "type": "number", "value": "{global.spacer.xs}" }, - "name": "pf-t--global--spacer--gap--action-to-action--plain", + "name": "pf-t--global--spacer--gap--control-to-control--default", "attributes": { "category": "global", "type": "spacer", "item": "gap", - "subitem": "action-to-action", - "state": "plain" + "subitem": "control-to-control", + "state": "default" }, "path": [ "global", "spacer", "gap", - "action-to-action", - "plain" + "control-to-control", + "default" ], "references": [ { @@ -29173,76 +29167,76 @@ ] } }, - "pf-t--global--spacer--action--horizontal--default": { + "pf-t--global--spacer--gap--group--vertical": { "default": { - "description": "Use to set the horizontal padding inside a default action, like buttons.", + "description": "Use to set the vertical space between items in a group, like a field label, form input, and helper text placed in a vertical/stacked layout", "type": "number", - "value": "1.5rem", + "value": "0.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the horizontal padding inside a default action, like buttons.", + "description": "Use to set the vertical space between items in a group, like a field label, form input, and helper text placed in a vertical/stacked layout", "type": "number", - "value": "{global.spacer.lg}" + "value": "{global.spacer.sm}" }, - "name": "pf-t--global--spacer--action--horizontal--default", + "name": "pf-t--global--spacer--gap--group--vertical", "attributes": { "category": "global", "type": "spacer", - "item": "action", - "subitem": "horizontal", - "state": "default" + "item": "gap", + "subitem": "group", + "state": "vertical" }, "path": [ "global", "spacer", - "action", - "horizontal", - "default" + "gap", + "group", + "vertical" ], "references": [ { - "description": "Use for large spaces between elements.", + "description": "Use for small spaces between elements.", "type": "number", - "value": "1.5rem", + "value": "0.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use for large spaces between elements.", + "description": "Use for small spaces between elements.", "type": "number", - "value": "{global.spacer.400}" + "value": "{global.spacer.200}" }, - "name": "pf-t--global--spacer--lg", + "name": "pf-t--global--spacer--sm", "attributes": { "category": "global", "type": "spacer", - "item": "lg" + "item": "sm" }, "path": [ "global", "spacer", - "lg" + "sm" ], "references": [ { "type": "number", - "value": "1.5rem", + "value": "0.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 24 + "value": 8 }, - "name": "pf-t--global--spacer--400", + "name": "pf-t--global--spacer--200", "attributes": { "category": "global", "type": "spacer", - "item": "400" + "item": "200" }, "path": [ "global", "spacer", - "400" + "200" ] } ] @@ -29250,90 +29244,230 @@ ] } }, - "pf-t--global--spacer--action--horizontal--plain": { + "pf-t--global--spacer--gap--group--horizontal": { "default": { - "description": "Use to set the horizontal padding inside a plain action, like plain buttons.", + "description": "Use to set the horizontal space between items in a group, like a field label and form input placed in a horizontal layout.", "type": "number", - "value": "0.5rem", - "compact": { - "description": "Use to set the horizontal padding inside a compact, plain action/button.", + "value": "1rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use to set the horizontal space between items in a group, like a field label and form input placed in a horizontal layout.", "type": "number", - "value": "0.25rem", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false + "value": "{global.spacer.md}" + }, + "name": "pf-t--global--spacer--gap--group--horizontal", + "attributes": { + "category": "global", + "type": "spacer", + "item": "gap", + "subitem": "group", + "state": "horizontal" }, + "path": [ + "global", + "spacer", + "gap", + "group", + "horizontal" + ], + "references": [ + { + "description": "Use for medium-sized spaces between elements.", + "type": "number", + "value": "1rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use for medium-sized spaces between elements.", + "type": "number", + "value": "{global.spacer.300}" + }, + "name": "pf-t--global--spacer--md", + "attributes": { + "category": "global", + "type": "spacer", + "item": "md" + }, + "path": [ + "global", + "spacer", + "md" + ], + "references": [ + { + "type": "number", + "value": "1rem", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 16 + }, + "name": "pf-t--global--spacer--300", + "attributes": { + "category": "global", + "type": "spacer", + "item": "300" + }, + "path": [ + "global", + "spacer", + "300" + ] + } + ] + } + ] + } + }, + "pf-t--global--spacer--gap--group-to-group--horizontal": { + "default": { + "description": "Use to set the horizontal space between groups of elements, like between multiple action groups or forms groups placed in a horizontal layout.", + "type": "number", + "value": "3rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the horizontal padding inside a plain action, like plain buttons.", + "description": "Use to set the horizontal space between groups of elements, like between multiple action groups or forms groups placed in a horizontal layout.", "type": "number", - "value": "{global.spacer.sm}", - "compact": { - "description": "Use to set the horizontal padding inside a compact, plain action/button.", + "value": "{global.spacer.2xl}" + }, + "name": "pf-t--global--spacer--gap--group-to-group--horizontal", + "attributes": { + "category": "global", + "type": "spacer", + "item": "gap", + "subitem": "group-to-group", + "state": "horizontal" + }, + "path": [ + "global", + "spacer", + "gap", + "group-to-group", + "horizontal" + ], + "references": [ + { + "description": "Use for double extra large spaces spacing between elements.", "type": "number", - "value": "{global.spacer.xs}", + "value": "3rem", "filePath": "tokens/default/semantic.dimension.json", - "isSource": false + "isSource": false, + "original": { + "description": "Use for double extra large spaces spacing between elements.", + "type": "number", + "value": "{global.spacer.600}" + }, + "name": "pf-t--global--spacer--2xl", + "attributes": { + "category": "global", + "type": "spacer", + "item": "2xl" + }, + "path": [ + "global", + "spacer", + "2xl" + ], + "references": [ + { + "type": "number", + "value": "3rem", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 48 + }, + "name": "pf-t--global--spacer--600", + "attributes": { + "category": "global", + "type": "spacer", + "item": "600" + }, + "path": [ + "global", + "spacer", + "600" + ] + } + ] } + ] + } + }, + "pf-t--global--spacer--gap--group-to-group--vertical": { + "default": { + "description": "Use to set the vertical space between groups of elements, like between stacked form groups.", + "type": "number", + "value": "1.5rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use to set the vertical space between groups of elements, like between stacked form groups.", + "type": "number", + "value": "{global.spacer.lg}" }, - "name": "pf-t--global--spacer--action--horizontal--plain", + "name": "pf-t--global--spacer--gap--group-to-group--vertical", "attributes": { "category": "global", "type": "spacer", - "item": "action", - "subitem": "horizontal", - "state": "plain" + "item": "gap", + "subitem": "group-to-group", + "state": "vertical" }, "path": [ "global", "spacer", - "action", - "horizontal", - "plain" + "gap", + "group-to-group", + "vertical" ], "references": [ { - "description": "Use for small spaces between elements.", + "description": "Use for large spaces between elements.", "type": "number", - "value": "0.5rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use for small spaces between elements.", + "description": "Use for large spaces between elements.", "type": "number", - "value": "{global.spacer.200}" + "value": "{global.spacer.400}" }, - "name": "pf-t--global--spacer--sm", + "name": "pf-t--global--spacer--lg", "attributes": { "category": "global", "type": "spacer", - "item": "sm" + "item": "lg" }, "path": [ "global", "spacer", - "sm" + "lg" ], "references": [ { "type": "number", - "value": "0.5rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 8 + "value": 24 }, - "name": "pf-t--global--spacer--200", + "name": "pf-t--global--spacer--400", "attributes": { "category": "global", "type": "spacer", - "item": "200" + "item": "400" }, "path": [ "global", "spacer", - "200" + "400" ] } ] @@ -29341,32 +29475,32 @@ ] } }, - "pf-t--global--spacer--action--horizontal--compact": { + "pf-t--global--spacer--gap--action-to-action--default": { "default": { - "description": "Use to set the horizontal padding inside a compact action, like compact buttons.", + "description": "Use to set the space between actions, like in an action list group.", "type": "number", "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the horizontal padding inside a compact action, like compact buttons.", + "description": "Use to set the space between actions, like in an action list group.", "type": "number", "value": "{global.spacer.md}" }, - "name": "pf-t--global--spacer--action--horizontal--compact", + "name": "pf-t--global--spacer--gap--action-to-action--default", "attributes": { "category": "global", "type": "spacer", - "item": "action", - "subitem": "horizontal", - "state": "compact" + "item": "gap", + "subitem": "action-to-action", + "state": "default" }, "path": [ "global", "spacer", - "action", - "horizontal", - "compact" + "gap", + "action-to-action", + "default" ], "references": [ { @@ -29418,76 +29552,76 @@ ] } }, - "pf-t--global--spacer--action--horizontal--spacious": { + "pf-t--global--spacer--gap--action-to-action--plain": { "default": { - "description": "Use to set the horizontal padding inside a large/display action, like CTAs.", + "description": "Use to set the space between plain actions, like in an action list group.", "type": "number", - "value": "2rem", + "value": "0.25rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the horizontal padding inside a large/display action, like CTAs.", + "description": "Use to set the space between plain actions, like in an action list group.", "type": "number", - "value": "{global.spacer.xl}" + "value": "{global.spacer.xs}" }, - "name": "pf-t--global--spacer--action--horizontal--spacious", + "name": "pf-t--global--spacer--gap--action-to-action--plain", "attributes": { "category": "global", "type": "spacer", - "item": "action", - "subitem": "horizontal", - "state": "spacious" + "item": "gap", + "subitem": "action-to-action", + "state": "plain" }, "path": [ "global", "spacer", - "action", - "horizontal", - "spacious" + "gap", + "action-to-action", + "plain" ], "references": [ { - "description": "Use for extra large spaces between elements.", + "description": "Use for extra small spaces between elements.", "type": "number", - "value": "2rem", + "value": "0.25rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use for extra large spaces between elements.", + "description": "Use for extra small spaces between elements.", "type": "number", - "value": "{global.spacer.500}" + "value": "{global.spacer.100}" }, - "name": "pf-t--global--spacer--xl", + "name": "pf-t--global--spacer--xs", "attributes": { "category": "global", "type": "spacer", - "item": "xl" + "item": "xs" }, "path": [ "global", "spacer", - "xl" + "xs" ], "references": [ { "type": "number", - "value": "2rem", + "value": "0.25rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 32 + "value": 4 }, - "name": "pf-t--global--spacer--500", + "name": "pf-t--global--spacer--100", "attributes": { "category": "global", "type": "spacer", - "item": "500" + "item": "100" }, "path": [ "global", "spacer", - "500" + "100" ] } ] @@ -29495,76 +29629,72 @@ ] } }, - "pf-t--global--spacer--action--vertical--compact": { + "pf-t--global--spacer--inset--page-chrome": { "default": { - "description": "Use to set the vertical padding inside a compact action, like compact buttons.", "type": "number", - "value": "0.25rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the vertical padding inside a compact action, like compact buttons.", "type": "number", - "value": "{global.spacer.xs}" + "value": "{global.spacer.lg}" }, - "name": "pf-t--global--spacer--action--vertical--compact", + "name": "pf-t--global--spacer--inset--page-chrome", "attributes": { "category": "global", "type": "spacer", - "item": "action", - "subitem": "vertical", - "state": "compact" + "item": "inset", + "subitem": "page-chrome" }, "path": [ "global", "spacer", - "action", - "vertical", - "compact" + "inset", + "page-chrome" ], "references": [ { - "description": "Use for extra small spaces between elements.", + "description": "Use for large spaces between elements.", "type": "number", - "value": "0.25rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use for extra small spaces between elements.", + "description": "Use for large spaces between elements.", "type": "number", - "value": "{global.spacer.100}" + "value": "{global.spacer.400}" }, - "name": "pf-t--global--spacer--xs", + "name": "pf-t--global--spacer--lg", "attributes": { "category": "global", "type": "spacer", - "item": "xs" + "item": "lg" }, "path": [ "global", "spacer", - "xs" + "lg" ], "references": [ { "type": "number", - "value": "0.25rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 4 + "value": 24 }, - "name": "pf-t--global--spacer--100", + "name": "pf-t--global--spacer--400", "attributes": { "category": "global", "type": "spacer", - "item": "100" + "item": "400" }, "path": [ "global", "spacer", - "100" + "400" ] } ] @@ -29572,32 +29702,28 @@ ] } }, - "pf-t--global--spacer--action--vertical--spacious": { + "pf-t--global--spacer--gutter--default": { "default": { - "description": "Use to set the vertical padding inside a large/display action, like CTAs.", "type": "number", "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to set the vertical padding inside a large/display action, like CTAs.", "type": "number", "value": "{global.spacer.md}" }, - "name": "pf-t--global--spacer--action--vertical--spacious", + "name": "pf-t--global--spacer--gutter--default", "attributes": { "category": "global", "type": "spacer", - "item": "action", - "subitem": "vertical", - "state": "spacious" + "item": "gutter", + "subitem": "default" }, "path": [ "global", "spacer", - "action", - "vertical", - "spacious" + "gutter", + "default" ], "references": [ { @@ -29909,53 +30035,332 @@ ] } }, - "pf-t--global--icon--size--3xl": { + "pf-t--global--icon--size--font--body--sm": { "default": { - "description": "Use for triple extra large icons.", + "description": "Use for icons that are placed inline with small body text", "type": "number", - "value": "6rem", + "value": "0.75rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use for triple extra large icons.", + "description": "Use for icons that are placed inline with small body text", "type": "number", - "value": "{global.icon.size.500}" + "value": "{global.font.size.body.sm}" }, - "name": "pf-t--global--icon--size--3xl", + "name": "pf-t--global--icon--size--font--body--sm", "attributes": { "category": "global", "type": "icon", "item": "size", - "subitem": "3xl" + "subitem": "font", + "state": "body" }, "path": [ "global", "icon", "size", - "3xl" + "font", + "body", + "sm" ], "references": [ { + "description": "Use for a smaller font size in body sections.", "type": "number", - "value": "6rem", - "filePath": "tokens/default/base.dimension.json", + "value": "0.75rem", + "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { + "description": "Use for a smaller font size in body sections.", "type": "number", - "value": 96 + "value": "{global.font.size.xs}" }, - "name": "pf-t--global--icon--size--500", + "name": "pf-t--global--font--size--body--sm", "attributes": { "category": "global", - "type": "icon", + "type": "font", "item": "size", - "subitem": "500" + "subitem": "body", + "state": "sm" }, "path": [ "global", - "icon", + "font", "size", - "500" + "body", + "sm" + ], + "references": [ + { + "type": "number", + "value": "0.75rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": "{global.font.size.100}" + }, + "name": "pf-t--global--font--size--xs", + "attributes": { + "category": "global", + "type": "font", + "item": "size", + "subitem": "xs" + }, + "path": [ + "global", + "font", + "size", + "xs" + ], + "references": [ + { + "type": "number", + "value": "0.75rem", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 12 + }, + "name": "pf-t--global--font--size--100", + "attributes": { + "category": "global", + "type": "font", + "item": "size", + "subitem": "100" + }, + "path": [ + "global", + "font", + "size", + "100" + ] + } + ] + } + ] + } + ] + } + }, + "pf-t--global--icon--size--font--body--default": { + "default": { + "description": "Use for icons that are placed inline with default body text", + "type": "number", + "value": "0.875rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use for icons that are placed inline with default body text", + "type": "number", + "value": "{global.font.size.body.default}" + }, + "name": "pf-t--global--icon--size--font--body--default", + "attributes": { + "category": "global", + "type": "icon", + "item": "size", + "subitem": "font", + "state": "body" + }, + "path": [ + "global", + "icon", + "size", + "font", + "body", + "default" + ], + "references": [ + { + "description": "Use as the default font size in body sections.", + "type": "number", + "value": "0.875rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use as the default font size in body sections.", + "type": "number", + "value": "{global.font.size.sm}" + }, + "name": "pf-t--global--font--size--body--default", + "attributes": { + "category": "global", + "type": "font", + "item": "size", + "subitem": "body", + "state": "default" + }, + "path": [ + "global", + "font", + "size", + "body", + "default" + ], + "references": [ + { + "description": "Use as the font size for small text that isn’t a heading or in a body section.", + "type": "number", + "value": "0.875rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use as the font size for small text that isn’t a heading or in a body section.", + "type": "number", + "value": "{global.font.size.200}" + }, + "name": "pf-t--global--font--size--sm", + "attributes": { + "category": "global", + "type": "font", + "item": "size", + "subitem": "sm" + }, + "path": [ + "global", + "font", + "size", + "sm" + ], + "references": [ + { + "type": "number", + "value": "0.875rem", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 14 + }, + "name": "pf-t--global--font--size--200", + "attributes": { + "category": "global", + "type": "font", + "item": "size", + "subitem": "200" + }, + "path": [ + "global", + "font", + "size", + "200" + ] + } + ] + } + ] + } + ] + } + }, + "pf-t--global--icon--size--font--body--lg": { + "default": { + "description": "Use for icons that are placed inline with large body text", + "type": "number", + "value": "1rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use for icons that are placed inline with large body text", + "type": "number", + "value": "{global.font.size.body.lg}" + }, + "name": "pf-t--global--icon--size--font--body--lg", + "attributes": { + "category": "global", + "type": "icon", + "item": "size", + "subitem": "font", + "state": "body" + }, + "path": [ + "global", + "icon", + "size", + "font", + "body", + "lg" + ], + "references": [ + { + "description": "Use for a larger font size in body sections.", + "type": "number", + "value": "1rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use for a larger font size in body sections.", + "type": "number", + "value": "{global.font.size.md}" + }, + "name": "pf-t--global--font--size--body--lg", + "attributes": { + "category": "global", + "type": "font", + "item": "size", + "subitem": "body", + "state": "lg" + }, + "path": [ + "global", + "font", + "size", + "body", + "lg" + ], + "references": [ + { + "description": "Use as the font size for medium text that isn’t a heading or in a body section.", + "type": "number", + "value": "1rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use as the font size for medium text that isn’t a heading or in a body section.", + "type": "number", + "value": "{global.font.size.300}" + }, + "name": "pf-t--global--font--size--md", + "attributes": { + "category": "global", + "type": "font", + "item": "size", + "subitem": "md" + }, + "path": [ + "global", + "font", + "size", + "md" + ], + "references": [ + { + "type": "number", + "value": "1rem", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 16 + }, + "name": "pf-t--global--font--size--300", + "attributes": { + "category": "global", + "type": "font", + "item": "size", + "subitem": "300" + }, + "path": [ + "global", + "font", + "size", + "300" + ] + } + ] + } ] } ] @@ -30627,337 +31032,6 @@ ] } }, - "pf-t--global--icon--size--font--body--sm": { - "default": { - "description": "Use for icons that are placed inline with small body text", - "type": "number", - "value": "0.75rem", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false, - "original": { - "description": "Use for icons that are placed inline with small body text", - "type": "number", - "value": "{global.font.size.body.sm}" - }, - "name": "pf-t--global--icon--size--font--body--sm", - "attributes": { - "category": "global", - "type": "icon", - "item": "size", - "subitem": "font", - "state": "body" - }, - "path": [ - "global", - "icon", - "size", - "font", - "body", - "sm" - ], - "references": [ - { - "description": "Use for a smaller font size in body sections.", - "type": "number", - "value": "0.75rem", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false, - "original": { - "description": "Use for a smaller font size in body sections.", - "type": "number", - "value": "{global.font.size.xs}" - }, - "name": "pf-t--global--font--size--body--sm", - "attributes": { - "category": "global", - "type": "font", - "item": "size", - "subitem": "body", - "state": "sm" - }, - "path": [ - "global", - "font", - "size", - "body", - "sm" - ], - "references": [ - { - "type": "number", - "value": "0.75rem", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false, - "original": { - "type": "number", - "value": "{global.font.size.100}" - }, - "name": "pf-t--global--font--size--xs", - "attributes": { - "category": "global", - "type": "font", - "item": "size", - "subitem": "xs" - }, - "path": [ - "global", - "font", - "size", - "xs" - ], - "references": [ - { - "type": "number", - "value": "0.75rem", - "filePath": "tokens/default/base.dimension.json", - "isSource": false, - "original": { - "type": "number", - "value": 12 - }, - "name": "pf-t--global--font--size--100", - "attributes": { - "category": "global", - "type": "font", - "item": "size", - "subitem": "100" - }, - "path": [ - "global", - "font", - "size", - "100" - ] - } - ] - } - ] - } - ] - } - }, - "pf-t--global--icon--size--font--body--default": { - "default": { - "description": "Use for icons that are placed inline with default body text", - "type": "number", - "value": "0.875rem", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false, - "original": { - "description": "Use for icons that are placed inline with default body text", - "type": "number", - "value": "{global.font.size.body.default}" - }, - "name": "pf-t--global--icon--size--font--body--default", - "attributes": { - "category": "global", - "type": "icon", - "item": "size", - "subitem": "font", - "state": "body" - }, - "path": [ - "global", - "icon", - "size", - "font", - "body", - "default" - ], - "references": [ - { - "description": "Use as the default font size in body sections.", - "type": "number", - "value": "0.875rem", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false, - "original": { - "description": "Use as the default font size in body sections.", - "type": "number", - "value": "{global.font.size.sm}" - }, - "name": "pf-t--global--font--size--body--default", - "attributes": { - "category": "global", - "type": "font", - "item": "size", - "subitem": "body", - "state": "default" - }, - "path": [ - "global", - "font", - "size", - "body", - "default" - ], - "references": [ - { - "description": "Use as the font size for small text that isn’t a heading or in a body section.", - "type": "number", - "value": "0.875rem", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false, - "original": { - "description": "Use as the font size for small text that isn’t a heading or in a body section.", - "type": "number", - "value": "{global.font.size.200}" - }, - "name": "pf-t--global--font--size--sm", - "attributes": { - "category": "global", - "type": "font", - "item": "size", - "subitem": "sm" - }, - "path": [ - "global", - "font", - "size", - "sm" - ], - "references": [ - { - "type": "number", - "value": "0.875rem", - "filePath": "tokens/default/base.dimension.json", - "isSource": false, - "original": { - "type": "number", - "value": 14 - }, - "name": "pf-t--global--font--size--200", - "attributes": { - "category": "global", - "type": "font", - "item": "size", - "subitem": "200" - }, - "path": [ - "global", - "font", - "size", - "200" - ] - } - ] - } - ] - } - ] - } - }, - "pf-t--global--icon--size--font--body--lg": { - "default": { - "description": "Use for icons that are placed inline with large body text", - "type": "number", - "value": "1rem", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false, - "original": { - "description": "Use for icons that are placed inline with large body text", - "type": "number", - "value": "{global.font.size.body.lg}" - }, - "name": "pf-t--global--icon--size--font--body--lg", - "attributes": { - "category": "global", - "type": "icon", - "item": "size", - "subitem": "font", - "state": "body" - }, - "path": [ - "global", - "icon", - "size", - "font", - "body", - "lg" - ], - "references": [ - { - "description": "Use for a larger font size in body sections.", - "type": "number", - "value": "1rem", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false, - "original": { - "description": "Use for a larger font size in body sections.", - "type": "number", - "value": "{global.font.size.md}" - }, - "name": "pf-t--global--font--size--body--lg", - "attributes": { - "category": "global", - "type": "font", - "item": "size", - "subitem": "body", - "state": "lg" - }, - "path": [ - "global", - "font", - "size", - "body", - "lg" - ], - "references": [ - { - "description": "Use as the font size for medium text that isn’t a heading or in a body section.", - "type": "number", - "value": "1rem", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false, - "original": { - "description": "Use as the font size for medium text that isn’t a heading or in a body section.", - "type": "number", - "value": "{global.font.size.300}" - }, - "name": "pf-t--global--font--size--md", - "attributes": { - "category": "global", - "type": "font", - "item": "size", - "subitem": "md" - }, - "path": [ - "global", - "font", - "size", - "md" - ], - "references": [ - { - "type": "number", - "value": "1rem", - "filePath": "tokens/default/base.dimension.json", - "isSource": false, - "original": { - "type": "number", - "value": 16 - }, - "name": "pf-t--global--font--size--300", - "attributes": { - "category": "global", - "type": "font", - "item": "size", - "subitem": "300" - }, - "path": [ - "global", - "font", - "size", - "300" - ] - } - ] - } - ] - } - ] - } - }, "pf-t--global--icon--size--font--xs": { "default": { "description": "Use for icons that are placed inline with font–size–xs text", @@ -31604,6 +31678,58 @@ ] } }, + "pf-t--global--icon--size--3xl": { + "default": { + "description": "Use for triple extra large icons.", + "type": "number", + "value": "6rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use for triple extra large icons.", + "type": "number", + "value": "{global.icon.size.500}" + }, + "name": "pf-t--global--icon--size--3xl", + "attributes": { + "category": "global", + "type": "icon", + "item": "size", + "subitem": "3xl" + }, + "path": [ + "global", + "icon", + "size", + "3xl" + ], + "references": [ + { + "type": "number", + "value": "6rem", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 96 + }, + "name": "pf-t--global--icon--size--500", + "attributes": { + "category": "global", + "type": "icon", + "item": "size", + "subitem": "500" + }, + "path": [ + "global", + "icon", + "size", + "500" + ] + } + ] + } + }, "pf-t--global--border--width--regular": { "default": { "description": "Use as the default border width for elements.", @@ -32830,266 +32956,194 @@ ] } }, - "pf-t--global--font--family--body": { + "pf-t--global--font--weight--body--default": { "default": { - "description": "Use to define the font family for body text", + "description": "Use to define the default weight for body text", "type": "number", - "value": "Red Hat Text VF", + "value": 400, "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to define the font family for body text", + "description": "Use to define the default weight for body text", "type": "number", - "value": "{global.font.family.100}" + "value": "{global.font.weight.100}" }, - "name": "pf-t--global--font--family--body", + "name": "pf-t--global--font--weight--body--default", "attributes": { "category": "global", "type": "font", - "item": "family", - "subitem": "body" + "item": "weight", + "subitem": "body", + "state": "default" }, "path": [ "global", "font", - "family", - "body" + "weight", + "body", + "default" ], "references": [ { - "type": "string", - "value": "Red Hat Text VF", + "type": "number", + "value": 400, "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { - "type": "string", - "value": "Red Hat Text VF" + "type": "number", + "value": 400 }, - "name": "pf-t--global--font--family--100", + "name": "pf-t--global--font--weight--100", "attributes": { "category": "global", "type": "font", - "item": "family", + "item": "weight", "subitem": "100" }, "path": [ "global", "font", - "family", + "weight", "100" ] } ] } }, - "pf-t--global--font--family--heading": { + "pf-t--global--font--weight--body--bold": { "default": { - "description": "Use to define the font family for heading text", + "description": "Use to define the bold weight for body text, often used to field labels or to add emphasis.", "type": "number", - "value": "Red Hat Display VF", + "value": 500, "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to define the font family for heading text", + "description": "Use to define the bold weight for body text, often used to field labels or to add emphasis.", "type": "number", - "value": "{global.font.family.200}" + "value": "{global.font.weight.200}" }, - "name": "pf-t--global--font--family--heading", + "name": "pf-t--global--font--weight--body--bold", "attributes": { "category": "global", "type": "font", - "item": "family", - "subitem": "heading" + "item": "weight", + "subitem": "body", + "state": "bold" }, "path": [ "global", "font", - "family", - "heading" + "weight", + "body", + "bold" ], "references": [ { - "type": "string", - "value": "Red Hat Display VF", + "type": "number", + "value": 500, "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { - "type": "string", - "value": "Red Hat Display VF" + "type": "number", + "value": 500 }, - "name": "pf-t--global--font--family--200", + "name": "pf-t--global--font--weight--200", "attributes": { "category": "global", "type": "font", - "item": "family", + "item": "weight", "subitem": "200" }, "path": [ "global", "font", - "family", + "weight", "200" ] } ] } }, - "pf-t--global--font--family--mono": { + "pf-t--global--font--weight--heading--default": { "default": { - "description": "Use to define the font family for mono text", - "type": "number", - "value": "Red Hat Mono VF", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false, - "original": { - "description": "Use to define the font family for mono text", - "type": "number", - "value": "{global.font.family.300}" - }, - "name": "pf-t--global--font--family--mono", - "attributes": { - "category": "global", - "type": "font", - "item": "family", - "subitem": "mono" - }, - "path": [ - "global", - "font", - "family", - "mono" - ], - "references": [ - { - "type": "string", - "value": "Red Hat Mono VF", - "filePath": "tokens/default/base.dimension.json", - "isSource": false, - "original": { - "type": "string", - "value": "Red Hat Mono VF" - }, - "name": "pf-t--global--font--family--300", - "attributes": { - "category": "global", - "type": "font", - "item": "family", - "subitem": "300" - }, - "path": [ - "global", - "font", - "family", - "300" - ] - } - ] - } - }, - "pf-t--global--font--weight--body": { - "default": { - "description": "Use to define the default weight for body text", + "description": "Use to define the default weight for heading text", "type": "number", - "value": 400, - "bold": { - "description": "Use to define the bold weight for body text, often used to field labels or to add emphasis.", - "type": "number", - "value": 500, - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false - }, + "value": 700, "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to define the default weight for body text", + "description": "Use to define the default weight for heading text", "type": "number", - "value": "{global.font.weight.100}", - "bold": { - "description": "Use to define the bold weight for body text, often used to field labels or to add emphasis.", - "type": "number", - "value": "{global.font.weight.200}", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false - } + "value": "{global.font.weight.300}" }, - "name": "pf-t--global--font--weight--body", + "name": "pf-t--global--font--weight--heading--default", "attributes": { "category": "global", "type": "font", "item": "weight", - "subitem": "body" + "subitem": "heading", + "state": "default" }, "path": [ "global", "font", "weight", - "body" + "heading", + "default" ], "references": [ { "type": "number", - "value": 400, + "value": 700, "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 400 + "value": 700 }, - "name": "pf-t--global--font--weight--100", + "name": "pf-t--global--font--weight--300", "attributes": { "category": "global", "type": "font", "item": "weight", - "subitem": "100" + "subitem": "300" }, "path": [ "global", "font", "weight", - "100" + "300" ] } ] } }, - "pf-t--global--font--weight--heading": { + "pf-t--global--font--weight--heading--bold": { "default": { - "description": "Use to define the default weight for heading text", + "description": "Use to define the bold weight for heading text, often used to add emphasis.", "type": "number", "value": 700, - "bold": { - "description": "Use to define the bold weight for heading text, often used to add emphasis.", - "type": "number", - "value": 700, - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false - }, "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use to define the default weight for heading text", + "description": "Use to define the bold weight for heading text, often used to add emphasis.", "type": "number", - "value": "{global.font.weight.300}", - "bold": { - "description": "Use to define the bold weight for heading text, often used to add emphasis.", - "type": "number", - "value": "{global.font.weight.400}", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false - } + "value": "{global.font.weight.400}" }, - "name": "pf-t--global--font--weight--heading", + "name": "pf-t--global--font--weight--heading--bold", "attributes": { "category": "global", "type": "font", "item": "weight", - "subitem": "heading" + "subitem": "heading", + "state": "bold" }, "path": [ "global", "font", "weight", - "heading" + "heading", + "bold" ], "references": [ { @@ -33101,18 +33155,18 @@ "type": "number", "value": 700 }, - "name": "pf-t--global--font--weight--300", + "name": "pf-t--global--font--weight--400", "attributes": { "category": "global", "type": "font", "item": "weight", - "subitem": "300" + "subitem": "400" }, "path": [ "global", "font", "weight", - "300" + "400" ] } ] @@ -33122,13 +33176,13 @@ "default": { "description": "Use to define the line height for body text", "type": "number", - "value": 1.2999999523162842, + "value": 1.5, "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { "description": "Use to define the line height for body text", "type": "number", - "value": "{global.font.line-height.100}" + "value": "{global.font.line-height.200}" }, "name": "pf-t--global--font--line-height--body", "attributes": { @@ -33146,25 +33200,25 @@ "references": [ { "type": "number", - "value": 1.2999999523162842, + "value": 1.5, "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 1.2999999523162842 + "value": 1.5 }, - "name": "pf-t--global--font--line-height--100", + "name": "pf-t--global--font--line-height--200", "attributes": { "category": "global", "type": "font", "item": "line-height", - "subitem": "100" + "subitem": "200" }, "path": [ "global", "font", "line-height", - "100" + "200" ] } ] @@ -33174,13 +33228,13 @@ "default": { "description": "Use to define the line height for heading text", "type": "number", - "value": 1.5, + "value": 1.2999999523162842, "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { "description": "Use to define the line height for heading text", "type": "number", - "value": "{global.font.line-height.200}" + "value": "{global.font.line-height.100}" }, "name": "pf-t--global--font--line-height--heading", "attributes": { @@ -33198,25 +33252,25 @@ "references": [ { "type": "number", - "value": 1.5, + "value": 1.2999999523162842, "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 1.5 + "value": 1.2999999523162842 }, - "name": "pf-t--global--font--line-height--200", + "name": "pf-t--global--font--line-height--100", "attributes": { "category": "global", "type": "font", "item": "line-height", - "subitem": "200" + "subitem": "100" }, "path": [ "global", "font", "line-height", - "200" + "100" ] } ] @@ -34363,13 +34417,171 @@ ] } }, + "pf-t--global--font--family--body": { + "default": { + "description": "Use to define the font family for body text", + "type": "number", + "value": "\"Red Hat Text\", \"RedHatText\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use to define the font family for body text", + "type": "number", + "value": "{global.font.family.100}" + }, + "name": "pf-t--global--font--family--body", + "attributes": { + "category": "global", + "type": "font", + "item": "family", + "subitem": "body" + }, + "path": [ + "global", + "font", + "family", + "body" + ], + "references": [ + { + "type": "string", + "value": "\"Red Hat Text\", \"RedHatText\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "\"Red Hat Text\", \"RedHatText\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif" + }, + "name": "pf-t--global--font--family--100", + "attributes": { + "category": "global", + "type": "font", + "item": "family", + "subitem": "100" + }, + "path": [ + "global", + "font", + "family", + "100" + ] + } + ] + } + }, + "pf-t--global--font--family--heading": { + "default": { + "description": "Use to define the font family for heading text", + "type": "number", + "value": "\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use to define the font family for heading text", + "type": "number", + "value": "{global.font.family.200}" + }, + "name": "pf-t--global--font--family--heading", + "attributes": { + "category": "global", + "type": "font", + "item": "family", + "subitem": "heading" + }, + "path": [ + "global", + "font", + "family", + "heading" + ], + "references": [ + { + "type": "string", + "value": "\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif" + }, + "name": "pf-t--global--font--family--200", + "attributes": { + "category": "global", + "type": "font", + "item": "family", + "subitem": "200" + }, + "path": [ + "global", + "font", + "family", + "200" + ] + } + ] + } + }, + "pf-t--global--font--family--mono": { + "default": { + "description": "Use to define the font family for mono text", + "type": "number", + "value": "\"Red Hat Mono\", \"RedHatMono\", \"Courier New\", Courier, monospace", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use to define the font family for mono text", + "type": "number", + "value": "{global.font.family.300}" + }, + "name": "pf-t--global--font--family--mono", + "attributes": { + "category": "global", + "type": "font", + "item": "family", + "subitem": "mono" + }, + "path": [ + "global", + "font", + "family", + "mono" + ], + "references": [ + { + "type": "string", + "value": "\"Red Hat Mono\", \"RedHatMono\", \"Courier New\", Courier, monospace", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "\"Red Hat Mono\", \"RedHatMono\", \"Courier New\", Courier, monospace" + }, + "name": "pf-t--global--font--family--300", + "attributes": { + "category": "global", + "type": "font", + "item": "family", + "subitem": "300" + }, + "path": [ + "global", + "font", + "family", + "300" + ] + } + ] + } + }, "pf-t--global--z-index--xs": { "default": { + "description": "Use to set an extra small z-index, to display an element below other elements with a larger z-index. Use for smaller parts of a component that need to overlap adjacent elements, like box shadows of hovered elements.", "type": "number", "value": 100, "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { + "description": "Use to set an extra small z-index, to display an element below other elements with a larger z-index. Use for smaller parts of a component that need to overlap adjacent elements, like box shadows of hovered elements.", "type": "number", "value": "{global.z-index.100}" }, @@ -34411,11 +34623,13 @@ }, "pf-t--global--z-index--sm": { "default": { + "description": "Use to set a small z-index, to display an element above other elements with smaller z-indexes. Use for components that need to appear above surrounding elements, like menus/dropdowns.", "type": "number", "value": 200, "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { + "description": "Use to set a small z-index, to display an element above other elements with smaller z-indexes. Use for components that need to appear above surrounding elements, like menus/dropdowns.", "type": "number", "value": "{global.z-index.200}" }, @@ -34457,11 +34671,13 @@ }, "pf-t--global--z-index--md": { "default": { + "description": "Use to set a medium z-index, to display an element above other elements with smaller z-indexes Use for sticky elements, like banners and page sections.", "type": "number", "value": 300, "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { + "description": "Use to set a medium z-index, to display an element above other elements with smaller z-indexes Use for sticky elements, like banners and page sections.", "type": "number", "value": "{global.z-index.300}" }, @@ -34503,11 +34719,13 @@ }, "pf-t--global--z-index--lg": { "default": { + "description": "Use to set a large z-index, to display an element above other elements with smaller z-indexes Use for the backdrop component, which appears beneath an open modal.", "type": "number", "value": 400, "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { + "description": "Use to set a large z-index, to display an element above other elements with smaller z-indexes Use for the backdrop component, which appears beneath an open modal.", "type": "number", "value": "{global.z-index.400}" }, @@ -34549,11 +34767,13 @@ }, "pf-t--global--z-index--xl": { "default": { + "description": "Use to set an extra large z-index, to display an element above other elements with smaller z-indexes. Use for modals.", "type": "number", "value": 500, "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { + "description": "Use to set an extra large z-index, to display an element above other elements with smaller z-indexes. Use for modals.", "type": "number", "value": "{global.z-index.500}" }, @@ -34595,11 +34815,13 @@ }, "pf-t--global--z-index--2xl": { "default": { + "description": "Use to set a double extra large z-index, to display an element above all other page elements. Use for elements that should appear on top of all others, like toast alert groups.", "type": "number", "value": 600, "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { + "description": "Use to set a double extra large z-index, to display an element above all other page elements. Use for elements that should appear on top of all others, like toast alert groups.", "type": "number", "value": "{global.z-index.600}" }, @@ -37108,6 +37330,780 @@ } ] } + }, + "pf-t--global--text-decoration--width--default": { + "default": { + "type": "number", + "value": "1px", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": "{global.border.width.regular}" + }, + "name": "pf-t--global--text-decoration--width--default", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "width", + "subitem": "default" + }, + "path": [ + "global", + "text-decoration", + "width", + "default" + ], + "references": [ + { + "description": "Use as the default border width for elements.", + "type": "number", + "value": "1px", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use as the default border width for elements.", + "type": "number", + "value": "{global.border.width.100}" + }, + "name": "pf-t--global--border--width--regular", + "attributes": { + "category": "global", + "type": "border", + "item": "width", + "subitem": "regular" + }, + "path": [ + "global", + "border", + "width", + "regular" + ], + "references": [ + { + "type": "number", + "value": "1px", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 1 + }, + "name": "pf-t--global--border--width--100", + "attributes": { + "category": "global", + "type": "border", + "item": "width", + "subitem": "100" + }, + "path": [ + "global", + "border", + "width", + "100" + ] + } + ] + } + ] + } + }, + "pf-t--global--text-decoration--offset--default": { + "default": { + "type": "number", + "value": "0.25rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": "{global.spacer.xs}" + }, + "name": "pf-t--global--text-decoration--offset--default", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "offset", + "subitem": "default" + }, + "path": [ + "global", + "text-decoration", + "offset", + "default" + ], + "references": [ + { + "description": "Use for extra small spaces between elements.", + "type": "number", + "value": "0.25rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use for extra small spaces between elements.", + "type": "number", + "value": "{global.spacer.100}" + }, + "name": "pf-t--global--spacer--xs", + "attributes": { + "category": "global", + "type": "spacer", + "item": "xs" + }, + "path": [ + "global", + "spacer", + "xs" + ], + "references": [ + { + "type": "number", + "value": "0.25rem", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 4 + }, + "name": "pf-t--global--spacer--100", + "attributes": { + "category": "global", + "type": "spacer", + "item": "100" + }, + "path": [ + "global", + "spacer", + "100" + ] + } + ] + } + ] + } + }, + "pf-t--global--text-decoration--editable-text--line--default": { + "default": { + "type": "number", + "value": "underline", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": "{global.text-decoration.line.200}" + }, + "name": "pf-t--global--text-decoration--editable-text--line--default", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "editable-text", + "subitem": "line", + "state": "default" + }, + "path": [ + "global", + "text-decoration", + "editable-text", + "line", + "default" + ], + "references": [ + { + "type": "string", + "value": "underline", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "underline" + }, + "name": "pf-t--global--text-decoration--line--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "line", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "line", + "200" + ] + } + ] + } + }, + "pf-t--global--text-decoration--editable-text--line--hover": { + "default": { + "type": "number", + "value": "underline", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": "{global.text-decoration.line.200}" + }, + "name": "pf-t--global--text-decoration--editable-text--line--hover", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "editable-text", + "subitem": "line", + "state": "hover" + }, + "path": [ + "global", + "text-decoration", + "editable-text", + "line", + "hover" + ], + "references": [ + { + "type": "string", + "value": "underline", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "underline" + }, + "name": "pf-t--global--text-decoration--line--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "line", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "line", + "200" + ] + } + ] + } + }, + "pf-t--global--text-decoration--editable-text--style--default": { + "default": { + "type": "number", + "value": "dashed", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": "{global.text-decoration.style.200}" + }, + "name": "pf-t--global--text-decoration--editable-text--style--default", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "editable-text", + "subitem": "style", + "state": "default" + }, + "path": [ + "global", + "text-decoration", + "editable-text", + "style", + "default" + ], + "references": [ + { + "type": "string", + "value": "dashed", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "dashed" + }, + "name": "pf-t--global--text-decoration--style--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "style", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "style", + "200" + ] + } + ] + } + }, + "pf-t--global--text-decoration--editable-text--style--hover": { + "default": { + "type": "number", + "value": "dashed", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": "{global.text-decoration.style.200}" + }, + "name": "pf-t--global--text-decoration--editable-text--style--hover", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "editable-text", + "subitem": "style", + "state": "hover" + }, + "path": [ + "global", + "text-decoration", + "editable-text", + "style", + "hover" + ], + "references": [ + { + "type": "string", + "value": "dashed", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "dashed" + }, + "name": "pf-t--global--text-decoration--style--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "style", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "style", + "200" + ] + } + ] + } + }, + "pf-t--global--text-decoration--link--line--default": { + "default": { + "type": "number", + "value": "underline", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": "{global.text-decoration.line.200}" + }, + "name": "pf-t--global--text-decoration--link--line--default", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "link", + "subitem": "line", + "state": "default" + }, + "path": [ + "global", + "text-decoration", + "link", + "line", + "default" + ], + "references": [ + { + "type": "string", + "value": "underline", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "underline" + }, + "name": "pf-t--global--text-decoration--line--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "line", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "line", + "200" + ] + } + ] + } + }, + "pf-t--global--text-decoration--link--line--hover": { + "default": { + "type": "number", + "value": "underline", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": "{global.text-decoration.line.200}" + }, + "name": "pf-t--global--text-decoration--link--line--hover", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "link", + "subitem": "line", + "state": "hover" + }, + "path": [ + "global", + "text-decoration", + "link", + "line", + "hover" + ], + "references": [ + { + "type": "string", + "value": "underline", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "underline" + }, + "name": "pf-t--global--text-decoration--line--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "line", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "line", + "200" + ] + } + ] + } + }, + "pf-t--global--text-decoration--link--style--default": { + "default": { + "type": "number", + "value": "solid", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": "{global.text-decoration.style.100}" + }, + "name": "pf-t--global--text-decoration--link--style--default", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "link", + "subitem": "style", + "state": "default" + }, + "path": [ + "global", + "text-decoration", + "link", + "style", + "default" + ], + "references": [ + { + "type": "string", + "value": "solid", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "solid" + }, + "name": "pf-t--global--text-decoration--style--100", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "style", + "subitem": "100" + }, + "path": [ + "global", + "text-decoration", + "style", + "100" + ] + } + ] + } + }, + "pf-t--global--text-decoration--link--style--hover": { + "default": { + "type": "number", + "value": "solid", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": "{global.text-decoration.style.100}" + }, + "name": "pf-t--global--text-decoration--link--style--hover", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "link", + "subitem": "style", + "state": "hover" + }, + "path": [ + "global", + "text-decoration", + "link", + "style", + "hover" + ], + "references": [ + { + "type": "string", + "value": "solid", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "solid" + }, + "name": "pf-t--global--text-decoration--style--100", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "style", + "subitem": "100" + }, + "path": [ + "global", + "text-decoration", + "style", + "100" + ] + } + ] + } + }, + "pf-t--global--text-decoration--help-text--line--default": { + "default": { + "type": "number", + "value": "underline", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": "{global.text-decoration.line.200}" + }, + "name": "pf-t--global--text-decoration--help-text--line--default", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "help-text", + "subitem": "line", + "state": "default" + }, + "path": [ + "global", + "text-decoration", + "help-text", + "line", + "default" + ], + "references": [ + { + "type": "string", + "value": "underline", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "underline" + }, + "name": "pf-t--global--text-decoration--line--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "line", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "line", + "200" + ] + } + ] + } + }, + "pf-t--global--text-decoration--help-text--line--hover": { + "default": { + "type": "number", + "value": "underline", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": "{global.text-decoration.line.200}" + }, + "name": "pf-t--global--text-decoration--help-text--line--hover", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "help-text", + "subitem": "line", + "state": "hover" + }, + "path": [ + "global", + "text-decoration", + "help-text", + "line", + "hover" + ], + "references": [ + { + "type": "string", + "value": "underline", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "underline" + }, + "name": "pf-t--global--text-decoration--line--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "line", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "line", + "200" + ] + } + ] + } + }, + "pf-t--global--text-decoration--help-text--style--default": { + "default": { + "type": "number", + "value": "dashed", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": "{global.text-decoration.style.200}" + }, + "name": "pf-t--global--text-decoration--help-text--style--default", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "help-text", + "subitem": "style", + "state": "default" + }, + "path": [ + "global", + "text-decoration", + "help-text", + "style", + "default" + ], + "references": [ + { + "type": "string", + "value": "dashed", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "dashed" + }, + "name": "pf-t--global--text-decoration--style--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "style", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "style", + "200" + ] + } + ] + } + }, + "pf-t--global--text-decoration--help-text--style--hover": { + "default": { + "type": "number", + "value": "dashed", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": "{global.text-decoration.style.200}" + }, + "name": "pf-t--global--text-decoration--help-text--style--hover", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "help-text", + "subitem": "style", + "state": "hover" + }, + "path": [ + "global", + "text-decoration", + "help-text", + "style", + "hover" + ], + "references": [ + { + "type": "string", + "value": "dashed", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "dashed" + }, + "name": "pf-t--global--text-decoration--style--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "style", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "style", + "200" + ] + } + ] + } } }, "motion": { @@ -45314,12 +46310,12 @@ "pf-t--global--dark--color--nonstatus--gray--100": { "dark": { "type": "color", - "value": "#c7c7c7", + "value": "#4d4d4d", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.30}" + "value": "{color.gray.60}" }, "name": "pf-t--global--dark--color--nonstatus--gray--100", "attributes": { @@ -45340,23 +46336,23 @@ "references": [ { "type": "color", - "value": "#c7c7c7", + "value": "#4d4d4d", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#c7c7c7" + "value": "#4d4d4d" }, - "name": "pf-t--color--gray--30", + "name": "pf-t--color--gray--60", "attributes": { "category": "color", "type": "gray", - "item": "30" + "item": "60" }, "path": [ "color", "gray", - "30" + "60" ] } ] @@ -45365,12 +46361,12 @@ "pf-t--global--dark--color--nonstatus--gray--200": { "dark": { "type": "color", - "value": "#e0e0e0", + "value": "#707070", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.20}" + "value": "{color.gray.50}" }, "name": "pf-t--global--dark--color--nonstatus--gray--200", "attributes": { @@ -45391,23 +46387,23 @@ "references": [ { "type": "color", - "value": "#e0e0e0", + "value": "#707070", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#e0e0e0" + "value": "#707070" }, - "name": "pf-t--color--gray--20", + "name": "pf-t--color--gray--50", "attributes": { "category": "color", "type": "gray", - "item": "20" + "item": "50" }, "path": [ "color", "gray", - "20" + "50" ] } ] @@ -45416,12 +46412,12 @@ "pf-t--global--dark--color--nonstatus--gray--300": { "dark": { "type": "color", - "value": "#f2f2f2", + "value": "#a3a3a3", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.10}" + "value": "{color.gray.40}" }, "name": "pf-t--global--dark--color--nonstatus--gray--300", "attributes": { @@ -45442,23 +46438,23 @@ "references": [ { "type": "color", - "value": "#f2f2f2", + "value": "#a3a3a3", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#f2f2f2" + "value": "#a3a3a3" }, - "name": "pf-t--color--gray--10", + "name": "pf-t--color--gray--40", "attributes": { "category": "color", "type": "gray", - "item": "10" + "item": "40" }, "path": [ "color", "gray", - "10" + "40" ] } ] @@ -45567,12 +46563,12 @@ "pf-t--global--dark--text--color--100": { "dark": { "type": "color", - "value": "#f2f2f2", + "value": "#ffffff", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.10}" + "value": "{color.white}" }, "name": "pf-t--global--dark--text--color--100", "attributes": { @@ -45592,23 +46588,21 @@ "references": [ { "type": "color", - "value": "#f2f2f2", + "value": "#ffffff", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#f2f2f2" + "value": "#ffffff" }, - "name": "pf-t--color--gray--10", + "name": "pf-t--color--white", "attributes": { "category": "color", - "type": "gray", - "item": "10" + "type": "white" }, "path": [ "color", - "gray", - "10" + "white" ] } ] @@ -46655,81 +47649,6 @@ ] } }, - "pf-t--global--font--family--100": { - "default": { - "type": "string", - "value": "Red Hat Text VF", - "filePath": "tokens/default/base.dimension.json", - "isSource": false, - "original": { - "type": "string", - "value": "Red Hat Text VF" - }, - "name": "pf-t--global--font--family--100", - "attributes": { - "category": "global", - "type": "font", - "item": "family", - "subitem": "100" - }, - "path": [ - "global", - "font", - "family", - "100" - ] - } - }, - "pf-t--global--font--family--200": { - "default": { - "type": "string", - "value": "Red Hat Display VF", - "filePath": "tokens/default/base.dimension.json", - "isSource": false, - "original": { - "type": "string", - "value": "Red Hat Display VF" - }, - "name": "pf-t--global--font--family--200", - "attributes": { - "category": "global", - "type": "font", - "item": "family", - "subitem": "200" - }, - "path": [ - "global", - "font", - "family", - "200" - ] - } - }, - "pf-t--global--font--family--300": { - "default": { - "type": "string", - "value": "Red Hat Mono VF", - "filePath": "tokens/default/base.dimension.json", - "isSource": false, - "original": { - "type": "string", - "value": "Red Hat Mono VF" - }, - "name": "pf-t--global--font--family--300", - "attributes": { - "category": "global", - "type": "font", - "item": "family", - "subitem": "300" - }, - "path": [ - "global", - "font", - "family", - "300" - ] - } - }, "pf-t--global--font--weight--100": { "default": { "type": "number", @@ -47080,6 +47999,81 @@ ] } }, + "pf-t--global--font--family--100": { + "default": { + "type": "string", + "value": "\"Red Hat Text\", \"RedHatText\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "\"Red Hat Text\", \"RedHatText\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif" + }, + "name": "pf-t--global--font--family--100", + "attributes": { + "category": "global", + "type": "font", + "item": "family", + "subitem": "100" + }, + "path": [ + "global", + "font", + "family", + "100" + ] + } + }, + "pf-t--global--font--family--200": { + "default": { + "type": "string", + "value": "\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif" + }, + "name": "pf-t--global--font--family--200", + "attributes": { + "category": "global", + "type": "font", + "item": "family", + "subitem": "200" + }, + "path": [ + "global", + "font", + "family", + "200" + ] + } + }, + "pf-t--global--font--family--300": { + "default": { + "type": "string", + "value": "\"Red Hat Mono\", \"RedHatMono\", \"Courier New\", Courier, monospace", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "\"Red Hat Mono\", \"RedHatMono\", \"Courier New\", Courier, monospace" + }, + "name": "pf-t--global--font--family--300", + "attributes": { + "category": "global", + "type": "font", + "item": "family", + "subitem": "300" + }, + "path": [ + "global", + "font", + "family", + "300" + ] + } + }, "pf-t--global--z-index--100": { "default": { "type": "number", @@ -47874,6 +48868,106 @@ "600" ] } + }, + "pf-t--global--text-decoration--line--100": { + "default": { + "type": "string", + "value": "none", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "none" + }, + "name": "pf-t--global--text-decoration--line--100", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "line", + "subitem": "100" + }, + "path": [ + "global", + "text-decoration", + "line", + "100" + ] + } + }, + "pf-t--global--text-decoration--line--200": { + "default": { + "type": "string", + "value": "underline", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "underline" + }, + "name": "pf-t--global--text-decoration--line--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "line", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "line", + "200" + ] + } + }, + "pf-t--global--text-decoration--style--100": { + "default": { + "type": "string", + "value": "solid", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "solid" + }, + "name": "pf-t--global--text-decoration--style--100", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "style", + "subitem": "100" + }, + "path": [ + "global", + "text-decoration", + "style", + "100" + ] + } + }, + "pf-t--global--text-decoration--style--200": { + "default": { + "type": "string", + "value": "dashed", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "string", + "value": "dashed" + }, + "name": "pf-t--global--text-decoration--style--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "style", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "style", + "200" + ] + } } }, "motion": { diff --git a/packages/module/patternfly-docs/content/token-layers-default.json b/packages/module/patternfly-docs/content/token-layers-default.json index d4f5793..f3e676c 100644 --- a/packages/module/patternfly-docs/content/token-layers-default.json +++ b/packages/module/patternfly-docs/content/token-layers-default.json @@ -27662,13 +27662,13 @@ }, "pf-t--global--spacer--control--vertical--plain": { "default": { - "description": "Use to set the vertical padding inside of plain controls, like in plain menu toggles.", + "description": "Use to set the vertical padding inside of plain controls, like in plain menu toggles and plain buttons.", "type": "number", "value": "0.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to set the vertical padding inside of plain controls, like in plain menu toggles.", + "description": "Use to set the vertical padding inside of plain controls, like in plain menu toggles and plain buttons.", "type": "number", "value": "{global.spacer.sm}" }, @@ -27737,6 +27737,83 @@ ] } }, + "pf-t--global--spacer--control--vertical--spacious": { + "default": { + "description": "Use to set the vertical padding inside a large/display controls. This is used across buttons, text inputs, menu toggles, etc.", + "type": "number", + "value": "1rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "description": "Use to set the vertical padding inside a large/display controls. This is used across buttons, text inputs, menu toggles, etc.", + "type": "number", + "value": "{global.spacer.md}" + }, + "name": "pf-t--global--spacer--control--vertical--spacious", + "attributes": { + "category": "global", + "type": "spacer", + "item": "control", + "subitem": "vertical", + "state": "spacious" + }, + "path": [ + "global", + "spacer", + "control", + "vertical", + "spacious" + ], + "references": [ + { + "description": "Use for medium-sized spaces between elements.", + "type": "number", + "value": "1rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "description": "Use for medium-sized spaces between elements.", + "type": "number", + "value": "{global.spacer.300}" + }, + "name": "pf-t--global--spacer--md", + "attributes": { + "category": "global", + "type": "spacer", + "item": "md" + }, + "path": [ + "global", + "spacer", + "md" + ], + "references": [ + { + "type": "number", + "value": "1rem", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": 16 + }, + "name": "pf-t--global--spacer--300", + "attributes": { + "category": "global", + "type": "spacer", + "item": "300" + }, + "path": [ + "global", + "spacer", + "300" + ] + } + ] + } + ] + } + }, "pf-t--global--spacer--control--horizontal--default": { "default": { "description": "Use to set the horizontal padding inside of controls, like text inputs and menu toggles.", @@ -28045,76 +28122,76 @@ ] } }, - "pf-t--global--spacer--gap--text-to-element--default": { + "pf-t--global--spacer--action--horizontal--default": { "default": { - "description": "Use to space an element, like an icon or badge, inline with text", + "description": "Use to set the horizontal padding inside a default action, like buttons.", "type": "number", - "value": "0.5rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to space an element, like an icon or badge, inline with text", + "description": "Use to set the horizontal padding inside a default action, like buttons.", "type": "number", - "value": "{global.spacer.sm}" + "value": "{global.spacer.lg}" }, - "name": "pf-t--global--spacer--gap--text-to-element--default", + "name": "pf-t--global--spacer--action--horizontal--default", "attributes": { "category": "global", "type": "spacer", - "item": "gap", - "subitem": "text-to-element", + "item": "action", + "subitem": "horizontal", "state": "default" }, "path": [ "global", "spacer", - "gap", - "text-to-element", + "action", + "horizontal", "default" ], "references": [ { - "description": "Use for small spaces between elements.", + "description": "Use for large spaces between elements.", "type": "number", - "value": "0.5rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for small spaces between elements.", + "description": "Use for large spaces between elements.", "type": "number", - "value": "{global.spacer.200}" + "value": "{global.spacer.400}" }, - "name": "pf-t--global--spacer--sm", + "name": "pf-t--global--spacer--lg", "attributes": { "category": "global", "type": "spacer", - "item": "sm" + "item": "lg" }, "path": [ "global", "spacer", - "sm" + "lg" ], "references": [ { "type": "number", - "value": "0.5rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 8 + "value": 24 }, - "name": "pf-t--global--spacer--200", + "name": "pf-t--global--spacer--400", "attributes": { "category": "global", "type": "spacer", - "item": "200" + "item": "400" }, "path": [ "global", "spacer", - "200" + "400" ] } ] @@ -28122,76 +28199,77 @@ ] } }, - "pf-t--global--spacer--gap--control-to-control--default": { + "pf-t--global--spacer--action--horizontal--plain--default": { "default": { - "description": "Use to set the space between controls, like in input groups or filter groups", + "description": "Use to set the horizontal padding inside a plain action, like plain buttons.", "type": "number", - "value": "0.25rem", + "value": "0.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to set the space between controls, like in input groups or filter groups", + "description": "Use to set the horizontal padding inside a plain action, like plain buttons.", "type": "number", - "value": "{global.spacer.xs}" + "value": "{global.spacer.sm}" }, - "name": "pf-t--global--spacer--gap--control-to-control--default", + "name": "pf-t--global--spacer--action--horizontal--plain--default", "attributes": { "category": "global", "type": "spacer", - "item": "gap", - "subitem": "control-to-control", - "state": "default" + "item": "action", + "subitem": "horizontal", + "state": "plain" }, "path": [ "global", "spacer", - "gap", - "control-to-control", + "action", + "horizontal", + "plain", "default" ], "references": [ { - "description": "Use for extra small spaces between elements.", + "description": "Use for small spaces between elements.", "type": "number", - "value": "0.25rem", + "value": "0.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for extra small spaces between elements.", + "description": "Use for small spaces between elements.", "type": "number", - "value": "{global.spacer.100}" + "value": "{global.spacer.200}" }, - "name": "pf-t--global--spacer--xs", + "name": "pf-t--global--spacer--sm", "attributes": { "category": "global", "type": "spacer", - "item": "xs" + "item": "sm" }, "path": [ "global", "spacer", - "xs" + "sm" ], "references": [ { "type": "number", - "value": "0.25rem", + "value": "0.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 4 + "value": 8 }, - "name": "pf-t--global--spacer--100", + "name": "pf-t--global--spacer--200", "attributes": { "category": "global", "type": "spacer", - "item": "100" + "item": "200" }, "path": [ "global", "spacer", - "100" + "200" ] } ] @@ -28199,76 +28277,77 @@ ] } }, - "pf-t--global--spacer--gap--group--vertical": { + "pf-t--global--spacer--action--horizontal--plain--compact": { "default": { - "description": "Use to set the vertical space between items in a group, like a field label, form input, and helper text placed in a vertical/stacked layout", + "description": "Use to set the horizontal padding inside a compact, plain action/button.", "type": "number", - "value": "0.5rem", + "value": "0.25rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to set the vertical space between items in a group, like a field label, form input, and helper text placed in a vertical/stacked layout", + "description": "Use to set the horizontal padding inside a compact, plain action/button.", "type": "number", - "value": "{global.spacer.sm}" + "value": "{global.spacer.xs}" }, - "name": "pf-t--global--spacer--gap--group--vertical", + "name": "pf-t--global--spacer--action--horizontal--plain--compact", "attributes": { "category": "global", "type": "spacer", - "item": "gap", - "subitem": "group", - "state": "vertical" + "item": "action", + "subitem": "horizontal", + "state": "plain" }, "path": [ "global", "spacer", - "gap", - "group", - "vertical" + "action", + "horizontal", + "plain", + "compact" ], "references": [ { - "description": "Use for small spaces between elements.", + "description": "Use for extra small spaces between elements.", "type": "number", - "value": "0.5rem", + "value": "0.25rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for small spaces between elements.", + "description": "Use for extra small spaces between elements.", "type": "number", - "value": "{global.spacer.200}" + "value": "{global.spacer.100}" }, - "name": "pf-t--global--spacer--sm", + "name": "pf-t--global--spacer--xs", "attributes": { "category": "global", "type": "spacer", - "item": "sm" + "item": "xs" }, "path": [ "global", "spacer", - "sm" + "xs" ], "references": [ { "type": "number", - "value": "0.5rem", + "value": "0.25rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 8 + "value": 4 }, - "name": "pf-t--global--spacer--200", + "name": "pf-t--global--spacer--100", "attributes": { "category": "global", "type": "spacer", - "item": "200" + "item": "100" }, "path": [ "global", "spacer", - "200" + "100" ] } ] @@ -28276,32 +28355,32 @@ ] } }, - "pf-t--global--spacer--gap--group--horizontal": { + "pf-t--global--spacer--action--horizontal--compact": { "default": { - "description": "Use to set the horizontal space between items in a group, like a field label and form input placed in a horizontal layout.", + "description": "Use to set the horizontal padding inside a compact action, like compact buttons.", "type": "number", "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to set the horizontal space between items in a group, like a field label and form input placed in a horizontal layout.", + "description": "Use to set the horizontal padding inside a compact action, like compact buttons.", "type": "number", "value": "{global.spacer.md}" }, - "name": "pf-t--global--spacer--gap--group--horizontal", + "name": "pf-t--global--spacer--action--horizontal--compact", "attributes": { "category": "global", "type": "spacer", - "item": "gap", - "subitem": "group", - "state": "horizontal" + "item": "action", + "subitem": "horizontal", + "state": "compact" }, "path": [ "global", "spacer", - "gap", - "group", - "horizontal" + "action", + "horizontal", + "compact" ], "references": [ { @@ -28353,76 +28432,76 @@ ] } }, - "pf-t--global--spacer--gap--group-to-group--horizontal": { + "pf-t--global--spacer--action--horizontal--spacious": { "default": { - "description": "Use to set the horizontal space between groups of elements, like between multiple action groups or forms groups placed in a horizontal layout.", + "description": "Use to set the horizontal padding inside a large/display action, like CTAs.", "type": "number", - "value": "3rem", + "value": "2rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to set the horizontal space between groups of elements, like between multiple action groups or forms groups placed in a horizontal layout.", + "description": "Use to set the horizontal padding inside a large/display action, like CTAs.", "type": "number", - "value": "{global.spacer.2xl}" + "value": "{global.spacer.xl}" }, - "name": "pf-t--global--spacer--gap--group-to-group--horizontal", + "name": "pf-t--global--spacer--action--horizontal--spacious", "attributes": { "category": "global", "type": "spacer", - "item": "gap", - "subitem": "group-to-group", - "state": "horizontal" + "item": "action", + "subitem": "horizontal", + "state": "spacious" }, "path": [ "global", "spacer", - "gap", - "group-to-group", - "horizontal" + "action", + "horizontal", + "spacious" ], "references": [ { - "description": "Use for double extra large spaces spacing between elements.", + "description": "Use for extra large spaces between elements.", "type": "number", - "value": "3rem", + "value": "2rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for double extra large spaces spacing between elements.", + "description": "Use for extra large spaces between elements.", "type": "number", - "value": "{global.spacer.600}" + "value": "{global.spacer.500}" }, - "name": "pf-t--global--spacer--2xl", + "name": "pf-t--global--spacer--xl", "attributes": { "category": "global", "type": "spacer", - "item": "2xl" + "item": "xl" }, "path": [ "global", "spacer", - "2xl" + "xl" ], "references": [ { "type": "number", - "value": "3rem", + "value": "2rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 48 + "value": 32 }, - "name": "pf-t--global--spacer--600", + "name": "pf-t--global--spacer--500", "attributes": { "category": "global", "type": "spacer", - "item": "600" + "item": "500" }, "path": [ "global", "spacer", - "600" + "500" ] } ] @@ -28430,76 +28509,76 @@ ] } }, - "pf-t--global--spacer--gap--group-to-group--vertical": { + "pf-t--global--spacer--gap--text-to-element--default": { "default": { - "description": "Use to set the vertical space between groups of elements, like between stacked form groups.", + "description": "Use to space an element, like an icon or badge, inline with text", "type": "number", - "value": "1.5rem", + "value": "0.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to set the vertical space between groups of elements, like between stacked form groups.", + "description": "Use to space an element, like an icon or badge, inline with text", "type": "number", - "value": "{global.spacer.lg}" + "value": "{global.spacer.sm}" }, - "name": "pf-t--global--spacer--gap--group-to-group--vertical", + "name": "pf-t--global--spacer--gap--text-to-element--default", "attributes": { "category": "global", "type": "spacer", "item": "gap", - "subitem": "group-to-group", - "state": "vertical" + "subitem": "text-to-element", + "state": "default" }, "path": [ "global", "spacer", "gap", - "group-to-group", - "vertical" + "text-to-element", + "default" ], "references": [ { - "description": "Use for large spaces between elements.", + "description": "Use for small spaces between elements.", "type": "number", - "value": "1.5rem", + "value": "0.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for large spaces between elements.", + "description": "Use for small spaces between elements.", "type": "number", - "value": "{global.spacer.400}" + "value": "{global.spacer.200}" }, - "name": "pf-t--global--spacer--lg", + "name": "pf-t--global--spacer--sm", "attributes": { "category": "global", "type": "spacer", - "item": "lg" + "item": "sm" }, "path": [ "global", "spacer", - "lg" + "sm" ], "references": [ { "type": "number", - "value": "1.5rem", + "value": "0.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 24 + "value": 8 }, - "name": "pf-t--global--spacer--400", + "name": "pf-t--global--spacer--200", "attributes": { "category": "global", "type": "spacer", - "item": "400" + "item": "200" }, "path": [ "global", "spacer", - "400" + "200" ] } ] @@ -28507,76 +28586,76 @@ ] } }, - "pf-t--global--spacer--gap--action-to-action--default": { + "pf-t--global--spacer--gap--control-to-control--default": { "default": { - "description": "Use to set the space between actions, like in an action list group.", + "description": "Use to set the space between controls, like in input groups or filter groups", "type": "number", - "value": "1rem", + "value": "0.25rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to set the space between actions, like in an action list group.", + "description": "Use to set the space between controls, like in input groups or filter groups", "type": "number", - "value": "{global.spacer.md}" + "value": "{global.spacer.xs}" }, - "name": "pf-t--global--spacer--gap--action-to-action--default", + "name": "pf-t--global--spacer--gap--control-to-control--default", "attributes": { "category": "global", "type": "spacer", "item": "gap", - "subitem": "action-to-action", + "subitem": "control-to-control", "state": "default" }, "path": [ "global", "spacer", "gap", - "action-to-action", + "control-to-control", "default" ], "references": [ { - "description": "Use for medium-sized spaces between elements.", + "description": "Use for extra small spaces between elements.", "type": "number", - "value": "1rem", + "value": "0.25rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for medium-sized spaces between elements.", + "description": "Use for extra small spaces between elements.", "type": "number", - "value": "{global.spacer.300}" + "value": "{global.spacer.100}" }, - "name": "pf-t--global--spacer--md", + "name": "pf-t--global--spacer--xs", "attributes": { "category": "global", "type": "spacer", - "item": "md" + "item": "xs" }, "path": [ "global", "spacer", - "md" + "xs" ], "references": [ { "type": "number", - "value": "1rem", + "value": "0.25rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 16 + "value": 4 }, - "name": "pf-t--global--spacer--300", + "name": "pf-t--global--spacer--100", "attributes": { "category": "global", "type": "spacer", - "item": "300" + "item": "100" }, "path": [ "global", "spacer", - "300" + "100" ] } ] @@ -28584,76 +28663,76 @@ ] } }, - "pf-t--global--spacer--gap--action-to-action--plain": { + "pf-t--global--spacer--gap--group--vertical": { "default": { - "description": "Use to set the space between plain actions, like in an action list group.", + "description": "Use to set the vertical space between items in a group, like a field label, form input, and helper text placed in a vertical/stacked layout", "type": "number", - "value": "0.25rem", + "value": "0.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to set the space between plain actions, like in an action list group.", + "description": "Use to set the vertical space between items in a group, like a field label, form input, and helper text placed in a vertical/stacked layout", "type": "number", - "value": "{global.spacer.xs}" + "value": "{global.spacer.sm}" }, - "name": "pf-t--global--spacer--gap--action-to-action--plain", + "name": "pf-t--global--spacer--gap--group--vertical", "attributes": { "category": "global", "type": "spacer", "item": "gap", - "subitem": "action-to-action", - "state": "plain" + "subitem": "group", + "state": "vertical" }, "path": [ "global", "spacer", "gap", - "action-to-action", - "plain" + "group", + "vertical" ], "references": [ { - "description": "Use for extra small spaces between elements.", + "description": "Use for small spaces between elements.", "type": "number", - "value": "0.25rem", + "value": "0.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for extra small spaces between elements.", + "description": "Use for small spaces between elements.", "type": "number", - "value": "{global.spacer.100}" + "value": "{global.spacer.200}" }, - "name": "pf-t--global--spacer--xs", + "name": "pf-t--global--spacer--sm", "attributes": { "category": "global", "type": "spacer", - "item": "xs" + "item": "sm" }, "path": [ "global", "spacer", - "xs" + "sm" ], "references": [ { "type": "number", - "value": "0.25rem", + "value": "0.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 4 + "value": 8 }, - "name": "pf-t--global--spacer--100", + "name": "pf-t--global--spacer--200", "attributes": { "category": "global", "type": "spacer", - "item": "100" + "item": "200" }, "path": [ "global", "spacer", - "100" + "200" ] } ] @@ -28661,76 +28740,76 @@ ] } }, - "pf-t--global--spacer--action--horizontal--default": { + "pf-t--global--spacer--gap--group--horizontal": { "default": { - "description": "Use to set the horizontal padding inside a default action, like buttons.", + "description": "Use to set the horizontal space between items in a group, like a field label and form input placed in a horizontal layout.", "type": "number", - "value": "1.5rem", + "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to set the horizontal padding inside a default action, like buttons.", + "description": "Use to set the horizontal space between items in a group, like a field label and form input placed in a horizontal layout.", "type": "number", - "value": "{global.spacer.lg}" + "value": "{global.spacer.md}" }, - "name": "pf-t--global--spacer--action--horizontal--default", + "name": "pf-t--global--spacer--gap--group--horizontal", "attributes": { "category": "global", "type": "spacer", - "item": "action", - "subitem": "horizontal", - "state": "default" + "item": "gap", + "subitem": "group", + "state": "horizontal" }, "path": [ "global", "spacer", - "action", - "horizontal", - "default" + "gap", + "group", + "horizontal" ], "references": [ { - "description": "Use for large spaces between elements.", + "description": "Use for medium-sized spaces between elements.", "type": "number", - "value": "1.5rem", + "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for large spaces between elements.", + "description": "Use for medium-sized spaces between elements.", "type": "number", - "value": "{global.spacer.400}" + "value": "{global.spacer.300}" }, - "name": "pf-t--global--spacer--lg", + "name": "pf-t--global--spacer--md", "attributes": { "category": "global", "type": "spacer", - "item": "lg" + "item": "md" }, "path": [ "global", "spacer", - "lg" + "md" ], "references": [ { "type": "number", - "value": "1.5rem", + "value": "1rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 24 + "value": 16 }, - "name": "pf-t--global--spacer--400", + "name": "pf-t--global--spacer--300", "attributes": { "category": "global", "type": "spacer", - "item": "400" + "item": "300" }, "path": [ "global", "spacer", - "400" + "300" ] } ] @@ -28738,90 +28817,76 @@ ] } }, - "pf-t--global--spacer--action--horizontal--plain": { + "pf-t--global--spacer--gap--group-to-group--horizontal": { "default": { - "description": "Use to set the horizontal padding inside a plain action, like plain buttons.", + "description": "Use to set the horizontal space between groups of elements, like between multiple action groups or forms groups placed in a horizontal layout.", "type": "number", - "value": "0.5rem", - "compact": { - "description": "Use to set the horizontal padding inside a compact, plain action/button.", - "type": "number", - "value": "0.25rem", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": true - }, + "value": "3rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to set the horizontal padding inside a plain action, like plain buttons.", + "description": "Use to set the horizontal space between groups of elements, like between multiple action groups or forms groups placed in a horizontal layout.", "type": "number", - "value": "{global.spacer.sm}", - "compact": { - "description": "Use to set the horizontal padding inside a compact, plain action/button.", - "type": "number", - "value": "{global.spacer.xs}", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": true - } + "value": "{global.spacer.2xl}" }, - "name": "pf-t--global--spacer--action--horizontal--plain", + "name": "pf-t--global--spacer--gap--group-to-group--horizontal", "attributes": { "category": "global", "type": "spacer", - "item": "action", - "subitem": "horizontal", - "state": "plain" + "item": "gap", + "subitem": "group-to-group", + "state": "horizontal" }, "path": [ "global", "spacer", - "action", - "horizontal", - "plain" + "gap", + "group-to-group", + "horizontal" ], "references": [ { - "description": "Use for small spaces between elements.", + "description": "Use for double extra large spaces spacing between elements.", "type": "number", - "value": "0.5rem", + "value": "3rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for small spaces between elements.", + "description": "Use for double extra large spaces spacing between elements.", "type": "number", - "value": "{global.spacer.200}" + "value": "{global.spacer.600}" }, - "name": "pf-t--global--spacer--sm", + "name": "pf-t--global--spacer--2xl", "attributes": { "category": "global", "type": "spacer", - "item": "sm" + "item": "2xl" }, "path": [ "global", "spacer", - "sm" + "2xl" ], "references": [ { "type": "number", - "value": "0.5rem", + "value": "3rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 8 + "value": 48 }, - "name": "pf-t--global--spacer--200", + "name": "pf-t--global--spacer--600", "attributes": { "category": "global", "type": "spacer", - "item": "200" + "item": "600" }, "path": [ "global", "spacer", - "200" + "600" ] } ] @@ -28829,76 +28894,76 @@ ] } }, - "pf-t--global--spacer--action--horizontal--compact": { + "pf-t--global--spacer--gap--group-to-group--vertical": { "default": { - "description": "Use to set the horizontal padding inside a compact action, like compact buttons.", + "description": "Use to set the vertical space between groups of elements, like between stacked form groups.", "type": "number", - "value": "1rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to set the horizontal padding inside a compact action, like compact buttons.", + "description": "Use to set the vertical space between groups of elements, like between stacked form groups.", "type": "number", - "value": "{global.spacer.md}" + "value": "{global.spacer.lg}" }, - "name": "pf-t--global--spacer--action--horizontal--compact", + "name": "pf-t--global--spacer--gap--group-to-group--vertical", "attributes": { "category": "global", "type": "spacer", - "item": "action", - "subitem": "horizontal", - "state": "compact" + "item": "gap", + "subitem": "group-to-group", + "state": "vertical" }, "path": [ "global", "spacer", - "action", - "horizontal", - "compact" + "gap", + "group-to-group", + "vertical" ], "references": [ { - "description": "Use for medium-sized spaces between elements.", + "description": "Use for large spaces between elements.", "type": "number", - "value": "1rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for medium-sized spaces between elements.", + "description": "Use for large spaces between elements.", "type": "number", - "value": "{global.spacer.300}" + "value": "{global.spacer.400}" }, - "name": "pf-t--global--spacer--md", + "name": "pf-t--global--spacer--lg", "attributes": { "category": "global", "type": "spacer", - "item": "md" + "item": "lg" }, "path": [ "global", "spacer", - "md" + "lg" ], "references": [ { "type": "number", - "value": "1rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 16 + "value": 24 }, - "name": "pf-t--global--spacer--300", + "name": "pf-t--global--spacer--400", "attributes": { "category": "global", "type": "spacer", - "item": "300" + "item": "400" }, "path": [ "global", "spacer", - "300" + "400" ] } ] @@ -28906,76 +28971,76 @@ ] } }, - "pf-t--global--spacer--action--horizontal--spacious": { + "pf-t--global--spacer--gap--action-to-action--default": { "default": { - "description": "Use to set the horizontal padding inside a large/display action, like CTAs.", + "description": "Use to set the space between actions, like in an action list group.", "type": "number", - "value": "2rem", + "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to set the horizontal padding inside a large/display action, like CTAs.", + "description": "Use to set the space between actions, like in an action list group.", "type": "number", - "value": "{global.spacer.xl}" + "value": "{global.spacer.md}" }, - "name": "pf-t--global--spacer--action--horizontal--spacious", + "name": "pf-t--global--spacer--gap--action-to-action--default", "attributes": { "category": "global", "type": "spacer", - "item": "action", - "subitem": "horizontal", - "state": "spacious" + "item": "gap", + "subitem": "action-to-action", + "state": "default" }, "path": [ "global", "spacer", - "action", - "horizontal", - "spacious" + "gap", + "action-to-action", + "default" ], "references": [ { - "description": "Use for extra large spaces between elements.", + "description": "Use for medium-sized spaces between elements.", "type": "number", - "value": "2rem", + "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for extra large spaces between elements.", + "description": "Use for medium-sized spaces between elements.", "type": "number", - "value": "{global.spacer.500}" + "value": "{global.spacer.300}" }, - "name": "pf-t--global--spacer--xl", + "name": "pf-t--global--spacer--md", "attributes": { "category": "global", "type": "spacer", - "item": "xl" + "item": "md" }, "path": [ "global", "spacer", - "xl" + "md" ], "references": [ { "type": "number", - "value": "2rem", + "value": "1rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 32 + "value": 16 }, - "name": "pf-t--global--spacer--500", + "name": "pf-t--global--spacer--300", "attributes": { "category": "global", "type": "spacer", - "item": "500" + "item": "300" }, "path": [ "global", "spacer", - "500" + "300" ] } ] @@ -28983,32 +29048,32 @@ ] } }, - "pf-t--global--spacer--action--vertical--compact": { + "pf-t--global--spacer--gap--action-to-action--plain": { "default": { - "description": "Use to set the vertical padding inside a compact action, like compact buttons.", + "description": "Use to set the space between plain actions, like in an action list group.", "type": "number", "value": "0.25rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to set the vertical padding inside a compact action, like compact buttons.", + "description": "Use to set the space between plain actions, like in an action list group.", "type": "number", "value": "{global.spacer.xs}" }, - "name": "pf-t--global--spacer--action--vertical--compact", + "name": "pf-t--global--spacer--gap--action-to-action--plain", "attributes": { "category": "global", "type": "spacer", - "item": "action", - "subitem": "vertical", - "state": "compact" + "item": "gap", + "subitem": "action-to-action", + "state": "plain" }, "path": [ "global", "spacer", - "action", - "vertical", - "compact" + "gap", + "action-to-action", + "plain" ], "references": [ { @@ -29060,32 +29125,101 @@ ] } }, - "pf-t--global--spacer--action--vertical--spacious": { + "pf-t--global--spacer--inset--page-chrome": { + "default": { + "type": "number", + "value": "1.5rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": "{global.spacer.lg}" + }, + "name": "pf-t--global--spacer--inset--page-chrome", + "attributes": { + "category": "global", + "type": "spacer", + "item": "inset", + "subitem": "page-chrome" + }, + "path": [ + "global", + "spacer", + "inset", + "page-chrome" + ], + "references": [ + { + "description": "Use for large spaces between elements.", + "type": "number", + "value": "1.5rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "description": "Use for large spaces between elements.", + "type": "number", + "value": "{global.spacer.400}" + }, + "name": "pf-t--global--spacer--lg", + "attributes": { + "category": "global", + "type": "spacer", + "item": "lg" + }, + "path": [ + "global", + "spacer", + "lg" + ], + "references": [ + { + "type": "number", + "value": "1.5rem", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": 24 + }, + "name": "pf-t--global--spacer--400", + "attributes": { + "category": "global", + "type": "spacer", + "item": "400" + }, + "path": [ + "global", + "spacer", + "400" + ] + } + ] + } + ] + } + }, + "pf-t--global--spacer--gutter--default": { "default": { - "description": "Use to set the vertical padding inside a large/display action, like CTAs.", "type": "number", "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to set the vertical padding inside a large/display action, like CTAs.", "type": "number", "value": "{global.spacer.md}" }, - "name": "pf-t--global--spacer--action--vertical--spacious", + "name": "pf-t--global--spacer--gutter--default", "attributes": { "category": "global", "type": "spacer", - "item": "action", - "subitem": "vertical", - "state": "spacious" + "item": "gutter", + "subitem": "default" }, "path": [ "global", "spacer", - "action", - "vertical", - "spacious" + "gutter", + "default" ], "references": [ { @@ -29397,160 +29531,106 @@ ] } }, - "pf-t--global--icon--size--3xl": { + "pf-t--global--icon--size--font--body--sm": { "default": { - "description": "Use for triple extra large icons.", + "description": "Use for icons that are placed inline with small body text", "type": "number", - "value": "6rem", + "value": "0.75rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for triple extra large icons.", + "description": "Use for icons that are placed inline with small body text", "type": "number", - "value": "{global.icon.size.500}" + "value": "{global.font.size.body.sm}" }, - "name": "pf-t--global--icon--size--3xl", + "name": "pf-t--global--icon--size--font--body--sm", "attributes": { "category": "global", "type": "icon", "item": "size", - "subitem": "3xl" + "subitem": "font", + "state": "body" }, "path": [ "global", "icon", "size", - "3xl" + "font", + "body", + "sm" ], "references": [ { + "description": "Use for a smaller font size in body sections.", "type": "number", - "value": "6rem", - "filePath": "tokens/default/base.dimension.json", + "value": "0.75rem", + "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { + "description": "Use for a smaller font size in body sections.", "type": "number", - "value": 96 + "value": "{global.font.size.xs}" }, - "name": "pf-t--global--icon--size--500", + "name": "pf-t--global--font--size--body--sm", "attributes": { "category": "global", - "type": "icon", + "type": "font", "item": "size", - "subitem": "500" + "subitem": "body", + "state": "sm" }, "path": [ "global", - "icon", + "font", "size", - "500" - ] - } - ] - } - }, - "pf-t--global--icon--size--font--heading--h1": { - "default": { - "description": "Use for icons that are placed inline with first level headings", - "type": "number", - "value": "1.375rem", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": true, - "original": { - "description": "Use for icons that are placed inline with first level headings", - "type": "number", - "value": "{global.font.size.heading.h1}" - }, - "name": "pf-t--global--icon--size--font--heading--h1", - "attributes": { - "category": "global", - "type": "icon", - "item": "size", - "subitem": "font", - "state": "heading" - }, - "path": [ - "global", - "icon", - "size", - "font", - "heading", - "h1" - ], - "references": [ - { - "description": "Use as the font size for first level headings.", - "type": "number", - "value": "1.375rem", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": true, - "original": { - "description": "Use as the font size for first level headings.", - "type": "number", - "value": "{global.font.size.2xl}" - }, - "name": "pf-t--global--font--size--heading--h1", - "attributes": { - "category": "global", - "type": "font", - "item": "size", - "subitem": "heading", - "state": "h1" - }, - "path": [ - "global", - "font", - "size", - "heading", - "h1" + "body", + "sm" ], "references": [ { - "description": "Use as the font size for double extra large text that isn’t a heading or in a body section.", "type": "number", - "value": "1.375rem", + "value": "0.75rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use as the font size for double extra large text that isn’t a heading or in a body section.", "type": "number", - "value": "{global.font.size.600}" + "value": "{global.font.size.100}" }, - "name": "pf-t--global--font--size--2xl", + "name": "pf-t--global--font--size--xs", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "2xl" + "subitem": "xs" }, "path": [ "global", "font", "size", - "2xl" + "xs" ], "references": [ { "type": "number", - "value": "1.375rem", + "value": "0.75rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 22 + "value": 12 }, - "name": "pf-t--global--font--size--600", + "name": "pf-t--global--font--size--100", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "600" + "subitem": "100" }, "path": [ "global", "font", "size", - "600" + "100" ] } ] @@ -29560,108 +29640,108 @@ ] } }, - "pf-t--global--icon--size--font--heading--h2": { + "pf-t--global--icon--size--font--body--default": { "default": { - "description": "Use for icons that are placed inline with second level headings", + "description": "Use for icons that are placed inline with default body text", "type": "number", - "value": "1.25rem", + "value": "0.875rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for icons that are placed inline with second level headings", + "description": "Use for icons that are placed inline with default body text", "type": "number", - "value": "{global.font.size.heading.h2}" + "value": "{global.font.size.body.default}" }, - "name": "pf-t--global--icon--size--font--heading--h2", + "name": "pf-t--global--icon--size--font--body--default", "attributes": { "category": "global", "type": "icon", "item": "size", "subitem": "font", - "state": "heading" + "state": "body" }, "path": [ "global", "icon", "size", "font", - "heading", - "h2" + "body", + "default" ], "references": [ { - "description": "Use as the font size for second level headings.", + "description": "Use as the default font size in body sections.", "type": "number", - "value": "1.25rem", + "value": "0.875rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use as the font size for second level headings.", + "description": "Use as the default font size in body sections.", "type": "number", - "value": "{global.font.size.xl}" + "value": "{global.font.size.sm}" }, - "name": "pf-t--global--font--size--heading--h2", + "name": "pf-t--global--font--size--body--default", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "heading", - "state": "h2" + "subitem": "body", + "state": "default" }, "path": [ "global", "font", "size", - "heading", - "h2" + "body", + "default" ], "references": [ { - "description": "Use as the font size for extra large text that isn’t a heading or in a body section.", + "description": "Use as the font size for small text that isn’t a heading or in a body section.", "type": "number", - "value": "1.25rem", + "value": "0.875rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use as the font size for extra large text that isn’t a heading or in a body section.", + "description": "Use as the font size for small text that isn’t a heading or in a body section.", "type": "number", - "value": "{global.font.size.500}" + "value": "{global.font.size.200}" }, - "name": "pf-t--global--font--size--xl", + "name": "pf-t--global--font--size--sm", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "xl" + "subitem": "sm" }, "path": [ "global", "font", "size", - "xl" + "sm" ], "references": [ { "type": "number", - "value": "1.25rem", + "value": "0.875rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 20 + "value": 14 }, - "name": "pf-t--global--font--size--500", + "name": "pf-t--global--font--size--200", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "500" + "subitem": "200" }, "path": [ "global", "font", "size", - "500" + "200" ] } ] @@ -29671,108 +29751,108 @@ ] } }, - "pf-t--global--icon--size--font--heading--h3": { + "pf-t--global--icon--size--font--body--lg": { "default": { - "description": "Use for icons that are placed inline with third level headings", + "description": "Use for icons that are placed inline with large body text", "type": "number", - "value": "1.125rem", + "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for icons that are placed inline with third level headings", + "description": "Use for icons that are placed inline with large body text", "type": "number", - "value": "{global.font.size.heading.h3}" + "value": "{global.font.size.body.lg}" }, - "name": "pf-t--global--icon--size--font--heading--h3", + "name": "pf-t--global--icon--size--font--body--lg", "attributes": { "category": "global", "type": "icon", "item": "size", "subitem": "font", - "state": "heading" + "state": "body" }, "path": [ "global", "icon", "size", "font", - "heading", - "h3" + "body", + "lg" ], "references": [ { - "description": "Use as the font size for third level headings.", + "description": "Use for a larger font size in body sections.", "type": "number", - "value": "1.125rem", + "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use as the font size for third level headings.", + "description": "Use for a larger font size in body sections.", "type": "number", - "value": "{global.font.size.lg}" + "value": "{global.font.size.md}" }, - "name": "pf-t--global--font--size--heading--h3", + "name": "pf-t--global--font--size--body--lg", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "heading", - "state": "h3" + "subitem": "body", + "state": "lg" }, "path": [ "global", "font", "size", - "heading", - "h3" + "body", + "lg" ], "references": [ { - "description": "Use as the font size for large text that isn’t a heading or in a body section.", + "description": "Use as the font size for medium text that isn’t a heading or in a body section.", "type": "number", - "value": "1.125rem", + "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use as the font size for large text that isn’t a heading or in a body section.", + "description": "Use as the font size for medium text that isn’t a heading or in a body section.", "type": "number", - "value": "{global.font.size.400}" + "value": "{global.font.size.300}" }, - "name": "pf-t--global--font--size--lg", + "name": "pf-t--global--font--size--md", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "lg" + "subitem": "md" }, "path": [ "global", "font", "size", - "lg" + "md" ], "references": [ { "type": "number", - "value": "1.125rem", + "value": "1rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 18 + "value": 16 }, - "name": "pf-t--global--font--size--400", + "name": "pf-t--global--font--size--300", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "400" + "subitem": "300" }, "path": [ "global", "font", "size", - "400" + "300" ] } ] @@ -29782,19 +29862,19 @@ ] } }, - "pf-t--global--icon--size--font--heading--h4": { + "pf-t--global--icon--size--font--heading--h1": { "default": { - "description": "Use for icons that are placed inline with fourth level headings", + "description": "Use for icons that are placed inline with first level headings", "type": "number", - "value": "1rem", + "value": "1.375rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for icons that are placed inline with fourth level headings", + "description": "Use for icons that are placed inline with first level headings", "type": "number", - "value": "{global.font.size.heading.h4}" + "value": "{global.font.size.heading.h1}" }, - "name": "pf-t--global--icon--size--font--heading--h4", + "name": "pf-t--global--icon--size--font--heading--h1", "attributes": { "category": "global", "type": "icon", @@ -29808,82 +29888,82 @@ "size", "font", "heading", - "h4" + "h1" ], "references": [ { - "description": "Use as the font size for fourth-level headings.", + "description": "Use as the font size for first level headings.", "type": "number", - "value": "1rem", + "value": "1.375rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use as the font size for fourth-level headings.", + "description": "Use as the font size for first level headings.", "type": "number", - "value": "{global.font.size.md}" + "value": "{global.font.size.2xl}" }, - "name": "pf-t--global--font--size--heading--h4", + "name": "pf-t--global--font--size--heading--h1", "attributes": { "category": "global", "type": "font", "item": "size", "subitem": "heading", - "state": "h4" + "state": "h1" }, "path": [ "global", "font", "size", "heading", - "h4" + "h1" ], "references": [ { - "description": "Use as the font size for medium text that isn’t a heading or in a body section.", + "description": "Use as the font size for double extra large text that isn’t a heading or in a body section.", "type": "number", - "value": "1rem", + "value": "1.375rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use as the font size for medium text that isn’t a heading or in a body section.", + "description": "Use as the font size for double extra large text that isn’t a heading or in a body section.", "type": "number", - "value": "{global.font.size.300}" + "value": "{global.font.size.600}" }, - "name": "pf-t--global--font--size--md", + "name": "pf-t--global--font--size--2xl", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "md" + "subitem": "2xl" }, "path": [ "global", "font", "size", - "md" + "2xl" ], "references": [ { "type": "number", - "value": "1rem", + "value": "1.375rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 16 + "value": 22 }, - "name": "pf-t--global--font--size--300", + "name": "pf-t--global--font--size--600", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "300" + "subitem": "600" }, "path": [ "global", "font", "size", - "300" + "600" ] } ] @@ -29893,19 +29973,19 @@ ] } }, - "pf-t--global--icon--size--font--heading--h5": { + "pf-t--global--icon--size--font--heading--h2": { "default": { - "description": "Use for icons that are placed inline with fifth level headings", + "description": "Use for icons that are placed inline with second level headings", "type": "number", - "value": "1rem", + "value": "1.25rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for icons that are placed inline with fifth level headings", + "description": "Use for icons that are placed inline with second level headings", "type": "number", - "value": "{global.font.size.heading.h5}" + "value": "{global.font.size.heading.h2}" }, - "name": "pf-t--global--icon--size--font--heading--h5", + "name": "pf-t--global--icon--size--font--heading--h2", "attributes": { "category": "global", "type": "icon", @@ -29919,82 +29999,82 @@ "size", "font", "heading", - "h5" + "h2" ], "references": [ { - "description": "Use as the font size for fifth level headings.", + "description": "Use as the font size for second level headings.", "type": "number", - "value": "1rem", + "value": "1.25rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use as the font size for fifth level headings.", + "description": "Use as the font size for second level headings.", "type": "number", - "value": "{global.font.size.md}" + "value": "{global.font.size.xl}" }, - "name": "pf-t--global--font--size--heading--h5", + "name": "pf-t--global--font--size--heading--h2", "attributes": { "category": "global", "type": "font", "item": "size", "subitem": "heading", - "state": "h5" + "state": "h2" }, "path": [ "global", "font", "size", "heading", - "h5" + "h2" ], "references": [ { - "description": "Use as the font size for medium text that isn’t a heading or in a body section.", + "description": "Use as the font size for extra large text that isn’t a heading or in a body section.", "type": "number", - "value": "1rem", + "value": "1.25rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use as the font size for medium text that isn’t a heading or in a body section.", + "description": "Use as the font size for extra large text that isn’t a heading or in a body section.", "type": "number", - "value": "{global.font.size.300}" + "value": "{global.font.size.500}" }, - "name": "pf-t--global--font--size--md", + "name": "pf-t--global--font--size--xl", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "md" + "subitem": "xl" }, "path": [ "global", "font", "size", - "md" + "xl" ], "references": [ { "type": "number", - "value": "1rem", + "value": "1.25rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 16 + "value": 20 }, - "name": "pf-t--global--font--size--300", + "name": "pf-t--global--font--size--500", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "300" + "subitem": "500" }, "path": [ "global", "font", "size", - "300" + "500" ] } ] @@ -30004,19 +30084,19 @@ ] } }, - "pf-t--global--icon--size--font--heading--h6": { + "pf-t--global--icon--size--font--heading--h3": { "default": { - "description": "Use for icons that are placed inline with sixth level headings", + "description": "Use for icons that are placed inline with third level headings", "type": "number", - "value": "1rem", + "value": "1.125rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for icons that are placed inline with sixth level headings", + "description": "Use for icons that are placed inline with third level headings", "type": "number", - "value": "{global.font.size.heading.h6}" + "value": "{global.font.size.heading.h3}" }, - "name": "pf-t--global--icon--size--font--heading--h6", + "name": "pf-t--global--icon--size--font--heading--h3", "attributes": { "category": "global", "type": "icon", @@ -30030,82 +30110,82 @@ "size", "font", "heading", - "h6" + "h3" ], "references": [ { - "description": "Use as the font size for sixth level headings.", + "description": "Use as the font size for third level headings.", "type": "number", - "value": "1rem", + "value": "1.125rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use as the font size for sixth level headings.", + "description": "Use as the font size for third level headings.", "type": "number", - "value": "{global.font.size.md}" + "value": "{global.font.size.lg}" }, - "name": "pf-t--global--font--size--heading--h6", + "name": "pf-t--global--font--size--heading--h3", "attributes": { "category": "global", "type": "font", "item": "size", "subitem": "heading", - "state": "h6" + "state": "h3" }, "path": [ "global", "font", "size", "heading", - "h6" + "h3" ], "references": [ { - "description": "Use as the font size for medium text that isn’t a heading or in a body section.", + "description": "Use as the font size for large text that isn’t a heading or in a body section.", "type": "number", - "value": "1rem", + "value": "1.125rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use as the font size for medium text that isn’t a heading or in a body section.", + "description": "Use as the font size for large text that isn’t a heading or in a body section.", "type": "number", - "value": "{global.font.size.300}" + "value": "{global.font.size.400}" }, - "name": "pf-t--global--font--size--md", + "name": "pf-t--global--font--size--lg", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "md" + "subitem": "lg" }, "path": [ "global", "font", "size", - "md" + "lg" ], "references": [ { "type": "number", - "value": "1rem", + "value": "1.125rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 16 + "value": 18 }, - "name": "pf-t--global--font--size--300", + "name": "pf-t--global--font--size--400", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "300" + "subitem": "400" }, "path": [ "global", "font", "size", - "300" + "400" ] } ] @@ -30115,106 +30195,108 @@ ] } }, - "pf-t--global--icon--size--font--body--sm": { + "pf-t--global--icon--size--font--heading--h4": { "default": { - "description": "Use for icons that are placed inline with small body text", + "description": "Use for icons that are placed inline with fourth level headings", "type": "number", - "value": "0.75rem", + "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for icons that are placed inline with small body text", + "description": "Use for icons that are placed inline with fourth level headings", "type": "number", - "value": "{global.font.size.body.sm}" + "value": "{global.font.size.heading.h4}" }, - "name": "pf-t--global--icon--size--font--body--sm", + "name": "pf-t--global--icon--size--font--heading--h4", "attributes": { "category": "global", "type": "icon", "item": "size", "subitem": "font", - "state": "body" + "state": "heading" }, "path": [ "global", "icon", "size", "font", - "body", - "sm" + "heading", + "h4" ], "references": [ { - "description": "Use for a smaller font size in body sections.", + "description": "Use as the font size for fourth-level headings.", "type": "number", - "value": "0.75rem", + "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for a smaller font size in body sections.", + "description": "Use as the font size for fourth-level headings.", "type": "number", - "value": "{global.font.size.xs}" + "value": "{global.font.size.md}" }, - "name": "pf-t--global--font--size--body--sm", + "name": "pf-t--global--font--size--heading--h4", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "body", - "state": "sm" + "subitem": "heading", + "state": "h4" }, "path": [ "global", "font", "size", - "body", - "sm" + "heading", + "h4" ], "references": [ { + "description": "Use as the font size for medium text that isn’t a heading or in a body section.", "type": "number", - "value": "0.75rem", + "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { + "description": "Use as the font size for medium text that isn’t a heading or in a body section.", "type": "number", - "value": "{global.font.size.100}" + "value": "{global.font.size.300}" }, - "name": "pf-t--global--font--size--xs", + "name": "pf-t--global--font--size--md", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "xs" + "subitem": "md" }, "path": [ "global", "font", "size", - "xs" + "md" ], "references": [ { "type": "number", - "value": "0.75rem", + "value": "1rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 12 + "value": 16 }, - "name": "pf-t--global--font--size--100", + "name": "pf-t--global--font--size--300", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "100" + "subitem": "300" }, "path": [ "global", "font", "size", - "100" + "300" ] } ] @@ -30224,108 +30306,108 @@ ] } }, - "pf-t--global--icon--size--font--body--default": { + "pf-t--global--icon--size--font--heading--h5": { "default": { - "description": "Use for icons that are placed inline with default body text", + "description": "Use for icons that are placed inline with fifth level headings", "type": "number", - "value": "0.875rem", + "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for icons that are placed inline with default body text", + "description": "Use for icons that are placed inline with fifth level headings", "type": "number", - "value": "{global.font.size.body.default}" + "value": "{global.font.size.heading.h5}" }, - "name": "pf-t--global--icon--size--font--body--default", + "name": "pf-t--global--icon--size--font--heading--h5", "attributes": { "category": "global", "type": "icon", "item": "size", "subitem": "font", - "state": "body" + "state": "heading" }, "path": [ "global", "icon", "size", "font", - "body", - "default" + "heading", + "h5" ], "references": [ { - "description": "Use as the default font size in body sections.", + "description": "Use as the font size for fifth level headings.", "type": "number", - "value": "0.875rem", + "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use as the default font size in body sections.", + "description": "Use as the font size for fifth level headings.", "type": "number", - "value": "{global.font.size.sm}" + "value": "{global.font.size.md}" }, - "name": "pf-t--global--font--size--body--default", + "name": "pf-t--global--font--size--heading--h5", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "body", - "state": "default" + "subitem": "heading", + "state": "h5" }, "path": [ "global", "font", "size", - "body", - "default" + "heading", + "h5" ], "references": [ { - "description": "Use as the font size for small text that isn’t a heading or in a body section.", + "description": "Use as the font size for medium text that isn’t a heading or in a body section.", "type": "number", - "value": "0.875rem", + "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use as the font size for small text that isn’t a heading or in a body section.", + "description": "Use as the font size for medium text that isn’t a heading or in a body section.", "type": "number", - "value": "{global.font.size.200}" + "value": "{global.font.size.300}" }, - "name": "pf-t--global--font--size--sm", + "name": "pf-t--global--font--size--md", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "sm" + "subitem": "md" }, "path": [ "global", "font", "size", - "sm" + "md" ], "references": [ { "type": "number", - "value": "0.875rem", + "value": "1rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 14 + "value": 16 }, - "name": "pf-t--global--font--size--200", + "name": "pf-t--global--font--size--300", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "200" + "subitem": "300" }, "path": [ "global", "font", "size", - "200" + "300" ] } ] @@ -30335,60 +30417,60 @@ ] } }, - "pf-t--global--icon--size--font--body--lg": { + "pf-t--global--icon--size--font--heading--h6": { "default": { - "description": "Use for icons that are placed inline with large body text", + "description": "Use for icons that are placed inline with sixth level headings", "type": "number", "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for icons that are placed inline with large body text", + "description": "Use for icons that are placed inline with sixth level headings", "type": "number", - "value": "{global.font.size.body.lg}" + "value": "{global.font.size.heading.h6}" }, - "name": "pf-t--global--icon--size--font--body--lg", + "name": "pf-t--global--icon--size--font--heading--h6", "attributes": { "category": "global", "type": "icon", "item": "size", "subitem": "font", - "state": "body" + "state": "heading" }, "path": [ "global", "icon", "size", "font", - "body", - "lg" + "heading", + "h6" ], "references": [ { - "description": "Use for a larger font size in body sections.", + "description": "Use as the font size for sixth level headings.", "type": "number", "value": "1rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use for a larger font size in body sections.", + "description": "Use as the font size for sixth level headings.", "type": "number", "value": "{global.font.size.md}" }, - "name": "pf-t--global--font--size--body--lg", + "name": "pf-t--global--font--size--heading--h6", "attributes": { "category": "global", "type": "font", "item": "size", - "subitem": "body", - "state": "lg" + "subitem": "heading", + "state": "h6" }, "path": [ "global", "font", "size", - "body", - "lg" + "heading", + "h6" ], "references": [ { @@ -31092,61 +31174,113 @@ ] } }, - "pf-t--global--border--width--regular": { + "pf-t--global--icon--size--3xl": { "default": { - "description": "Use as the default border width for elements.", + "description": "Use for triple extra large icons.", "type": "number", - "value": "1px", + "value": "6rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use as the default border width for elements.", + "description": "Use for triple extra large icons.", "type": "number", - "value": "{global.border.width.100}" + "value": "{global.icon.size.500}" }, - "name": "pf-t--global--border--width--regular", + "name": "pf-t--global--icon--size--3xl", "attributes": { "category": "global", - "type": "border", - "item": "width", - "subitem": "regular" + "type": "icon", + "item": "size", + "subitem": "3xl" }, "path": [ "global", - "border", - "width", - "regular" + "icon", + "size", + "3xl" ], "references": [ { "type": "number", - "value": "1px", + "value": "6rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 1 + "value": 96 }, - "name": "pf-t--global--border--width--100", + "name": "pf-t--global--icon--size--500", "attributes": { "category": "global", - "type": "border", - "item": "width", - "subitem": "100" + "type": "icon", + "item": "size", + "subitem": "500" }, "path": [ "global", - "border", - "width", - "100" + "icon", + "size", + "500" ] } ] } }, - "pf-t--global--border--width--divider--default": { + "pf-t--global--border--width--regular": { "default": { - "description": "Use as the default border width for dividers.", + "description": "Use as the default border width for elements.", + "type": "number", + "value": "1px", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "description": "Use as the default border width for elements.", + "type": "number", + "value": "{global.border.width.100}" + }, + "name": "pf-t--global--border--width--regular", + "attributes": { + "category": "global", + "type": "border", + "item": "width", + "subitem": "regular" + }, + "path": [ + "global", + "border", + "width", + "regular" + ], + "references": [ + { + "type": "number", + "value": "1px", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": 1 + }, + "name": "pf-t--global--border--width--100", + "attributes": { + "category": "global", + "type": "border", + "item": "width", + "subitem": "100" + }, + "path": [ + "global", + "border", + "width", + "100" + ] + } + ] + } + }, + "pf-t--global--border--width--divider--default": { + "default": { + "description": "Use as the default border width for dividers.", "type": "number", "value": "1px", "filePath": "tokens/default/semantic.dimension.json", @@ -32318,266 +32452,194 @@ ] } }, - "pf-t--global--font--family--body": { + "pf-t--global--font--weight--body--default": { "default": { - "description": "Use to define the font family for body text", + "description": "Use to define the default weight for body text", "type": "number", - "value": "Red Hat Text VF", + "value": 400, "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to define the font family for body text", + "description": "Use to define the default weight for body text", "type": "number", - "value": "{global.font.family.100}" + "value": "{global.font.weight.100}" }, - "name": "pf-t--global--font--family--body", + "name": "pf-t--global--font--weight--body--default", "attributes": { "category": "global", "type": "font", - "item": "family", - "subitem": "body" + "item": "weight", + "subitem": "body", + "state": "default" }, "path": [ "global", "font", - "family", - "body" + "weight", + "body", + "default" ], "references": [ { - "type": "string", - "value": "Red Hat Text VF", + "type": "number", + "value": 400, "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { - "type": "string", - "value": "Red Hat Text VF" + "type": "number", + "value": 400 }, - "name": "pf-t--global--font--family--100", + "name": "pf-t--global--font--weight--100", "attributes": { "category": "global", "type": "font", - "item": "family", + "item": "weight", "subitem": "100" }, "path": [ "global", "font", - "family", + "weight", "100" ] } ] } }, - "pf-t--global--font--family--heading": { + "pf-t--global--font--weight--body--bold": { "default": { - "description": "Use to define the font family for heading text", + "description": "Use to define the bold weight for body text, often used to field labels or to add emphasis.", "type": "number", - "value": "Red Hat Display VF", + "value": 500, "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to define the font family for heading text", + "description": "Use to define the bold weight for body text, often used to field labels or to add emphasis.", "type": "number", - "value": "{global.font.family.200}" + "value": "{global.font.weight.200}" }, - "name": "pf-t--global--font--family--heading", + "name": "pf-t--global--font--weight--body--bold", "attributes": { "category": "global", "type": "font", - "item": "family", - "subitem": "heading" + "item": "weight", + "subitem": "body", + "state": "bold" }, "path": [ "global", "font", - "family", - "heading" + "weight", + "body", + "bold" ], "references": [ { - "type": "string", - "value": "Red Hat Display VF", + "type": "number", + "value": 500, "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { - "type": "string", - "value": "Red Hat Display VF" + "type": "number", + "value": 500 }, - "name": "pf-t--global--font--family--200", + "name": "pf-t--global--font--weight--200", "attributes": { "category": "global", "type": "font", - "item": "family", + "item": "weight", "subitem": "200" }, "path": [ "global", "font", - "family", + "weight", "200" ] } ] } }, - "pf-t--global--font--family--mono": { - "default": { - "description": "Use to define the font family for mono text", - "type": "number", - "value": "Red Hat Mono VF", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": true, - "original": { - "description": "Use to define the font family for mono text", - "type": "number", - "value": "{global.font.family.300}" - }, - "name": "pf-t--global--font--family--mono", - "attributes": { - "category": "global", - "type": "font", - "item": "family", - "subitem": "mono" - }, - "path": [ - "global", - "font", - "family", - "mono" - ], - "references": [ - { - "type": "string", - "value": "Red Hat Mono VF", - "filePath": "tokens/default/base.dimension.json", - "isSource": true, - "original": { - "type": "string", - "value": "Red Hat Mono VF" - }, - "name": "pf-t--global--font--family--300", - "attributes": { - "category": "global", - "type": "font", - "item": "family", - "subitem": "300" - }, - "path": [ - "global", - "font", - "family", - "300" - ] - } - ] - } - }, - "pf-t--global--font--weight--body": { + "pf-t--global--font--weight--heading--default": { "default": { - "description": "Use to define the default weight for body text", + "description": "Use to define the default weight for heading text", "type": "number", - "value": 400, - "bold": { - "description": "Use to define the bold weight for body text, often used to field labels or to add emphasis.", - "type": "number", - "value": 500, - "filePath": "tokens/default/semantic.dimension.json", - "isSource": true - }, + "value": 700, "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to define the default weight for body text", + "description": "Use to define the default weight for heading text", "type": "number", - "value": "{global.font.weight.100}", - "bold": { - "description": "Use to define the bold weight for body text, often used to field labels or to add emphasis.", - "type": "number", - "value": "{global.font.weight.200}", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": true - } + "value": "{global.font.weight.300}" }, - "name": "pf-t--global--font--weight--body", + "name": "pf-t--global--font--weight--heading--default", "attributes": { "category": "global", "type": "font", "item": "weight", - "subitem": "body" + "subitem": "heading", + "state": "default" }, "path": [ "global", "font", "weight", - "body" + "heading", + "default" ], "references": [ { "type": "number", - "value": 400, + "value": 700, "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 400 + "value": 700 }, - "name": "pf-t--global--font--weight--100", + "name": "pf-t--global--font--weight--300", "attributes": { "category": "global", "type": "font", "item": "weight", - "subitem": "100" + "subitem": "300" }, "path": [ "global", "font", "weight", - "100" + "300" ] } ] } }, - "pf-t--global--font--weight--heading": { + "pf-t--global--font--weight--heading--bold": { "default": { - "description": "Use to define the default weight for heading text", + "description": "Use to define the bold weight for heading text, often used to add emphasis.", "type": "number", "value": 700, - "bold": { - "description": "Use to define the bold weight for heading text, often used to add emphasis.", - "type": "number", - "value": 700, - "filePath": "tokens/default/semantic.dimension.json", - "isSource": true - }, "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to define the default weight for heading text", + "description": "Use to define the bold weight for heading text, often used to add emphasis.", "type": "number", - "value": "{global.font.weight.300}", - "bold": { - "description": "Use to define the bold weight for heading text, often used to add emphasis.", - "type": "number", - "value": "{global.font.weight.400}", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": true - } + "value": "{global.font.weight.400}" }, - "name": "pf-t--global--font--weight--heading", + "name": "pf-t--global--font--weight--heading--bold", "attributes": { "category": "global", "type": "font", "item": "weight", - "subitem": "heading" + "subitem": "heading", + "state": "bold" }, "path": [ "global", "font", "weight", - "heading" + "heading", + "bold" ], "references": [ { @@ -32589,18 +32651,18 @@ "type": "number", "value": 700 }, - "name": "pf-t--global--font--weight--300", + "name": "pf-t--global--font--weight--400", "attributes": { "category": "global", "type": "font", "item": "weight", - "subitem": "300" + "subitem": "400" }, "path": [ "global", "font", "weight", - "300" + "400" ] } ] @@ -32610,13 +32672,13 @@ "default": { "description": "Use to define the line height for body text", "type": "number", - "value": 1.2999999523162842, + "value": 1.5, "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { "description": "Use to define the line height for body text", "type": "number", - "value": "{global.font.line-height.100}" + "value": "{global.font.line-height.200}" }, "name": "pf-t--global--font--line-height--body", "attributes": { @@ -32634,25 +32696,25 @@ "references": [ { "type": "number", - "value": 1.2999999523162842, + "value": 1.5, "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 1.2999999523162842 + "value": 1.5 }, - "name": "pf-t--global--font--line-height--100", + "name": "pf-t--global--font--line-height--200", "attributes": { "category": "global", "type": "font", "item": "line-height", - "subitem": "100" + "subitem": "200" }, "path": [ "global", "font", "line-height", - "100" + "200" ] } ] @@ -32662,13 +32724,13 @@ "default": { "description": "Use to define the line height for heading text", "type": "number", - "value": 1.5, + "value": 1.2999999523162842, "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { "description": "Use to define the line height for heading text", "type": "number", - "value": "{global.font.line-height.200}" + "value": "{global.font.line-height.100}" }, "name": "pf-t--global--font--line-height--heading", "attributes": { @@ -32686,25 +32748,25 @@ "references": [ { "type": "number", - "value": 1.5, + "value": 1.2999999523162842, "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 1.5 + "value": 1.2999999523162842 }, - "name": "pf-t--global--font--line-height--200", + "name": "pf-t--global--font--line-height--100", "attributes": { "category": "global", "type": "font", "item": "line-height", - "subitem": "200" + "subitem": "100" }, "path": [ "global", "font", "line-height", - "200" + "100" ] } ] @@ -33851,31 +33913,189 @@ ] } }, - "pf-t--global--z-index--xs": { + "pf-t--global--font--family--body": { "default": { + "description": "Use to define the font family for body text", "type": "number", - "value": 100, + "value": "\"Red Hat Text\", \"RedHatText\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { + "description": "Use to define the font family for body text", "type": "number", - "value": "{global.z-index.100}" + "value": "{global.font.family.100}" }, - "name": "pf-t--global--z-index--xs", + "name": "pf-t--global--font--family--body", "attributes": { "category": "global", - "type": "z-index", - "item": "xs" + "type": "font", + "item": "family", + "subitem": "body" }, "path": [ "global", - "z-index", - "xs" + "font", + "family", + "body" ], "references": [ { - "type": "number", - "value": 100, + "type": "string", + "value": "\"Red Hat Text\", \"RedHatText\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "\"Red Hat Text\", \"RedHatText\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif" + }, + "name": "pf-t--global--font--family--100", + "attributes": { + "category": "global", + "type": "font", + "item": "family", + "subitem": "100" + }, + "path": [ + "global", + "font", + "family", + "100" + ] + } + ] + } + }, + "pf-t--global--font--family--heading": { + "default": { + "description": "Use to define the font family for heading text", + "type": "number", + "value": "\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "description": "Use to define the font family for heading text", + "type": "number", + "value": "{global.font.family.200}" + }, + "name": "pf-t--global--font--family--heading", + "attributes": { + "category": "global", + "type": "font", + "item": "family", + "subitem": "heading" + }, + "path": [ + "global", + "font", + "family", + "heading" + ], + "references": [ + { + "type": "string", + "value": "\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif" + }, + "name": "pf-t--global--font--family--200", + "attributes": { + "category": "global", + "type": "font", + "item": "family", + "subitem": "200" + }, + "path": [ + "global", + "font", + "family", + "200" + ] + } + ] + } + }, + "pf-t--global--font--family--mono": { + "default": { + "description": "Use to define the font family for mono text", + "type": "number", + "value": "\"Red Hat Mono\", \"RedHatMono\", \"Courier New\", Courier, monospace", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "description": "Use to define the font family for mono text", + "type": "number", + "value": "{global.font.family.300}" + }, + "name": "pf-t--global--font--family--mono", + "attributes": { + "category": "global", + "type": "font", + "item": "family", + "subitem": "mono" + }, + "path": [ + "global", + "font", + "family", + "mono" + ], + "references": [ + { + "type": "string", + "value": "\"Red Hat Mono\", \"RedHatMono\", \"Courier New\", Courier, monospace", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "\"Red Hat Mono\", \"RedHatMono\", \"Courier New\", Courier, monospace" + }, + "name": "pf-t--global--font--family--300", + "attributes": { + "category": "global", + "type": "font", + "item": "family", + "subitem": "300" + }, + "path": [ + "global", + "font", + "family", + "300" + ] + } + ] + } + }, + "pf-t--global--z-index--xs": { + "default": { + "description": "Use to set an extra small z-index, to display an element below other elements with a larger z-index. Use for smaller parts of a component that need to overlap adjacent elements, like box shadows of hovered elements.", + "type": "number", + "value": 100, + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "description": "Use to set an extra small z-index, to display an element below other elements with a larger z-index. Use for smaller parts of a component that need to overlap adjacent elements, like box shadows of hovered elements.", + "type": "number", + "value": "{global.z-index.100}" + }, + "name": "pf-t--global--z-index--xs", + "attributes": { + "category": "global", + "type": "z-index", + "item": "xs" + }, + "path": [ + "global", + "z-index", + "xs" + ], + "references": [ + { + "type": "number", + "value": 100, "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { @@ -33899,11 +34119,13 @@ }, "pf-t--global--z-index--sm": { "default": { + "description": "Use to set a small z-index, to display an element above other elements with smaller z-indexes. Use for components that need to appear above surrounding elements, like menus/dropdowns.", "type": "number", "value": 200, "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { + "description": "Use to set a small z-index, to display an element above other elements with smaller z-indexes. Use for components that need to appear above surrounding elements, like menus/dropdowns.", "type": "number", "value": "{global.z-index.200}" }, @@ -33945,11 +34167,13 @@ }, "pf-t--global--z-index--md": { "default": { + "description": "Use to set a medium z-index, to display an element above other elements with smaller z-indexes Use for sticky elements, like banners and page sections.", "type": "number", "value": 300, "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { + "description": "Use to set a medium z-index, to display an element above other elements with smaller z-indexes Use for sticky elements, like banners and page sections.", "type": "number", "value": "{global.z-index.300}" }, @@ -33991,11 +34215,13 @@ }, "pf-t--global--z-index--lg": { "default": { + "description": "Use to set a large z-index, to display an element above other elements with smaller z-indexes Use for the backdrop component, which appears beneath an open modal.", "type": "number", "value": 400, "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { + "description": "Use to set a large z-index, to display an element above other elements with smaller z-indexes Use for the backdrop component, which appears beneath an open modal.", "type": "number", "value": "{global.z-index.400}" }, @@ -34037,11 +34263,13 @@ }, "pf-t--global--z-index--xl": { "default": { + "description": "Use to set an extra large z-index, to display an element above other elements with smaller z-indexes. Use for modals.", "type": "number", "value": 500, "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { + "description": "Use to set an extra large z-index, to display an element above other elements with smaller z-indexes. Use for modals.", "type": "number", "value": "{global.z-index.500}" }, @@ -34083,11 +34311,13 @@ }, "pf-t--global--z-index--2xl": { "default": { + "description": "Use to set a double extra large z-index, to display an element above all other page elements. Use for elements that should appear on top of all others, like toast alert groups.", "type": "number", "value": 600, "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { + "description": "Use to set a double extra large z-index, to display an element above all other page elements. Use for elements that should appear on top of all others, like toast alert groups.", "type": "number", "value": "{global.z-index.600}" }, @@ -36507,91 +36737,865 @@ "original": { "description": "Use to define an extra large height breakpoint, which is the minimum height at which an effect applies to an element, in order to support responsive design.", "type": "number", - "value": "{global.breakpoint.350}" + "value": "{global.breakpoint.350}" + }, + "name": "pf-t--global--breakpoint--height--xl", + "attributes": { + "category": "global", + "type": "breakpoint", + "item": "height", + "subitem": "xl" + }, + "path": [ + "global", + "breakpoint", + "height", + "xl" + ], + "references": [ + { + "type": "number", + "value": "60rem", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": 960 + }, + "name": "pf-t--global--breakpoint--350", + "attributes": { + "category": "global", + "type": "breakpoint", + "item": "350" + }, + "path": [ + "global", + "breakpoint", + "350" + ] + } + ] + } + }, + "pf-t--global--breakpoint--height--2xl": { + "default": { + "description": "Use to define an extra small height breakpoint, which is the minimum height at which an effect applies to an element, in order to support responsive design.", + "type": "number", + "value": "80rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "description": "Use to define an extra small height breakpoint, which is the minimum height at which an effect applies to an element, in order to support responsive design.", + "type": "number", + "value": "{global.breakpoint.550}" + }, + "name": "pf-t--global--breakpoint--height--2xl", + "attributes": { + "category": "global", + "type": "breakpoint", + "item": "height", + "subitem": "2xl" + }, + "path": [ + "global", + "breakpoint", + "height", + "2xl" + ], + "references": [ + { + "type": "number", + "value": "80rem", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": 1280 + }, + "name": "pf-t--global--breakpoint--550", + "attributes": { + "category": "global", + "type": "breakpoint", + "item": "550" + }, + "path": [ + "global", + "breakpoint", + "550" + ] + } + ] + } + }, + "pf-t--global--text-decoration--width--default": { + "default": { + "type": "number", + "value": "1px", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": "{global.border.width.regular}" + }, + "name": "pf-t--global--text-decoration--width--default", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "width", + "subitem": "default" + }, + "path": [ + "global", + "text-decoration", + "width", + "default" + ], + "references": [ + { + "description": "Use as the default border width for elements.", + "type": "number", + "value": "1px", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "description": "Use as the default border width for elements.", + "type": "number", + "value": "{global.border.width.100}" + }, + "name": "pf-t--global--border--width--regular", + "attributes": { + "category": "global", + "type": "border", + "item": "width", + "subitem": "regular" + }, + "path": [ + "global", + "border", + "width", + "regular" + ], + "references": [ + { + "type": "number", + "value": "1px", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": 1 + }, + "name": "pf-t--global--border--width--100", + "attributes": { + "category": "global", + "type": "border", + "item": "width", + "subitem": "100" + }, + "path": [ + "global", + "border", + "width", + "100" + ] + } + ] + } + ] + } + }, + "pf-t--global--text-decoration--offset--default": { + "default": { + "type": "number", + "value": "0.25rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": "{global.spacer.xs}" + }, + "name": "pf-t--global--text-decoration--offset--default", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "offset", + "subitem": "default" + }, + "path": [ + "global", + "text-decoration", + "offset", + "default" + ], + "references": [ + { + "description": "Use for extra small spaces between elements.", + "type": "number", + "value": "0.25rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "description": "Use for extra small spaces between elements.", + "type": "number", + "value": "{global.spacer.100}" + }, + "name": "pf-t--global--spacer--xs", + "attributes": { + "category": "global", + "type": "spacer", + "item": "xs" + }, + "path": [ + "global", + "spacer", + "xs" + ], + "references": [ + { + "type": "number", + "value": "0.25rem", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": 4 + }, + "name": "pf-t--global--spacer--100", + "attributes": { + "category": "global", + "type": "spacer", + "item": "100" + }, + "path": [ + "global", + "spacer", + "100" + ] + } + ] + } + ] + } + }, + "pf-t--global--text-decoration--editable-text--line--default": { + "default": { + "type": "number", + "value": "underline", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": "{global.text-decoration.line.200}" + }, + "name": "pf-t--global--text-decoration--editable-text--line--default", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "editable-text", + "subitem": "line", + "state": "default" + }, + "path": [ + "global", + "text-decoration", + "editable-text", + "line", + "default" + ], + "references": [ + { + "type": "string", + "value": "underline", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "underline" + }, + "name": "pf-t--global--text-decoration--line--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "line", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "line", + "200" + ] + } + ] + } + }, + "pf-t--global--text-decoration--editable-text--line--hover": { + "default": { + "type": "number", + "value": "underline", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": "{global.text-decoration.line.200}" + }, + "name": "pf-t--global--text-decoration--editable-text--line--hover", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "editable-text", + "subitem": "line", + "state": "hover" + }, + "path": [ + "global", + "text-decoration", + "editable-text", + "line", + "hover" + ], + "references": [ + { + "type": "string", + "value": "underline", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "underline" + }, + "name": "pf-t--global--text-decoration--line--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "line", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "line", + "200" + ] + } + ] + } + }, + "pf-t--global--text-decoration--editable-text--style--default": { + "default": { + "type": "number", + "value": "dashed", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": "{global.text-decoration.style.200}" + }, + "name": "pf-t--global--text-decoration--editable-text--style--default", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "editable-text", + "subitem": "style", + "state": "default" + }, + "path": [ + "global", + "text-decoration", + "editable-text", + "style", + "default" + ], + "references": [ + { + "type": "string", + "value": "dashed", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "dashed" + }, + "name": "pf-t--global--text-decoration--style--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "style", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "style", + "200" + ] + } + ] + } + }, + "pf-t--global--text-decoration--editable-text--style--hover": { + "default": { + "type": "number", + "value": "dashed", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": "{global.text-decoration.style.200}" + }, + "name": "pf-t--global--text-decoration--editable-text--style--hover", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "editable-text", + "subitem": "style", + "state": "hover" + }, + "path": [ + "global", + "text-decoration", + "editable-text", + "style", + "hover" + ], + "references": [ + { + "type": "string", + "value": "dashed", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "dashed" + }, + "name": "pf-t--global--text-decoration--style--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "style", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "style", + "200" + ] + } + ] + } + }, + "pf-t--global--text-decoration--link--line--default": { + "default": { + "type": "number", + "value": "underline", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": "{global.text-decoration.line.200}" + }, + "name": "pf-t--global--text-decoration--link--line--default", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "link", + "subitem": "line", + "state": "default" + }, + "path": [ + "global", + "text-decoration", + "link", + "line", + "default" + ], + "references": [ + { + "type": "string", + "value": "underline", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "underline" + }, + "name": "pf-t--global--text-decoration--line--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "line", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "line", + "200" + ] + } + ] + } + }, + "pf-t--global--text-decoration--link--line--hover": { + "default": { + "type": "number", + "value": "underline", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": "{global.text-decoration.line.200}" + }, + "name": "pf-t--global--text-decoration--link--line--hover", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "link", + "subitem": "line", + "state": "hover" + }, + "path": [ + "global", + "text-decoration", + "link", + "line", + "hover" + ], + "references": [ + { + "type": "string", + "value": "underline", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "underline" + }, + "name": "pf-t--global--text-decoration--line--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "line", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "line", + "200" + ] + } + ] + } + }, + "pf-t--global--text-decoration--link--style--default": { + "default": { + "type": "number", + "value": "solid", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": "{global.text-decoration.style.100}" + }, + "name": "pf-t--global--text-decoration--link--style--default", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "link", + "subitem": "style", + "state": "default" + }, + "path": [ + "global", + "text-decoration", + "link", + "style", + "default" + ], + "references": [ + { + "type": "string", + "value": "solid", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "solid" + }, + "name": "pf-t--global--text-decoration--style--100", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "style", + "subitem": "100" + }, + "path": [ + "global", + "text-decoration", + "style", + "100" + ] + } + ] + } + }, + "pf-t--global--text-decoration--link--style--hover": { + "default": { + "type": "number", + "value": "solid", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": "{global.text-decoration.style.100}" + }, + "name": "pf-t--global--text-decoration--link--style--hover", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "link", + "subitem": "style", + "state": "hover" + }, + "path": [ + "global", + "text-decoration", + "link", + "style", + "hover" + ], + "references": [ + { + "type": "string", + "value": "solid", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "solid" + }, + "name": "pf-t--global--text-decoration--style--100", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "style", + "subitem": "100" + }, + "path": [ + "global", + "text-decoration", + "style", + "100" + ] + } + ] + } + }, + "pf-t--global--text-decoration--help-text--line--default": { + "default": { + "type": "number", + "value": "underline", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": "{global.text-decoration.line.200}" + }, + "name": "pf-t--global--text-decoration--help-text--line--default", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "help-text", + "subitem": "line", + "state": "default" + }, + "path": [ + "global", + "text-decoration", + "help-text", + "line", + "default" + ], + "references": [ + { + "type": "string", + "value": "underline", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "underline" + }, + "name": "pf-t--global--text-decoration--line--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "line", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "line", + "200" + ] + } + ] + } + }, + "pf-t--global--text-decoration--help-text--line--hover": { + "default": { + "type": "number", + "value": "underline", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": "{global.text-decoration.line.200}" + }, + "name": "pf-t--global--text-decoration--help-text--line--hover", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "help-text", + "subitem": "line", + "state": "hover" + }, + "path": [ + "global", + "text-decoration", + "help-text", + "line", + "hover" + ], + "references": [ + { + "type": "string", + "value": "underline", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "underline" + }, + "name": "pf-t--global--text-decoration--line--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "line", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "line", + "200" + ] + } + ] + } + }, + "pf-t--global--text-decoration--help-text--style--default": { + "default": { + "type": "number", + "value": "dashed", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": "{global.text-decoration.style.200}" }, - "name": "pf-t--global--breakpoint--height--xl", + "name": "pf-t--global--text-decoration--help-text--style--default", "attributes": { "category": "global", - "type": "breakpoint", - "item": "height", - "subitem": "xl" + "type": "text-decoration", + "item": "help-text", + "subitem": "style", + "state": "default" }, "path": [ "global", - "breakpoint", - "height", - "xl" + "text-decoration", + "help-text", + "style", + "default" ], "references": [ { - "type": "number", - "value": "60rem", + "type": "string", + "value": "dashed", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { - "type": "number", - "value": 960 + "type": "string", + "value": "dashed" }, - "name": "pf-t--global--breakpoint--350", + "name": "pf-t--global--text-decoration--style--200", "attributes": { "category": "global", - "type": "breakpoint", - "item": "350" + "type": "text-decoration", + "item": "style", + "subitem": "200" }, "path": [ "global", - "breakpoint", - "350" + "text-decoration", + "style", + "200" ] } ] } }, - "pf-t--global--breakpoint--height--2xl": { + "pf-t--global--text-decoration--help-text--style--hover": { "default": { - "description": "Use to define an extra small height breakpoint, which is the minimum height at which an effect applies to an element, in order to support responsive design.", "type": "number", - "value": "80rem", + "value": "dashed", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to define an extra small height breakpoint, which is the minimum height at which an effect applies to an element, in order to support responsive design.", "type": "number", - "value": "{global.breakpoint.550}" + "value": "{global.text-decoration.style.200}" }, - "name": "pf-t--global--breakpoint--height--2xl", + "name": "pf-t--global--text-decoration--help-text--style--hover", "attributes": { "category": "global", - "type": "breakpoint", - "item": "height", - "subitem": "2xl" + "type": "text-decoration", + "item": "help-text", + "subitem": "style", + "state": "hover" }, "path": [ "global", - "breakpoint", - "height", - "2xl" + "text-decoration", + "help-text", + "style", + "hover" ], "references": [ { - "type": "number", - "value": "80rem", + "type": "string", + "value": "dashed", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { - "type": "number", - "value": 1280 + "type": "string", + "value": "dashed" }, - "name": "pf-t--global--breakpoint--550", + "name": "pf-t--global--text-decoration--style--200", "attributes": { "category": "global", - "type": "breakpoint", - "item": "550" + "type": "text-decoration", + "item": "style", + "subitem": "200" }, "path": [ "global", - "breakpoint", - "550" + "text-decoration", + "style", + "200" ] } ] @@ -42462,81 +43466,6 @@ ] } }, - "pf-t--global--font--family--100": { - "default": { - "type": "string", - "value": "Red Hat Text VF", - "filePath": "tokens/default/base.dimension.json", - "isSource": true, - "original": { - "type": "string", - "value": "Red Hat Text VF" - }, - "name": "pf-t--global--font--family--100", - "attributes": { - "category": "global", - "type": "font", - "item": "family", - "subitem": "100" - }, - "path": [ - "global", - "font", - "family", - "100" - ] - } - }, - "pf-t--global--font--family--200": { - "default": { - "type": "string", - "value": "Red Hat Display VF", - "filePath": "tokens/default/base.dimension.json", - "isSource": true, - "original": { - "type": "string", - "value": "Red Hat Display VF" - }, - "name": "pf-t--global--font--family--200", - "attributes": { - "category": "global", - "type": "font", - "item": "family", - "subitem": "200" - }, - "path": [ - "global", - "font", - "family", - "200" - ] - } - }, - "pf-t--global--font--family--300": { - "default": { - "type": "string", - "value": "Red Hat Mono VF", - "filePath": "tokens/default/base.dimension.json", - "isSource": true, - "original": { - "type": "string", - "value": "Red Hat Mono VF" - }, - "name": "pf-t--global--font--family--300", - "attributes": { - "category": "global", - "type": "font", - "item": "family", - "subitem": "300" - }, - "path": [ - "global", - "font", - "family", - "300" - ] - } - }, "pf-t--global--font--weight--100": { "default": { "type": "number", @@ -42887,6 +43816,81 @@ ] } }, + "pf-t--global--font--family--100": { + "default": { + "type": "string", + "value": "\"Red Hat Text\", \"RedHatText\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "\"Red Hat Text\", \"RedHatText\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif" + }, + "name": "pf-t--global--font--family--100", + "attributes": { + "category": "global", + "type": "font", + "item": "family", + "subitem": "100" + }, + "path": [ + "global", + "font", + "family", + "100" + ] + } + }, + "pf-t--global--font--family--200": { + "default": { + "type": "string", + "value": "\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif" + }, + "name": "pf-t--global--font--family--200", + "attributes": { + "category": "global", + "type": "font", + "item": "family", + "subitem": "200" + }, + "path": [ + "global", + "font", + "family", + "200" + ] + } + }, + "pf-t--global--font--family--300": { + "default": { + "type": "string", + "value": "\"Red Hat Mono\", \"RedHatMono\", \"Courier New\", Courier, monospace", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "\"Red Hat Mono\", \"RedHatMono\", \"Courier New\", Courier, monospace" + }, + "name": "pf-t--global--font--family--300", + "attributes": { + "category": "global", + "type": "font", + "item": "family", + "subitem": "300" + }, + "path": [ + "global", + "font", + "family", + "300" + ] + } + }, "pf-t--global--z-index--100": { "default": { "type": "number", @@ -43681,6 +44685,106 @@ "600" ] } + }, + "pf-t--global--text-decoration--line--100": { + "default": { + "type": "string", + "value": "none", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "none" + }, + "name": "pf-t--global--text-decoration--line--100", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "line", + "subitem": "100" + }, + "path": [ + "global", + "text-decoration", + "line", + "100" + ] + } + }, + "pf-t--global--text-decoration--line--200": { + "default": { + "type": "string", + "value": "underline", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "underline" + }, + "name": "pf-t--global--text-decoration--line--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "line", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "line", + "200" + ] + } + }, + "pf-t--global--text-decoration--style--100": { + "default": { + "type": "string", + "value": "solid", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "solid" + }, + "name": "pf-t--global--text-decoration--style--100", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "style", + "subitem": "100" + }, + "path": [ + "global", + "text-decoration", + "style", + "100" + ] + } + }, + "pf-t--global--text-decoration--style--200": { + "default": { + "type": "string", + "value": "dashed", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "string", + "value": "dashed" + }, + "name": "pf-t--global--text-decoration--style--200", + "attributes": { + "category": "global", + "type": "text-decoration", + "item": "style", + "subitem": "200" + }, + "path": [ + "global", + "text-decoration", + "style", + "200" + ] + } } }, "motion": { diff --git a/packages/module/tokens/dark/base.dark.json b/packages/module/tokens/dark/base.dark.json index 698acb5..e85f1e3 100644 --- a/packages/module/tokens/dark/base.dark.json +++ b/packages/module/tokens/dark/base.dark.json @@ -293,15 +293,15 @@ "gray": { "100": { "type": "color", - "value": "{color.gray.30}" + "value": "{color.gray.60}" }, "200": { "type": "color", - "value": "{color.gray.20}" + "value": "{color.gray.50}" }, "300": { "type": "color", - "value": "{color.gray.10}" + "value": "{color.gray.40}" } } } @@ -322,7 +322,7 @@ "color": { "100": { "type": "color", - "value": "{color.gray.10}" + "value": "{color.white}" }, "200": { "type": "color", diff --git a/packages/module/tokens/dark/semantic.dark.json b/packages/module/tokens/dark/semantic.dark.json index 3a18179..dd788c4 100644 --- a/packages/module/tokens/dark/semantic.dark.json +++ b/packages/module/tokens/dark/semantic.dark.json @@ -922,17 +922,17 @@ "default": { "description": "Use as the default color for icons that are placed on a nonstatus gray background color and/or are paired with on-gray colored text.", "type": "color", - "value": "{global.icon.color.inverse}" + "value": "{global.icon.color.regular}" }, "hover": { "description": "Use as the hover state color for icons that are placed on a nonstatus gray background color and/or are paired with on-gray colored text.", "type": "color", - "value": "{global.icon.color.inverse}" + "value": "{global.icon.color.regular}" }, "clicked": { "description": "Use as the clicked state color for icons that are placed on a nonstatus gray background color and/or are paired with on-gray colored text.", "type": "color", - "value": "{global.icon.color.inverse}" + "value": "{global.icon.color.regular}" } } } @@ -1215,17 +1215,17 @@ "default": { "description": "Use as the default border color for any element that does not convey status and that you always will want to be gray (i.e. color-coded labels)", "type": "color", - "value": "{global.dark.color.nonstatus.gray.100}" + "value": "{global.dark.color.nonstatus.gray.200}" }, "hover": { "description": "Use as the hover state border color for any element that does not convey status and that you always will want to be gray (i.e. color-coded labels)", "type": "color", - "value": "{global.dark.color.nonstatus.gray.200}" + "value": "{global.dark.color.nonstatus.gray.300}" }, "clicked": { "description": "Use as the clicked state border color for any element that does not convey status and that you always will want to be gray (i.e. color-coded labels)", "type": "color", - "value": "{global.dark.color.nonstatus.gray.200}" + "value": "{global.dark.color.nonstatus.gray.300}" } } } @@ -1667,17 +1667,17 @@ "default": { "description": "Use as the default color for text that is placed on a nonstatus gray background color.", "type": "color", - "value": "{global.text.color.inverse}" + "value": "{global.text.color.regular}" }, "hover": { "description": "Use as the hover state color for text that is placed on a nonstatus gray background color.", "type": "color", - "value": "{global.text.color.inverse}" + "value": "{global.text.color.regular}" }, "clicked": { "description": "Use as the clicked state color for text that is placed on a nonstatus gray background color.", "type": "color", - "value": "{global.text.color.inverse}" + "value": "{global.text.color.regular}" } } } diff --git a/packages/module/tokens/default/semantic.dimension.json b/packages/module/tokens/default/semantic.dimension.json index 056e976..d137b74 100644 --- a/packages/module/tokens/default/semantic.dimension.json +++ b/packages/module/tokens/default/semantic.dimension.json @@ -441,18 +441,6 @@ } }, "font": { - "line-height": { - "body": { - "description": "Use to define the line height for body text", - "type": "number", - "value": "{global.font.line-height.200}" - }, - "heading": { - "description": "Use to define the line height for heading text", - "type": "number", - "value": "{global.font.line-height.100}" - } - }, "weight": { "body": { "default": { @@ -479,6 +467,18 @@ } } }, + "line-height": { + "body": { + "description": "Use to define the line height for body text", + "type": "number", + "value": "{global.font.line-height.200}" + }, + "heading": { + "description": "Use to define the line height for heading text", + "type": "number", + "value": "{global.font.line-height.100}" + } + }, "family": { "body": { "description": "Use to define the font family for body text",