From 1d6663bd9e87433ec130695c55a99a61581bdc34 Mon Sep 17 00:00:00 2001 From: mcoker Date: Thu, 12 Sep 2024 20:51:48 -0500 Subject: [PATCH] fix(tokens): get latest from figma, readonly bg --- .../module/build/css/tokens-charts-dark.scss | 2 +- packages/module/build/css/tokens-charts.scss | 2 +- packages/module/build/css/tokens-dark.scss | 5 +- packages/module/build/css/tokens-default.scss | 18 +- packages/module/build/css/tokens-palette.scss | 2 +- .../content/token-layers-dark.json | 1415 +++++++++++------ .../content/token-layers-default.json | 549 ++++++- packages/module/tokens/dark/base.dark.json | 80 +- .../module/tokens/dark/semantic.dark.json | 10 + .../module/tokens/default/base.dimension.json | 6 +- packages/module/tokens/default/base.json | 4 + .../tokens/default/semantic.dimension.json | 63 +- packages/module/tokens/default/semantic.json | 10 + 13 files changed, 1566 insertions(+), 600 deletions(-) diff --git a/packages/module/build/css/tokens-charts-dark.scss b/packages/module/build/css/tokens-charts-dark.scss index 16ec530..e0d31dc 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, 15 Aug 2024 00:08:40 GMT +// Generated on Fri, 13 Sep 2024 01:51:18 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 3aba470..5bdd063 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, 15 Aug 2024 00:08:40 GMT +// Generated on Fri, 13 Sep 2024 01:51:18 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 b4d68a1..8c2ed56 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, 15 Aug 2024 00:08:40 GMT +// Generated on Fri, 13 Sep 2024 01:51:18 GMT @mixin pf-v6-tokens { --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000); @@ -21,6 +21,7 @@ --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30); --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50); --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40); + --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60); --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30); --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20); --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10); @@ -87,6 +88,7 @@ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200); --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200); --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300); + --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300); --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100); --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200); --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300); @@ -101,6 +103,7 @@ --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100); --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200); --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200); + --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50); --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200); --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200); --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100); diff --git a/packages/module/build/css/tokens-default.scss b/packages/module/build/css/tokens-default.scss index 0db17fb..a4fdd76 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, 15 Aug 2024 00:08:40 GMT +// Generated on Fri, 13 Sep 2024 01:51:18 GMT @mixin pf-v6-tokens { --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000); @@ -65,17 +65,17 @@ --pf-t--global--font--size--300: 1rem; --pf-t--global--font--size--400: 1.125rem; --pf-t--global--font--size--500: 1.25rem; - --pf-t--global--font--size--600: 1.375rem; + --pf-t--global--font--size--600: 1.5rem; --pf-t--global--font--size--700: 1.75rem; --pf-t--global--font--size--800: 2.25rem; --pf-t--global--font--weight--100: 400; --pf-t--global--font--weight--200: 500; - --pf-t--global--font--weight--300: 700; + --pf-t--global--font--weight--300: 500; --pf-t--global--font--weight--400: 700; --pf-t--global--icon--size--100: 0.75rem; --pf-t--global--icon--size--200: 0.875rem; --pf-t--global--icon--size--250: 1rem; - --pf-t--global--icon--size--300: 1.375rem; + --pf-t--global--icon--size--300: 1.5rem; --pf-t--global--icon--size--400: 3.5rem; --pf-t--global--icon--size--500: 6rem; --pf-t--global--spacer--100: 0.25rem; @@ -111,6 +111,7 @@ --pf-t--global--border--color--100: var(--pf-t--color--gray--30); --pf-t--global--border--color--200: var(--pf-t--color--gray--40); --pf-t--global--border--color--300: var(--pf-t--color--gray--50); + --pf-t--global--border--color--50: var(--pf-t--color--gray--20); --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400); --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300); --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500); @@ -312,6 +313,7 @@ --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100); --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100); --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100); + --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200); --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100); --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200); --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100); @@ -326,6 +328,7 @@ --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200); --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300); --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200); + --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50); --pf-t--global--border--color--default: var(--pf-t--global--border--color--100); --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200); --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100); @@ -469,8 +472,11 @@ --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs); --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md); --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm); - --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl); - --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg); + --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm); + --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl); + --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md); + --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg); + --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs); --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm); --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md); --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg); diff --git a/packages/module/build/css/tokens-palette.scss b/packages/module/build/css/tokens-palette.scss index cdec53b..5993300 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, 15 Aug 2024 00:08:40 GMT +// Generated on Fri, 13 Sep 2024 01:51:18 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 70573bb..cbac62e 100644 --- a/packages/module/patternfly-docs/content/token-layers-dark.json +++ b/packages/module/patternfly-docs/content/token-layers-dark.json @@ -8537,6 +8537,83 @@ ] } }, + "pf-t--global--border--color--control--read-only": { + "dark": { + "type": "color", + "value": "#4d4d4d", + "filePath": "tokens/dark/semantic.dark.json", + "isSource": true, + "original": { + "type": "color", + "value": "{global.dark.border.color.50}" + }, + "name": "pf-t--global--border--color--control--read-only", + "attributes": { + "category": "global", + "type": "border", + "item": "color", + "subitem": "control", + "state": "read-only" + }, + "path": [ + "global", + "border", + "color", + "control", + "read-only" + ], + "references": [ + { + "type": "color", + "value": "#4d4d4d", + "filePath": "tokens/dark/base.dark.json", + "isSource": true, + "original": { + "type": "color", + "value": "{color.gray.60}" + }, + "name": "pf-t--global--dark--border--color--50", + "attributes": { + "category": "global", + "type": "dark", + "item": "border", + "subitem": "color", + "state": "50" + }, + "path": [ + "global", + "dark", + "border", + "color", + "50" + ], + "references": [ + { + "type": "color", + "value": "#4d4d4d", + "filePath": "tokens/dark/palette.color.json", + "isSource": true, + "original": { + "type": "color", + "value": "#4d4d4d" + }, + "name": "pf-t--color--gray--60", + "attributes": { + "category": "color", + "type": "gray", + "item": "60" + }, + "path": [ + "color", + "gray", + "60" + ] + } + ] + } + ] + } + }, "pf-t--global--border--color--brand--default": { "dark": { "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.", @@ -14601,6 +14678,83 @@ ] } }, + "pf-t--global--background--color--control--read-only": { + "dark": { + "type": "color", + "value": "#383838", + "filePath": "tokens/dark/semantic.dark.json", + "isSource": true, + "original": { + "type": "color", + "value": "{global.dark.background.color.300}" + }, + "name": "pf-t--global--background--color--control--read-only", + "attributes": { + "category": "global", + "type": "background", + "item": "color", + "subitem": "control", + "state": "read-only" + }, + "path": [ + "global", + "background", + "color", + "control", + "read-only" + ], + "references": [ + { + "type": "color", + "value": "#383838", + "filePath": "tokens/dark/base.dark.json", + "isSource": true, + "original": { + "type": "color", + "value": "{color.gray.70}" + }, + "name": "pf-t--global--dark--background--color--300", + "attributes": { + "category": "global", + "type": "dark", + "item": "background", + "subitem": "color", + "state": "300" + }, + "path": [ + "global", + "dark", + "background", + "color", + "300" + ], + "references": [ + { + "type": "color", + "value": "#383838", + "filePath": "tokens/dark/palette.color.json", + "isSource": true, + "original": { + "type": "color", + "value": "#383838" + }, + "name": "pf-t--color--gray--70", + "attributes": { + "category": "color", + "type": "gray", + "item": "70" + }, + "path": [ + "color", + "gray", + "70" + ] + } + ] + } + ] + } + }, "pf-t--global--background--color--inverse--default": { "dark": { "description": "Use as the background color components with inversed backgrounds like tooltips.", @@ -29090,6 +29244,83 @@ ] } }, + "pf-t--global--spacer--gap--text-to-element--compact": { + "default": { + "description": "Use to space an element, like an icon or badge, inline with text", + "type": "number", + "value": "0.25rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use to space an element, like an icon or badge, inline with text", + "type": "number", + "value": "{global.spacer.xs}" + }, + "name": "pf-t--global--spacer--gap--text-to-element--compact", + "attributes": { + "category": "global", + "type": "spacer", + "item": "gap", + "subitem": "text-to-element", + "state": "compact" + }, + "path": [ + "global", + "spacer", + "gap", + "text-to-element", + "compact" + ], + "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--spacer--gap--control-to-control--default": { "default": { "description": "Use to set the space between controls, like in input groups or filter groups", @@ -29321,7 +29552,7 @@ ] } }, - "pf-t--global--spacer--gap--group-to-group--horizontal": { + "pf-t--global--spacer--gap--group-to-group--horizontal--default": { "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", @@ -29333,7 +29564,7 @@ "type": "number", "value": "{global.spacer.2xl}" }, - "name": "pf-t--global--spacer--gap--group-to-group--horizontal", + "name": "pf-t--global--spacer--gap--group-to-group--horizontal--default", "attributes": { "category": "global", "type": "spacer", @@ -29346,7 +29577,8 @@ "spacer", "gap", "group-to-group", - "horizontal" + "horizontal", + "default" ], "references": [ { @@ -29398,7 +29630,83 @@ ] } }, - "pf-t--global--spacer--gap--group-to-group--vertical": { + "pf-t--global--spacer--gap--group-to-group--horizontal--compact": { + "default": { + "type": "number", + "value": "0.5rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": "{global.spacer.sm}" + }, + "name": "pf-t--global--spacer--gap--group-to-group--horizontal--compact", + "attributes": { + "category": "global", + "type": "spacer", + "item": "gap", + "subitem": "group-to-group", + "state": "horizontal" + }, + "path": [ + "global", + "spacer", + "gap", + "group-to-group", + "horizontal", + "compact" + ], + "references": [ + { + "description": "Use for small spaces between elements.", + "type": "number", + "value": "0.5rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use for small spaces between elements.", + "type": "number", + "value": "{global.spacer.200}" + }, + "name": "pf-t--global--spacer--sm", + "attributes": { + "category": "global", + "type": "spacer", + "item": "sm" + }, + "path": [ + "global", + "spacer", + "sm" + ], + "references": [ + { + "type": "number", + "value": "0.5rem", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 8 + }, + "name": "pf-t--global--spacer--200", + "attributes": { + "category": "global", + "type": "spacer", + "item": "200" + }, + "path": [ + "global", + "spacer", + "200" + ] + } + ] + } + ] + } + }, + "pf-t--global--spacer--gap--group-to-group--vertical--default": { "default": { "description": "Use to set the vertical space between groups of elements, like between stacked form groups.", "type": "number", @@ -29410,7 +29718,7 @@ "type": "number", "value": "{global.spacer.lg}" }, - "name": "pf-t--global--spacer--gap--group-to-group--vertical", + "name": "pf-t--global--spacer--gap--group-to-group--vertical--default", "attributes": { "category": "global", "type": "spacer", @@ -29423,7 +29731,8 @@ "spacer", "gap", "group-to-group", - "vertical" + "vertical", + "default" ], "references": [ { @@ -29475,6 +29784,82 @@ ] } }, + "pf-t--global--spacer--gap--group-to-group--vertical--compact": { + "default": { + "type": "number", + "value": "1rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": "{global.spacer.md}" + }, + "name": "pf-t--global--spacer--gap--group-to-group--vertical--compact", + "attributes": { + "category": "global", + "type": "spacer", + "item": "gap", + "subitem": "group-to-group", + "state": "vertical" + }, + "path": [ + "global", + "spacer", + "gap", + "group-to-group", + "vertical", + "compact" + ], + "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--action-to-action--default": { "default": { "description": "Use to set the space between actions, like in an action list group.", @@ -29935,7 +30320,7 @@ "default": { "description": "Use for extra large icons.", "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { @@ -29959,12 +30344,12 @@ "references": [ { "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 22 + "value": 24 }, "name": "pf-t--global--icon--size--300", "attributes": { @@ -30370,7 +30755,7 @@ "default": { "description": "Use for icons that are placed inline with first level headings", "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { @@ -30398,7 +30783,7 @@ { "description": "Use as the font size for first level headings.", "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { @@ -30425,7 +30810,7 @@ { "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": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { @@ -30449,12 +30834,12 @@ "references": [ { "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 22 + "value": 24 }, "name": "pf-t--global--font--size--600", "attributes": { @@ -31439,7 +31824,7 @@ "default": { "description": "Use for icons that are placed inline with font–size–2xl text", "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { @@ -31466,7 +31851,7 @@ { "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": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { @@ -31490,12 +31875,12 @@ "references": [ { "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 22 + "value": 24 }, "name": "pf-t--global--font--size--600", "attributes": { @@ -31730,58 +32115,6 @@ ] } }, - "pf-t--global--border--width--regular": { - "default": { - "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--border--width--divider--default": { "default": { "description": "Use as the default border width for dividers.", @@ -31944,136 +32277,188 @@ ] } }, - "pf-t--global--border--width--strong": { - "default": { - "description": "Use as a stronger/wider border width for elements.", - "type": "number", - "value": "2px", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false, - "original": { - "description": "Use as a stronger/wider border width for elements.", - "type": "number", - "value": "{global.border.width.200}" - }, - "name": "pf-t--global--border--width--strong", - "attributes": { - "category": "global", - "type": "border", - "item": "width", - "subitem": "strong" - }, - "path": [ - "global", - "border", - "width", - "strong" - ], - "references": [ - { - "type": "number", - "value": "2px", - "filePath": "tokens/default/base.dimension.json", - "isSource": false, - "original": { - "type": "number", - "value": 2 - }, - "name": "pf-t--global--border--width--200", - "attributes": { - "category": "global", - "type": "border", - "item": "width", - "subitem": "200" - }, - "path": [ - "global", - "border", - "width", - "200" - ] - } - ] - } - }, - "pf-t--global--border--width--extra-strong": { - "default": { - "description": "Use as the strongest/widest border width for elements.", - "type": "number", - "value": "3px", - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false, - "original": { - "description": "Use as the strongest/widest border width for elements.", - "type": "number", - "value": "{global.border.width.300}" - }, - "name": "pf-t--global--border--width--extra-strong", - "attributes": { - "category": "global", - "type": "border", - "item": "width", - "subitem": "extra-strong" - }, - "path": [ - "global", - "border", - "width", - "extra-strong" - ], - "references": [ - { - "type": "number", - "value": "3px", - "filePath": "tokens/default/base.dimension.json", - "isSource": false, - "original": { - "type": "number", - "value": 3 - }, - "name": "pf-t--global--border--width--300", - "attributes": { - "category": "global", - "type": "border", - "item": "width", - "subitem": "300" - }, - "path": [ - "global", - "border", - "width", - "300" - ] - } - ] - } - }, - "pf-t--global--border--width--box--default": { + "pf-t--global--border--width--regular": { "default": { - "description": "Use as the default border width for containers like cards, panels, code editors, etc.", + "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 containers like cards, panels, code editors, etc.", + "description": "Use as the default border width for elements.", "type": "number", "value": "{global.border.width.100}" }, - "name": "pf-t--global--border--width--box--default", + "name": "pf-t--global--border--width--regular", "attributes": { "category": "global", "type": "border", "item": "width", - "subitem": "box", - "state": "default" + "subitem": "regular" }, "path": [ "global", "border", "width", - "box", - "default" + "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--border--width--strong": { + "default": { + "description": "Use as a stronger/wider border width for elements.", + "type": "number", + "value": "2px", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use as a stronger/wider border width for elements.", + "type": "number", + "value": "{global.border.width.200}" + }, + "name": "pf-t--global--border--width--strong", + "attributes": { + "category": "global", + "type": "border", + "item": "width", + "subitem": "strong" + }, + "path": [ + "global", + "border", + "width", + "strong" + ], + "references": [ + { + "type": "number", + "value": "2px", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 2 + }, + "name": "pf-t--global--border--width--200", + "attributes": { + "category": "global", + "type": "border", + "item": "width", + "subitem": "200" + }, + "path": [ + "global", + "border", + "width", + "200" + ] + } + ] + } + }, + "pf-t--global--border--width--extra-strong": { + "default": { + "description": "Use as the strongest/widest border width for elements.", + "type": "number", + "value": "3px", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use as the strongest/widest border width for elements.", + "type": "number", + "value": "{global.border.width.300}" + }, + "name": "pf-t--global--border--width--extra-strong", + "attributes": { + "category": "global", + "type": "border", + "item": "width", + "subitem": "extra-strong" + }, + "path": [ + "global", + "border", + "width", + "extra-strong" + ], + "references": [ + { + "type": "number", + "value": "3px", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 3 + }, + "name": "pf-t--global--border--width--300", + "attributes": { + "category": "global", + "type": "border", + "item": "width", + "subitem": "300" + }, + "path": [ + "global", + "border", + "width", + "300" + ] + } + ] + } + }, + "pf-t--global--border--width--box--default": { + "default": { + "description": "Use as the default border width for containers like cards, panels, code editors, etc.", + "type": "number", + "value": "1px", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use as the default border width for containers like cards, panels, code editors, etc.", + "type": "number", + "value": "{global.border.width.100}" + }, + "name": "pf-t--global--border--width--box--default", + "attributes": { + "category": "global", + "type": "border", + "item": "width", + "subitem": "box", + "state": "default" + }, + "path": [ + "global", + "border", + "width", + "box", + "default" ], "references": [ { @@ -33068,7 +33453,7 @@ "default": { "description": "Use to define the default weight for heading text", "type": "number", - "value": 700, + "value": 500, "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { @@ -33094,12 +33479,12 @@ "references": [ { "type": "number", - "value": 700, + "value": 500, "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 700 + "value": 500 }, "name": "pf-t--global--font--weight--300", "attributes": { @@ -33521,7 +33906,7 @@ "default": { "description": "Use as the font size for first level headings.", "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { @@ -33548,7 +33933,7 @@ { "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": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { @@ -33572,12 +33957,12 @@ "references": [ { "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 22 + "value": 24 }, "name": "pf-t--global--font--size--600", "attributes": { @@ -34265,7 +34650,7 @@ "default": { "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": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { @@ -34289,12 +34674,12 @@ "references": [ { "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 22 + "value": 24 }, "name": "pf-t--global--font--size--600", "attributes": { @@ -39901,6 +40286,54 @@ ] } }, + "pf-t--global--border--color--50": { + "default": { + "type": "color", + "value": "#e0e0e0", + "filePath": "tokens/default/base.json", + "isSource": false, + "original": { + "type": "color", + "value": "{color.gray.20}" + }, + "name": "pf-t--global--border--color--50", + "attributes": { + "category": "global", + "type": "border", + "item": "color", + "subitem": "50" + }, + "path": [ + "global", + "border", + "color", + "50" + ], + "references": [ + { + "type": "color", + "value": "#e0e0e0", + "filePath": "tokens/dark/palette.color.json", + "isSource": true, + "original": { + "type": "color", + "value": "#e0e0e0" + }, + "name": "pf-t--color--gray--20", + "attributes": { + "category": "color", + "type": "gray", + "item": "20" + }, + "path": [ + "color", + "gray", + "20" + ] + } + ] + } + }, "pf-t--global--border--color--100": { "default": { "type": "color", @@ -44165,160 +44598,109 @@ ] } }, - "pf-t--global--dark--color--severity--undefined--100": { + "pf-t--global--dark--color--status--success--100": { "dark": { "type": "color", - "value": "#a3a3a3", + "value": "#87bb62", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.40}" + "value": "{color.green.40}" }, - "name": "pf-t--global--dark--color--severity--undefined--100", + "name": "pf-t--global--dark--color--status--success--100", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "severity", - "state": "undefined" + "subitem": "status", + "state": "success" }, "path": [ "global", "dark", "color", - "severity", - "undefined", + "status", + "success", "100" ], "references": [ { "type": "color", - "value": "#a3a3a3", + "value": "#87bb62", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#a3a3a3" + "value": "#87bb62" }, - "name": "pf-t--color--gray--40", + "name": "pf-t--color--green--40", "attributes": { "category": "color", - "type": "gray", + "type": "green", "item": "40" }, "path": [ "color", - "gray", + "green", "40" ] } ] } }, - "pf-t--global--dark--color--severity--none--100": { - "dark": { - "type": "color", - "value": "#92c5f9", - "filePath": "tokens/dark/base.dark.json", - "isSource": true, - "original": { - "type": "color", - "value": "{color.blue.30}" - }, - "name": "pf-t--global--dark--color--severity--none--100", - "attributes": { - "category": "global", - "type": "dark", - "item": "color", - "subitem": "severity", - "state": "none" - }, - "path": [ - "global", - "dark", - "color", - "severity", - "none", - "100" - ], - "references": [ - { - "type": "color", - "value": "#92c5f9", - "filePath": "tokens/dark/palette.color.json", - "isSource": true, - "original": { - "type": "color", - "value": "#92c5f9" - }, - "name": "pf-t--color--blue--30", - "attributes": { - "category": "color", - "type": "blue", - "item": "30" - }, - "path": [ - "color", - "blue", - "30" - ] - } - ] - } - }, - "pf-t--global--dark--color--severity--minor--100": { + "pf-t--global--dark--color--status--success--200": { "dark": { "type": "color", - "value": "#c7c7c7", + "value": "#afdc8f", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.30}" + "value": "{color.green.30}" }, - "name": "pf-t--global--dark--color--severity--minor--100", + "name": "pf-t--global--dark--color--status--success--200", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "severity", - "state": "minor" + "subitem": "status", + "state": "success" }, "path": [ "global", "dark", "color", - "severity", - "minor", - "100" + "status", + "success", + "200" ], "references": [ { "type": "color", - "value": "#c7c7c7", + "value": "#afdc8f", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#c7c7c7" + "value": "#afdc8f" }, - "name": "pf-t--color--gray--30", + "name": "pf-t--color--green--30", "attributes": { "category": "color", - "type": "gray", + "type": "green", "item": "30" }, "path": [ "color", - "gray", + "green", "30" ] } ] } }, - "pf-t--global--dark--color--severity--moderate--100": { + "pf-t--global--dark--color--status--warning--100": { "dark": { "type": "color", "value": "#ffcc17", @@ -44328,20 +44710,20 @@ "type": "color", "value": "{color.yellow.30}" }, - "name": "pf-t--global--dark--color--severity--moderate--100", + "name": "pf-t--global--dark--color--status--warning--100", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "severity", - "state": "moderate" + "subitem": "status", + "state": "warning" }, "path": [ "global", "dark", "color", - "severity", - "moderate", + "status", + "warning", "100" ], "references": [ @@ -44369,58 +44751,58 @@ ] } }, - "pf-t--global--dark--color--severity--important--100": { + "pf-t--global--dark--color--status--warning--200": { "dark": { "type": "color", - "value": "#f5921b", + "value": "#ffe072", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.orange.40}" + "value": "{color.yellow.20}" }, - "name": "pf-t--global--dark--color--severity--important--100", + "name": "pf-t--global--dark--color--status--warning--200", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "severity", - "state": "important" + "subitem": "status", + "state": "warning" }, "path": [ "global", "dark", "color", - "severity", - "important", - "100" + "status", + "warning", + "200" ], "references": [ { "type": "color", - "value": "#f5921b", + "value": "#ffe072", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#f5921b" + "value": "#ffe072" }, - "name": "pf-t--color--orange--40", + "name": "pf-t--color--yellow--20", "attributes": { "category": "color", - "type": "orange", - "item": "40" + "type": "yellow", + "item": "20" }, "path": [ "color", - "orange", - "40" + "yellow", + "20" ] } ] } }, - "pf-t--global--dark--color--severity--critical--100": { + "pf-t--global--dark--color--status--danger--100": { "dark": { "type": "color", "value": "#f0561d", @@ -44430,20 +44812,20 @@ "type": "color", "value": "{color.red-orange.50}" }, - "name": "pf-t--global--dark--color--severity--critical--100", + "name": "pf-t--global--dark--color--status--danger--100", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "severity", - "state": "critical" + "subitem": "status", + "state": "danger" }, "path": [ "global", "dark", "color", - "severity", - "critical", + "status", + "danger", "100" ], "references": [ @@ -44471,613 +44853,664 @@ ] } }, - "pf-t--global--dark--color--status--success--100": { + "pf-t--global--dark--color--status--danger--200": { "dark": { "type": "color", - "value": "#87bb62", + "value": "#f4784a", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.green.40}" + "value": "{color.red-orange.40}" }, - "name": "pf-t--global--dark--color--status--success--100", + "name": "pf-t--global--dark--color--status--danger--200", "attributes": { "category": "global", "type": "dark", "item": "color", "subitem": "status", - "state": "success" + "state": "danger" }, "path": [ "global", "dark", "color", "status", - "success", - "100" + "danger", + "200" ], "references": [ { "type": "color", - "value": "#87bb62", + "value": "#f4784a", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#87bb62" + "value": "#f4784a" }, - "name": "pf-t--color--green--40", + "name": "pf-t--color--red-orange--40", "attributes": { "category": "color", - "type": "green", + "type": "red-orange", "item": "40" }, "path": [ "color", - "green", + "red-orange", "40" ] } ] } }, - "pf-t--global--dark--color--status--success--200": { + "pf-t--global--dark--color--status--danger--250": { "dark": { "type": "color", - "value": "#afdc8f", + "value": "#f89b78", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.green.30}" + "value": "{color.red-orange.30}" }, - "name": "pf-t--global--dark--color--status--success--200", + "name": "pf-t--global--dark--color--status--danger--250", "attributes": { "category": "global", "type": "dark", "item": "color", "subitem": "status", - "state": "success" + "state": "danger" }, "path": [ "global", "dark", "color", "status", - "success", - "200" + "danger", + "250" ], "references": [ { "type": "color", - "value": "#afdc8f", + "value": "#f89b78", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#afdc8f" + "value": "#f89b78" }, - "name": "pf-t--color--green--30", + "name": "pf-t--color--red-orange--30", "attributes": { "category": "color", - "type": "green", + "type": "red-orange", "item": "30" }, "path": [ "color", - "green", + "red-orange", "30" ] } ] } }, - "pf-t--global--dark--color--status--warning--100": { + "pf-t--global--dark--color--status--danger--300": { "dark": { "type": "color", - "value": "#ffcc17", + "value": "#fbbea8", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.yellow.30}" + "value": "{color.red-orange.20}" }, - "name": "pf-t--global--dark--color--status--warning--100", + "name": "pf-t--global--dark--color--status--danger--300", "attributes": { "category": "global", "type": "dark", "item": "color", "subitem": "status", - "state": "warning" + "state": "danger" }, "path": [ "global", "dark", "color", "status", - "warning", + "danger", + "300" + ], + "references": [ + { + "type": "color", + "value": "#fbbea8", + "filePath": "tokens/dark/palette.color.json", + "isSource": true, + "original": { + "type": "color", + "value": "#fbbea8" + }, + "name": "pf-t--color--red-orange--20", + "attributes": { + "category": "color", + "type": "red-orange", + "item": "20" + }, + "path": [ + "color", + "red-orange", + "20" + ] + } + ] + } + }, + "pf-t--global--dark--color--status--info--100": { + "dark": { + "type": "color", + "value": "#b6a6e9", + "filePath": "tokens/dark/base.dark.json", + "isSource": true, + "original": { + "type": "color", + "value": "{color.purple.30}" + }, + "name": "pf-t--global--dark--color--status--info--100", + "attributes": { + "category": "global", + "type": "dark", + "item": "color", + "subitem": "status", + "state": "info" + }, + "path": [ + "global", + "dark", + "color", + "status", + "info", "100" ], "references": [ { "type": "color", - "value": "#ffcc17", + "value": "#b6a6e9", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#ffcc17" + "value": "#b6a6e9" }, - "name": "pf-t--color--yellow--30", + "name": "pf-t--color--purple--30", "attributes": { "category": "color", - "type": "yellow", + "type": "purple", "item": "30" }, "path": [ "color", - "yellow", + "purple", "30" ] } ] } }, - "pf-t--global--dark--color--status--warning--200": { + "pf-t--global--dark--color--status--info--200": { "dark": { "type": "color", - "value": "#ffe072", + "value": "#d0c5f4", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.yellow.20}" + "value": "{color.purple.20}" }, - "name": "pf-t--global--dark--color--status--warning--200", + "name": "pf-t--global--dark--color--status--info--200", "attributes": { "category": "global", "type": "dark", "item": "color", "subitem": "status", - "state": "warning" + "state": "info" }, "path": [ "global", "dark", "color", "status", - "warning", + "info", "200" ], "references": [ { "type": "color", - "value": "#ffe072", + "value": "#d0c5f4", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#ffe072" + "value": "#d0c5f4" }, - "name": "pf-t--color--yellow--20", + "name": "pf-t--color--purple--20", "attributes": { "category": "color", - "type": "yellow", + "type": "purple", "item": "20" }, "path": [ "color", - "yellow", + "purple", "20" ] } ] } }, - "pf-t--global--dark--color--status--danger--100": { + "pf-t--global--dark--color--status--custom--100": { "dark": { "type": "color", - "value": "#f0561d", + "value": "#63bdbd", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.red-orange.50}" + "value": "{color.teal.40}" }, - "name": "pf-t--global--dark--color--status--danger--100", + "name": "pf-t--global--dark--color--status--custom--100", "attributes": { "category": "global", "type": "dark", "item": "color", "subitem": "status", - "state": "danger" + "state": "custom" }, "path": [ "global", "dark", "color", "status", - "danger", + "custom", "100" ], "references": [ { "type": "color", - "value": "#f0561d", + "value": "#63bdbd", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#f0561d" + "value": "#63bdbd" }, - "name": "pf-t--color--red-orange--50", + "name": "pf-t--color--teal--40", "attributes": { "category": "color", - "type": "red-orange", - "item": "50" + "type": "teal", + "item": "40" }, "path": [ "color", - "red-orange", - "50" + "teal", + "40" ] } ] } }, - "pf-t--global--dark--color--status--danger--200": { + "pf-t--global--dark--color--status--custom--200": { "dark": { "type": "color", - "value": "#f4784a", + "value": "#9ad8d8", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.red-orange.40}" + "value": "{color.teal.30}" }, - "name": "pf-t--global--dark--color--status--danger--200", + "name": "pf-t--global--dark--color--status--custom--200", "attributes": { "category": "global", "type": "dark", "item": "color", "subitem": "status", - "state": "danger" + "state": "custom" }, "path": [ "global", "dark", "color", "status", - "danger", + "custom", "200" ], "references": [ { "type": "color", - "value": "#f4784a", + "value": "#9ad8d8", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#f4784a" + "value": "#9ad8d8" }, - "name": "pf-t--color--red-orange--40", + "name": "pf-t--color--teal--30", "attributes": { "category": "color", - "type": "red-orange", - "item": "40" + "type": "teal", + "item": "30" }, "path": [ "color", - "red-orange", - "40" + "teal", + "30" ] } ] } }, - "pf-t--global--dark--color--status--danger--250": { + "pf-t--global--dark--color--severity--undefined--100": { "dark": { "type": "color", - "value": "#f89b78", + "value": "#a3a3a3", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.red-orange.30}" + "value": "{color.gray.40}" }, - "name": "pf-t--global--dark--color--status--danger--250", + "name": "pf-t--global--dark--color--severity--undefined--100", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "status", - "state": "danger" + "subitem": "severity", + "state": "undefined" }, "path": [ "global", "dark", "color", - "status", - "danger", - "250" + "severity", + "undefined", + "100" ], "references": [ { "type": "color", - "value": "#f89b78", + "value": "#a3a3a3", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#f89b78" + "value": "#a3a3a3" }, - "name": "pf-t--color--red-orange--30", + "name": "pf-t--color--gray--40", "attributes": { "category": "color", - "type": "red-orange", - "item": "30" + "type": "gray", + "item": "40" }, "path": [ "color", - "red-orange", - "30" + "gray", + "40" ] } ] } }, - "pf-t--global--dark--color--status--danger--300": { + "pf-t--global--dark--color--severity--none--100": { "dark": { "type": "color", - "value": "#fbbea8", + "value": "#92c5f9", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.red-orange.20}" + "value": "{color.blue.30}" }, - "name": "pf-t--global--dark--color--status--danger--300", + "name": "pf-t--global--dark--color--severity--none--100", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "status", - "state": "danger" + "subitem": "severity", + "state": "none" }, "path": [ "global", "dark", "color", - "status", - "danger", - "300" + "severity", + "none", + "100" ], "references": [ { "type": "color", - "value": "#fbbea8", + "value": "#92c5f9", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#fbbea8" + "value": "#92c5f9" }, - "name": "pf-t--color--red-orange--20", + "name": "pf-t--color--blue--30", "attributes": { "category": "color", - "type": "red-orange", - "item": "20" + "type": "blue", + "item": "30" }, "path": [ "color", - "red-orange", - "20" + "blue", + "30" ] } ] } }, - "pf-t--global--dark--color--status--info--100": { + "pf-t--global--dark--color--severity--minor--100": { "dark": { "type": "color", - "value": "#b6a6e9", + "value": "#c7c7c7", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.purple.30}" + "value": "{color.gray.30}" }, - "name": "pf-t--global--dark--color--status--info--100", + "name": "pf-t--global--dark--color--severity--minor--100", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "status", - "state": "info" + "subitem": "severity", + "state": "minor" }, "path": [ "global", "dark", "color", - "status", - "info", + "severity", + "minor", "100" ], "references": [ { "type": "color", - "value": "#b6a6e9", + "value": "#c7c7c7", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#b6a6e9" + "value": "#c7c7c7" }, - "name": "pf-t--color--purple--30", + "name": "pf-t--color--gray--30", "attributes": { "category": "color", - "type": "purple", + "type": "gray", "item": "30" }, "path": [ "color", - "purple", + "gray", "30" ] } ] } }, - "pf-t--global--dark--color--status--info--200": { + "pf-t--global--dark--color--severity--moderate--100": { "dark": { "type": "color", - "value": "#d0c5f4", + "value": "#ffcc17", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.purple.20}" + "value": "{color.yellow.30}" }, - "name": "pf-t--global--dark--color--status--info--200", + "name": "pf-t--global--dark--color--severity--moderate--100", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "status", - "state": "info" + "subitem": "severity", + "state": "moderate" }, "path": [ "global", "dark", "color", - "status", - "info", - "200" + "severity", + "moderate", + "100" ], "references": [ { "type": "color", - "value": "#d0c5f4", + "value": "#ffcc17", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#d0c5f4" + "value": "#ffcc17" }, - "name": "pf-t--color--purple--20", + "name": "pf-t--color--yellow--30", "attributes": { "category": "color", - "type": "purple", - "item": "20" + "type": "yellow", + "item": "30" }, "path": [ "color", - "purple", - "20" + "yellow", + "30" ] } ] } }, - "pf-t--global--dark--color--status--custom--100": { + "pf-t--global--dark--color--severity--important--100": { "dark": { "type": "color", - "value": "#63bdbd", + "value": "#f5921b", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.teal.40}" + "value": "{color.orange.40}" }, - "name": "pf-t--global--dark--color--status--custom--100", + "name": "pf-t--global--dark--color--severity--important--100", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "status", - "state": "custom" + "subitem": "severity", + "state": "important" }, "path": [ "global", "dark", "color", - "status", - "custom", + "severity", + "important", "100" ], "references": [ { "type": "color", - "value": "#63bdbd", + "value": "#f5921b", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#63bdbd" + "value": "#f5921b" }, - "name": "pf-t--color--teal--40", + "name": "pf-t--color--orange--40", "attributes": { "category": "color", - "type": "teal", + "type": "orange", "item": "40" }, "path": [ "color", - "teal", + "orange", "40" ] } ] } }, - "pf-t--global--dark--color--status--custom--200": { + "pf-t--global--dark--color--severity--critical--100": { "dark": { "type": "color", - "value": "#9ad8d8", + "value": "#f0561d", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.teal.30}" + "value": "{color.red-orange.50}" }, - "name": "pf-t--global--dark--color--status--custom--200", + "name": "pf-t--global--dark--color--severity--critical--100", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "status", - "state": "custom" + "subitem": "severity", + "state": "critical" }, "path": [ "global", "dark", "color", - "status", - "custom", - "200" + "severity", + "critical", + "100" ], "references": [ { "type": "color", - "value": "#9ad8d8", + "value": "#f0561d", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#9ad8d8" + "value": "#f0561d" }, - "name": "pf-t--color--teal--30", + "name": "pf-t--color--red-orange--50", "attributes": { "category": "color", - "type": "teal", - "item": "30" + "type": "red-orange", + "item": "50" }, "path": [ "color", - "teal", - "30" + "red-orange", + "50" ] } ] @@ -46460,6 +46893,56 @@ ] } }, + "pf-t--global--dark--border--color--50": { + "dark": { + "type": "color", + "value": "#4d4d4d", + "filePath": "tokens/dark/base.dark.json", + "isSource": true, + "original": { + "type": "color", + "value": "{color.gray.60}" + }, + "name": "pf-t--global--dark--border--color--50", + "attributes": { + "category": "global", + "type": "dark", + "item": "border", + "subitem": "color", + "state": "50" + }, + "path": [ + "global", + "dark", + "border", + "color", + "50" + ], + "references": [ + { + "type": "color", + "value": "#4d4d4d", + "filePath": "tokens/dark/palette.color.json", + "isSource": true, + "original": { + "type": "color", + "value": "#4d4d4d" + }, + "name": "pf-t--color--gray--60", + "attributes": { + "category": "color", + "type": "gray", + "item": "60" + }, + "path": [ + "color", + "gray", + "60" + ] + } + ] + } + }, "pf-t--global--dark--border--color--100": { "dark": { "type": "color", @@ -47352,12 +47835,12 @@ "pf-t--global--icon--size--300": { "default": { "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 22 + "value": 24 }, "name": "pf-t--global--icon--size--300", "attributes": { @@ -47702,12 +48185,12 @@ "pf-t--global--font--weight--300": { "default": { "type": "number", - "value": 700, + "value": 500, "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 700 + "value": 500 }, "name": "pf-t--global--font--weight--300", "attributes": { @@ -47927,12 +48410,12 @@ "pf-t--global--font--size--600": { "default": { "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 22 + "value": 24 }, "name": "pf-t--global--font--size--600", "attributes": { diff --git a/packages/module/patternfly-docs/content/token-layers-default.json b/packages/module/patternfly-docs/content/token-layers-default.json index f3e676c..4313d7e 100644 --- a/packages/module/patternfly-docs/content/token-layers-default.json +++ b/packages/module/patternfly-docs/content/token-layers-default.json @@ -8342,6 +8342,81 @@ ] } }, + "pf-t--global--border--color--control--read-only": { + "default": { + "type": "color", + "value": "#e0e0e0", + "filePath": "tokens/default/semantic.json", + "isSource": true, + "original": { + "type": "color", + "value": "{global.border.color.50}" + }, + "name": "pf-t--global--border--color--control--read-only", + "attributes": { + "category": "global", + "type": "border", + "item": "color", + "subitem": "control", + "state": "read-only" + }, + "path": [ + "global", + "border", + "color", + "control", + "read-only" + ], + "references": [ + { + "type": "color", + "value": "#e0e0e0", + "filePath": "tokens/default/base.json", + "isSource": true, + "original": { + "type": "color", + "value": "{color.gray.20}" + }, + "name": "pf-t--global--border--color--50", + "attributes": { + "category": "global", + "type": "border", + "item": "color", + "subitem": "50" + }, + "path": [ + "global", + "border", + "color", + "50" + ], + "references": [ + { + "type": "color", + "value": "#e0e0e0", + "filePath": "tokens/default/palette.color.json", + "isSource": true, + "original": { + "type": "color", + "value": "#e0e0e0" + }, + "name": "pf-t--color--gray--20", + "attributes": { + "category": "color", + "type": "gray", + "item": "20" + }, + "path": [ + "color", + "gray", + "20" + ] + } + ] + } + ] + } + }, "pf-t--global--border--color--brand--default": { "default": { "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.", @@ -14240,6 +14315,81 @@ ] } }, + "pf-t--global--background--color--control--read-only": { + "default": { + "type": "color", + "value": "#f2f2f2", + "filePath": "tokens/default/semantic.json", + "isSource": true, + "original": { + "type": "color", + "value": "{global.background.color.200}" + }, + "name": "pf-t--global--background--color--control--read-only", + "attributes": { + "category": "global", + "type": "background", + "item": "color", + "subitem": "control", + "state": "read-only" + }, + "path": [ + "global", + "background", + "color", + "control", + "read-only" + ], + "references": [ + { + "type": "color", + "value": "#f2f2f2", + "filePath": "tokens/default/base.json", + "isSource": true, + "original": { + "type": "color", + "value": "{color.gray.10}" + }, + "name": "pf-t--global--background--color--200", + "attributes": { + "category": "global", + "type": "background", + "item": "color", + "subitem": "200" + }, + "path": [ + "global", + "background", + "color", + "200" + ], + "references": [ + { + "type": "color", + "value": "#f2f2f2", + "filePath": "tokens/default/palette.color.json", + "isSource": true, + "original": { + "type": "color", + "value": "#f2f2f2" + }, + "name": "pf-t--color--gray--10", + "attributes": { + "category": "color", + "type": "gray", + "item": "10" + }, + "path": [ + "color", + "gray", + "10" + ] + } + ] + } + ] + } + }, "pf-t--global--background--color--inverse--default": { "default": { "description": "Use as the background color components with inversed backgrounds like tooltips.", @@ -28586,6 +28736,83 @@ ] } }, + "pf-t--global--spacer--gap--text-to-element--compact": { + "default": { + "description": "Use to space an element, like an icon or badge, inline with text", + "type": "number", + "value": "0.25rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "description": "Use to space an element, like an icon or badge, inline with text", + "type": "number", + "value": "{global.spacer.xs}" + }, + "name": "pf-t--global--spacer--gap--text-to-element--compact", + "attributes": { + "category": "global", + "type": "spacer", + "item": "gap", + "subitem": "text-to-element", + "state": "compact" + }, + "path": [ + "global", + "spacer", + "gap", + "text-to-element", + "compact" + ], + "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--spacer--gap--control-to-control--default": { "default": { "description": "Use to set the space between controls, like in input groups or filter groups", @@ -28817,7 +29044,7 @@ ] } }, - "pf-t--global--spacer--gap--group-to-group--horizontal": { + "pf-t--global--spacer--gap--group-to-group--horizontal--default": { "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", @@ -28829,7 +29056,7 @@ "type": "number", "value": "{global.spacer.2xl}" }, - "name": "pf-t--global--spacer--gap--group-to-group--horizontal", + "name": "pf-t--global--spacer--gap--group-to-group--horizontal--default", "attributes": { "category": "global", "type": "spacer", @@ -28842,7 +29069,8 @@ "spacer", "gap", "group-to-group", - "horizontal" + "horizontal", + "default" ], "references": [ { @@ -28894,7 +29122,83 @@ ] } }, - "pf-t--global--spacer--gap--group-to-group--vertical": { + "pf-t--global--spacer--gap--group-to-group--horizontal--compact": { + "default": { + "type": "number", + "value": "0.5rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": "{global.spacer.sm}" + }, + "name": "pf-t--global--spacer--gap--group-to-group--horizontal--compact", + "attributes": { + "category": "global", + "type": "spacer", + "item": "gap", + "subitem": "group-to-group", + "state": "horizontal" + }, + "path": [ + "global", + "spacer", + "gap", + "group-to-group", + "horizontal", + "compact" + ], + "references": [ + { + "description": "Use for small spaces between elements.", + "type": "number", + "value": "0.5rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "description": "Use for small spaces between elements.", + "type": "number", + "value": "{global.spacer.200}" + }, + "name": "pf-t--global--spacer--sm", + "attributes": { + "category": "global", + "type": "spacer", + "item": "sm" + }, + "path": [ + "global", + "spacer", + "sm" + ], + "references": [ + { + "type": "number", + "value": "0.5rem", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": 8 + }, + "name": "pf-t--global--spacer--200", + "attributes": { + "category": "global", + "type": "spacer", + "item": "200" + }, + "path": [ + "global", + "spacer", + "200" + ] + } + ] + } + ] + } + }, + "pf-t--global--spacer--gap--group-to-group--vertical--default": { "default": { "description": "Use to set the vertical space between groups of elements, like between stacked form groups.", "type": "number", @@ -28906,7 +29210,7 @@ "type": "number", "value": "{global.spacer.lg}" }, - "name": "pf-t--global--spacer--gap--group-to-group--vertical", + "name": "pf-t--global--spacer--gap--group-to-group--vertical--default", "attributes": { "category": "global", "type": "spacer", @@ -28919,7 +29223,8 @@ "spacer", "gap", "group-to-group", - "vertical" + "vertical", + "default" ], "references": [ { @@ -28971,6 +29276,82 @@ ] } }, + "pf-t--global--spacer--gap--group-to-group--vertical--compact": { + "default": { + "type": "number", + "value": "1rem", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": "{global.spacer.md}" + }, + "name": "pf-t--global--spacer--gap--group-to-group--vertical--compact", + "attributes": { + "category": "global", + "type": "spacer", + "item": "gap", + "subitem": "group-to-group", + "state": "vertical" + }, + "path": [ + "global", + "spacer", + "gap", + "group-to-group", + "vertical", + "compact" + ], + "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--gap--action-to-action--default": { "default": { "description": "Use to set the space between actions, like in an action list group.", @@ -29431,7 +29812,7 @@ "default": { "description": "Use for extra large icons.", "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { @@ -29455,12 +29836,12 @@ "references": [ { "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 22 + "value": 24 }, "name": "pf-t--global--icon--size--300", "attributes": { @@ -29866,7 +30247,7 @@ "default": { "description": "Use for icons that are placed inline with first level headings", "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { @@ -29894,7 +30275,7 @@ { "description": "Use as the font size for first level headings.", "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { @@ -29921,7 +30302,7 @@ { "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": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { @@ -29945,12 +30326,12 @@ "references": [ { "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 22 + "value": 24 }, "name": "pf-t--global--font--size--600", "attributes": { @@ -30935,7 +31316,7 @@ "default": { "description": "Use for icons that are placed inline with font–size–2xl text", "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { @@ -30962,7 +31343,7 @@ { "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": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { @@ -30986,12 +31367,12 @@ "references": [ { "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 22 + "value": 24 }, "name": "pf-t--global--font--size--600", "attributes": { @@ -31226,30 +31607,32 @@ ] } }, - "pf-t--global--border--width--regular": { + "pf-t--global--border--width--divider--default": { "default": { - "description": "Use as the default border width for elements.", + "description": "Use as the default border width for dividers.", "type": "number", "value": "1px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use as the default border width for elements.", + "description": "Use as the default border width for dividers.", "type": "number", "value": "{global.border.width.100}" }, - "name": "pf-t--global--border--width--regular", + "name": "pf-t--global--border--width--divider--default", "attributes": { "category": "global", "type": "border", "item": "width", - "subitem": "regular" + "subitem": "divider", + "state": "default" }, "path": [ "global", "border", "width", - "regular" + "divider", + "default" ], "references": [ { @@ -31278,32 +31661,32 @@ ] } }, - "pf-t--global--border--width--divider--default": { + "pf-t--global--border--width--divider--hover": { "default": { - "description": "Use as the default border width for dividers.", + "description": "Use as the border width hover state for dividers.", "type": "number", "value": "1px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use as the default border width for dividers.", + "description": "Use as the border width hover state for dividers.", "type": "number", "value": "{global.border.width.100}" }, - "name": "pf-t--global--border--width--divider--default", + "name": "pf-t--global--border--width--divider--hover", "attributes": { "category": "global", "type": "border", "item": "width", "subitem": "divider", - "state": "default" + "state": "hover" }, "path": [ "global", "border", "width", "divider", - "default" + "hover" ], "references": [ { @@ -31332,32 +31715,32 @@ ] } }, - "pf-t--global--border--width--divider--hover": { + "pf-t--global--border--width--divider--clicked": { "default": { - "description": "Use as the border width hover state for dividers.", + "description": "Use as the border width clicked state for dividers.", "type": "number", "value": "1px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use as the border width hover state for dividers.", + "description": "Use as the border width clicked state for dividers.", "type": "number", "value": "{global.border.width.100}" }, - "name": "pf-t--global--border--width--divider--hover", + "name": "pf-t--global--border--width--divider--clicked", "attributes": { "category": "global", "type": "border", "item": "width", "subitem": "divider", - "state": "hover" + "state": "clicked" }, "path": [ "global", "border", "width", "divider", - "hover" + "clicked" ], "references": [ { @@ -31386,32 +31769,30 @@ ] } }, - "pf-t--global--border--width--divider--clicked": { + "pf-t--global--border--width--regular": { "default": { - "description": "Use as the border width clicked state 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 border width clicked state for dividers.", + "description": "Use as the default border width for elements.", "type": "number", "value": "{global.border.width.100}" }, - "name": "pf-t--global--border--width--divider--clicked", + "name": "pf-t--global--border--width--regular", "attributes": { "category": "global", "type": "border", "item": "width", - "subitem": "divider", - "state": "clicked" + "subitem": "regular" }, "path": [ "global", "border", "width", - "divider", - "clicked" + "regular" ], "references": [ { @@ -32564,7 +32945,7 @@ "default": { "description": "Use to define the default weight for heading text", "type": "number", - "value": 700, + "value": 500, "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { @@ -32590,12 +32971,12 @@ "references": [ { "type": "number", - "value": 700, + "value": 500, "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 700 + "value": 500 }, "name": "pf-t--global--font--weight--300", "attributes": { @@ -33017,7 +33398,7 @@ "default": { "description": "Use as the font size for first level headings.", "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { @@ -33044,7 +33425,7 @@ { "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": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { @@ -33068,12 +33449,12 @@ "references": [ { "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 22 + "value": 24 }, "name": "pf-t--global--font--size--600", "attributes": { @@ -33761,7 +34142,7 @@ "default": { "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": "1.5rem", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { @@ -33785,12 +34166,12 @@ "references": [ { "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 22 + "value": 24 }, "name": "pf-t--global--font--size--600", "attributes": { @@ -39397,6 +39778,54 @@ ] } }, + "pf-t--global--border--color--50": { + "default": { + "type": "color", + "value": "#e0e0e0", + "filePath": "tokens/default/base.json", + "isSource": true, + "original": { + "type": "color", + "value": "{color.gray.20}" + }, + "name": "pf-t--global--border--color--50", + "attributes": { + "category": "global", + "type": "border", + "item": "color", + "subitem": "50" + }, + "path": [ + "global", + "border", + "color", + "50" + ], + "references": [ + { + "type": "color", + "value": "#e0e0e0", + "filePath": "tokens/default/palette.color.json", + "isSource": true, + "original": { + "type": "color", + "value": "#e0e0e0" + }, + "name": "pf-t--color--gray--20", + "attributes": { + "category": "color", + "type": "gray", + "item": "20" + }, + "path": [ + "color", + "gray", + "20" + ] + } + ] + } + }, "pf-t--global--border--color--100": { "default": { "type": "color", @@ -43169,12 +43598,12 @@ "pf-t--global--icon--size--300": { "default": { "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 22 + "value": 24 }, "name": "pf-t--global--icon--size--300", "attributes": { @@ -43519,12 +43948,12 @@ "pf-t--global--font--weight--300": { "default": { "type": "number", - "value": 700, + "value": 500, "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 700 + "value": 500 }, "name": "pf-t--global--font--weight--300", "attributes": { @@ -43744,12 +44173,12 @@ "pf-t--global--font--size--600": { "default": { "type": "number", - "value": "1.375rem", + "value": "1.5rem", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 22 + "value": 24 }, "name": "pf-t--global--font--size--600", "attributes": { diff --git a/packages/module/tokens/dark/base.dark.json b/packages/module/tokens/dark/base.dark.json index e85f1e3..6b9ebbb 100644 --- a/packages/module/tokens/dark/base.dark.json +++ b/packages/module/tokens/dark/base.dark.json @@ -79,44 +79,6 @@ "value": "{color.yellow.20}" } }, - "severity": { - "undefined": { - "100": { - "type": "color", - "value": "{color.gray.40}" - } - }, - "none": { - "100": { - "type": "color", - "value": "{color.blue.30}" - } - }, - "minor": { - "100": { - "type": "color", - "value": "{color.gray.30}" - } - }, - "moderate": { - "100": { - "type": "color", - "value": "{color.yellow.30}" - } - }, - "important": { - "100": { - "type": "color", - "value": "{color.orange.40}" - } - }, - "critical": { - "100": { - "type": "color", - "value": "{color.red-orange.50}" - } - } - }, "status": { "success": { "100": { @@ -177,6 +139,44 @@ } } }, + "severity": { + "undefined": { + "100": { + "type": "color", + "value": "{color.gray.40}" + } + }, + "none": { + "100": { + "type": "color", + "value": "{color.blue.30}" + } + }, + "minor": { + "100": { + "type": "color", + "value": "{color.gray.30}" + } + }, + "moderate": { + "100": { + "type": "color", + "value": "{color.yellow.30}" + } + }, + "important": { + "100": { + "type": "color", + "value": "{color.orange.40}" + } + }, + "critical": { + "100": { + "type": "color", + "value": "{color.red-orange.50}" + } + } + }, "nonstatus": { "red": { "100": { @@ -308,6 +308,10 @@ }, "border": { "color": { + "50": { + "type": "color", + "value": "{color.gray.60}" + }, "100": { "type": "color", "value": "{color.gray.50}" diff --git a/packages/module/tokens/dark/semantic.dark.json b/packages/module/tokens/dark/semantic.dark.json index dd788c4..eb283f0 100644 --- a/packages/module/tokens/dark/semantic.dark.json +++ b/packages/module/tokens/dark/semantic.dark.json @@ -90,6 +90,10 @@ "description": "Use as the default background for control elements like form inputs and menu toggles.", "type": "color", "value": "{global.dark.background.color.300}" + }, + "read-only": { + "type": "color", + "value": "{global.dark.background.color.300}" } }, "highlight": { @@ -940,6 +944,12 @@ }, "border": { "color": { + "control": { + "read-only": { + "type": "color", + "value": "{global.dark.border.color.50}" + } + }, "brand": { "default": { "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.", diff --git a/packages/module/tokens/default/base.dimension.json b/packages/module/tokens/default/base.dimension.json index fbc32e9..787b676 100644 --- a/packages/module/tokens/default/base.dimension.json +++ b/packages/module/tokens/default/base.dimension.json @@ -51,7 +51,7 @@ }, "300": { "type": "number", - "value": 22 + "value": 24 }, "400": { "type": "number", @@ -117,7 +117,7 @@ }, "300": { "type": "number", - "value": 700 + "value": 500 }, "400": { "type": "number", @@ -157,7 +157,7 @@ }, "600": { "type": "number", - "value": 22 + "value": 24 }, "700": { "type": "number", diff --git a/packages/module/tokens/default/base.json b/packages/module/tokens/default/base.json index 4f2846f..cf55e63 100644 --- a/packages/module/tokens/default/base.json +++ b/packages/module/tokens/default/base.json @@ -307,6 +307,10 @@ }, "border": { "color": { + "50": { + "type": "color", + "value": "{color.gray.20}" + }, "100": { "type": "color", "value": "{color.gray.30}" diff --git a/packages/module/tokens/default/semantic.dimension.json b/packages/module/tokens/default/semantic.dimension.json index d137b74..c78baee 100644 --- a/packages/module/tokens/default/semantic.dimension.json +++ b/packages/module/tokens/default/semantic.dimension.json @@ -35,11 +35,6 @@ } }, "width": { - "regular": { - "description": "Use as the default border width for elements.", - "type": "number", - "value": "{global.border.width.100}" - }, "divider": { "default": { "description": "Use as the default border width for dividers.", @@ -57,6 +52,11 @@ "value": "{global.border.width.100}" } }, + "regular": { + "description": "Use as the default border width for elements.", + "type": "number", + "value": "{global.border.width.100}" + }, "strong": { "description": "Use as a stronger/wider border width for elements.", "type": "number", @@ -256,6 +256,11 @@ "description": "Use to space an element, like an icon or badge, inline with text", "type": "number", "value": "{global.spacer.sm}" + }, + "compact": { + "description": "Use to space an element, like an icon or badge, inline with text", + "type": "number", + "value": "{global.spacer.xs}" } }, "control-to-control": { @@ -279,14 +284,26 @@ }, "group-to-group": { "horizontal": { - "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.2xl}" + "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": "{global.spacer.2xl}" + }, + "compact": { + "type": "number", + "value": "{global.spacer.sm}" + } }, "vertical": { - "description": "Use to set the vertical space between groups of elements, like between stacked form groups.", - "type": "number", - "value": "{global.spacer.lg}" + "default": { + "description": "Use to set the vertical space between groups of elements, like between stacked form groups.", + "type": "number", + "value": "{global.spacer.lg}" + }, + "compact": { + "type": "number", + "value": "{global.spacer.md}" + } } }, "action-to-action": { @@ -441,6 +458,18 @@ } }, "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": { @@ -467,18 +496,6 @@ } } }, - "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", diff --git a/packages/module/tokens/default/semantic.json b/packages/module/tokens/default/semantic.json index d1cf1a7..8e9ebb9 100644 --- a/packages/module/tokens/default/semantic.json +++ b/packages/module/tokens/default/semantic.json @@ -90,6 +90,10 @@ "description": "Use as the default background for control elements like form inputs and menu toggles.", "type": "color", "value": "{global.background.color.primary.default}" + }, + "read-only": { + "type": "color", + "value": "{global.background.color.200}" } }, "highlight": { @@ -940,6 +944,12 @@ }, "border": { "color": { + "control": { + "read-only": { + "type": "color", + "value": "{global.border.color.50}" + } + }, "brand": { "default": { "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",