diff --git a/packages/module/build/css/tokens-charts-dark.scss b/packages/module/build/css/tokens-charts-dark.scss index e0d31dc..373837a 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 Fri, 13 Sep 2024 01:51:18 GMT +// Generated on Mon, 23 Sep 2024 22:48:17 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 5bdd063..a159bef 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 Fri, 13 Sep 2024 01:51:18 GMT +// Generated on Mon, 23 Sep 2024 22:48:17 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 8c2ed56..6557007 100644 --- a/packages/module/build/css/tokens-dark.scss +++ b/packages/module/build/css/tokens-dark.scss @@ -1,22 +1,28 @@ // Do not edit directly -// Generated on Fri, 13 Sep 2024 01:51:18 GMT +// Generated on Mon, 23 Sep 2024 22:48:17 GMT @mixin pf-v6-tokens { --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000); --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000); --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500); --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000); + --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000); --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600); --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600); --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500); - --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100); - --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100); - --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100); + --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600); + --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100); + --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200); + --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100); + --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200); + --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100); + --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200); --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95); --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80); --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70); --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10); + --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20); --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20); --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); @@ -95,7 +101,9 @@ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200); --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200); --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100); + --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450); --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400); + --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450); --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300); --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200); --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300); diff --git a/packages/module/build/css/tokens-default.scss b/packages/module/build/css/tokens-default.scss index a4fdd76..e9b2aa6 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 Fri, 13 Sep 2024 01:51:18 GMT +// Generated on Mon, 23 Sep 2024 22:48:17 GMT @mixin pf-v6-tokens { --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000); @@ -15,26 +15,33 @@ --pf-t--global--border--width--100: 1px; --pf-t--global--border--width--200: 2px; --pf-t--global--border--width--300: 3px; - --pf-t--global--box-shadow--X--100: -8px; + --pf-t--global--box-shadow--X--100: -10px; --pf-t--global--box-shadow--X--200: -4px; --pf-t--global--box-shadow--X--300: -1px; --pf-t--global--box-shadow--X--400: 0px; + --pf-t--global--box-shadow--X--50: -20px; --pf-t--global--box-shadow--X--500: 1px; --pf-t--global--box-shadow--X--600: 4px; - --pf-t--global--box-shadow--X--700: 8px; - --pf-t--global--box-shadow--Y--100: -8px; + --pf-t--global--box-shadow--X--700: 10px; + --pf-t--global--box-shadow--X--800: 20px; + --pf-t--global--box-shadow--Y--100: -10px; --pf-t--global--box-shadow--Y--200: -4px; --pf-t--global--box-shadow--Y--300: -1px; --pf-t--global--box-shadow--Y--400: 0px; + --pf-t--global--box-shadow--Y--50: -20px; --pf-t--global--box-shadow--Y--500: 1px; --pf-t--global--box-shadow--Y--600: 4px; - --pf-t--global--box-shadow--Y--700: 8px; + --pf-t--global--box-shadow--Y--700: 10px; + --pf-t--global--box-shadow--Y--800: 20px; --pf-t--global--box-shadow--blur--100: 4px; - --pf-t--global--box-shadow--blur--200: 8px; - --pf-t--global--box-shadow--blur--300: 24px; - --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600); - --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200); + --pf-t--global--box-shadow--blur--200: 9px; + --pf-t--global--box-shadow--blur--300: 20px; + --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500); + --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000); --pf-t--global--box-shadow--spread--100: 0px; + --pf-t--global--box-shadow--spread--200: -4px; + --pf-t--global--box-shadow--spread--300: -8px; + --pf-t--global--box-shadow--spread--400: -20px; --pf-t--global--breakpoint--100: 0rem; --pf-t--global--breakpoint--200: 36rem; --pf-t--global--breakpoint--250: 40rem; @@ -103,11 +110,13 @@ --pf-t--global--background--color--200: var(--pf-t--color--gray--10); --pf-t--global--background--color--300: var(--pf-t--color--gray--20); --pf-t--global--background--color--400: var(--pf-t--color--gray--80); + --pf-t--global--background--color--450: var(--pf-t--color--gray--70); --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600); --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600); --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500); --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30); --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40); + --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600); --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); @@ -137,43 +146,49 @@ --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200); --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400); --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400); - --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100); - --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700); + --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50); + --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800); --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400); --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400); --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400); - --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200); - --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600); + --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100); + --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700); --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400); --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400); --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400); - --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300); - --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500); + --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200); + --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600); --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400); - --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700); + --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800); --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700); --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400); --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400); - --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100); - --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600); + --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50); + --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700); --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600); --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400); --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400); - --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200); - --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500); + --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100); + --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600); --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500); --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400); --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400); - --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300); + --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200); --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300); --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200); --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100); - --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200); - --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200); - --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100); - --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100); - --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100); - --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100); + --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100); + --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200); + --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100); + --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100); + --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100); + --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200); + --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100); + --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400); + --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100); + --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300); + --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100); + --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200); --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600); --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550); --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300); @@ -320,7 +335,9 @@ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200); --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200); --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100); + --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450); --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400); + --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450); --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200); --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100); --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200); diff --git a/packages/module/build/css/tokens-palette.scss b/packages/module/build/css/tokens-palette.scss index 5993300..3a3a519 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 Fri, 13 Sep 2024 01:51:18 GMT +// Generated on Mon, 23 Sep 2024 22:48:17 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 cbac62e..9e4b349 100644 --- a/packages/module/patternfly-docs/content/token-layers-dark.json +++ b/packages/module/patternfly-docs/content/token-layers-dark.json @@ -13260,7 +13260,7 @@ ] } }, - "pf-t--global--box-shadow--color--sm": { + "pf-t--global--box-shadow--color--sm--default": { "dark": { "description": "Use as the color of small box-shadows.", "type": "color", @@ -13272,18 +13272,20 @@ "type": "color", "value": "{global.dark.box-shadow.color.100}" }, - "name": "pf-t--global--box-shadow--color--sm", + "name": "pf-t--global--box-shadow--color--sm--default", "attributes": { "category": "global", "type": "box-shadow", "item": "color", - "subitem": "sm" + "subitem": "sm", + "state": "default" }, "path": [ "global", "box-shadow", "color", - "sm" + "sm", + "default" ], "references": [ { @@ -13314,7 +13316,63 @@ ] } }, - "pf-t--global--box-shadow--color--md": { + "pf-t--global--box-shadow--color--sm--directional": { + "dark": { + "description": "Use as the color of small box-shadows.", + "type": "color", + "value": "rgba(0, 0, 0, 0.7000)", + "filePath": "tokens/dark/semantic.dark.json", + "isSource": true, + "original": { + "description": "Use as the color of small box-shadows.", + "type": "color", + "value": "{global.dark.box-shadow.color.200}" + }, + "name": "pf-t--global--box-shadow--color--sm--directional", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "color", + "subitem": "sm", + "state": "directional" + }, + "path": [ + "global", + "box-shadow", + "color", + "sm", + "directional" + ], + "references": [ + { + "type": "color", + "value": "rgba(0, 0, 0, 0.7000)", + "filePath": "tokens/dark/base.dark.json", + "isSource": true, + "original": { + "type": "color", + "value": "rgba(0, 0, 0, 0.7000)" + }, + "name": "pf-t--global--dark--box-shadow--color--200", + "attributes": { + "category": "global", + "type": "dark", + "item": "box-shadow", + "subitem": "color", + "state": "200" + }, + "path": [ + "global", + "dark", + "box-shadow", + "color", + "200" + ] + } + ] + } + }, + "pf-t--global--box-shadow--color--md--default": { "dark": { "description": "Use as the color of medium box-shadows.", "type": "color", @@ -13326,18 +13384,20 @@ "type": "color", "value": "{global.dark.box-shadow.color.100}" }, - "name": "pf-t--global--box-shadow--color--md", + "name": "pf-t--global--box-shadow--color--md--default", "attributes": { "category": "global", "type": "box-shadow", "item": "color", - "subitem": "md" + "subitem": "md", + "state": "default" }, "path": [ "global", "box-shadow", "color", - "md" + "md", + "default" ], "references": [ { @@ -13368,7 +13428,63 @@ ] } }, - "pf-t--global--box-shadow--color--lg": { + "pf-t--global--box-shadow--color--md--directional": { + "dark": { + "description": "Use as the color of medium box-shadows.", + "type": "color", + "value": "rgba(0, 0, 0, 0.7000)", + "filePath": "tokens/dark/semantic.dark.json", + "isSource": true, + "original": { + "description": "Use as the color of medium box-shadows.", + "type": "color", + "value": "{global.dark.box-shadow.color.200}" + }, + "name": "pf-t--global--box-shadow--color--md--directional", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "color", + "subitem": "md", + "state": "directional" + }, + "path": [ + "global", + "box-shadow", + "color", + "md", + "directional" + ], + "references": [ + { + "type": "color", + "value": "rgba(0, 0, 0, 0.7000)", + "filePath": "tokens/dark/base.dark.json", + "isSource": true, + "original": { + "type": "color", + "value": "rgba(0, 0, 0, 0.7000)" + }, + "name": "pf-t--global--dark--box-shadow--color--200", + "attributes": { + "category": "global", + "type": "dark", + "item": "box-shadow", + "subitem": "color", + "state": "200" + }, + "path": [ + "global", + "dark", + "box-shadow", + "color", + "200" + ] + } + ] + } + }, + "pf-t--global--box-shadow--color--lg--default": { "dark": { "description": "Use as the color of large box-shadows.", "type": "color", @@ -13380,18 +13496,20 @@ "type": "color", "value": "{global.dark.box-shadow.color.100}" }, - "name": "pf-t--global--box-shadow--color--lg", + "name": "pf-t--global--box-shadow--color--lg--default", "attributes": { "category": "global", "type": "box-shadow", "item": "color", - "subitem": "lg" + "subitem": "lg", + "state": "default" }, "path": [ "global", "box-shadow", "color", - "lg" + "lg", + "default" ], "references": [ { @@ -13422,6 +13540,62 @@ ] } }, + "pf-t--global--box-shadow--color--lg--directional": { + "dark": { + "description": "Use as the color of large box-shadows.", + "type": "color", + "value": "rgba(0, 0, 0, 0.7000)", + "filePath": "tokens/dark/semantic.dark.json", + "isSource": true, + "original": { + "description": "Use as the color of large box-shadows.", + "type": "color", + "value": "{global.dark.box-shadow.color.200}" + }, + "name": "pf-t--global--box-shadow--color--lg--directional", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "color", + "subitem": "lg", + "state": "directional" + }, + "path": [ + "global", + "box-shadow", + "color", + "lg", + "directional" + ], + "references": [ + { + "type": "color", + "value": "rgba(0, 0, 0, 0.7000)", + "filePath": "tokens/dark/base.dark.json", + "isSource": true, + "original": { + "type": "color", + "value": "rgba(0, 0, 0, 0.7000)" + }, + "name": "pf-t--global--dark--box-shadow--color--200", + "attributes": { + "category": "global", + "type": "dark", + "item": "box-shadow", + "subitem": "color", + "state": "200" + }, + "path": [ + "global", + "dark", + "box-shadow", + "color", + "200" + ] + } + ] + } + }, "pf-t--global--background--color--highlight--default": { "dark": { "description": "Use as the background color for highlighted elements", @@ -14056,6 +14230,62 @@ ] } }, + "pf-t--global--background--color--tertiary--default": { + "dark": { + "description": "Use as the tertiary background color. This is primarily used for containers that can be placed on secondary backgrounds.", + "type": "color", + "value": "rgba(199, 199, 199, 0.1500)", + "filePath": "tokens/dark/semantic.dark.json", + "isSource": true, + "original": { + "description": "Use as the tertiary background color. This is primarily used for containers that can be placed on secondary backgrounds.", + "type": "color", + "value": "{global.dark.background.color.600}" + }, + "name": "pf-t--global--background--color--tertiary--default", + "attributes": { + "category": "global", + "type": "background", + "item": "color", + "subitem": "tertiary", + "state": "default" + }, + "path": [ + "global", + "background", + "color", + "tertiary", + "default" + ], + "references": [ + { + "type": "color", + "value": "rgba(199, 199, 199, 0.1500)", + "filePath": "tokens/dark/base.dark.json", + "isSource": true, + "original": { + "type": "color", + "value": "rgba(199, 199, 199, 0.1500)" + }, + "name": "pf-t--global--dark--background--color--600", + "attributes": { + "category": "global", + "type": "dark", + "item": "background", + "subitem": "color", + "state": "600" + }, + "path": [ + "global", + "dark", + "background", + "color", + "600" + ] + } + ] + } + }, "pf-t--global--background--color--floating--default": { "dark": { "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.", @@ -14834,6 +15064,164 @@ ] } }, + "pf-t--global--background--color--inverse--hover": { + "dark": { + "description": "Use as the hover color for interactive components with inversed backgrounds.", + "type": "color", + "value": "#e0e0e0", + "filePath": "tokens/dark/semantic.dark.json", + "isSource": true, + "original": { + "description": "Use as the hover color for interactive components with inversed backgrounds.", + "type": "color", + "value": "{global.dark.background.color.450}" + }, + "name": "pf-t--global--background--color--inverse--hover", + "attributes": { + "category": "global", + "type": "background", + "item": "color", + "subitem": "inverse", + "state": "hover" + }, + "path": [ + "global", + "background", + "color", + "inverse", + "hover" + ], + "references": [ + { + "type": "color", + "value": "#e0e0e0", + "filePath": "tokens/dark/base.dark.json", + "isSource": true, + "original": { + "type": "color", + "value": "{color.gray.20}" + }, + "name": "pf-t--global--dark--background--color--450", + "attributes": { + "category": "global", + "type": "dark", + "item": "background", + "subitem": "color", + "state": "450" + }, + "path": [ + "global", + "dark", + "background", + "color", + "450" + ], + "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--background--color--inverse--clicked": { + "dark": { + "description": "Use as the clicked color for interactive components with inversed backgrounds.", + "type": "color", + "value": "#e0e0e0", + "filePath": "tokens/dark/semantic.dark.json", + "isSource": true, + "original": { + "description": "Use as the clicked color for interactive components with inversed backgrounds.", + "type": "color", + "value": "{global.dark.background.color.450}" + }, + "name": "pf-t--global--background--color--inverse--clicked", + "attributes": { + "category": "global", + "type": "background", + "item": "color", + "subitem": "inverse", + "state": "clicked" + }, + "path": [ + "global", + "background", + "color", + "inverse", + "clicked" + ], + "references": [ + { + "type": "color", + "value": "#e0e0e0", + "filePath": "tokens/dark/base.dark.json", + "isSource": true, + "original": { + "type": "color", + "value": "{color.gray.20}" + }, + "name": "pf-t--global--dark--background--color--450", + "attributes": { + "category": "global", + "type": "dark", + "item": "background", + "subitem": "color", + "state": "450" + }, + "path": [ + "global", + "dark", + "background", + "color", + "450" + ], + "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--background--color--disabled--default": { "dark": { "description": "Use as the background color for disabled components.", @@ -32115,32 +32503,30 @@ ] } }, - "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": false, "original": { - "description": "Use as the default border width 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--default", + "name": "pf-t--global--border--width--regular", "attributes": { "category": "global", "type": "border", "item": "width", - "subitem": "divider", - "state": "default" + "subitem": "regular" }, "path": [ "global", "border", "width", - "divider", - "default" + "regular" ], "references": [ { @@ -32169,32 +32555,32 @@ ] } }, - "pf-t--global--border--width--divider--hover": { + "pf-t--global--border--width--divider--default": { "default": { - "description": "Use as the border width hover state for dividers.", + "description": "Use as the default border width for dividers.", "type": "number", "value": "1px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use as the border width hover state for dividers.", + "description": "Use as the default border width for dividers.", "type": "number", "value": "{global.border.width.100}" }, - "name": "pf-t--global--border--width--divider--hover", + "name": "pf-t--global--border--width--divider--default", "attributes": { "category": "global", "type": "border", "item": "width", "subitem": "divider", - "state": "hover" + "state": "default" }, "path": [ "global", "border", "width", "divider", - "hover" + "default" ], "references": [ { @@ -32223,32 +32609,32 @@ ] } }, - "pf-t--global--border--width--divider--clicked": { + "pf-t--global--border--width--divider--hover": { "default": { - "description": "Use as the border width clicked state for dividers.", + "description": "Use as the border width hover state for dividers.", "type": "number", "value": "1px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use as the border width clicked state 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--clicked", + "name": "pf-t--global--border--width--divider--hover", "attributes": { "category": "global", "type": "border", "item": "width", "subitem": "divider", - "state": "clicked" + "state": "hover" }, "path": [ "global", "border", "width", "divider", - "clicked" + "hover" ], "references": [ { @@ -32277,30 +32663,32 @@ ] } }, - "pf-t--global--border--width--regular": { + "pf-t--global--border--width--divider--clicked": { "default": { - "description": "Use as the default border width for elements.", + "description": "Use as the border width clicked state for dividers.", "type": "number", "value": "1px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { - "description": "Use as the default border width for elements.", + "description": "Use as the border width clicked state for dividers.", "type": "number", "value": "{global.border.width.100}" }, - "name": "pf-t--global--border--width--regular", + "name": "pf-t--global--border--width--divider--clicked", "attributes": { "category": "global", "type": "border", "item": "width", - "subitem": "regular" + "subitem": "divider", + "state": "clicked" }, "path": [ "global", "border", "width", - "regular" + "divider", + "clicked" ], "references": [ { @@ -33341,222 +33729,6 @@ ] } }, - "pf-t--global--font--weight--body--default": { - "default": { - "description": "Use to define the default weight for body text", - "type": "number", - "value": 400, - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false, - "original": { - "description": "Use to define the default weight for body text", - "type": "number", - "value": "{global.font.weight.100}" - }, - "name": "pf-t--global--font--weight--body--default", - "attributes": { - "category": "global", - "type": "font", - "item": "weight", - "subitem": "body", - "state": "default" - }, - "path": [ - "global", - "font", - "weight", - "body", - "default" - ], - "references": [ - { - "type": "number", - "value": 400, - "filePath": "tokens/default/base.dimension.json", - "isSource": false, - "original": { - "type": "number", - "value": 400 - }, - "name": "pf-t--global--font--weight--100", - "attributes": { - "category": "global", - "type": "font", - "item": "weight", - "subitem": "100" - }, - "path": [ - "global", - "font", - "weight", - "100" - ] - } - ] - } - }, - "pf-t--global--font--weight--body--bold": { - "default": { - "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, - "original": { - "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}" - }, - "name": "pf-t--global--font--weight--body--bold", - "attributes": { - "category": "global", - "type": "font", - "item": "weight", - "subitem": "body", - "state": "bold" - }, - "path": [ - "global", - "font", - "weight", - "body", - "bold" - ], - "references": [ - { - "type": "number", - "value": 500, - "filePath": "tokens/default/base.dimension.json", - "isSource": false, - "original": { - "type": "number", - "value": 500 - }, - "name": "pf-t--global--font--weight--200", - "attributes": { - "category": "global", - "type": "font", - "item": "weight", - "subitem": "200" - }, - "path": [ - "global", - "font", - "weight", - "200" - ] - } - ] - } - }, - "pf-t--global--font--weight--heading--default": { - "default": { - "description": "Use to define the default weight for heading text", - "type": "number", - "value": 500, - "filePath": "tokens/default/semantic.dimension.json", - "isSource": false, - "original": { - "description": "Use to define the default weight for heading text", - "type": "number", - "value": "{global.font.weight.300}" - }, - "name": "pf-t--global--font--weight--heading--default", - "attributes": { - "category": "global", - "type": "font", - "item": "weight", - "subitem": "heading", - "state": "default" - }, - "path": [ - "global", - "font", - "weight", - "heading", - "default" - ], - "references": [ - { - "type": "number", - "value": 500, - "filePath": "tokens/default/base.dimension.json", - "isSource": false, - "original": { - "type": "number", - "value": 500 - }, - "name": "pf-t--global--font--weight--300", - "attributes": { - "category": "global", - "type": "font", - "item": "weight", - "subitem": "300" - }, - "path": [ - "global", - "font", - "weight", - "300" - ] - } - ] - } - }, - "pf-t--global--font--weight--heading--bold": { - "default": { - "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, - "original": { - "description": "Use to define the bold weight for heading text, often used to add emphasis.", - "type": "number", - "value": "{global.font.weight.400}" - }, - "name": "pf-t--global--font--weight--heading--bold", - "attributes": { - "category": "global", - "type": "font", - "item": "weight", - "subitem": "heading", - "state": "bold" - }, - "path": [ - "global", - "font", - "weight", - "heading", - "bold" - ], - "references": [ - { - "type": "number", - "value": 700, - "filePath": "tokens/default/base.dimension.json", - "isSource": false, - "original": { - "type": "number", - "value": 700 - }, - "name": "pf-t--global--font--weight--400", - "attributes": { - "category": "global", - "type": "font", - "item": "weight", - "subitem": "400" - }, - "path": [ - "global", - "font", - "weight", - "400" - ] - } - ] - } - }, "pf-t--global--font--line-height--body": { "default": { "description": "Use to define the line height for body text", @@ -33661,6 +33833,222 @@ ] } }, + "pf-t--global--font--weight--body--default": { + "default": { + "description": "Use to define the default weight for body text", + "type": "number", + "value": 400, + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use to define the default weight for body text", + "type": "number", + "value": "{global.font.weight.100}" + }, + "name": "pf-t--global--font--weight--body--default", + "attributes": { + "category": "global", + "type": "font", + "item": "weight", + "subitem": "body", + "state": "default" + }, + "path": [ + "global", + "font", + "weight", + "body", + "default" + ], + "references": [ + { + "type": "number", + "value": 400, + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 400 + }, + "name": "pf-t--global--font--weight--100", + "attributes": { + "category": "global", + "type": "font", + "item": "weight", + "subitem": "100" + }, + "path": [ + "global", + "font", + "weight", + "100" + ] + } + ] + } + }, + "pf-t--global--font--weight--body--bold": { + "default": { + "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, + "original": { + "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}" + }, + "name": "pf-t--global--font--weight--body--bold", + "attributes": { + "category": "global", + "type": "font", + "item": "weight", + "subitem": "body", + "state": "bold" + }, + "path": [ + "global", + "font", + "weight", + "body", + "bold" + ], + "references": [ + { + "type": "number", + "value": 500, + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 500 + }, + "name": "pf-t--global--font--weight--200", + "attributes": { + "category": "global", + "type": "font", + "item": "weight", + "subitem": "200" + }, + "path": [ + "global", + "font", + "weight", + "200" + ] + } + ] + } + }, + "pf-t--global--font--weight--heading--default": { + "default": { + "description": "Use to define the default weight for heading text", + "type": "number", + "value": 500, + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use to define the default weight for heading text", + "type": "number", + "value": "{global.font.weight.300}" + }, + "name": "pf-t--global--font--weight--heading--default", + "attributes": { + "category": "global", + "type": "font", + "item": "weight", + "subitem": "heading", + "state": "default" + }, + "path": [ + "global", + "font", + "weight", + "heading", + "default" + ], + "references": [ + { + "type": "number", + "value": 500, + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 500 + }, + "name": "pf-t--global--font--weight--300", + "attributes": { + "category": "global", + "type": "font", + "item": "weight", + "subitem": "300" + }, + "path": [ + "global", + "font", + "weight", + "300" + ] + } + ] + } + }, + "pf-t--global--font--weight--heading--bold": { + "default": { + "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, + "original": { + "description": "Use to define the bold weight for heading text, often used to add emphasis.", + "type": "number", + "value": "{global.font.weight.400}" + }, + "name": "pf-t--global--font--weight--heading--bold", + "attributes": { + "category": "global", + "type": "font", + "item": "weight", + "subitem": "heading", + "state": "bold" + }, + "path": [ + "global", + "font", + "weight", + "heading", + "bold" + ], + "references": [ + { + "type": "number", + "value": 700, + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 700 + }, + "name": "pf-t--global--font--weight--400", + "attributes": { + "category": "global", + "type": "font", + "item": "weight", + "subitem": "400" + }, + "path": [ + "global", + "font", + "weight", + "400" + ] + } + ] + } + }, "pf-t--global--font--size--body--sm": { "default": { "description": "Use for a smaller font size in body sections.", @@ -35412,13 +35800,13 @@ "default": { "description": "Use to define the X value for a small box-shadow that appears on the left of a raised element, like in sticky columns.", "type": "number", - "value": "-1px", + "value": "-4px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { "description": "Use to define the X value for a small box-shadow that appears on the left of a raised element, like in sticky columns.", "type": "number", - "value": "{global.box-shadow.X.300}" + "value": "{global.box-shadow.X.200}" }, "name": "pf-t--global--box-shadow--X--sm--left", "attributes": { @@ -35438,25 +35826,25 @@ "references": [ { "type": "number", - "value": "-1px", + "value": "-4px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": -1 + "value": -4 }, - "name": "pf-t--global--box-shadow--X--300", + "name": "pf-t--global--box-shadow--X--200", "attributes": { "category": "global", "type": "box-shadow", "item": "X", - "subitem": "300" + "subitem": "200" }, "path": [ "global", "box-shadow", "X", - "300" + "200" ] } ] @@ -35466,13 +35854,13 @@ "default": { "description": "Use to define the X value for a small box-shadow that appears on the right of a raised element, like in sticky columns.", "type": "number", - "value": "1px", + "value": "4px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { "description": "Use to define the X value for a small box-shadow that appears on the right of a raised element, like in sticky columns.", "type": "number", - "value": "{global.box-shadow.X.500}" + "value": "{global.box-shadow.X.600}" }, "name": "pf-t--global--box-shadow--X--sm--right", "attributes": { @@ -35492,25 +35880,25 @@ "references": [ { "type": "number", - "value": "1px", + "value": "4px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 1 + "value": 4 }, - "name": "pf-t--global--box-shadow--X--500", + "name": "pf-t--global--box-shadow--X--600", "attributes": { "category": "global", "type": "box-shadow", "item": "X", - "subitem": "500" + "subitem": "600" }, "path": [ "global", "box-shadow", "X", - "500" + "600" ] } ] @@ -35682,13 +36070,13 @@ "default": { "description": "Use to define the X value for a medium box-shadow that appears on the left of a raised element, like in overlay drawers that show on the right of the screen.", "type": "number", - "value": "-4px", + "value": "-10px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { "description": "Use to define the X value for a medium box-shadow that appears on the left of a raised element, like in overlay drawers that show on the right of the screen.", "type": "number", - "value": "{global.box-shadow.X.200}" + "value": "{global.box-shadow.X.100}" }, "name": "pf-t--global--box-shadow--X--md--left", "attributes": { @@ -35708,25 +36096,25 @@ "references": [ { "type": "number", - "value": "-4px", + "value": "-10px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": -4 + "value": -10 }, - "name": "pf-t--global--box-shadow--X--200", + "name": "pf-t--global--box-shadow--X--100", "attributes": { "category": "global", "type": "box-shadow", "item": "X", - "subitem": "200" + "subitem": "100" }, "path": [ "global", "box-shadow", "X", - "200" + "100" ] } ] @@ -35736,13 +36124,13 @@ "default": { "description": "Use to define the X value for a medium box-shadow that appears on the right of a raised element, like in overlay drawers that show on the left of the screen.", "type": "number", - "value": "4px", + "value": "10px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { "description": "Use to define the X value for a medium box-shadow that appears on the right of a raised element, like in overlay drawers that show on the left of the screen.", "type": "number", - "value": "{global.box-shadow.X.600}" + "value": "{global.box-shadow.X.700}" }, "name": "pf-t--global--box-shadow--X--md--right", "attributes": { @@ -35762,25 +36150,25 @@ "references": [ { "type": "number", - "value": "4px", + "value": "10px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 4 + "value": 10 }, - "name": "pf-t--global--box-shadow--X--600", + "name": "pf-t--global--box-shadow--X--700", "attributes": { "category": "global", "type": "box-shadow", "item": "X", - "subitem": "600" + "subitem": "700" }, "path": [ "global", "box-shadow", "X", - "600" + "700" ] } ] @@ -35952,13 +36340,13 @@ "default": { "description": "Use to define the X value for a large box-shadow that appears on the left of a raised element.", "type": "number", - "value": "-8px", + "value": "-20px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { "description": "Use to define the X value for a large box-shadow that appears on the left of a raised element.", "type": "number", - "value": "{global.box-shadow.X.100}" + "value": "{global.box-shadow.X.50}" }, "name": "pf-t--global--box-shadow--X--lg--left", "attributes": { @@ -35978,25 +36366,25 @@ "references": [ { "type": "number", - "value": "-8px", + "value": "-20px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": -8 + "value": -20 }, - "name": "pf-t--global--box-shadow--X--100", + "name": "pf-t--global--box-shadow--X--50", "attributes": { "category": "global", "type": "box-shadow", "item": "X", - "subitem": "100" + "subitem": "50" }, "path": [ "global", "box-shadow", "X", - "100" + "50" ] } ] @@ -36006,13 +36394,13 @@ "default": { "description": "Use to define the X value for a large box-shadow that appears on the right of a raised element.", "type": "number", - "value": "8px", + "value": "20px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { "description": "Use to define the X value for a large box-shadow that appears on the right of a raised element.", "type": "number", - "value": "{global.box-shadow.X.700}" + "value": "{global.box-shadow.X.800}" }, "name": "pf-t--global--box-shadow--X--lg--right", "attributes": { @@ -36032,25 +36420,25 @@ "references": [ { "type": "number", - "value": "8px", + "value": "20px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 8 + "value": 20 }, - "name": "pf-t--global--box-shadow--X--700", + "name": "pf-t--global--box-shadow--X--800", "attributes": { "category": "global", "type": "box-shadow", "item": "X", - "subitem": "700" + "subitem": "800" }, "path": [ "global", "box-shadow", "X", - "700" + "800" ] } ] @@ -36114,13 +36502,13 @@ "default": { "description": "Use to define the Y value for a small box-shadow that appears on the top of a raised element, like in sticky footers", "type": "number", - "value": "-1px", + "value": "-4px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { "description": "Use to define the Y value for a small box-shadow that appears on the top of a raised element, like in sticky footers", "type": "number", - "value": "{global.box-shadow.Y.300}" + "value": "{global.box-shadow.Y.200}" }, "name": "pf-t--global--box-shadow--Y--sm--top", "attributes": { @@ -36140,25 +36528,25 @@ "references": [ { "type": "number", - "value": "-1px", + "value": "-4px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": -1 + "value": -4 }, - "name": "pf-t--global--box-shadow--Y--300", + "name": "pf-t--global--box-shadow--Y--200", "attributes": { "category": "global", "type": "box-shadow", "item": "Y", - "subitem": "300" + "subitem": "200" }, "path": [ "global", "box-shadow", "Y", - "300" + "200" ] } ] @@ -36168,13 +36556,13 @@ "default": { "description": "Use to define the Y value for a small box-shadow that appears on the bottom of a raised element, like in sticky headers.", "type": "number", - "value": "1px", + "value": "4px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { "description": "Use to define the Y value for a small box-shadow that appears on the bottom of a raised element, like in sticky headers.", "type": "number", - "value": "{global.box-shadow.Y.500}" + "value": "{global.box-shadow.Y.600}" }, "name": "pf-t--global--box-shadow--Y--sm--bottom", "attributes": { @@ -36194,25 +36582,25 @@ "references": [ { "type": "number", - "value": "1px", + "value": "4px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 1 + "value": 4 }, - "name": "pf-t--global--box-shadow--Y--500", + "name": "pf-t--global--box-shadow--Y--600", "attributes": { "category": "global", "type": "box-shadow", "item": "Y", - "subitem": "500" + "subitem": "600" }, "path": [ "global", "box-shadow", "Y", - "500" + "600" ] } ] @@ -36384,13 +36772,13 @@ "default": { "description": "Use to define the Y value for a medium box-shadow that appears on the top of a raised element, like in overlay bottom drawers", "type": "number", - "value": "-4px", + "value": "-10px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { "description": "Use to define the Y value for a medium box-shadow that appears on the top of a raised element, like in overlay bottom drawers", "type": "number", - "value": "{global.box-shadow.Y.200}" + "value": "{global.box-shadow.Y.100}" }, "name": "pf-t--global--box-shadow--Y--md--top", "attributes": { @@ -36410,25 +36798,25 @@ "references": [ { "type": "number", - "value": "-4px", + "value": "-10px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": -4 + "value": -10 }, - "name": "pf-t--global--box-shadow--Y--200", + "name": "pf-t--global--box-shadow--Y--100", "attributes": { "category": "global", "type": "box-shadow", "item": "Y", - "subitem": "200" + "subitem": "100" }, "path": [ "global", "box-shadow", "Y", - "200" + "100" ] } ] @@ -36438,13 +36826,13 @@ "default": { "description": "Use to define the Y value for a medium box-shadow that appears on the bottom of a raised element.", "type": "number", - "value": "4px", + "value": "10px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { "description": "Use to define the Y value for a medium box-shadow that appears on the bottom of a raised element.", "type": "number", - "value": "{global.box-shadow.Y.600}" + "value": "{global.box-shadow.Y.700}" }, "name": "pf-t--global--box-shadow--Y--md--bottom", "attributes": { @@ -36464,25 +36852,25 @@ "references": [ { "type": "number", - "value": "4px", + "value": "10px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 4 + "value": 10 }, - "name": "pf-t--global--box-shadow--Y--600", + "name": "pf-t--global--box-shadow--Y--700", "attributes": { "category": "global", "type": "box-shadow", "item": "Y", - "subitem": "600" + "subitem": "700" }, "path": [ "global", "box-shadow", "Y", - "600" + "700" ] } ] @@ -36600,7 +36988,7 @@ "default": { "description": "Use to define the Y value for a default large box-shadow, used in modals and wizards.", "type": "number", - "value": "8px", + "value": "10px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { @@ -36626,12 +37014,12 @@ "references": [ { "type": "number", - "value": "8px", + "value": "10px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 8 + "value": 10 }, "name": "pf-t--global--box-shadow--Y--700", "attributes": { @@ -36654,13 +37042,13 @@ "default": { "description": "Use to define the Y value for a large box-shadow that appears on the top of a raised element.", "type": "number", - "value": "-8px", + "value": "-20px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { "description": "Use to define the Y value for a large box-shadow that appears on the top of a raised element.", "type": "number", - "value": "{global.box-shadow.Y.100}" + "value": "{global.box-shadow.Y.50}" }, "name": "pf-t--global--box-shadow--Y--lg--top", "attributes": { @@ -36680,25 +37068,25 @@ "references": [ { "type": "number", - "value": "-8px", + "value": "-20px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": -8 + "value": -20 }, - "name": "pf-t--global--box-shadow--Y--100", + "name": "pf-t--global--box-shadow--Y--50", "attributes": { "category": "global", "type": "box-shadow", "item": "Y", - "subitem": "100" + "subitem": "50" }, "path": [ "global", "box-shadow", "Y", - "100" + "50" ] } ] @@ -36708,13 +37096,13 @@ "default": { "description": "Use to define the Y value for a large box-shadow that appears on the bottom of a raised element.", "type": "number", - "value": "8px", + "value": "20px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { "description": "Use to define the Y value for a large box-shadow that appears on the bottom of a raised element.", "type": "number", - "value": "{global.box-shadow.Y.700}" + "value": "{global.box-shadow.Y.800}" }, "name": "pf-t--global--box-shadow--Y--lg--bottom", "attributes": { @@ -36734,25 +37122,25 @@ "references": [ { "type": "number", - "value": "8px", + "value": "20px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 8 + "value": 20 }, - "name": "pf-t--global--box-shadow--Y--700", + "name": "pf-t--global--box-shadow--Y--800", "attributes": { "category": "global", "type": "box-shadow", "item": "Y", - "subitem": "700" + "subitem": "800" }, "path": [ "global", "box-shadow", "Y", - "700" + "800" ] } ] @@ -36922,7 +37310,7 @@ "default": { "description": "Use to define the blur for a medium box-shadow", "type": "number", - "value": "8px", + "value": "9px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { @@ -36946,12 +37334,12 @@ "references": [ { "type": "number", - "value": "8px", + "value": "9px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 8 + "value": 9 }, "name": "pf-t--global--box-shadow--blur--200", "attributes": { @@ -36974,7 +37362,7 @@ "default": { "description": "Use to define the blue for a large box-shadow", "type": "number", - "value": "24px", + "value": "20px", "filePath": "tokens/default/semantic.dimension.json", "isSource": false, "original": { @@ -36998,12 +37386,12 @@ "references": [ { "type": "number", - "value": "24px", + "value": "20px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 24 + "value": 20 }, "name": "pf-t--global--box-shadow--blur--300", "attributes": { @@ -37022,7 +37410,7 @@ ] } }, - "pf-t--global--box-shadow--spread--sm": { + "pf-t--global--box-shadow--spread--sm--default": { "default": { "description": "Use to define the spread for a small box-shadow", "type": "number", @@ -37034,18 +37422,20 @@ "type": "number", "value": "{global.box-shadow.spread.100}" }, - "name": "pf-t--global--box-shadow--spread--sm", + "name": "pf-t--global--box-shadow--spread--sm--default", "attributes": { "category": "global", "type": "box-shadow", "item": "spread", - "subitem": "sm" + "subitem": "sm", + "state": "default" }, "path": [ "global", "box-shadow", "spread", - "sm" + "sm", + "default" ], "references": [ { @@ -37074,7 +37464,61 @@ ] } }, - "pf-t--global--box-shadow--spread--md": { + "pf-t--global--box-shadow--spread--sm--directional": { + "default": { + "description": "Use to define the spread for a small box-shadow", + "type": "number", + "value": "-4px", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use to define the spread for a small box-shadow", + "type": "number", + "value": "{global.box-shadow.spread.200}" + }, + "name": "pf-t--global--box-shadow--spread--sm--directional", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "sm", + "state": "directional" + }, + "path": [ + "global", + "box-shadow", + "spread", + "sm", + "directional" + ], + "references": [ + { + "type": "number", + "value": "-4px", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": -4 + }, + "name": "pf-t--global--box-shadow--spread--200", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "200" + }, + "path": [ + "global", + "box-shadow", + "spread", + "200" + ] + } + ] + } + }, + "pf-t--global--box-shadow--spread--md--default": { "default": { "description": "Use to define the spread of a medium box-shadow", "type": "number", @@ -37086,18 +37530,20 @@ "type": "number", "value": "{global.box-shadow.spread.100}" }, - "name": "pf-t--global--box-shadow--spread--md", + "name": "pf-t--global--box-shadow--spread--md--default", "attributes": { "category": "global", "type": "box-shadow", "item": "spread", - "subitem": "md" + "subitem": "md", + "state": "default" }, "path": [ "global", "box-shadow", "spread", - "md" + "md", + "default" ], "references": [ { @@ -37126,7 +37572,61 @@ ] } }, - "pf-t--global--box-shadow--spread--lg": { + "pf-t--global--box-shadow--spread--md--directional": { + "default": { + "description": "Use to define the spread of a medium box-shadow", + "type": "number", + "value": "-8px", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use to define the spread of a medium box-shadow", + "type": "number", + "value": "{global.box-shadow.spread.300}" + }, + "name": "pf-t--global--box-shadow--spread--md--directional", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "md", + "state": "directional" + }, + "path": [ + "global", + "box-shadow", + "spread", + "md", + "directional" + ], + "references": [ + { + "type": "number", + "value": "-8px", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": -8 + }, + "name": "pf-t--global--box-shadow--spread--300", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "300" + }, + "path": [ + "global", + "box-shadow", + "spread", + "300" + ] + } + ] + } + }, + "pf-t--global--box-shadow--spread--lg--default": { "default": { "description": "Use to define the spread of a large box-shadow", "type": "number", @@ -37138,18 +37638,20 @@ "type": "number", "value": "{global.box-shadow.spread.100}" }, - "name": "pf-t--global--box-shadow--spread--lg", + "name": "pf-t--global--box-shadow--spread--lg--default", "attributes": { "category": "global", "type": "box-shadow", "item": "spread", - "subitem": "lg" + "subitem": "lg", + "state": "default" }, "path": [ "global", "box-shadow", "spread", - "lg" + "lg", + "default" ], "references": [ { @@ -37178,6 +37680,60 @@ ] } }, + "pf-t--global--box-shadow--spread--lg--directional": { + "default": { + "description": "Use to define the spread of a large box-shadow", + "type": "number", + "value": "-20px", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": false, + "original": { + "description": "Use to define the spread of a large box-shadow", + "type": "number", + "value": "{global.box-shadow.spread.400}" + }, + "name": "pf-t--global--box-shadow--spread--lg--directional", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "lg", + "state": "directional" + }, + "path": [ + "global", + "box-shadow", + "spread", + "lg", + "directional" + ], + "references": [ + { + "type": "number", + "value": "-20px", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": -20 + }, + "name": "pf-t--global--box-shadow--spread--400", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "400" + }, + "path": [ + "global", + "box-shadow", + "spread", + "400" + ] + } + ] + } + }, "pf-t--global--breakpoint--xs": { "default": { "description": "Use to define an extra small breakpoint, which is the minimum width at which an effect applies to an element, in order to support responsive design.", @@ -40481,12 +41037,12 @@ "pf-t--global--box-shadow--color--100": { "default": { "type": "color", - "value": "rgba(0, 0, 0, 0.1600)", + "value": "rgba(41, 41, 41, 0.1500)", "filePath": "tokens/default/base.json", "isSource": false, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.1600)" + "value": "rgba(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -40506,12 +41062,12 @@ "pf-t--global--box-shadow--color--200": { "default": { "type": "color", - "value": "rgba(0, 0, 0, 0.1200)", + "value": "rgba(41, 41, 41, 0.2000)", "filePath": "tokens/default/base.json", "isSource": false, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.1200)" + "value": "rgba(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -40718,6 +41274,54 @@ ] } }, + "pf-t--global--background--color--450": { + "default": { + "type": "color", + "value": "#383838", + "filePath": "tokens/default/base.json", + "isSource": false, + "original": { + "type": "color", + "value": "{color.gray.70}" + }, + "name": "pf-t--global--background--color--450", + "attributes": { + "category": "global", + "type": "background", + "item": "color", + "subitem": "450" + }, + "path": [ + "global", + "background", + "color", + "450" + ], + "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--500": { "default": { "type": "color", @@ -44042,6 +44646,56 @@ ] } }, + "pf-t--global--dark--background--color--450": { + "dark": { + "type": "color", + "value": "#e0e0e0", + "filePath": "tokens/dark/base.dark.json", + "isSource": true, + "original": { + "type": "color", + "value": "{color.gray.20}" + }, + "name": "pf-t--global--dark--background--color--450", + "attributes": { + "category": "global", + "type": "dark", + "item": "background", + "subitem": "color", + "state": "450" + }, + "path": [ + "global", + "dark", + "background", + "color", + "450" + ], + "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--dark--background--color--500": { "dark": { "type": "color", @@ -44598,919 +45252,919 @@ ] } }, - "pf-t--global--dark--color--status--success--100": { + "pf-t--global--dark--color--severity--undefined--100": { "dark": { "type": "color", - "value": "#87bb62", + "value": "#a3a3a3", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.green.40}" + "value": "{color.gray.40}" }, - "name": "pf-t--global--dark--color--status--success--100", + "name": "pf-t--global--dark--color--severity--undefined--100", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "status", - "state": "success" + "subitem": "severity", + "state": "undefined" }, "path": [ "global", "dark", "color", - "status", - "success", + "severity", + "undefined", "100" ], "references": [ { "type": "color", - "value": "#87bb62", + "value": "#a3a3a3", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#87bb62" + "value": "#a3a3a3" }, - "name": "pf-t--color--green--40", + "name": "pf-t--color--gray--40", "attributes": { "category": "color", - "type": "green", + "type": "gray", "item": "40" }, "path": [ "color", - "green", + "gray", "40" ] } ] } }, - "pf-t--global--dark--color--status--success--200": { + "pf-t--global--dark--color--severity--none--100": { "dark": { "type": "color", - "value": "#afdc8f", + "value": "#92c5f9", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.green.30}" + "value": "{color.blue.30}" }, - "name": "pf-t--global--dark--color--status--success--200", + "name": "pf-t--global--dark--color--severity--none--100", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "status", - "state": "success" + "subitem": "severity", + "state": "none" }, "path": [ "global", "dark", "color", - "status", - "success", - "200" + "severity", + "none", + "100" ], "references": [ { "type": "color", - "value": "#afdc8f", + "value": "#92c5f9", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#afdc8f" + "value": "#92c5f9" }, - "name": "pf-t--color--green--30", + "name": "pf-t--color--blue--30", "attributes": { "category": "color", - "type": "green", + "type": "blue", "item": "30" }, "path": [ "color", - "green", + "blue", "30" ] } ] } }, - "pf-t--global--dark--color--status--warning--100": { + "pf-t--global--dark--color--severity--minor--100": { "dark": { "type": "color", - "value": "#ffcc17", + "value": "#c7c7c7", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.yellow.30}" + "value": "{color.gray.30}" }, - "name": "pf-t--global--dark--color--status--warning--100", + "name": "pf-t--global--dark--color--severity--minor--100", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "status", - "state": "warning" + "subitem": "severity", + "state": "minor" }, "path": [ "global", "dark", "color", - "status", - "warning", + "severity", + "minor", "100" ], "references": [ { "type": "color", - "value": "#ffcc17", + "value": "#c7c7c7", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#ffcc17" + "value": "#c7c7c7" }, - "name": "pf-t--color--yellow--30", + "name": "pf-t--color--gray--30", "attributes": { "category": "color", - "type": "yellow", + "type": "gray", "item": "30" }, "path": [ "color", - "yellow", + "gray", "30" ] } ] } }, - "pf-t--global--dark--color--status--warning--200": { + "pf-t--global--dark--color--severity--moderate--100": { "dark": { "type": "color", - "value": "#ffe072", + "value": "#ffcc17", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.yellow.20}" + "value": "{color.yellow.30}" }, - "name": "pf-t--global--dark--color--status--warning--200", + "name": "pf-t--global--dark--color--severity--moderate--100", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "status", - "state": "warning" + "subitem": "severity", + "state": "moderate" }, "path": [ "global", "dark", "color", - "status", - "warning", - "200" + "severity", + "moderate", + "100" ], "references": [ { "type": "color", - "value": "#ffe072", + "value": "#ffcc17", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#ffe072" + "value": "#ffcc17" }, - "name": "pf-t--color--yellow--20", + "name": "pf-t--color--yellow--30", "attributes": { "category": "color", "type": "yellow", - "item": "20" + "item": "30" }, "path": [ "color", "yellow", - "20" + "30" ] } ] } }, - "pf-t--global--dark--color--status--danger--100": { + "pf-t--global--dark--color--severity--important--100": { "dark": { "type": "color", - "value": "#f0561d", + "value": "#f5921b", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.red-orange.50}" + "value": "{color.orange.40}" }, - "name": "pf-t--global--dark--color--status--danger--100", + "name": "pf-t--global--dark--color--severity--important--100", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "status", - "state": "danger" + "subitem": "severity", + "state": "important" }, "path": [ "global", "dark", "color", - "status", - "danger", + "severity", + "important", "100" ], "references": [ { "type": "color", - "value": "#f0561d", + "value": "#f5921b", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#f0561d" + "value": "#f5921b" }, - "name": "pf-t--color--red-orange--50", + "name": "pf-t--color--orange--40", "attributes": { "category": "color", - "type": "red-orange", - "item": "50" + "type": "orange", + "item": "40" }, "path": [ "color", - "red-orange", - "50" + "orange", + "40" ] } ] } }, - "pf-t--global--dark--color--status--danger--200": { + "pf-t--global--dark--color--severity--critical--100": { "dark": { "type": "color", - "value": "#f4784a", + "value": "#f0561d", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.red-orange.40}" + "value": "{color.red-orange.50}" }, - "name": "pf-t--global--dark--color--status--danger--200", + "name": "pf-t--global--dark--color--severity--critical--100", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "status", - "state": "danger" + "subitem": "severity", + "state": "critical" }, "path": [ "global", "dark", "color", - "status", - "danger", - "200" + "severity", + "critical", + "100" ], "references": [ { "type": "color", - "value": "#f4784a", + "value": "#f0561d", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#f4784a" + "value": "#f0561d" }, - "name": "pf-t--color--red-orange--40", + "name": "pf-t--color--red-orange--50", "attributes": { "category": "color", "type": "red-orange", - "item": "40" + "item": "50" }, "path": [ "color", "red-orange", - "40" + "50" ] } ] } }, - "pf-t--global--dark--color--status--danger--250": { + "pf-t--global--dark--color--status--success--100": { "dark": { "type": "color", - "value": "#f89b78", + "value": "#87bb62", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.red-orange.30}" + "value": "{color.green.40}" }, - "name": "pf-t--global--dark--color--status--danger--250", + "name": "pf-t--global--dark--color--status--success--100", "attributes": { "category": "global", "type": "dark", "item": "color", "subitem": "status", - "state": "danger" + "state": "success" }, "path": [ "global", "dark", "color", "status", - "danger", - "250" + "success", + "100" ], "references": [ { "type": "color", - "value": "#f89b78", + "value": "#87bb62", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#f89b78" + "value": "#87bb62" }, - "name": "pf-t--color--red-orange--30", + "name": "pf-t--color--green--40", "attributes": { "category": "color", - "type": "red-orange", - "item": "30" + "type": "green", + "item": "40" }, "path": [ "color", - "red-orange", - "30" + "green", + "40" ] } ] } }, - "pf-t--global--dark--color--status--danger--300": { + "pf-t--global--dark--color--status--success--200": { "dark": { "type": "color", - "value": "#fbbea8", + "value": "#afdc8f", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.red-orange.20}" + "value": "{color.green.30}" }, - "name": "pf-t--global--dark--color--status--danger--300", + "name": "pf-t--global--dark--color--status--success--200", "attributes": { "category": "global", "type": "dark", "item": "color", "subitem": "status", - "state": "danger" + "state": "success" }, "path": [ "global", "dark", "color", "status", - "danger", - "300" + "success", + "200" ], "references": [ { "type": "color", - "value": "#fbbea8", + "value": "#afdc8f", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#fbbea8" + "value": "#afdc8f" }, - "name": "pf-t--color--red-orange--20", + "name": "pf-t--color--green--30", "attributes": { "category": "color", - "type": "red-orange", - "item": "20" + "type": "green", + "item": "30" }, "path": [ "color", - "red-orange", - "20" + "green", + "30" ] } ] } }, - "pf-t--global--dark--color--status--info--100": { + "pf-t--global--dark--color--status--warning--100": { "dark": { "type": "color", - "value": "#b6a6e9", + "value": "#ffcc17", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.purple.30}" + "value": "{color.yellow.30}" }, - "name": "pf-t--global--dark--color--status--info--100", + "name": "pf-t--global--dark--color--status--warning--100", "attributes": { "category": "global", "type": "dark", "item": "color", "subitem": "status", - "state": "info" + "state": "warning" }, "path": [ "global", "dark", "color", "status", - "info", + "warning", "100" ], "references": [ { "type": "color", - "value": "#b6a6e9", + "value": "#ffcc17", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#b6a6e9" + "value": "#ffcc17" }, - "name": "pf-t--color--purple--30", + "name": "pf-t--color--yellow--30", "attributes": { "category": "color", - "type": "purple", + "type": "yellow", "item": "30" }, "path": [ "color", - "purple", + "yellow", "30" ] } ] } }, - "pf-t--global--dark--color--status--info--200": { + "pf-t--global--dark--color--status--warning--200": { "dark": { "type": "color", - "value": "#d0c5f4", + "value": "#ffe072", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.purple.20}" + "value": "{color.yellow.20}" }, - "name": "pf-t--global--dark--color--status--info--200", + "name": "pf-t--global--dark--color--status--warning--200", "attributes": { "category": "global", "type": "dark", "item": "color", "subitem": "status", - "state": "info" + "state": "warning" }, "path": [ "global", "dark", "color", "status", - "info", + "warning", "200" ], "references": [ { "type": "color", - "value": "#d0c5f4", + "value": "#ffe072", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#d0c5f4" + "value": "#ffe072" }, - "name": "pf-t--color--purple--20", + "name": "pf-t--color--yellow--20", "attributes": { "category": "color", - "type": "purple", + "type": "yellow", "item": "20" }, "path": [ "color", - "purple", + "yellow", "20" ] } ] } }, - "pf-t--global--dark--color--status--custom--100": { + "pf-t--global--dark--color--status--danger--100": { "dark": { "type": "color", - "value": "#63bdbd", + "value": "#f0561d", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.teal.40}" + "value": "{color.red-orange.50}" }, - "name": "pf-t--global--dark--color--status--custom--100", + "name": "pf-t--global--dark--color--status--danger--100", "attributes": { "category": "global", "type": "dark", "item": "color", "subitem": "status", - "state": "custom" + "state": "danger" }, "path": [ "global", "dark", "color", "status", - "custom", + "danger", "100" ], "references": [ { "type": "color", - "value": "#63bdbd", + "value": "#f0561d", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#63bdbd" + "value": "#f0561d" }, - "name": "pf-t--color--teal--40", + "name": "pf-t--color--red-orange--50", "attributes": { "category": "color", - "type": "teal", - "item": "40" + "type": "red-orange", + "item": "50" }, "path": [ "color", - "teal", - "40" + "red-orange", + "50" ] } ] } }, - "pf-t--global--dark--color--status--custom--200": { + "pf-t--global--dark--color--status--danger--200": { "dark": { "type": "color", - "value": "#9ad8d8", + "value": "#f4784a", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.teal.30}" + "value": "{color.red-orange.40}" }, - "name": "pf-t--global--dark--color--status--custom--200", + "name": "pf-t--global--dark--color--status--danger--200", "attributes": { "category": "global", "type": "dark", "item": "color", "subitem": "status", - "state": "custom" + "state": "danger" }, "path": [ "global", "dark", "color", "status", - "custom", + "danger", "200" ], "references": [ { "type": "color", - "value": "#9ad8d8", + "value": "#f4784a", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#9ad8d8" + "value": "#f4784a" }, - "name": "pf-t--color--teal--30", + "name": "pf-t--color--red-orange--40", "attributes": { "category": "color", - "type": "teal", - "item": "30" + "type": "red-orange", + "item": "40" }, "path": [ "color", - "teal", - "30" + "red-orange", + "40" ] } ] } }, - "pf-t--global--dark--color--severity--undefined--100": { + "pf-t--global--dark--color--status--danger--250": { "dark": { "type": "color", - "value": "#a3a3a3", + "value": "#f89b78", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.40}" + "value": "{color.red-orange.30}" }, - "name": "pf-t--global--dark--color--severity--undefined--100", + "name": "pf-t--global--dark--color--status--danger--250", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "severity", - "state": "undefined" + "subitem": "status", + "state": "danger" }, "path": [ "global", "dark", "color", - "severity", - "undefined", - "100" + "status", + "danger", + "250" ], "references": [ { "type": "color", - "value": "#a3a3a3", + "value": "#f89b78", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#a3a3a3" + "value": "#f89b78" }, - "name": "pf-t--color--gray--40", + "name": "pf-t--color--red-orange--30", "attributes": { "category": "color", - "type": "gray", - "item": "40" + "type": "red-orange", + "item": "30" }, "path": [ "color", - "gray", - "40" + "red-orange", + "30" ] } ] } }, - "pf-t--global--dark--color--severity--none--100": { + "pf-t--global--dark--color--status--danger--300": { "dark": { "type": "color", - "value": "#92c5f9", + "value": "#fbbea8", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.blue.30}" + "value": "{color.red-orange.20}" }, - "name": "pf-t--global--dark--color--severity--none--100", + "name": "pf-t--global--dark--color--status--danger--300", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "severity", - "state": "none" + "subitem": "status", + "state": "danger" }, "path": [ "global", "dark", "color", - "severity", - "none", - "100" + "status", + "danger", + "300" ], "references": [ { "type": "color", - "value": "#92c5f9", + "value": "#fbbea8", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#92c5f9" + "value": "#fbbea8" }, - "name": "pf-t--color--blue--30", + "name": "pf-t--color--red-orange--20", "attributes": { "category": "color", - "type": "blue", - "item": "30" + "type": "red-orange", + "item": "20" }, "path": [ "color", - "blue", - "30" + "red-orange", + "20" ] } ] } }, - "pf-t--global--dark--color--severity--minor--100": { + "pf-t--global--dark--color--status--info--100": { "dark": { "type": "color", - "value": "#c7c7c7", + "value": "#b6a6e9", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.30}" + "value": "{color.purple.30}" }, - "name": "pf-t--global--dark--color--severity--minor--100", + "name": "pf-t--global--dark--color--status--info--100", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "severity", - "state": "minor" + "subitem": "status", + "state": "info" }, "path": [ "global", "dark", "color", - "severity", - "minor", + "status", + "info", "100" ], "references": [ { "type": "color", - "value": "#c7c7c7", + "value": "#b6a6e9", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#c7c7c7" + "value": "#b6a6e9" }, - "name": "pf-t--color--gray--30", + "name": "pf-t--color--purple--30", "attributes": { "category": "color", - "type": "gray", + "type": "purple", "item": "30" }, "path": [ "color", - "gray", + "purple", "30" ] } ] } }, - "pf-t--global--dark--color--severity--moderate--100": { + "pf-t--global--dark--color--status--info--200": { "dark": { "type": "color", - "value": "#ffcc17", + "value": "#d0c5f4", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.yellow.30}" + "value": "{color.purple.20}" }, - "name": "pf-t--global--dark--color--severity--moderate--100", + "name": "pf-t--global--dark--color--status--info--200", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "severity", - "state": "moderate" + "subitem": "status", + "state": "info" }, "path": [ "global", "dark", "color", - "severity", - "moderate", - "100" + "status", + "info", + "200" ], "references": [ { "type": "color", - "value": "#ffcc17", + "value": "#d0c5f4", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#ffcc17" + "value": "#d0c5f4" }, - "name": "pf-t--color--yellow--30", + "name": "pf-t--color--purple--20", "attributes": { "category": "color", - "type": "yellow", - "item": "30" + "type": "purple", + "item": "20" }, "path": [ "color", - "yellow", - "30" + "purple", + "20" ] } ] } }, - "pf-t--global--dark--color--severity--important--100": { + "pf-t--global--dark--color--status--custom--100": { "dark": { "type": "color", - "value": "#f5921b", + "value": "#63bdbd", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.orange.40}" + "value": "{color.teal.40}" }, - "name": "pf-t--global--dark--color--severity--important--100", + "name": "pf-t--global--dark--color--status--custom--100", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "severity", - "state": "important" + "subitem": "status", + "state": "custom" }, "path": [ "global", "dark", "color", - "severity", - "important", + "status", + "custom", "100" ], "references": [ { "type": "color", - "value": "#f5921b", + "value": "#63bdbd", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#f5921b" + "value": "#63bdbd" }, - "name": "pf-t--color--orange--40", + "name": "pf-t--color--teal--40", "attributes": { "category": "color", - "type": "orange", + "type": "teal", "item": "40" }, "path": [ "color", - "orange", + "teal", "40" ] } ] } }, - "pf-t--global--dark--color--severity--critical--100": { + "pf-t--global--dark--color--status--custom--200": { "dark": { "type": "color", - "value": "#f0561d", + "value": "#9ad8d8", "filePath": "tokens/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "{color.red-orange.50}" + "value": "{color.teal.30}" }, - "name": "pf-t--global--dark--color--severity--critical--100", + "name": "pf-t--global--dark--color--status--custom--200", "attributes": { "category": "global", "type": "dark", "item": "color", - "subitem": "severity", - "state": "critical" + "subitem": "status", + "state": "custom" }, "path": [ "global", "dark", "color", - "severity", - "critical", - "100" + "status", + "custom", + "200" ], "references": [ { "type": "color", - "value": "#f0561d", + "value": "#9ad8d8", "filePath": "tokens/dark/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#f0561d" + "value": "#9ad8d8" }, - "name": "pf-t--color--red-orange--50", + "name": "pf-t--color--teal--30", "attributes": { "category": "color", - "type": "red-orange", - "item": "50" + "type": "teal", + "item": "30" }, "path": [ "color", - "red-orange", - "50" + "teal", + "30" ] } ] @@ -47570,6 +48224,33 @@ "100" ] } + }, + "pf-t--global--dark--box-shadow--color--200": { + "dark": { + "type": "color", + "value": "rgba(0, 0, 0, 0.7000)", + "filePath": "tokens/dark/base.dark.json", + "isSource": true, + "original": { + "type": "color", + "value": "rgba(0, 0, 0, 0.7000)" + }, + "name": "pf-t--global--dark--box-shadow--color--200", + "attributes": { + "category": "global", + "type": "dark", + "item": "box-shadow", + "subitem": "color", + "state": "200" + }, + "path": [ + "global", + "dark", + "box-shadow", + "color", + "200" + ] + } } }, "dimension": { @@ -48132,106 +48813,6 @@ ] } }, - "pf-t--global--font--weight--100": { - "default": { - "type": "number", - "value": 400, - "filePath": "tokens/default/base.dimension.json", - "isSource": false, - "original": { - "type": "number", - "value": 400 - }, - "name": "pf-t--global--font--weight--100", - "attributes": { - "category": "global", - "type": "font", - "item": "weight", - "subitem": "100" - }, - "path": [ - "global", - "font", - "weight", - "100" - ] - } - }, - "pf-t--global--font--weight--200": { - "default": { - "type": "number", - "value": 500, - "filePath": "tokens/default/base.dimension.json", - "isSource": false, - "original": { - "type": "number", - "value": 500 - }, - "name": "pf-t--global--font--weight--200", - "attributes": { - "category": "global", - "type": "font", - "item": "weight", - "subitem": "200" - }, - "path": [ - "global", - "font", - "weight", - "200" - ] - } - }, - "pf-t--global--font--weight--300": { - "default": { - "type": "number", - "value": 500, - "filePath": "tokens/default/base.dimension.json", - "isSource": false, - "original": { - "type": "number", - "value": 500 - }, - "name": "pf-t--global--font--weight--300", - "attributes": { - "category": "global", - "type": "font", - "item": "weight", - "subitem": "300" - }, - "path": [ - "global", - "font", - "weight", - "300" - ] - } - }, - "pf-t--global--font--weight--400": { - "default": { - "type": "number", - "value": 700, - "filePath": "tokens/default/base.dimension.json", - "isSource": false, - "original": { - "type": "number", - "value": 700 - }, - "name": "pf-t--global--font--weight--400", - "attributes": { - "category": "global", - "type": "font", - "item": "weight", - "subitem": "400" - }, - "path": [ - "global", - "font", - "weight", - "400" - ] - } - }, "pf-t--global--font--line-height--100": { "default": { "type": "number", @@ -48282,6 +48863,106 @@ ] } }, + "pf-t--global--font--weight--100": { + "default": { + "type": "number", + "value": 400, + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 400 + }, + "name": "pf-t--global--font--weight--100", + "attributes": { + "category": "global", + "type": "font", + "item": "weight", + "subitem": "100" + }, + "path": [ + "global", + "font", + "weight", + "100" + ] + } + }, + "pf-t--global--font--weight--200": { + "default": { + "type": "number", + "value": 500, + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 500 + }, + "name": "pf-t--global--font--weight--200", + "attributes": { + "category": "global", + "type": "font", + "item": "weight", + "subitem": "200" + }, + "path": [ + "global", + "font", + "weight", + "200" + ] + } + }, + "pf-t--global--font--weight--300": { + "default": { + "type": "number", + "value": 500, + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 500 + }, + "name": "pf-t--global--font--weight--300", + "attributes": { + "category": "global", + "type": "font", + "item": "weight", + "subitem": "300" + }, + "path": [ + "global", + "font", + "weight", + "300" + ] + } + }, + "pf-t--global--font--weight--400": { + "default": { + "type": "number", + "value": 700, + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 700 + }, + "name": "pf-t--global--font--weight--400", + "attributes": { + "category": "global", + "type": "font", + "item": "weight", + "subitem": "400" + }, + "path": [ + "global", + "font", + "weight", + "400" + ] + } + }, "pf-t--global--font--size--100": { "default": { "type": "number", @@ -48695,15 +49376,40 @@ ] } }, + "pf-t--global--box-shadow--X--50": { + "default": { + "type": "number", + "value": "-20px", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": -20 + }, + "name": "pf-t--global--box-shadow--X--50", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "X", + "subitem": "50" + }, + "path": [ + "global", + "box-shadow", + "X", + "50" + ] + } + }, "pf-t--global--box-shadow--X--100": { "default": { "type": "number", - "value": "-8px", + "value": "-10px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": -8 + "value": -10 }, "name": "pf-t--global--box-shadow--X--100", "attributes": { @@ -48848,12 +49554,12 @@ "pf-t--global--box-shadow--X--700": { "default": { "type": "number", - "value": "8px", + "value": "10px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 8 + "value": 10 }, "name": "pf-t--global--box-shadow--X--700", "attributes": { @@ -48870,15 +49576,65 @@ ] } }, + "pf-t--global--box-shadow--X--800": { + "default": { + "type": "number", + "value": "20px", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 20 + }, + "name": "pf-t--global--box-shadow--X--800", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "X", + "subitem": "800" + }, + "path": [ + "global", + "box-shadow", + "X", + "800" + ] + } + }, + "pf-t--global--box-shadow--Y--50": { + "default": { + "type": "number", + "value": "-20px", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": -20 + }, + "name": "pf-t--global--box-shadow--Y--50", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "Y", + "subitem": "50" + }, + "path": [ + "global", + "box-shadow", + "Y", + "50" + ] + } + }, "pf-t--global--box-shadow--Y--100": { "default": { "type": "number", - "value": "-8px", + "value": "-10px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": -8 + "value": -10 }, "name": "pf-t--global--box-shadow--Y--100", "attributes": { @@ -49023,12 +49779,12 @@ "pf-t--global--box-shadow--Y--700": { "default": { "type": "number", - "value": "8px", + "value": "10px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 8 + "value": 10 }, "name": "pf-t--global--box-shadow--Y--700", "attributes": { @@ -49045,6 +49801,31 @@ ] } }, + "pf-t--global--box-shadow--Y--800": { + "default": { + "type": "number", + "value": "20px", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": 20 + }, + "name": "pf-t--global--box-shadow--Y--800", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "Y", + "subitem": "800" + }, + "path": [ + "global", + "box-shadow", + "Y", + "800" + ] + } + }, "pf-t--global--box-shadow--blur--100": { "default": { "type": "number", @@ -49073,12 +49854,12 @@ "pf-t--global--box-shadow--blur--200": { "default": { "type": "number", - "value": "8px", + "value": "9px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 8 + "value": 9 }, "name": "pf-t--global--box-shadow--blur--200", "attributes": { @@ -49098,12 +49879,12 @@ "pf-t--global--box-shadow--blur--300": { "default": { "type": "number", - "value": "24px", + "value": "20px", "filePath": "tokens/default/base.dimension.json", "isSource": false, "original": { "type": "number", - "value": 24 + "value": 20 }, "name": "pf-t--global--box-shadow--blur--300", "attributes": { @@ -49145,6 +49926,81 @@ ] } }, + "pf-t--global--box-shadow--spread--200": { + "default": { + "type": "number", + "value": "-4px", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": -4 + }, + "name": "pf-t--global--box-shadow--spread--200", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "200" + }, + "path": [ + "global", + "box-shadow", + "spread", + "200" + ] + } + }, + "pf-t--global--box-shadow--spread--300": { + "default": { + "type": "number", + "value": "-8px", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": -8 + }, + "name": "pf-t--global--box-shadow--spread--300", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "300" + }, + "path": [ + "global", + "box-shadow", + "spread", + "300" + ] + } + }, + "pf-t--global--box-shadow--spread--400": { + "default": { + "type": "number", + "value": "-20px", + "filePath": "tokens/default/base.dimension.json", + "isSource": false, + "original": { + "type": "number", + "value": -20 + }, + "name": "pf-t--global--box-shadow--spread--400", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "400" + }, + "path": [ + "global", + "box-shadow", + "spread", + "400" + ] + } + }, "pf-t--global--breakpoint--100": { "default": { "type": "number", diff --git a/packages/module/patternfly-docs/content/token-layers-default.json b/packages/module/patternfly-docs/content/token-layers-default.json index 4313d7e..6b1ef52 100644 --- a/packages/module/patternfly-docs/content/token-layers-default.json +++ b/packages/module/patternfly-docs/content/token-layers-default.json @@ -12914,11 +12914,11 @@ ] } }, - "pf-t--global--box-shadow--color--sm": { + "pf-t--global--box-shadow--color--sm--default": { "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.1600)", + "value": "rgba(41, 41, 41, 0.1500)", "filePath": "tokens/default/semantic.json", "isSource": true, "original": { @@ -12926,28 +12926,30 @@ "type": "color", "value": "{global.box-shadow.color.100}" }, - "name": "pf-t--global--box-shadow--color--sm", + "name": "pf-t--global--box-shadow--color--sm--default", "attributes": { "category": "global", "type": "box-shadow", "item": "color", - "subitem": "sm" + "subitem": "sm", + "state": "default" }, "path": [ "global", "box-shadow", "color", - "sm" + "sm", + "default" ], "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.1600)", + "value": "rgba(41, 41, 41, 0.1500)", "filePath": "tokens/default/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.1600)" + "value": "rgba(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -12966,40 +12968,42 @@ ] } }, - "pf-t--global--box-shadow--color--md": { + "pf-t--global--box-shadow--color--sm--directional": { "default": { - "description": "Use as the color of medium box-shadows.", + "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.1200)", + "value": "rgba(41, 41, 41, 0.2000)", "filePath": "tokens/default/semantic.json", "isSource": true, "original": { - "description": "Use as the color of medium box-shadows.", + "description": "Use as the color of small box-shadows.", "type": "color", "value": "{global.box-shadow.color.200}" }, - "name": "pf-t--global--box-shadow--color--md", + "name": "pf-t--global--box-shadow--color--sm--directional", "attributes": { "category": "global", "type": "box-shadow", "item": "color", - "subitem": "md" + "subitem": "sm", + "state": "directional" }, "path": [ "global", "box-shadow", "color", - "md" + "sm", + "directional" ], "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.1200)", + "value": "rgba(41, 41, 41, 0.2000)", "filePath": "tokens/default/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.1200)" + "value": "rgba(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -13018,11 +13022,173 @@ ] } }, - "pf-t--global--box-shadow--color--lg": { + "pf-t--global--box-shadow--color--md--default": { + "default": { + "description": "Use as the color of medium box-shadows.", + "type": "color", + "value": "rgba(41, 41, 41, 0.1500)", + "filePath": "tokens/default/semantic.json", + "isSource": true, + "original": { + "description": "Use as the color of medium box-shadows.", + "type": "color", + "value": "{global.box-shadow.color.100}" + }, + "name": "pf-t--global--box-shadow--color--md--default", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "color", + "subitem": "md", + "state": "default" + }, + "path": [ + "global", + "box-shadow", + "color", + "md", + "default" + ], + "references": [ + { + "type": "color", + "value": "rgba(41, 41, 41, 0.1500)", + "filePath": "tokens/default/base.json", + "isSource": true, + "original": { + "type": "color", + "value": "rgba(41, 41, 41, 0.1500)" + }, + "name": "pf-t--global--box-shadow--color--100", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "color", + "subitem": "100" + }, + "path": [ + "global", + "box-shadow", + "color", + "100" + ] + } + ] + } + }, + "pf-t--global--box-shadow--color--md--directional": { + "default": { + "description": "Use as the color of medium box-shadows.", + "type": "color", + "value": "rgba(41, 41, 41, 0.1500)", + "filePath": "tokens/default/semantic.json", + "isSource": true, + "original": { + "description": "Use as the color of medium box-shadows.", + "type": "color", + "value": "{global.box-shadow.color.100}" + }, + "name": "pf-t--global--box-shadow--color--md--directional", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "color", + "subitem": "md", + "state": "directional" + }, + "path": [ + "global", + "box-shadow", + "color", + "md", + "directional" + ], + "references": [ + { + "type": "color", + "value": "rgba(41, 41, 41, 0.1500)", + "filePath": "tokens/default/base.json", + "isSource": true, + "original": { + "type": "color", + "value": "rgba(41, 41, 41, 0.1500)" + }, + "name": "pf-t--global--box-shadow--color--100", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "color", + "subitem": "100" + }, + "path": [ + "global", + "box-shadow", + "color", + "100" + ] + } + ] + } + }, + "pf-t--global--box-shadow--color--lg--default": { + "default": { + "description": "Use as the color of large box-shadows.", + "type": "color", + "value": "rgba(41, 41, 41, 0.1500)", + "filePath": "tokens/default/semantic.json", + "isSource": true, + "original": { + "description": "Use as the color of large box-shadows.", + "type": "color", + "value": "{global.box-shadow.color.100}" + }, + "name": "pf-t--global--box-shadow--color--lg--default", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "color", + "subitem": "lg", + "state": "default" + }, + "path": [ + "global", + "box-shadow", + "color", + "lg", + "default" + ], + "references": [ + { + "type": "color", + "value": "rgba(41, 41, 41, 0.1500)", + "filePath": "tokens/default/base.json", + "isSource": true, + "original": { + "type": "color", + "value": "rgba(41, 41, 41, 0.1500)" + }, + "name": "pf-t--global--box-shadow--color--100", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "color", + "subitem": "100" + }, + "path": [ + "global", + "box-shadow", + "color", + "100" + ] + } + ] + } + }, + "pf-t--global--box-shadow--color--lg--directional": { "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.1200)", + "value": "rgba(41, 41, 41, 0.2000)", "filePath": "tokens/default/semantic.json", "isSource": true, "original": { @@ -13030,28 +13196,30 @@ "type": "color", "value": "{global.box-shadow.color.200}" }, - "name": "pf-t--global--box-shadow--color--lg", + "name": "pf-t--global--box-shadow--color--lg--directional", "attributes": { "category": "global", "type": "box-shadow", "item": "color", - "subitem": "lg" + "subitem": "lg", + "state": "directional" }, "path": [ "global", "box-shadow", "color", - "lg" + "lg", + "directional" ], "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.1200)", + "value": "rgba(41, 41, 41, 0.2000)", "filePath": "tokens/default/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.1200)" + "value": "rgba(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -13688,6 +13856,60 @@ ] } }, + "pf-t--global--background--color--tertiary--default": { + "default": { + "description": "Use as the tertiary background color. This is primarily used for containers that can be placed on secondary backgrounds.", + "type": "color", + "value": "rgba(199, 199, 199, 0.2500)", + "filePath": "tokens/default/semantic.json", + "isSource": true, + "original": { + "description": "Use as the tertiary background color. This is primarily used for containers that can be placed on secondary backgrounds.", + "type": "color", + "value": "{global.background.color.600}" + }, + "name": "pf-t--global--background--color--tertiary--default", + "attributes": { + "category": "global", + "type": "background", + "item": "color", + "subitem": "tertiary", + "state": "default" + }, + "path": [ + "global", + "background", + "color", + "tertiary", + "default" + ], + "references": [ + { + "type": "color", + "value": "rgba(199, 199, 199, 0.2500)", + "filePath": "tokens/default/base.json", + "isSource": true, + "original": { + "type": "color", + "value": "rgba(199, 199, 199, 0.2500)" + }, + "name": "pf-t--global--background--color--600", + "attributes": { + "category": "global", + "type": "background", + "item": "color", + "subitem": "600" + }, + "path": [ + "global", + "background", + "color", + "600" + ] + } + ] + } + }, "pf-t--global--background--color--floating--default": { "default": { "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.", @@ -14467,6 +14689,160 @@ ] } }, + "pf-t--global--background--color--inverse--hover": { + "default": { + "description": "Use as the hover color for interactive components with inversed backgrounds.", + "type": "color", + "value": "#383838", + "filePath": "tokens/default/semantic.json", + "isSource": true, + "original": { + "description": "Use as the hover color for interactive components with inversed backgrounds.", + "type": "color", + "value": "{global.background.color.450}" + }, + "name": "pf-t--global--background--color--inverse--hover", + "attributes": { + "category": "global", + "type": "background", + "item": "color", + "subitem": "inverse", + "state": "hover" + }, + "path": [ + "global", + "background", + "color", + "inverse", + "hover" + ], + "references": [ + { + "type": "color", + "value": "#383838", + "filePath": "tokens/default/base.json", + "isSource": true, + "original": { + "type": "color", + "value": "{color.gray.70}" + }, + "name": "pf-t--global--background--color--450", + "attributes": { + "category": "global", + "type": "background", + "item": "color", + "subitem": "450" + }, + "path": [ + "global", + "background", + "color", + "450" + ], + "references": [ + { + "type": "color", + "value": "#383838", + "filePath": "tokens/default/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--clicked": { + "default": { + "description": "Use as the clicked color for interactive components with inversed backgrounds.", + "type": "color", + "value": "#383838", + "filePath": "tokens/default/semantic.json", + "isSource": true, + "original": { + "description": "Use as the clicked color for interactive components with inversed backgrounds.", + "type": "color", + "value": "{global.background.color.450}" + }, + "name": "pf-t--global--background--color--inverse--clicked", + "attributes": { + "category": "global", + "type": "background", + "item": "color", + "subitem": "inverse", + "state": "clicked" + }, + "path": [ + "global", + "background", + "color", + "inverse", + "clicked" + ], + "references": [ + { + "type": "color", + "value": "#383838", + "filePath": "tokens/default/base.json", + "isSource": true, + "original": { + "type": "color", + "value": "{color.gray.70}" + }, + "name": "pf-t--global--background--color--450", + "attributes": { + "category": "global", + "type": "background", + "item": "color", + "subitem": "450" + }, + "path": [ + "global", + "background", + "color", + "450" + ], + "references": [ + { + "type": "color", + "value": "#383838", + "filePath": "tokens/default/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--disabled--default": { "default": { "description": "Use as the background color for disabled components.", @@ -31607,32 +31983,30 @@ ] } }, - "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 dividers.", + "description": "Use as the default border width for elements.", "type": "number", "value": "{global.border.width.100}" }, - "name": "pf-t--global--border--width--divider--default", + "name": "pf-t--global--border--width--regular", "attributes": { "category": "global", "type": "border", "item": "width", - "subitem": "divider", - "state": "default" + "subitem": "regular" }, "path": [ "global", "border", "width", - "divider", - "default" + "regular" ], "references": [ { @@ -31661,32 +32035,32 @@ ] } }, - "pf-t--global--border--width--divider--hover": { + "pf-t--global--border--width--divider--default": { "default": { - "description": "Use as the border width hover state for dividers.", + "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 border width hover state for dividers.", + "description": "Use as the default border width for dividers.", "type": "number", "value": "{global.border.width.100}" }, - "name": "pf-t--global--border--width--divider--hover", + "name": "pf-t--global--border--width--divider--default", "attributes": { "category": "global", "type": "border", "item": "width", "subitem": "divider", - "state": "hover" + "state": "default" }, "path": [ "global", "border", "width", "divider", - "hover" + "default" ], "references": [ { @@ -31715,32 +32089,32 @@ ] } }, - "pf-t--global--border--width--divider--clicked": { + "pf-t--global--border--width--divider--hover": { "default": { - "description": "Use as the border width clicked state 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 border width clicked state 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--clicked", + "name": "pf-t--global--border--width--divider--hover", "attributes": { "category": "global", "type": "border", "item": "width", "subitem": "divider", - "state": "clicked" + "state": "hover" }, "path": [ "global", "border", "width", "divider", - "clicked" + "hover" ], "references": [ { @@ -31769,30 +32143,32 @@ ] } }, - "pf-t--global--border--width--regular": { + "pf-t--global--border--width--divider--clicked": { "default": { - "description": "Use as the default border width for elements.", + "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 default border width for elements.", + "description": "Use as the border width clicked state for dividers.", "type": "number", "value": "{global.border.width.100}" }, - "name": "pf-t--global--border--width--regular", + "name": "pf-t--global--border--width--divider--clicked", "attributes": { "category": "global", "type": "border", "item": "width", - "subitem": "regular" + "subitem": "divider", + "state": "clicked" }, "path": [ "global", "border", "width", - "regular" + "divider", + "clicked" ], "references": [ { @@ -32750,84 +33126,188 @@ }, "path": [ "global", - "border", - "radius", - "large" + "border", + "radius", + "large" + ], + "references": [ + { + "type": "number", + "value": "24px", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": 24 + }, + "name": "pf-t--global--border--radius--400", + "attributes": { + "category": "global", + "type": "border", + "item": "radius", + "subitem": "400" + }, + "path": [ + "global", + "border", + "radius", + "400" + ] + } + ] + } + }, + "pf-t--global--border--radius--pill": { + "default": { + "description": "Use to adjust the curvature of the border corners for an element. Use for corners that are as round as possible, like standard buttons and badges.", + "type": "number", + "value": "999px", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "description": "Use to adjust the curvature of the border corners for an element. Use for corners that are as round as possible, like standard buttons and badges.", + "type": "number", + "value": "{global.border.radius.500}" + }, + "name": "pf-t--global--border--radius--pill", + "attributes": { + "category": "global", + "type": "border", + "item": "radius", + "subitem": "pill" + }, + "path": [ + "global", + "border", + "radius", + "pill" + ], + "references": [ + { + "type": "number", + "value": "999px", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": 999 + }, + "name": "pf-t--global--border--radius--500", + "attributes": { + "category": "global", + "type": "border", + "item": "radius", + "subitem": "500" + }, + "path": [ + "global", + "border", + "radius", + "500" + ] + } + ] + } + }, + "pf-t--global--font--line-height--body": { + "default": { + "description": "Use to define the line height for body text", + "type": "number", + "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.200}" + }, + "name": "pf-t--global--font--line-height--body", + "attributes": { + "category": "global", + "type": "font", + "item": "line-height", + "subitem": "body" + }, + "path": [ + "global", + "font", + "line-height", + "body" ], "references": [ { "type": "number", - "value": "24px", + "value": 1.5, "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 24 + "value": 1.5 }, - "name": "pf-t--global--border--radius--400", + "name": "pf-t--global--font--line-height--200", "attributes": { "category": "global", - "type": "border", - "item": "radius", - "subitem": "400" + "type": "font", + "item": "line-height", + "subitem": "200" }, "path": [ "global", - "border", - "radius", - "400" + "font", + "line-height", + "200" ] } ] } }, - "pf-t--global--border--radius--pill": { + "pf-t--global--font--line-height--heading": { "default": { - "description": "Use to adjust the curvature of the border corners for an element. Use for corners that are as round as possible, like standard buttons and badges.", + "description": "Use to define the line height for heading text", "type": "number", - "value": "999px", + "value": 1.2999999523162842, "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { - "description": "Use to adjust the curvature of the border corners for an element. Use for corners that are as round as possible, like standard buttons and badges.", + "description": "Use to define the line height for heading text", "type": "number", - "value": "{global.border.radius.500}" + "value": "{global.font.line-height.100}" }, - "name": "pf-t--global--border--radius--pill", + "name": "pf-t--global--font--line-height--heading", "attributes": { "category": "global", - "type": "border", - "item": "radius", - "subitem": "pill" + "type": "font", + "item": "line-height", + "subitem": "heading" }, "path": [ "global", - "border", - "radius", - "pill" + "font", + "line-height", + "heading" ], "references": [ { "type": "number", - "value": "999px", + "value": 1.2999999523162842, "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 999 + "value": 1.2999999523162842 }, - "name": "pf-t--global--border--radius--500", + "name": "pf-t--global--font--line-height--100", "attributes": { "category": "global", - "type": "border", - "item": "radius", - "subitem": "500" + "type": "font", + "item": "line-height", + "subitem": "100" }, "path": [ "global", - "border", - "radius", - "500" + "font", + "line-height", + "100" ] } ] @@ -33049,110 +33529,6 @@ ] } }, - "pf-t--global--font--line-height--body": { - "default": { - "description": "Use to define the line height for body text", - "type": "number", - "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.200}" - }, - "name": "pf-t--global--font--line-height--body", - "attributes": { - "category": "global", - "type": "font", - "item": "line-height", - "subitem": "body" - }, - "path": [ - "global", - "font", - "line-height", - "body" - ], - "references": [ - { - "type": "number", - "value": 1.5, - "filePath": "tokens/default/base.dimension.json", - "isSource": true, - "original": { - "type": "number", - "value": 1.5 - }, - "name": "pf-t--global--font--line-height--200", - "attributes": { - "category": "global", - "type": "font", - "item": "line-height", - "subitem": "200" - }, - "path": [ - "global", - "font", - "line-height", - "200" - ] - } - ] - } - }, - "pf-t--global--font--line-height--heading": { - "default": { - "description": "Use to define the line height for heading text", - "type": "number", - "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.100}" - }, - "name": "pf-t--global--font--line-height--heading", - "attributes": { - "category": "global", - "type": "font", - "item": "line-height", - "subitem": "heading" - }, - "path": [ - "global", - "font", - "line-height", - "heading" - ], - "references": [ - { - "type": "number", - "value": 1.2999999523162842, - "filePath": "tokens/default/base.dimension.json", - "isSource": true, - "original": { - "type": "number", - "value": 1.2999999523162842 - }, - "name": "pf-t--global--font--line-height--100", - "attributes": { - "category": "global", - "type": "font", - "item": "line-height", - "subitem": "100" - }, - "path": [ - "global", - "font", - "line-height", - "100" - ] - } - ] - } - }, "pf-t--global--font--size--body--sm": { "default": { "description": "Use for a smaller font size in body sections.", @@ -34904,13 +35280,13 @@ "default": { "description": "Use to define the X value for a small box-shadow that appears on the left of a raised element, like in sticky columns.", "type": "number", - "value": "-1px", + "value": "-4px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { "description": "Use to define the X value for a small box-shadow that appears on the left of a raised element, like in sticky columns.", "type": "number", - "value": "{global.box-shadow.X.300}" + "value": "{global.box-shadow.X.200}" }, "name": "pf-t--global--box-shadow--X--sm--left", "attributes": { @@ -34930,25 +35306,25 @@ "references": [ { "type": "number", - "value": "-1px", + "value": "-4px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": -1 + "value": -4 }, - "name": "pf-t--global--box-shadow--X--300", + "name": "pf-t--global--box-shadow--X--200", "attributes": { "category": "global", "type": "box-shadow", "item": "X", - "subitem": "300" + "subitem": "200" }, "path": [ "global", "box-shadow", "X", - "300" + "200" ] } ] @@ -34958,13 +35334,13 @@ "default": { "description": "Use to define the X value for a small box-shadow that appears on the right of a raised element, like in sticky columns.", "type": "number", - "value": "1px", + "value": "4px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { "description": "Use to define the X value for a small box-shadow that appears on the right of a raised element, like in sticky columns.", "type": "number", - "value": "{global.box-shadow.X.500}" + "value": "{global.box-shadow.X.600}" }, "name": "pf-t--global--box-shadow--X--sm--right", "attributes": { @@ -34984,25 +35360,25 @@ "references": [ { "type": "number", - "value": "1px", + "value": "4px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 1 + "value": 4 }, - "name": "pf-t--global--box-shadow--X--500", + "name": "pf-t--global--box-shadow--X--600", "attributes": { "category": "global", "type": "box-shadow", "item": "X", - "subitem": "500" + "subitem": "600" }, "path": [ "global", "box-shadow", "X", - "500" + "600" ] } ] @@ -35174,13 +35550,13 @@ "default": { "description": "Use to define the X value for a medium box-shadow that appears on the left of a raised element, like in overlay drawers that show on the right of the screen.", "type": "number", - "value": "-4px", + "value": "-10px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { "description": "Use to define the X value for a medium box-shadow that appears on the left of a raised element, like in overlay drawers that show on the right of the screen.", "type": "number", - "value": "{global.box-shadow.X.200}" + "value": "{global.box-shadow.X.100}" }, "name": "pf-t--global--box-shadow--X--md--left", "attributes": { @@ -35200,25 +35576,25 @@ "references": [ { "type": "number", - "value": "-4px", + "value": "-10px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": -4 + "value": -10 }, - "name": "pf-t--global--box-shadow--X--200", + "name": "pf-t--global--box-shadow--X--100", "attributes": { "category": "global", "type": "box-shadow", "item": "X", - "subitem": "200" + "subitem": "100" }, "path": [ "global", "box-shadow", "X", - "200" + "100" ] } ] @@ -35228,13 +35604,13 @@ "default": { "description": "Use to define the X value for a medium box-shadow that appears on the right of a raised element, like in overlay drawers that show on the left of the screen.", "type": "number", - "value": "4px", + "value": "10px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { "description": "Use to define the X value for a medium box-shadow that appears on the right of a raised element, like in overlay drawers that show on the left of the screen.", "type": "number", - "value": "{global.box-shadow.X.600}" + "value": "{global.box-shadow.X.700}" }, "name": "pf-t--global--box-shadow--X--md--right", "attributes": { @@ -35254,25 +35630,25 @@ "references": [ { "type": "number", - "value": "4px", + "value": "10px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 4 + "value": 10 }, - "name": "pf-t--global--box-shadow--X--600", + "name": "pf-t--global--box-shadow--X--700", "attributes": { "category": "global", "type": "box-shadow", "item": "X", - "subitem": "600" + "subitem": "700" }, "path": [ "global", "box-shadow", "X", - "600" + "700" ] } ] @@ -35444,13 +35820,13 @@ "default": { "description": "Use to define the X value for a large box-shadow that appears on the left of a raised element.", "type": "number", - "value": "-8px", + "value": "-20px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { "description": "Use to define the X value for a large box-shadow that appears on the left of a raised element.", "type": "number", - "value": "{global.box-shadow.X.100}" + "value": "{global.box-shadow.X.50}" }, "name": "pf-t--global--box-shadow--X--lg--left", "attributes": { @@ -35470,25 +35846,25 @@ "references": [ { "type": "number", - "value": "-8px", + "value": "-20px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": -8 + "value": -20 }, - "name": "pf-t--global--box-shadow--X--100", + "name": "pf-t--global--box-shadow--X--50", "attributes": { "category": "global", "type": "box-shadow", "item": "X", - "subitem": "100" + "subitem": "50" }, "path": [ "global", "box-shadow", "X", - "100" + "50" ] } ] @@ -35498,13 +35874,13 @@ "default": { "description": "Use to define the X value for a large box-shadow that appears on the right of a raised element.", "type": "number", - "value": "8px", + "value": "20px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { "description": "Use to define the X value for a large box-shadow that appears on the right of a raised element.", "type": "number", - "value": "{global.box-shadow.X.700}" + "value": "{global.box-shadow.X.800}" }, "name": "pf-t--global--box-shadow--X--lg--right", "attributes": { @@ -35524,25 +35900,25 @@ "references": [ { "type": "number", - "value": "8px", + "value": "20px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 8 + "value": 20 }, - "name": "pf-t--global--box-shadow--X--700", + "name": "pf-t--global--box-shadow--X--800", "attributes": { "category": "global", "type": "box-shadow", "item": "X", - "subitem": "700" + "subitem": "800" }, "path": [ "global", "box-shadow", "X", - "700" + "800" ] } ] @@ -35606,13 +35982,13 @@ "default": { "description": "Use to define the Y value for a small box-shadow that appears on the top of a raised element, like in sticky footers", "type": "number", - "value": "-1px", + "value": "-4px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { "description": "Use to define the Y value for a small box-shadow that appears on the top of a raised element, like in sticky footers", "type": "number", - "value": "{global.box-shadow.Y.300}" + "value": "{global.box-shadow.Y.200}" }, "name": "pf-t--global--box-shadow--Y--sm--top", "attributes": { @@ -35632,25 +36008,25 @@ "references": [ { "type": "number", - "value": "-1px", + "value": "-4px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": -1 + "value": -4 }, - "name": "pf-t--global--box-shadow--Y--300", + "name": "pf-t--global--box-shadow--Y--200", "attributes": { "category": "global", "type": "box-shadow", "item": "Y", - "subitem": "300" + "subitem": "200" }, "path": [ "global", "box-shadow", "Y", - "300" + "200" ] } ] @@ -35660,13 +36036,13 @@ "default": { "description": "Use to define the Y value for a small box-shadow that appears on the bottom of a raised element, like in sticky headers.", "type": "number", - "value": "1px", + "value": "4px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { "description": "Use to define the Y value for a small box-shadow that appears on the bottom of a raised element, like in sticky headers.", "type": "number", - "value": "{global.box-shadow.Y.500}" + "value": "{global.box-shadow.Y.600}" }, "name": "pf-t--global--box-shadow--Y--sm--bottom", "attributes": { @@ -35686,25 +36062,25 @@ "references": [ { "type": "number", - "value": "1px", + "value": "4px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 1 + "value": 4 }, - "name": "pf-t--global--box-shadow--Y--500", + "name": "pf-t--global--box-shadow--Y--600", "attributes": { "category": "global", "type": "box-shadow", "item": "Y", - "subitem": "500" + "subitem": "600" }, "path": [ "global", "box-shadow", "Y", - "500" + "600" ] } ] @@ -35876,13 +36252,13 @@ "default": { "description": "Use to define the Y value for a medium box-shadow that appears on the top of a raised element, like in overlay bottom drawers", "type": "number", - "value": "-4px", + "value": "-10px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { "description": "Use to define the Y value for a medium box-shadow that appears on the top of a raised element, like in overlay bottom drawers", "type": "number", - "value": "{global.box-shadow.Y.200}" + "value": "{global.box-shadow.Y.100}" }, "name": "pf-t--global--box-shadow--Y--md--top", "attributes": { @@ -35902,25 +36278,25 @@ "references": [ { "type": "number", - "value": "-4px", + "value": "-10px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": -4 + "value": -10 }, - "name": "pf-t--global--box-shadow--Y--200", + "name": "pf-t--global--box-shadow--Y--100", "attributes": { "category": "global", "type": "box-shadow", "item": "Y", - "subitem": "200" + "subitem": "100" }, "path": [ "global", "box-shadow", "Y", - "200" + "100" ] } ] @@ -35930,13 +36306,13 @@ "default": { "description": "Use to define the Y value for a medium box-shadow that appears on the bottom of a raised element.", "type": "number", - "value": "4px", + "value": "10px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { "description": "Use to define the Y value for a medium box-shadow that appears on the bottom of a raised element.", "type": "number", - "value": "{global.box-shadow.Y.600}" + "value": "{global.box-shadow.Y.700}" }, "name": "pf-t--global--box-shadow--Y--md--bottom", "attributes": { @@ -35956,25 +36332,25 @@ "references": [ { "type": "number", - "value": "4px", + "value": "10px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 4 + "value": 10 }, - "name": "pf-t--global--box-shadow--Y--600", + "name": "pf-t--global--box-shadow--Y--700", "attributes": { "category": "global", "type": "box-shadow", "item": "Y", - "subitem": "600" + "subitem": "700" }, "path": [ "global", "box-shadow", "Y", - "600" + "700" ] } ] @@ -36092,7 +36468,7 @@ "default": { "description": "Use to define the Y value for a default large box-shadow, used in modals and wizards.", "type": "number", - "value": "8px", + "value": "10px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { @@ -36118,12 +36494,12 @@ "references": [ { "type": "number", - "value": "8px", + "value": "10px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 8 + "value": 10 }, "name": "pf-t--global--box-shadow--Y--700", "attributes": { @@ -36146,13 +36522,13 @@ "default": { "description": "Use to define the Y value for a large box-shadow that appears on the top of a raised element.", "type": "number", - "value": "-8px", + "value": "-20px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { "description": "Use to define the Y value for a large box-shadow that appears on the top of a raised element.", "type": "number", - "value": "{global.box-shadow.Y.100}" + "value": "{global.box-shadow.Y.50}" }, "name": "pf-t--global--box-shadow--Y--lg--top", "attributes": { @@ -36172,25 +36548,25 @@ "references": [ { "type": "number", - "value": "-8px", + "value": "-20px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": -8 + "value": -20 }, - "name": "pf-t--global--box-shadow--Y--100", + "name": "pf-t--global--box-shadow--Y--50", "attributes": { "category": "global", "type": "box-shadow", "item": "Y", - "subitem": "100" + "subitem": "50" }, "path": [ "global", "box-shadow", "Y", - "100" + "50" ] } ] @@ -36200,13 +36576,13 @@ "default": { "description": "Use to define the Y value for a large box-shadow that appears on the bottom of a raised element.", "type": "number", - "value": "8px", + "value": "20px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { "description": "Use to define the Y value for a large box-shadow that appears on the bottom of a raised element.", "type": "number", - "value": "{global.box-shadow.Y.700}" + "value": "{global.box-shadow.Y.800}" }, "name": "pf-t--global--box-shadow--Y--lg--bottom", "attributes": { @@ -36226,25 +36602,25 @@ "references": [ { "type": "number", - "value": "8px", + "value": "20px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 8 + "value": 20 }, - "name": "pf-t--global--box-shadow--Y--700", + "name": "pf-t--global--box-shadow--Y--800", "attributes": { "category": "global", "type": "box-shadow", "item": "Y", - "subitem": "700" + "subitem": "800" }, "path": [ "global", "box-shadow", "Y", - "700" + "800" ] } ] @@ -36414,7 +36790,7 @@ "default": { "description": "Use to define the blur for a medium box-shadow", "type": "number", - "value": "8px", + "value": "9px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { @@ -36438,12 +36814,12 @@ "references": [ { "type": "number", - "value": "8px", + "value": "9px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 8 + "value": 9 }, "name": "pf-t--global--box-shadow--blur--200", "attributes": { @@ -36466,7 +36842,7 @@ "default": { "description": "Use to define the blue for a large box-shadow", "type": "number", - "value": "24px", + "value": "20px", "filePath": "tokens/default/semantic.dimension.json", "isSource": true, "original": { @@ -36490,12 +36866,12 @@ "references": [ { "type": "number", - "value": "24px", + "value": "20px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 24 + "value": 20 }, "name": "pf-t--global--box-shadow--blur--300", "attributes": { @@ -36514,7 +36890,7 @@ ] } }, - "pf-t--global--box-shadow--spread--sm": { + "pf-t--global--box-shadow--spread--sm--default": { "default": { "description": "Use to define the spread for a small box-shadow", "type": "number", @@ -36526,18 +36902,20 @@ "type": "number", "value": "{global.box-shadow.spread.100}" }, - "name": "pf-t--global--box-shadow--spread--sm", + "name": "pf-t--global--box-shadow--spread--sm--default", "attributes": { "category": "global", "type": "box-shadow", "item": "spread", - "subitem": "sm" + "subitem": "sm", + "state": "default" }, "path": [ "global", "box-shadow", "spread", - "sm" + "sm", + "default" ], "references": [ { @@ -36566,7 +36944,61 @@ ] } }, - "pf-t--global--box-shadow--spread--md": { + "pf-t--global--box-shadow--spread--sm--directional": { + "default": { + "description": "Use to define the spread for a small box-shadow", + "type": "number", + "value": "-4px", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "description": "Use to define the spread for a small box-shadow", + "type": "number", + "value": "{global.box-shadow.spread.200}" + }, + "name": "pf-t--global--box-shadow--spread--sm--directional", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "sm", + "state": "directional" + }, + "path": [ + "global", + "box-shadow", + "spread", + "sm", + "directional" + ], + "references": [ + { + "type": "number", + "value": "-4px", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": -4 + }, + "name": "pf-t--global--box-shadow--spread--200", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "200" + }, + "path": [ + "global", + "box-shadow", + "spread", + "200" + ] + } + ] + } + }, + "pf-t--global--box-shadow--spread--md--default": { "default": { "description": "Use to define the spread of a medium box-shadow", "type": "number", @@ -36578,18 +37010,20 @@ "type": "number", "value": "{global.box-shadow.spread.100}" }, - "name": "pf-t--global--box-shadow--spread--md", + "name": "pf-t--global--box-shadow--spread--md--default", "attributes": { "category": "global", "type": "box-shadow", "item": "spread", - "subitem": "md" + "subitem": "md", + "state": "default" }, "path": [ "global", "box-shadow", "spread", - "md" + "md", + "default" ], "references": [ { @@ -36618,7 +37052,61 @@ ] } }, - "pf-t--global--box-shadow--spread--lg": { + "pf-t--global--box-shadow--spread--md--directional": { + "default": { + "description": "Use to define the spread of a medium box-shadow", + "type": "number", + "value": "-8px", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "description": "Use to define the spread of a medium box-shadow", + "type": "number", + "value": "{global.box-shadow.spread.300}" + }, + "name": "pf-t--global--box-shadow--spread--md--directional", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "md", + "state": "directional" + }, + "path": [ + "global", + "box-shadow", + "spread", + "md", + "directional" + ], + "references": [ + { + "type": "number", + "value": "-8px", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": -8 + }, + "name": "pf-t--global--box-shadow--spread--300", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "300" + }, + "path": [ + "global", + "box-shadow", + "spread", + "300" + ] + } + ] + } + }, + "pf-t--global--box-shadow--spread--lg--default": { "default": { "description": "Use to define the spread of a large box-shadow", "type": "number", @@ -36630,18 +37118,20 @@ "type": "number", "value": "{global.box-shadow.spread.100}" }, - "name": "pf-t--global--box-shadow--spread--lg", + "name": "pf-t--global--box-shadow--spread--lg--default", "attributes": { "category": "global", "type": "box-shadow", "item": "spread", - "subitem": "lg" + "subitem": "lg", + "state": "default" }, "path": [ "global", "box-shadow", "spread", - "lg" + "lg", + "default" ], "references": [ { @@ -36670,6 +37160,60 @@ ] } }, + "pf-t--global--box-shadow--spread--lg--directional": { + "default": { + "description": "Use to define the spread of a large box-shadow", + "type": "number", + "value": "-20px", + "filePath": "tokens/default/semantic.dimension.json", + "isSource": true, + "original": { + "description": "Use to define the spread of a large box-shadow", + "type": "number", + "value": "{global.box-shadow.spread.400}" + }, + "name": "pf-t--global--box-shadow--spread--lg--directional", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "lg", + "state": "directional" + }, + "path": [ + "global", + "box-shadow", + "spread", + "lg", + "directional" + ], + "references": [ + { + "type": "number", + "value": "-20px", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": -20 + }, + "name": "pf-t--global--box-shadow--spread--400", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "400" + }, + "path": [ + "global", + "box-shadow", + "spread", + "400" + ] + } + ] + } + }, "pf-t--global--breakpoint--xs": { "default": { "description": "Use to define an extra small breakpoint, which is the minimum width at which an effect applies to an element, in order to support responsive design.", @@ -39973,12 +40517,12 @@ "pf-t--global--box-shadow--color--100": { "default": { "type": "color", - "value": "rgba(0, 0, 0, 0.1600)", + "value": "rgba(41, 41, 41, 0.1500)", "filePath": "tokens/default/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.1600)" + "value": "rgba(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -39998,12 +40542,12 @@ "pf-t--global--box-shadow--color--200": { "default": { "type": "color", - "value": "rgba(0, 0, 0, 0.1200)", + "value": "rgba(41, 41, 41, 0.2000)", "filePath": "tokens/default/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.1200)" + "value": "rgba(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -40162,49 +40706,97 @@ ] } }, - "pf-t--global--background--color--400": { + "pf-t--global--background--color--400": { + "default": { + "type": "color", + "value": "#292929", + "filePath": "tokens/default/base.json", + "isSource": true, + "original": { + "type": "color", + "value": "{color.gray.80}" + }, + "name": "pf-t--global--background--color--400", + "attributes": { + "category": "global", + "type": "background", + "item": "color", + "subitem": "400" + }, + "path": [ + "global", + "background", + "color", + "400" + ], + "references": [ + { + "type": "color", + "value": "#292929", + "filePath": "tokens/default/palette.color.json", + "isSource": true, + "original": { + "type": "color", + "value": "#292929" + }, + "name": "pf-t--color--gray--80", + "attributes": { + "category": "color", + "type": "gray", + "item": "80" + }, + "path": [ + "color", + "gray", + "80" + ] + } + ] + } + }, + "pf-t--global--background--color--450": { "default": { "type": "color", - "value": "#292929", + "value": "#383838", "filePath": "tokens/default/base.json", "isSource": true, "original": { "type": "color", - "value": "{color.gray.80}" + "value": "{color.gray.70}" }, - "name": "pf-t--global--background--color--400", + "name": "pf-t--global--background--color--450", "attributes": { "category": "global", "type": "background", "item": "color", - "subitem": "400" + "subitem": "450" }, "path": [ "global", "background", "color", - "400" + "450" ], "references": [ { "type": "color", - "value": "#292929", + "value": "#383838", "filePath": "tokens/default/palette.color.json", "isSource": true, "original": { "type": "color", - "value": "#292929" + "value": "#383838" }, - "name": "pf-t--color--gray--80", + "name": "pf-t--color--gray--70", "attributes": { "category": "color", "type": "gray", - "item": "80" + "item": "70" }, "path": [ "color", "gray", - "80" + "70" ] } ] @@ -43895,153 +44487,153 @@ ] } }, - "pf-t--global--font--weight--100": { + "pf-t--global--font--line-height--100": { "default": { "type": "number", - "value": 400, + "value": 1.2999999523162842, "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 400 + "value": 1.2999999523162842 }, - "name": "pf-t--global--font--weight--100", + "name": "pf-t--global--font--line-height--100", "attributes": { "category": "global", "type": "font", - "item": "weight", + "item": "line-height", "subitem": "100" }, "path": [ "global", "font", - "weight", + "line-height", "100" ] } }, - "pf-t--global--font--weight--200": { + "pf-t--global--font--line-height--200": { "default": { "type": "number", - "value": 500, + "value": 1.5, "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 500 + "value": 1.5 }, - "name": "pf-t--global--font--weight--200", + "name": "pf-t--global--font--line-height--200", "attributes": { "category": "global", "type": "font", - "item": "weight", + "item": "line-height", "subitem": "200" }, "path": [ "global", "font", - "weight", + "line-height", "200" ] } }, - "pf-t--global--font--weight--300": { + "pf-t--global--font--weight--100": { "default": { "type": "number", - "value": 500, + "value": 400, "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 500 + "value": 400 }, - "name": "pf-t--global--font--weight--300", + "name": "pf-t--global--font--weight--100", "attributes": { "category": "global", "type": "font", "item": "weight", - "subitem": "300" + "subitem": "100" }, "path": [ "global", "font", "weight", - "300" + "100" ] } }, - "pf-t--global--font--weight--400": { + "pf-t--global--font--weight--200": { "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--400", + "name": "pf-t--global--font--weight--200", "attributes": { "category": "global", "type": "font", "item": "weight", - "subitem": "400" + "subitem": "200" }, "path": [ "global", "font", "weight", - "400" + "200" ] } }, - "pf-t--global--font--line-height--100": { + "pf-t--global--font--weight--300": { "default": { "type": "number", - "value": 1.2999999523162842, + "value": 500, "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 1.2999999523162842 + "value": 500 }, - "name": "pf-t--global--font--line-height--100", + "name": "pf-t--global--font--weight--300", "attributes": { "category": "global", "type": "font", - "item": "line-height", - "subitem": "100" + "item": "weight", + "subitem": "300" }, "path": [ "global", "font", - "line-height", - "100" + "weight", + "300" ] } }, - "pf-t--global--font--line-height--200": { + "pf-t--global--font--weight--400": { "default": { "type": "number", - "value": 1.5, + "value": 700, "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 1.5 + "value": 700 }, - "name": "pf-t--global--font--line-height--200", + "name": "pf-t--global--font--weight--400", "attributes": { "category": "global", "type": "font", - "item": "line-height", - "subitem": "200" + "item": "weight", + "subitem": "400" }, "path": [ "global", "font", - "line-height", - "200" + "weight", + "400" ] } }, @@ -44458,15 +45050,40 @@ ] } }, + "pf-t--global--box-shadow--X--50": { + "default": { + "type": "number", + "value": "-20px", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": -20 + }, + "name": "pf-t--global--box-shadow--X--50", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "X", + "subitem": "50" + }, + "path": [ + "global", + "box-shadow", + "X", + "50" + ] + } + }, "pf-t--global--box-shadow--X--100": { "default": { "type": "number", - "value": "-8px", + "value": "-10px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": -8 + "value": -10 }, "name": "pf-t--global--box-shadow--X--100", "attributes": { @@ -44611,12 +45228,12 @@ "pf-t--global--box-shadow--X--700": { "default": { "type": "number", - "value": "8px", + "value": "10px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 8 + "value": 10 }, "name": "pf-t--global--box-shadow--X--700", "attributes": { @@ -44633,15 +45250,65 @@ ] } }, + "pf-t--global--box-shadow--X--800": { + "default": { + "type": "number", + "value": "20px", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": 20 + }, + "name": "pf-t--global--box-shadow--X--800", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "X", + "subitem": "800" + }, + "path": [ + "global", + "box-shadow", + "X", + "800" + ] + } + }, + "pf-t--global--box-shadow--Y--50": { + "default": { + "type": "number", + "value": "-20px", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": -20 + }, + "name": "pf-t--global--box-shadow--Y--50", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "Y", + "subitem": "50" + }, + "path": [ + "global", + "box-shadow", + "Y", + "50" + ] + } + }, "pf-t--global--box-shadow--Y--100": { "default": { "type": "number", - "value": "-8px", + "value": "-10px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": -8 + "value": -10 }, "name": "pf-t--global--box-shadow--Y--100", "attributes": { @@ -44786,12 +45453,12 @@ "pf-t--global--box-shadow--Y--700": { "default": { "type": "number", - "value": "8px", + "value": "10px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 8 + "value": 10 }, "name": "pf-t--global--box-shadow--Y--700", "attributes": { @@ -44808,6 +45475,31 @@ ] } }, + "pf-t--global--box-shadow--Y--800": { + "default": { + "type": "number", + "value": "20px", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": 20 + }, + "name": "pf-t--global--box-shadow--Y--800", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "Y", + "subitem": "800" + }, + "path": [ + "global", + "box-shadow", + "Y", + "800" + ] + } + }, "pf-t--global--box-shadow--blur--100": { "default": { "type": "number", @@ -44836,12 +45528,12 @@ "pf-t--global--box-shadow--blur--200": { "default": { "type": "number", - "value": "8px", + "value": "9px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 8 + "value": 9 }, "name": "pf-t--global--box-shadow--blur--200", "attributes": { @@ -44861,12 +45553,12 @@ "pf-t--global--box-shadow--blur--300": { "default": { "type": "number", - "value": "24px", + "value": "20px", "filePath": "tokens/default/base.dimension.json", "isSource": true, "original": { "type": "number", - "value": 24 + "value": 20 }, "name": "pf-t--global--box-shadow--blur--300", "attributes": { @@ -44908,6 +45600,81 @@ ] } }, + "pf-t--global--box-shadow--spread--200": { + "default": { + "type": "number", + "value": "-4px", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": -4 + }, + "name": "pf-t--global--box-shadow--spread--200", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "200" + }, + "path": [ + "global", + "box-shadow", + "spread", + "200" + ] + } + }, + "pf-t--global--box-shadow--spread--300": { + "default": { + "type": "number", + "value": "-8px", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": -8 + }, + "name": "pf-t--global--box-shadow--spread--300", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "300" + }, + "path": [ + "global", + "box-shadow", + "spread", + "300" + ] + } + }, + "pf-t--global--box-shadow--spread--400": { + "default": { + "type": "number", + "value": "-20px", + "filePath": "tokens/default/base.dimension.json", + "isSource": true, + "original": { + "type": "number", + "value": -20 + }, + "name": "pf-t--global--box-shadow--spread--400", + "attributes": { + "category": "global", + "type": "box-shadow", + "item": "spread", + "subitem": "400" + }, + "path": [ + "global", + "box-shadow", + "spread", + "400" + ] + } + }, "pf-t--global--breakpoint--100": { "default": { "type": "number", diff --git a/packages/module/tokens/dark/base.dark.json b/packages/module/tokens/dark/base.dark.json index 6b9ebbb..17709c5 100644 --- a/packages/module/tokens/dark/base.dark.json +++ b/packages/module/tokens/dark/base.dark.json @@ -20,6 +20,10 @@ "type": "color", "value": "{color.gray.10}" }, + "450": { + "type": "color", + "value": "{color.gray.20}" + }, "500": { "type": "color", "value": "rgba(21, 21, 21, 0.8000)" @@ -79,6 +83,44 @@ "value": "{color.yellow.20}" } }, + "severity": { + "undefined": { + "100": { + "type": "color", + "value": "{color.gray.40}" + } + }, + "none": { + "100": { + "type": "color", + "value": "{color.blue.30}" + } + }, + "minor": { + "100": { + "type": "color", + "value": "{color.gray.30}" + } + }, + "moderate": { + "100": { + "type": "color", + "value": "{color.yellow.30}" + } + }, + "important": { + "100": { + "type": "color", + "value": "{color.orange.40}" + } + }, + "critical": { + "100": { + "type": "color", + "value": "{color.red-orange.50}" + } + } + }, "status": { "success": { "100": { @@ -139,44 +181,6 @@ } } }, - "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": { @@ -377,6 +381,10 @@ "100": { "type": "color", "value": "rgba(0, 0, 0, 0.5000)" + }, + "200": { + "type": "color", + "value": "rgba(0, 0, 0, 0.7000)" } } } diff --git a/packages/module/tokens/dark/semantic.dark.json b/packages/module/tokens/dark/semantic.dark.json index eb283f0..e21fbcf 100644 --- a/packages/module/tokens/dark/semantic.dark.json +++ b/packages/module/tokens/dark/semantic.dark.json @@ -37,6 +37,13 @@ "value": "{global.dark.background.color.200}" } }, + "tertiary": { + "default": { + "description": "Use as the tertiary background color. This is primarily used for containers that can be placed on secondary backgrounds.", + "type": "color", + "value": "{global.dark.background.color.600}" + } + }, "floating": { "default": { "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.", @@ -113,6 +120,16 @@ "description": "Use as the background color components with inversed backgrounds like tooltips.", "type": "color", "value": "{global.dark.background.color.400}" + }, + "hover": { + "description": "Use as the hover color for interactive components with inversed backgrounds.", + "type": "color", + "value": "{global.dark.background.color.450}" + }, + "clicked": { + "description": "Use as the clicked color for interactive components with inversed backgrounds.", + "type": "color", + "value": "{global.dark.background.color.450}" } }, "disabled": { @@ -1696,19 +1713,40 @@ "box-shadow": { "color": { "sm": { - "description": "Use as the color of small box-shadows.", - "type": "color", - "value": "{global.dark.box-shadow.color.100}" + "default": { + "description": "Use as the color of small box-shadows.", + "type": "color", + "value": "{global.dark.box-shadow.color.100}" + }, + "directional": { + "description": "Use as the color of small box-shadows.", + "type": "color", + "value": "{global.dark.box-shadow.color.200}" + } }, "md": { - "description": "Use as the color of medium box-shadows.", - "type": "color", - "value": "{global.dark.box-shadow.color.100}" + "default": { + "description": "Use as the color of medium box-shadows.", + "type": "color", + "value": "{global.dark.box-shadow.color.100}" + }, + "directional": { + "description": "Use as the color of medium box-shadows.", + "type": "color", + "value": "{global.dark.box-shadow.color.200}" + } }, "lg": { - "description": "Use as the color of large box-shadows.", - "type": "color", - "value": "{global.dark.box-shadow.color.100}" + "default": { + "description": "Use as the color of large box-shadows.", + "type": "color", + "value": "{global.dark.box-shadow.color.100}" + }, + "directional": { + "description": "Use as the color of large box-shadows.", + "type": "color", + "value": "{global.dark.box-shadow.color.200}" + } } } } diff --git a/packages/module/tokens/default/base.dimension.json b/packages/module/tokens/default/base.dimension.json index 787b676..0e2acdc 100644 --- a/packages/module/tokens/default/base.dimension.json +++ b/packages/module/tokens/default/base.dimension.json @@ -106,6 +106,16 @@ } }, "font": { + "line-height": { + "100": { + "type": "number", + "value": 1.2999999523162842 + }, + "200": { + "type": "number", + "value": 1.5 + } + }, "weight": { "100": { "type": "number", @@ -124,16 +134,6 @@ "value": 700 } }, - "line-height": { - "100": { - "type": "number", - "value": 1.2999999523162842 - }, - "200": { - "type": "number", - "value": 1.5 - } - }, "size": { "100": { "type": "number", @@ -211,9 +211,13 @@ }, "box-shadow": { "X": { + "50": { + "type": "number", + "value": -20 + }, "100": { "type": "number", - "value": -8 + "value": -10 }, "200": { "type": "number", @@ -237,13 +241,21 @@ }, "700": { "type": "number", - "value": 8 + "value": 10 + }, + "800": { + "type": "number", + "value": 20 } }, "Y": { + "50": { + "type": "number", + "value": -20 + }, "100": { "type": "number", - "value": -8 + "value": -10 }, "200": { "type": "number", @@ -267,7 +279,11 @@ }, "700": { "type": "number", - "value": 8 + "value": 10 + }, + "800": { + "type": "number", + "value": 20 } }, "blur": { @@ -277,17 +293,29 @@ }, "200": { "type": "number", - "value": 8 + "value": 9 }, "300": { "type": "number", - "value": 24 + "value": 20 } }, "spread": { "100": { "type": "number", "value": 0 + }, + "200": { + "type": "number", + "value": -4 + }, + "300": { + "type": "number", + "value": -8 + }, + "400": { + "type": "number", + "value": -20 } } }, diff --git a/packages/module/tokens/default/base.json b/packages/module/tokens/default/base.json index cf55e63..46676f9 100644 --- a/packages/module/tokens/default/base.json +++ b/packages/module/tokens/default/base.json @@ -19,6 +19,10 @@ "type": "color", "value": "{color.gray.80}" }, + "450": { + "type": "color", + "value": "{color.gray.70}" + }, "500": { "type": "color", "value": "rgba(21, 21, 21, 0.2000)" @@ -379,11 +383,11 @@ "color": { "100": { "type": "color", - "value": "rgba(0, 0, 0, 0.1600)" + "value": "rgba(41, 41, 41, 0.1500)" }, "200": { "type": "color", - "value": "rgba(0, 0, 0, 0.1200)" + "value": "rgba(41, 41, 41, 0.2000)" } } } diff --git a/packages/module/tokens/default/semantic.dimension.json b/packages/module/tokens/default/semantic.dimension.json index c78baee..29d3f37 100644 --- a/packages/module/tokens/default/semantic.dimension.json +++ b/packages/module/tokens/default/semantic.dimension.json @@ -35,6 +35,11 @@ } }, "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.", @@ -52,11 +57,6 @@ "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", @@ -657,12 +657,12 @@ "left": { "description": "Use to define the X value for a small box-shadow that appears on the left of a raised element, like in sticky columns.", "type": "number", - "value": "{global.box-shadow.X.300}" + "value": "{global.box-shadow.X.200}" }, "right": { "description": "Use to define the X value for a small box-shadow that appears on the right of a raised element, like in sticky columns.", "type": "number", - "value": "{global.box-shadow.X.500}" + "value": "{global.box-shadow.X.600}" } }, "md": { @@ -684,12 +684,12 @@ "left": { "description": "Use to define the X value for a medium box-shadow that appears on the left of a raised element, like in overlay drawers that show on the right of the screen.", "type": "number", - "value": "{global.box-shadow.X.200}" + "value": "{global.box-shadow.X.100}" }, "right": { "description": "Use to define the X value for a medium box-shadow that appears on the right of a raised element, like in overlay drawers that show on the left of the screen.", "type": "number", - "value": "{global.box-shadow.X.600}" + "value": "{global.box-shadow.X.700}" } }, "lg": { @@ -711,12 +711,12 @@ "left": { "description": "Use to define the X value for a large box-shadow that appears on the left of a raised element.", "type": "number", - "value": "{global.box-shadow.X.100}" + "value": "{global.box-shadow.X.50}" }, "right": { "description": "Use to define the X value for a large box-shadow that appears on the right of a raised element.", "type": "number", - "value": "{global.box-shadow.X.700}" + "value": "{global.box-shadow.X.800}" } } }, @@ -730,12 +730,12 @@ "top": { "description": "Use to define the Y value for a small box-shadow that appears on the top of a raised element, like in sticky footers", "type": "number", - "value": "{global.box-shadow.Y.300}" + "value": "{global.box-shadow.Y.200}" }, "bottom": { "description": "Use to define the Y value for a small box-shadow that appears on the bottom of a raised element, like in sticky headers.", "type": "number", - "value": "{global.box-shadow.Y.500}" + "value": "{global.box-shadow.Y.600}" }, "left": { "description": "Use to define the Y value for a small box-shadow that appears on the left of a raised element, like in sticky columns.", @@ -757,12 +757,12 @@ "top": { "description": "Use to define the Y value for a medium box-shadow that appears on the top of a raised element, like in overlay bottom drawers", "type": "number", - "value": "{global.box-shadow.Y.200}" + "value": "{global.box-shadow.Y.100}" }, "bottom": { "description": "Use to define the Y value for a medium box-shadow that appears on the bottom of a raised element.", "type": "number", - "value": "{global.box-shadow.Y.600}" + "value": "{global.box-shadow.Y.700}" }, "left": { "description": "Use to define the Y value for a medium box-shadow that appears on the left of a raised element, like in overlay drawers that show on the right of the screen.", @@ -784,12 +784,12 @@ "top": { "description": "Use to define the Y value for a large box-shadow that appears on the top of a raised element.", "type": "number", - "value": "{global.box-shadow.Y.100}" + "value": "{global.box-shadow.Y.50}" }, "bottom": { "description": "Use to define the Y value for a large box-shadow that appears on the bottom of a raised element.", "type": "number", - "value": "{global.box-shadow.Y.700}" + "value": "{global.box-shadow.Y.800}" }, "left": { "description": "Use to define the Y value for a large box-shadow that appears on the left of a raised element.", @@ -822,19 +822,40 @@ }, "spread": { "sm": { - "description": "Use to define the spread for a small box-shadow", - "type": "number", - "value": "{global.box-shadow.spread.100}" + "default": { + "description": "Use to define the spread for a small box-shadow", + "type": "number", + "value": "{global.box-shadow.spread.100}" + }, + "directional": { + "description": "Use to define the spread for a small box-shadow", + "type": "number", + "value": "{global.box-shadow.spread.200}" + } }, "md": { - "description": "Use to define the spread of a medium box-shadow", - "type": "number", - "value": "{global.box-shadow.spread.100}" + "default": { + "description": "Use to define the spread of a medium box-shadow", + "type": "number", + "value": "{global.box-shadow.spread.100}" + }, + "directional": { + "description": "Use to define the spread of a medium box-shadow", + "type": "number", + "value": "{global.box-shadow.spread.300}" + } }, "lg": { - "description": "Use to define the spread of a large box-shadow", - "type": "number", - "value": "{global.box-shadow.spread.100}" + "default": { + "description": "Use to define the spread of a large box-shadow", + "type": "number", + "value": "{global.box-shadow.spread.100}" + }, + "directional": { + "description": "Use to define the spread of a large box-shadow", + "type": "number", + "value": "{global.box-shadow.spread.400}" + } } } }, diff --git a/packages/module/tokens/default/semantic.json b/packages/module/tokens/default/semantic.json index 8e9ebb9..8258fba 100644 --- a/packages/module/tokens/default/semantic.json +++ b/packages/module/tokens/default/semantic.json @@ -37,6 +37,13 @@ "value": "{global.background.color.300}" } }, + "tertiary": { + "default": { + "description": "Use as the tertiary background color. This is primarily used for containers that can be placed on secondary backgrounds.", + "type": "color", + "value": "{global.background.color.600}" + } + }, "floating": { "default": { "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.", @@ -113,6 +120,16 @@ "description": "Use as the background color components with inversed backgrounds like tooltips.", "type": "color", "value": "{global.background.color.400}" + }, + "hover": { + "description": "Use as the hover color for interactive components with inversed backgrounds.", + "type": "color", + "value": "{global.background.color.450}" + }, + "clicked": { + "description": "Use as the clicked color for interactive components with inversed backgrounds.", + "type": "color", + "value": "{global.background.color.450}" } }, "disabled": { @@ -1696,19 +1713,40 @@ "box-shadow": { "color": { "sm": { - "description": "Use as the color of small box-shadows.", - "type": "color", - "value": "{global.box-shadow.color.100}" + "default": { + "description": "Use as the color of small box-shadows.", + "type": "color", + "value": "{global.box-shadow.color.100}" + }, + "directional": { + "description": "Use as the color of small box-shadows.", + "type": "color", + "value": "{global.box-shadow.color.200}" + } }, "md": { - "description": "Use as the color of medium box-shadows.", - "type": "color", - "value": "{global.box-shadow.color.200}" + "default": { + "description": "Use as the color of medium box-shadows.", + "type": "color", + "value": "{global.box-shadow.color.100}" + }, + "directional": { + "description": "Use as the color of medium box-shadows.", + "type": "color", + "value": "{global.box-shadow.color.100}" + } }, "lg": { - "description": "Use as the color of large box-shadows.", - "type": "color", - "value": "{global.box-shadow.color.200}" + "default": { + "description": "Use as the color of large box-shadows.", + "type": "color", + "value": "{global.box-shadow.color.100}" + }, + "directional": { + "description": "Use as the color of large box-shadows.", + "type": "color", + "value": "{global.box-shadow.color.200}" + } } } }