diff --git a/packages/module/build/css/tokens-charts-dark.scss b/packages/module/build/css/tokens-charts-dark.scss index c6045a9..f6e8d0e 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 Tue, 07 May 2024 17:05:31 GMT +// Generated on Tue, 07 May 2024 18:55:09 GMT @mixin pf-v6-tokens { --pf-t--chart--global--layout--width: 450; diff --git a/packages/module/build/css/tokens-charts.scss b/packages/module/build/css/tokens-charts.scss index 9ba547d..16b57c6 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 Tue, 07 May 2024 17:05:31 GMT +// Generated on Tue, 07 May 2024 18:55:09 GMT @mixin pf-v6-tokens { --pf-t--chart--global--layout--width: 450; diff --git a/packages/module/build/css/tokens-dark.scss b/packages/module/build/css/tokens-dark.scss index efbf4dc..74ffaad 100644 --- a/packages/module/build/css/tokens-dark.scss +++ b/packages/module/build/css/tokens-dark.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Tue, 07 May 2024 17:05:31 GMT +// Generated on Tue, 07 May 2024 18:55:09 GMT @mixin pf-v6-tokens { --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000); @@ -64,6 +64,12 @@ --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30); --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30); --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40); + --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50); + --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40); + --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30); + --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30); + --pf-t--global--dark--color--severity--none--100: var(--pf-t--color--blue--30); + --pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40); --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20); --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30); --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70); @@ -81,6 +87,7 @@ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300); --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300); --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250); + --pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300); --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400); --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300); --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300); @@ -121,9 +128,16 @@ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200); --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100); --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200); + --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200); --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200); --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100); --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200); + --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--100); + --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--dark--color--severity--important--100); + --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--100); + --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--dark--color--severity--minor--100); + --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--dark--color--severity--none--100); + --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--dark--color--severity--undefined--100); --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300); --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200); --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300); @@ -261,7 +275,6 @@ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse); --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse); --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default); - --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default); --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked); --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover); --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default); @@ -351,8 +364,8 @@ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse); --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default); --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default); - --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked); --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover); + --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked); --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default); --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked); --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover); diff --git a/packages/module/build/css/tokens-default.scss b/packages/module/build/css/tokens-default.scss index 7bf9c4a..41b294d 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 Tue, 07 May 2024 17:05:31 GMT +// Generated on Tue, 07 May 2024 18:55:08 GMT @mixin pf-v6-tokens { --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000); @@ -97,6 +97,12 @@ --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40); --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30); --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20); + --pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60); + --pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50); + --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40); + --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50); + --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40); + --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30); --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70); --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60); --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60); @@ -237,6 +243,7 @@ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300); --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300); --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200); + --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100); --pf-t--global--text--color--required: var(--pf-t--global--text--color--400); --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300); --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200); @@ -346,12 +353,19 @@ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300); --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200); --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--300); + --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200); --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200); --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100); --pf-t--global--border--color--default: var(--pf-t--global--border--color--100); --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300); --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300); --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200); + --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--color--severity--critical--100); + --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--100); + --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--100); + --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--100); + --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--100); + --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--100); --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300); --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200); --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300); @@ -436,15 +450,14 @@ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse); --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse); --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default); - --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked); --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover); + --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked); --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default); --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked); --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover); --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default); --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default); --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default); - --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default); --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked); --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover); --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default); diff --git a/packages/module/build/css/tokens-palette.scss b/packages/module/build/css/tokens-palette.scss index 5951faa..047effc 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 Tue, 07 May 2024 17:05:31 GMT +// Generated on Tue, 07 May 2024 18:55:09 GMT @mixin pf-v6-tokens { --pf-t--color--red--70: #5f0000; diff --git a/packages/module/tokens/dark/base.dark.json b/packages/module/tokens/dark/base.dark.json index 36a28ae..8c6fd5c 100644 --- a/packages/module/tokens/dark/base.dark.json +++ b/packages/module/tokens/dark/base.dark.json @@ -79,6 +79,44 @@ "value": "{color.yellow.20}" } }, + "severity": { + "undefined": { + "100": { + "type": "color", + "value": "{color.gray.40}" + } + }, + "none": { + "100": { + "type": "color", + "value": "{color.blue.30}" + } + }, + "minor": { + "100": { + "type": "color", + "value": "{color.gray.30}" + } + }, + "moderate": { + "100": { + "type": "color", + "value": "{color.yellow.30}" + } + }, + "important": { + "100": { + "type": "color", + "value": "{color.orange.40}" + } + }, + "critical": { + "100": { + "type": "color", + "value": "{color.red-orange.50}" + } + } + }, "status": { "success": { "100": { diff --git a/packages/module/tokens/dark/semantic.dark.json b/packages/module/tokens/dark/semantic.dark.json index f493095..ed55d07 100644 --- a/packages/module/tokens/dark/semantic.dark.json +++ b/packages/module/tokens/dark/semantic.dark.json @@ -157,13 +157,13 @@ "type": "color", "value": "{global.color.status.danger.default}" }, - "hover": { - "type": "color", - "value": "{global.color.status.danger.hover}" - }, "clicked": { "type": "color", "value": "{global.color.status.danger.clicked}" + }, + "hover": { + "type": "color", + "value": "{global.color.status.danger.hover}" } } }, @@ -613,6 +613,44 @@ "type": "color", "value": "{global.dark.color.disabled.300}" }, + "severity": { + "undefined": { + "default": { + "type": "color", + "value": "{global.dark.color.severity.undefined.100}" + } + }, + "none": { + "default": { + "type": "color", + "value": "{global.dark.color.severity.none.100}" + } + }, + "minor": { + "default": { + "type": "color", + "value": "{global.dark.color.severity.minor.100}" + } + }, + "moderate": { + "default": { + "type": "color", + "value": "{global.dark.color.severity.moderate.100}" + } + }, + "important": { + "default": { + "type": "color", + "value": "{global.dark.color.severity.important.100}" + } + }, + "critical": { + "default": { + "type": "color", + "value": "{global.dark.color.severity.critical.100}" + } + } + }, "nonstatus": { "on-red": { "default": { @@ -845,7 +883,7 @@ }, "disabled": { "type": "color", - "value": "{global.background.color.disabled.default}" + "value": "{global.dark.color.disabled.200}" }, "alt": { "type": "color", @@ -1057,6 +1095,10 @@ "type": "color", "value": "{global.dark.text.color.400}" }, + "on-highlight": { + "type": "color", + "value": "{global.dark.text.color.300}" + }, "status": { "success": { "default": { diff --git a/packages/module/tokens/default/base.json b/packages/module/tokens/default/base.json index 058d436..00e58a6 100644 --- a/packages/module/tokens/default/base.json +++ b/packages/module/tokens/default/base.json @@ -138,6 +138,44 @@ } } }, + "severity": { + "undefined": { + "100": { + "type": "color", + "value": "{color.gray.30}" + } + }, + "none": { + "100": { + "type": "color", + "value": "{color.blue.40}" + } + }, + "minor": { + "100": { + "type": "color", + "value": "{color.gray.50}" + } + }, + "moderate": { + "100": { + "type": "color", + "value": "{color.yellow.40}" + } + }, + "important": { + "100": { + "type": "color", + "value": "{color.orange.50}" + } + }, + "critical": { + "100": { + "type": "color", + "value": "{color.red-orange.60}" + } + } + }, "nonstatus": { "red": { "100": { diff --git a/packages/module/tokens/default/semantic.json b/packages/module/tokens/default/semantic.json index 34d6a72..75e2122 100644 --- a/packages/module/tokens/default/semantic.json +++ b/packages/module/tokens/default/semantic.json @@ -157,13 +157,13 @@ "type": "color", "value": "{global.color.status.danger.default}" }, - "hover": { - "type": "color", - "value": "{global.color.status.danger.hover}" - }, "clicked": { "type": "color", "value": "{global.color.status.danger.clicked}" + }, + "hover": { + "type": "color", + "value": "{global.color.status.danger.hover}" } } }, @@ -613,6 +613,44 @@ "type": "color", "value": "{global.color.disabled.300}" }, + "severity": { + "undefined": { + "default": { + "type": "color", + "value": "{global.color.severity.undefined.100}" + } + }, + "none": { + "default": { + "type": "color", + "value": "{global.color.severity.none.100}" + } + }, + "minor": { + "default": { + "type": "color", + "value": "{global.color.severity.minor.100}" + } + }, + "moderate": { + "default": { + "type": "color", + "value": "{global.color.severity.moderate.100}" + } + }, + "important": { + "default": { + "type": "color", + "value": "{global.color.severity.important.100}" + } + }, + "critical": { + "default": { + "type": "color", + "value": "{global.color.severity.critical.100}" + } + } + }, "nonstatus": { "on-red": { "default": { @@ -845,7 +883,7 @@ }, "disabled": { "type": "color", - "value": "{global.background.color.disabled.default}" + "value": "{global.color.disabled.200}" }, "alt": { "type": "color", @@ -1057,6 +1095,10 @@ "type": "color", "value": "{global.text.color.400}" }, + "on-highlight": { + "type": "color", + "value": "{global.text.color.100}" + }, "status": { "success": { "default": {