diff --git a/packages/module/build/css/tokens-charts-dark.scss b/packages/module/build/css/tokens-charts-dark.scss deleted file mode 100644 index 882b3a6..0000000 --- a/packages/module/build/css/tokens-charts-dark.scss +++ /dev/null @@ -1,175 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 15 May 2026 19:29:07 GMT - -@mixin pf-v6-tokens { - --pf-t--chart--global--BorderWidth--lg: 8; - --pf-t--chart--global--BorderWidth--sm: 2; - --pf-t--chart--global--BorderWidth--xs: 1; - --pf-t--chart--global--FontSize--2xl: 22; - --pf-t--chart--global--FontSize--lg: 18; - --pf-t--chart--global--FontSize--sm: 14; - --pf-t--chart--global--FontSize--xs: 12; - --pf-t--chart--global--fill--opacity--area: 20%; - --pf-t--chart--global--label--margin: 8; - --pf-t--chart--global--label--padding: 10; - --pf-t--chart--global--label--stroke--color: transparent; - --pf-t--chart--global--label--stroke--width: 0; - --pf-t--chart--global--label--text-anchor: middle; - --pf-t--chart--global--layout--height: 300; - --pf-t--chart--global--layout--padding: 50; - --pf-t--chart--global--layout--width: 450; - --pf-t--chart--global--letter-spacing: normal; - --pf-t--chart--global--stroke--width--sm: 2; - --pf-t--chart--global--stroke--width--xs: 1; - --pf-t--chart--global--stroke-line-cap: round; - --pf-t--chart--global--stroke-line-join: round; - --pf-t--chart--color--black--100: var(--pf-t--color--gray--50); - --pf-t--chart--color--black--200: var(--pf-t--color--gray--40); - --pf-t--chart--color--black--300: var(--pf-t--color--gray--30); - --pf-t--chart--color--black--400: var(--pf-t--color--gray--20); - --pf-t--chart--color--black--500: var(--pf-t--color--gray--10); - --pf-t--chart--color--blue--100: var(--pf-t--color--blue--50); - --pf-t--chart--color--blue--200: var(--pf-t--color--blue--40); - --pf-t--chart--color--blue--300: var(--pf-t--color--blue--30); - --pf-t--chart--color--blue--400: var(--pf-t--color--blue--20); - --pf-t--chart--color--blue--500: var(--pf-t--color--blue--10); - --pf-t--chart--color--green--100: var(--pf-t--color--green--50); - --pf-t--chart--color--green--200: var(--pf-t--color--green--40); - --pf-t--chart--color--green--300: var(--pf-t--color--green--30); - --pf-t--chart--color--green--400: var(--pf-t--color--green--20); - --pf-t--chart--color--green--500: var(--pf-t--color--green--10); - --pf-t--chart--color--orange--100: var(--pf-t--color--orange--50); - --pf-t--chart--color--orange--200: var(--pf-t--color--orange--40); - --pf-t--chart--color--orange--300: var(--pf-t--color--orange--30); - --pf-t--chart--color--orange--400: var(--pf-t--color--orange--20); - --pf-t--chart--color--orange--500: var(--pf-t--color--orange--10); - --pf-t--chart--color--purple--100: var(--pf-t--color--purple--60); - --pf-t--chart--color--purple--200: var(--pf-t--color--purple--50); - --pf-t--chart--color--purple--300: var(--pf-t--color--purple--40); - --pf-t--chart--color--purple--400: var(--pf-t--color--purple--30); - --pf-t--chart--color--purple--500: var(--pf-t--color--purple--20); - --pf-t--chart--color--red-orange--100: var(--pf-t--color--red-orange--50); - --pf-t--chart--color--red-orange--200: var(--pf-t--color--red-orange--40); - --pf-t--chart--color--red-orange--300: var(--pf-t--color--red-orange--30); - --pf-t--chart--color--red-orange--400: var(--pf-t--color--red-orange--20); - --pf-t--chart--color--red-orange--500: var(--pf-t--color--red-orange--10); - --pf-t--chart--color--teal--100: var(--pf-t--color--teal--50); - --pf-t--chart--color--teal--200: var(--pf-t--color--teal--40); - --pf-t--chart--color--teal--300: var(--pf-t--color--teal--30); - --pf-t--chart--color--teal--400: var(--pf-t--color--teal--20); - --pf-t--chart--color--teal--500: var(--pf-t--color--teal--10); - --pf-t--chart--color--yellow--100: var(--pf-t--color--yellow--50); - --pf-t--chart--color--yellow--200: var(--pf-t--color--yellow--40); - --pf-t--chart--color--yellow--300: var(--pf-t--color--yellow--30); - --pf-t--chart--color--yellow--400: var(--pf-t--color--yellow--20); - --pf-t--chart--color--yellow--500: var(--pf-t--color--yellow--10); - --pf-t--chart--global--danger--color--100: var(--pf-t--color--red-orange--50); - --pf-t--chart--global--fill--color--100: var(--pf-t--color--gray--60); - --pf-t--chart--global--fill--color--200: var(--pf-t--color--gray--50); - --pf-t--chart--global--fill--color--300: var(--pf-t--color--gray--40); - --pf-t--chart--global--fill--color--400: var(--pf-t--color--gray--30); - --pf-t--chart--global--fill--color--500: var(--pf-t--color--gray--20); - --pf-t--chart--global--fill--color--700: var(--pf-t--color--gray--10); - --pf-t--chart--global--fill--color--900: var(--pf-t--color--white); - --pf-t--chart--global--fill--color--white: var(--pf-t--color--white); - --pf-t--chart--global--label--fill: var(--pf-t--color--white); - --pf-t--chart--global--success--color--100: var(--pf-t--color--blue--30); - --pf-t--chart--global--warning--color--100: var(--pf-t--color--orange--30); - --pf-t--chart--global--warning--color--200: var(--pf-t--color--yellow--30); - --pf-t--chart--theme--colorscales--blue--colorscale--100: var(--pf-t--chart--color--blue--300); - --pf-t--chart--theme--colorscales--blue--colorscale--200: var(--pf-t--chart--color--blue--100); - --pf-t--chart--theme--colorscales--blue--colorscale--300: var(--pf-t--chart--color--blue--500); - --pf-t--chart--theme--colorscales--blue--colorscale--400: var(--pf-t--chart--color--blue--200); - --pf-t--chart--theme--colorscales--blue--colorscale--500: var(--pf-t--chart--color--blue--400); - --pf-t--chart--theme--colorscales--gray--colorscale--100: var(--pf-t--chart--color--black--300); - --pf-t--chart--theme--colorscales--gray--colorscale--200: var(--pf-t--chart--color--black--100); - --pf-t--chart--theme--colorscales--gray--colorscale--300: var(--pf-t--chart--color--black--500); - --pf-t--chart--theme--colorscales--gray--colorscale--400: var(--pf-t--chart--color--black--200); - --pf-t--chart--theme--colorscales--gray--colorscale--500: var(--pf-t--chart--color--black--400); - --pf-t--chart--theme--colorscales--green--colorscale--100: var(--pf-t--chart--color--green--300); - --pf-t--chart--theme--colorscales--green--colorscale--200: var(--pf-t--chart--color--green--100); - --pf-t--chart--theme--colorscales--green--colorscale--300: var(--pf-t--chart--color--green--500); - --pf-t--chart--theme--colorscales--green--colorscale--400: var(--pf-t--chart--color--green--200); - --pf-t--chart--theme--colorscales--green--colorscale--500: var(--pf-t--chart--color--green--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--100: var(--pf-t--chart--color--blue--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1000: var(--pf-t--chart--color--orange--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1100: var(--pf-t--chart--color--blue--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1200: var(--pf-t--chart--color--green--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1300: var(--pf-t--chart--color--teal--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1400: var(--pf-t--chart--color--yellow--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1500: var(--pf-t--chart--color--orange--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1600: var(--pf-t--chart--color--blue--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1700: var(--pf-t--chart--color--green--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1800: var(--pf-t--chart--color--teal--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1900: var(--pf-t--chart--color--yellow--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--200: var(--pf-t--chart--color--green--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2000: var(--pf-t--chart--color--orange--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2100: var(--pf-t--chart--color--blue--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2200: var(--pf-t--chart--color--green--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2300: var(--pf-t--chart--color--teal--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2400: var(--pf-t--chart--color--yellow--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2500: var(--pf-t--chart--color--orange--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--300: var(--pf-t--chart--color--teal--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--400: var(--pf-t--chart--color--yellow--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--500: var(--pf-t--chart--color--orange--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--600: var(--pf-t--chart--color--blue--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--700: var(--pf-t--chart--color--green--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--800: var(--pf-t--chart--color--teal--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--900: var(--pf-t--chart--color--yellow--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--100: var(--pf-t--chart--color--blue--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1000: var(--pf-t--chart--color--green--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1100: var(--pf-t--chart--color--purple--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1200: var(--pf-t--chart--color--orange--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1300: var(--pf-t--chart--color--teal--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1400: var(--pf-t--chart--color--black--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1500: var(--pf-t--chart--color--blue--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1600: var(--pf-t--chart--color--yellow--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1700: var(--pf-t--chart--color--green--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1800: var(--pf-t--chart--color--purple--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1900: var(--pf-t--chart--color--orange--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--200: var(--pf-t--chart--color--yellow--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2000: var(--pf-t--chart--color--teal--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2100: var(--pf-t--chart--color--black--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2200: var(--pf-t--chart--color--blue--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2300: var(--pf-t--chart--color--yellow--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2400: var(--pf-t--chart--color--green--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2500: var(--pf-t--chart--color--purple--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2600: var(--pf-t--chart--color--orange--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2700: var(--pf-t--chart--color--teal--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2800: var(--pf-t--chart--color--black--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2900: var(--pf-t--chart--color--blue--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--300: var(--pf-t--chart--color--green--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3000: var(--pf-t--chart--color--yellow--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3100: var(--pf-t--chart--color--green--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3200: var(--pf-t--chart--color--purple--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3300: var(--pf-t--chart--color--orange--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3400: var(--pf-t--chart--color--teal--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3500: var(--pf-t--chart--color--black--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--400: var(--pf-t--chart--color--purple--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--500: var(--pf-t--chart--color--orange--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--600: var(--pf-t--chart--color--teal--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--700: var(--pf-t--chart--color--black--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--800: var(--pf-t--chart--color--blue--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--900: var(--pf-t--chart--color--yellow--200); - --pf-t--chart--theme--colorscales--orange--colorscale--100: var(--pf-t--chart--color--orange--300); - --pf-t--chart--theme--colorscales--orange--colorscale--200: var(--pf-t--chart--color--orange--100); - --pf-t--chart--theme--colorscales--orange--colorscale--300: var(--pf-t--chart--color--orange--500); - --pf-t--chart--theme--colorscales--orange--colorscale--400: var(--pf-t--chart--color--orange--200); - --pf-t--chart--theme--colorscales--orange--colorscale--500: var(--pf-t--chart--color--orange--400); - --pf-t--chart--theme--colorscales--purple--colorscale--100: var(--pf-t--chart--color--purple--300); - --pf-t--chart--theme--colorscales--purple--colorscale--200: var(--pf-t--chart--color--purple--100); - --pf-t--chart--theme--colorscales--purple--colorscale--300: var(--pf-t--chart--color--purple--500); - --pf-t--chart--theme--colorscales--purple--colorscale--400: var(--pf-t--chart--color--purple--200); - --pf-t--chart--theme--colorscales--purple--colorscale--500: var(--pf-t--chart--color--purple--400); - --pf-t--chart--theme--colorscales--teal--colorscale--100: var(--pf-t--chart--color--teal--300); - --pf-t--chart--theme--colorscales--teal--colorscale--200: var(--pf-t--chart--color--teal--100); - --pf-t--chart--theme--colorscales--teal--colorscale--300: var(--pf-t--chart--color--teal--500); - --pf-t--chart--theme--colorscales--teal--colorscale--400: var(--pf-t--chart--color--teal--200); - --pf-t--chart--theme--colorscales--teal--colorscale--500: var(--pf-t--chart--color--teal--400); - --pf-t--chart--theme--colorscales--yellow--colorscale--100: var(--pf-t--chart--color--yellow--300); - --pf-t--chart--theme--colorscales--yellow--colorscale--200: var(--pf-t--chart--color--yellow--100); - --pf-t--chart--theme--colorscales--yellow--colorscale--300: var(--pf-t--chart--color--yellow--500); - --pf-t--chart--theme--colorscales--yellow--colorscale--400: var(--pf-t--chart--color--yellow--200); - --pf-t--chart--theme--colorscales--yellow--colorscale--500: var(--pf-t--chart--color--yellow--400); -} diff --git a/packages/module/build/css/tokens-charts-highcontrast-dark.scss b/packages/module/build/css/tokens-charts-highcontrast-dark.scss deleted file mode 100644 index f52847f..0000000 --- a/packages/module/build/css/tokens-charts-highcontrast-dark.scss +++ /dev/null @@ -1,175 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 15 May 2026 19:29:07 GMT - -@mixin pf-v6-tokens { - --pf-t--chart--global--BorderWidth--lg: 8; - --pf-t--chart--global--BorderWidth--sm: 2; - --pf-t--chart--global--BorderWidth--xs: 1; - --pf-t--chart--global--FontSize--2xl: 22; - --pf-t--chart--global--FontSize--lg: 18; - --pf-t--chart--global--FontSize--sm: 14; - --pf-t--chart--global--FontSize--xs: 12; - --pf-t--chart--global--fill--opacity--area: 20%; - --pf-t--chart--global--label--margin: 8; - --pf-t--chart--global--label--padding: 10; - --pf-t--chart--global--label--stroke--color: transparent; - --pf-t--chart--global--label--stroke--width: 0; - --pf-t--chart--global--label--text-anchor: middle; - --pf-t--chart--global--layout--height: 300; - --pf-t--chart--global--layout--padding: 50; - --pf-t--chart--global--layout--width: 450; - --pf-t--chart--global--letter-spacing: normal; - --pf-t--chart--global--stroke--width--sm: 2; - --pf-t--chart--global--stroke--width--xs: 1; - --pf-t--chart--global--stroke-line-cap: round; - --pf-t--chart--global--stroke-line-join: round; - --pf-t--chart--color--black--100: var(--pf-t--color--gray--50); - --pf-t--chart--color--black--200: var(--pf-t--color--gray--40); - --pf-t--chart--color--black--300: var(--pf-t--color--gray--30); - --pf-t--chart--color--black--400: var(--pf-t--color--gray--20); - --pf-t--chart--color--black--500: var(--pf-t--color--gray--10); - --pf-t--chart--color--blue--100: var(--pf-t--color--blue--50); - --pf-t--chart--color--blue--200: var(--pf-t--color--blue--40); - --pf-t--chart--color--blue--300: var(--pf-t--color--blue--30); - --pf-t--chart--color--blue--400: var(--pf-t--color--blue--20); - --pf-t--chart--color--blue--500: var(--pf-t--color--blue--10); - --pf-t--chart--color--green--100: var(--pf-t--color--green--50); - --pf-t--chart--color--green--200: var(--pf-t--color--green--40); - --pf-t--chart--color--green--300: var(--pf-t--color--green--30); - --pf-t--chart--color--green--400: var(--pf-t--color--green--20); - --pf-t--chart--color--green--500: var(--pf-t--color--green--10); - --pf-t--chart--color--orange--100: var(--pf-t--color--orange--50); - --pf-t--chart--color--orange--200: var(--pf-t--color--orange--40); - --pf-t--chart--color--orange--300: var(--pf-t--color--orange--30); - --pf-t--chart--color--orange--400: var(--pf-t--color--orange--20); - --pf-t--chart--color--orange--500: var(--pf-t--color--orange--10); - --pf-t--chart--color--purple--100: var(--pf-t--color--purple--50); - --pf-t--chart--color--purple--200: var(--pf-t--color--purple--40); - --pf-t--chart--color--purple--300: var(--pf-t--color--purple--30); - --pf-t--chart--color--purple--400: var(--pf-t--color--purple--20); - --pf-t--chart--color--purple--500: var(--pf-t--color--purple--10); - --pf-t--chart--color--red-orange--100: var(--pf-t--color--red-orange--50); - --pf-t--chart--color--red-orange--200: var(--pf-t--color--red-orange--40); - --pf-t--chart--color--red-orange--300: var(--pf-t--color--red-orange--30); - --pf-t--chart--color--red-orange--400: var(--pf-t--color--red-orange--20); - --pf-t--chart--color--red-orange--500: var(--pf-t--color--red-orange--10); - --pf-t--chart--color--teal--100: var(--pf-t--color--teal--50); - --pf-t--chart--color--teal--200: var(--pf-t--color--teal--40); - --pf-t--chart--color--teal--300: var(--pf-t--color--teal--30); - --pf-t--chart--color--teal--400: var(--pf-t--color--teal--20); - --pf-t--chart--color--teal--500: var(--pf-t--color--teal--10); - --pf-t--chart--color--yellow--100: var(--pf-t--color--yellow--50); - --pf-t--chart--color--yellow--200: var(--pf-t--color--yellow--40); - --pf-t--chart--color--yellow--300: var(--pf-t--color--yellow--30); - --pf-t--chart--color--yellow--400: var(--pf-t--color--yellow--20); - --pf-t--chart--color--yellow--500: var(--pf-t--color--yellow--10); - --pf-t--chart--global--danger--color--100: var(--pf-t--color--red-orange--40); - --pf-t--chart--global--fill--color--100: var(--pf-t--color--gray--60); - --pf-t--chart--global--fill--color--200: var(--pf-t--color--gray--50); - --pf-t--chart--global--fill--color--300: var(--pf-t--color--gray--40); - --pf-t--chart--global--fill--color--400: var(--pf-t--color--gray--30); - --pf-t--chart--global--fill--color--500: var(--pf-t--color--gray--20); - --pf-t--chart--global--fill--color--700: var(--pf-t--color--gray--10); - --pf-t--chart--global--fill--color--900: var(--pf-t--color--white); - --pf-t--chart--global--fill--color--white: var(--pf-t--color--white); - --pf-t--chart--global--label--fill: var(--pf-t--color--white); - --pf-t--chart--global--success--color--100: var(--pf-t--color--blue--30); - --pf-t--chart--global--warning--color--100: var(--pf-t--color--orange--30); - --pf-t--chart--global--warning--color--200: var(--pf-t--color--yellow--30); - --pf-t--chart--theme--colorscales--blue--colorscale--100: var(--pf-t--chart--color--blue--300); - --pf-t--chart--theme--colorscales--blue--colorscale--200: var(--pf-t--chart--color--blue--100); - --pf-t--chart--theme--colorscales--blue--colorscale--300: var(--pf-t--chart--color--blue--500); - --pf-t--chart--theme--colorscales--blue--colorscale--400: var(--pf-t--chart--color--blue--200); - --pf-t--chart--theme--colorscales--blue--colorscale--500: var(--pf-t--chart--color--blue--400); - --pf-t--chart--theme--colorscales--gray--colorscale--100: var(--pf-t--chart--color--black--300); - --pf-t--chart--theme--colorscales--gray--colorscale--200: var(--pf-t--chart--color--black--100); - --pf-t--chart--theme--colorscales--gray--colorscale--300: var(--pf-t--chart--color--black--500); - --pf-t--chart--theme--colorscales--gray--colorscale--400: var(--pf-t--chart--color--black--200); - --pf-t--chart--theme--colorscales--gray--colorscale--500: var(--pf-t--chart--color--black--400); - --pf-t--chart--theme--colorscales--green--colorscale--100: var(--pf-t--chart--color--green--300); - --pf-t--chart--theme--colorscales--green--colorscale--200: var(--pf-t--chart--color--green--100); - --pf-t--chart--theme--colorscales--green--colorscale--300: var(--pf-t--chart--color--green--500); - --pf-t--chart--theme--colorscales--green--colorscale--400: var(--pf-t--chart--color--green--200); - --pf-t--chart--theme--colorscales--green--colorscale--500: var(--pf-t--chart--color--green--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--100: var(--pf-t--chart--color--blue--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1000: var(--pf-t--chart--color--orange--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1100: var(--pf-t--chart--color--blue--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1200: var(--pf-t--chart--color--green--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1300: var(--pf-t--chart--color--teal--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1400: var(--pf-t--chart--color--yellow--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1500: var(--pf-t--chart--color--orange--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1600: var(--pf-t--chart--color--blue--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1700: var(--pf-t--chart--color--green--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1800: var(--pf-t--chart--color--teal--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1900: var(--pf-t--chart--color--yellow--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--200: var(--pf-t--chart--color--green--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2000: var(--pf-t--chart--color--orange--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2100: var(--pf-t--chart--color--blue--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2200: var(--pf-t--chart--color--green--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2300: var(--pf-t--chart--color--teal--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2400: var(--pf-t--chart--color--yellow--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2500: var(--pf-t--chart--color--orange--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--300: var(--pf-t--chart--color--teal--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--400: var(--pf-t--chart--color--yellow--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--500: var(--pf-t--chart--color--orange--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--600: var(--pf-t--chart--color--blue--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--700: var(--pf-t--chart--color--green--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--800: var(--pf-t--chart--color--teal--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--900: var(--pf-t--chart--color--yellow--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--100: var(--pf-t--chart--color--blue--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1000: var(--pf-t--chart--color--green--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1100: var(--pf-t--chart--color--purple--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1200: var(--pf-t--chart--color--orange--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1300: var(--pf-t--chart--color--teal--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1400: var(--pf-t--chart--color--black--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1500: var(--pf-t--chart--color--blue--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1600: var(--pf-t--chart--color--yellow--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1700: var(--pf-t--chart--color--green--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1800: var(--pf-t--chart--color--purple--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1900: var(--pf-t--chart--color--orange--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--200: var(--pf-t--chart--color--yellow--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2000: var(--pf-t--chart--color--teal--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2100: var(--pf-t--chart--color--black--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2200: var(--pf-t--chart--color--blue--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2300: var(--pf-t--chart--color--yellow--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2400: var(--pf-t--chart--color--green--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2500: var(--pf-t--chart--color--purple--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2600: var(--pf-t--chart--color--orange--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2700: var(--pf-t--chart--color--teal--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2800: var(--pf-t--chart--color--black--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2900: var(--pf-t--chart--color--blue--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--300: var(--pf-t--chart--color--green--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3000: var(--pf-t--chart--color--yellow--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3100: var(--pf-t--chart--color--green--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3200: var(--pf-t--chart--color--purple--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3300: var(--pf-t--chart--color--orange--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3400: var(--pf-t--chart--color--teal--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3500: var(--pf-t--chart--color--black--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--400: var(--pf-t--chart--color--purple--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--500: var(--pf-t--chart--color--orange--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--600: var(--pf-t--chart--color--teal--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--700: var(--pf-t--chart--color--black--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--800: var(--pf-t--chart--color--blue--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--900: var(--pf-t--chart--color--yellow--200); - --pf-t--chart--theme--colorscales--orange--colorscale--100: var(--pf-t--chart--color--orange--300); - --pf-t--chart--theme--colorscales--orange--colorscale--200: var(--pf-t--chart--color--orange--100); - --pf-t--chart--theme--colorscales--orange--colorscale--300: var(--pf-t--chart--color--orange--500); - --pf-t--chart--theme--colorscales--orange--colorscale--400: var(--pf-t--chart--color--orange--200); - --pf-t--chart--theme--colorscales--orange--colorscale--500: var(--pf-t--chart--color--orange--400); - --pf-t--chart--theme--colorscales--purple--colorscale--100: var(--pf-t--chart--color--purple--300); - --pf-t--chart--theme--colorscales--purple--colorscale--200: var(--pf-t--chart--color--purple--100); - --pf-t--chart--theme--colorscales--purple--colorscale--300: var(--pf-t--chart--color--purple--500); - --pf-t--chart--theme--colorscales--purple--colorscale--400: var(--pf-t--chart--color--purple--200); - --pf-t--chart--theme--colorscales--purple--colorscale--500: var(--pf-t--chart--color--purple--400); - --pf-t--chart--theme--colorscales--teal--colorscale--100: var(--pf-t--chart--color--teal--300); - --pf-t--chart--theme--colorscales--teal--colorscale--200: var(--pf-t--chart--color--teal--100); - --pf-t--chart--theme--colorscales--teal--colorscale--300: var(--pf-t--chart--color--teal--500); - --pf-t--chart--theme--colorscales--teal--colorscale--400: var(--pf-t--chart--color--teal--200); - --pf-t--chart--theme--colorscales--teal--colorscale--500: var(--pf-t--chart--color--teal--400); - --pf-t--chart--theme--colorscales--yellow--colorscale--100: var(--pf-t--chart--color--yellow--300); - --pf-t--chart--theme--colorscales--yellow--colorscale--200: var(--pf-t--chart--color--yellow--100); - --pf-t--chart--theme--colorscales--yellow--colorscale--300: var(--pf-t--chart--color--yellow--500); - --pf-t--chart--theme--colorscales--yellow--colorscale--400: var(--pf-t--chart--color--yellow--200); - --pf-t--chart--theme--colorscales--yellow--colorscale--500: var(--pf-t--chart--color--yellow--400); -} diff --git a/packages/module/build/css/tokens-charts-highcontrast.scss b/packages/module/build/css/tokens-charts-highcontrast.scss deleted file mode 100644 index 4490b1c..0000000 --- a/packages/module/build/css/tokens-charts-highcontrast.scss +++ /dev/null @@ -1,175 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 15 May 2026 19:29:07 GMT - -@mixin pf-v6-tokens { - --pf-t--chart--global--BorderWidth--lg: 8; - --pf-t--chart--global--BorderWidth--sm: 2; - --pf-t--chart--global--BorderWidth--xs: 1; - --pf-t--chart--global--FontSize--2xl: 22; - --pf-t--chart--global--FontSize--lg: 18; - --pf-t--chart--global--FontSize--sm: 14; - --pf-t--chart--global--FontSize--xs: 12; - --pf-t--chart--global--fill--opacity--area: 10%; - --pf-t--chart--global--label--margin: 8; - --pf-t--chart--global--label--padding: 10; - --pf-t--chart--global--label--stroke--color: transparent; - --pf-t--chart--global--label--stroke--width: 0; - --pf-t--chart--global--label--text-anchor: middle; - --pf-t--chart--global--layout--height: 300; - --pf-t--chart--global--layout--padding: 50; - --pf-t--chart--global--layout--width: 450; - --pf-t--chart--global--letter-spacing: normal; - --pf-t--chart--global--stroke--width--sm: 2; - --pf-t--chart--global--stroke--width--xs: 1; - --pf-t--chart--global--stroke-line-cap: round; - --pf-t--chart--global--stroke-line-join: round; - --pf-t--chart--color--black--100: var(--pf-t--color--gray--40); - --pf-t--chart--color--black--200: var(--pf-t--color--gray--50); - --pf-t--chart--color--black--300: var(--pf-t--color--gray--60); - --pf-t--chart--color--black--400: var(--pf-t--color--gray--70); - --pf-t--chart--color--black--500: var(--pf-t--color--gray--80); - --pf-t--chart--color--blue--100: var(--pf-t--color--blue--40); - --pf-t--chart--color--blue--200: var(--pf-t--color--blue--50); - --pf-t--chart--color--blue--300: var(--pf-t--color--blue--60); - --pf-t--chart--color--blue--400: var(--pf-t--color--blue--70); - --pf-t--chart--color--blue--500: var(--pf-t--color--blue--80); - --pf-t--chart--color--green--100: var(--pf-t--color--green--40); - --pf-t--chart--color--green--200: var(--pf-t--color--green--50); - --pf-t--chart--color--green--300: var(--pf-t--color--green--60); - --pf-t--chart--color--green--400: var(--pf-t--color--green--70); - --pf-t--chart--color--green--500: var(--pf-t--color--green--80); - --pf-t--chart--color--orange--100: var(--pf-t--color--orange--40); - --pf-t--chart--color--orange--200: var(--pf-t--color--orange--50); - --pf-t--chart--color--orange--300: var(--pf-t--color--orange--60); - --pf-t--chart--color--orange--400: var(--pf-t--color--orange--70); - --pf-t--chart--color--orange--500: var(--pf-t--color--orange--80); - --pf-t--chart--color--purple--100: var(--pf-t--color--purple--40); - --pf-t--chart--color--purple--200: var(--pf-t--color--purple--50); - --pf-t--chart--color--purple--300: var(--pf-t--color--purple--60); - --pf-t--chart--color--purple--400: var(--pf-t--color--purple--70); - --pf-t--chart--color--purple--500: var(--pf-t--color--purple--80); - --pf-t--chart--color--red-orange--100: var(--pf-t--color--red-orange--40); - --pf-t--chart--color--red-orange--200: var(--pf-t--color--red-orange--50); - --pf-t--chart--color--red-orange--300: var(--pf-t--color--red-orange--60); - --pf-t--chart--color--red-orange--400: var(--pf-t--color--red-orange--70); - --pf-t--chart--color--red-orange--500: var(--pf-t--color--red-orange--80); - --pf-t--chart--color--teal--100: var(--pf-t--color--teal--40); - --pf-t--chart--color--teal--200: var(--pf-t--color--teal--50); - --pf-t--chart--color--teal--300: var(--pf-t--color--teal--60); - --pf-t--chart--color--teal--400: var(--pf-t--color--teal--70); - --pf-t--chart--color--teal--500: var(--pf-t--color--teal--80); - --pf-t--chart--color--yellow--100: var(--pf-t--color--yellow--40); - --pf-t--chart--color--yellow--200: var(--pf-t--color--yellow--50); - --pf-t--chart--color--yellow--300: var(--pf-t--color--yellow--60); - --pf-t--chart--color--yellow--400: var(--pf-t--color--yellow--70); - --pf-t--chart--color--yellow--500: var(--pf-t--color--yellow--80); - --pf-t--chart--global--danger--color--100: var(--pf-t--color--red-orange--60); - --pf-t--chart--global--fill--color--100: var(--pf-t--color--gray--10); - --pf-t--chart--global--fill--color--200: var(--pf-t--color--gray--20); - --pf-t--chart--global--fill--color--300: var(--pf-t--color--gray--30); - --pf-t--chart--global--fill--color--400: var(--pf-t--color--gray--40); - --pf-t--chart--global--fill--color--500: var(--pf-t--color--gray--50); - --pf-t--chart--global--fill--color--700: var(--pf-t--color--gray--90); - --pf-t--chart--global--fill--color--900: var(--pf-t--color--gray--95); - --pf-t--chart--global--fill--color--white: var(--pf-t--color--white); - --pf-t--chart--global--label--fill: var(--pf-t--color--gray--90); - --pf-t--chart--global--success--color--100: var(--pf-t--color--blue--60); - --pf-t--chart--global--warning--color--100: var(--pf-t--color--orange--50); - --pf-t--chart--global--warning--color--200: var(--pf-t--color--yellow--50); - --pf-t--chart--theme--colorscales--blue--colorscale--100: var(--pf-t--chart--color--blue--300); - --pf-t--chart--theme--colorscales--blue--colorscale--200: var(--pf-t--chart--color--blue--100); - --pf-t--chart--theme--colorscales--blue--colorscale--300: var(--pf-t--chart--color--blue--500); - --pf-t--chart--theme--colorscales--blue--colorscale--400: var(--pf-t--chart--color--blue--200); - --pf-t--chart--theme--colorscales--blue--colorscale--500: var(--pf-t--chart--color--blue--400); - --pf-t--chart--theme--colorscales--gray--colorscale--100: var(--pf-t--chart--color--black--300); - --pf-t--chart--theme--colorscales--gray--colorscale--200: var(--pf-t--chart--color--black--100); - --pf-t--chart--theme--colorscales--gray--colorscale--300: var(--pf-t--chart--color--black--500); - --pf-t--chart--theme--colorscales--gray--colorscale--400: var(--pf-t--chart--color--black--200); - --pf-t--chart--theme--colorscales--gray--colorscale--500: var(--pf-t--chart--color--black--400); - --pf-t--chart--theme--colorscales--green--colorscale--100: var(--pf-t--chart--color--green--300); - --pf-t--chart--theme--colorscales--green--colorscale--200: var(--pf-t--chart--color--green--100); - --pf-t--chart--theme--colorscales--green--colorscale--300: var(--pf-t--chart--color--green--500); - --pf-t--chart--theme--colorscales--green--colorscale--400: var(--pf-t--chart--color--green--200); - --pf-t--chart--theme--colorscales--green--colorscale--500: var(--pf-t--chart--color--green--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--100: var(--pf-t--chart--color--blue--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1000: var(--pf-t--chart--color--orange--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1100: var(--pf-t--chart--color--blue--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1200: var(--pf-t--chart--color--green--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1300: var(--pf-t--chart--color--teal--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1400: var(--pf-t--chart--color--yellow--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1500: var(--pf-t--chart--color--orange--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1600: var(--pf-t--chart--color--blue--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1700: var(--pf-t--chart--color--green--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1800: var(--pf-t--chart--color--teal--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1900: var(--pf-t--chart--color--yellow--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--200: var(--pf-t--chart--color--green--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2000: var(--pf-t--chart--color--orange--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2100: var(--pf-t--chart--color--blue--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2200: var(--pf-t--chart--color--green--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2300: var(--pf-t--chart--color--teal--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2400: var(--pf-t--chart--color--yellow--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2500: var(--pf-t--chart--color--orange--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--300: var(--pf-t--chart--color--teal--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--400: var(--pf-t--chart--color--yellow--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--500: var(--pf-t--chart--color--orange--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--600: var(--pf-t--chart--color--blue--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--700: var(--pf-t--chart--color--green--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--800: var(--pf-t--chart--color--teal--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--900: var(--pf-t--chart--color--yellow--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--100: var(--pf-t--chart--color--blue--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1000: var(--pf-t--chart--color--green--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1100: var(--pf-t--chart--color--purple--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1200: var(--pf-t--chart--color--orange--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1300: var(--pf-t--chart--color--teal--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1400: var(--pf-t--chart--color--black--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1500: var(--pf-t--chart--color--blue--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1600: var(--pf-t--chart--color--yellow--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1700: var(--pf-t--chart--color--green--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1800: var(--pf-t--chart--color--purple--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1900: var(--pf-t--chart--color--orange--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--200: var(--pf-t--chart--color--yellow--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2000: var(--pf-t--chart--color--teal--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2100: var(--pf-t--chart--color--black--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2200: var(--pf-t--chart--color--blue--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2300: var(--pf-t--chart--color--yellow--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2400: var(--pf-t--chart--color--green--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2500: var(--pf-t--chart--color--purple--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2600: var(--pf-t--chart--color--orange--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2700: var(--pf-t--chart--color--teal--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2800: var(--pf-t--chart--color--black--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2900: var(--pf-t--chart--color--blue--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--300: var(--pf-t--chart--color--green--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3000: var(--pf-t--chart--color--yellow--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3100: var(--pf-t--chart--color--green--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3200: var(--pf-t--chart--color--purple--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3300: var(--pf-t--chart--color--orange--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3400: var(--pf-t--chart--color--teal--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3500: var(--pf-t--chart--color--black--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--400: var(--pf-t--chart--color--purple--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--500: var(--pf-t--chart--color--orange--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--600: var(--pf-t--chart--color--teal--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--700: var(--pf-t--chart--color--black--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--800: var(--pf-t--chart--color--blue--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--900: var(--pf-t--chart--color--yellow--500); - --pf-t--chart--theme--colorscales--orange--colorscale--100: var(--pf-t--chart--color--orange--300); - --pf-t--chart--theme--colorscales--orange--colorscale--200: var(--pf-t--chart--color--orange--100); - --pf-t--chart--theme--colorscales--orange--colorscale--300: var(--pf-t--chart--color--orange--500); - --pf-t--chart--theme--colorscales--orange--colorscale--400: var(--pf-t--chart--color--orange--200); - --pf-t--chart--theme--colorscales--orange--colorscale--500: var(--pf-t--chart--color--orange--400); - --pf-t--chart--theme--colorscales--purple--colorscale--100: var(--pf-t--chart--color--purple--300); - --pf-t--chart--theme--colorscales--purple--colorscale--200: var(--pf-t--chart--color--purple--100); - --pf-t--chart--theme--colorscales--purple--colorscale--300: var(--pf-t--chart--color--purple--500); - --pf-t--chart--theme--colorscales--purple--colorscale--400: var(--pf-t--chart--color--purple--200); - --pf-t--chart--theme--colorscales--purple--colorscale--500: var(--pf-t--chart--color--purple--400); - --pf-t--chart--theme--colorscales--teal--colorscale--100: var(--pf-t--chart--color--teal--300); - --pf-t--chart--theme--colorscales--teal--colorscale--200: var(--pf-t--chart--color--teal--100); - --pf-t--chart--theme--colorscales--teal--colorscale--300: var(--pf-t--chart--color--teal--500); - --pf-t--chart--theme--colorscales--teal--colorscale--400: var(--pf-t--chart--color--teal--200); - --pf-t--chart--theme--colorscales--teal--colorscale--500: var(--pf-t--chart--color--teal--400); - --pf-t--chart--theme--colorscales--yellow--colorscale--100: var(--pf-t--chart--color--yellow--300); - --pf-t--chart--theme--colorscales--yellow--colorscale--200: var(--pf-t--chart--color--yellow--100); - --pf-t--chart--theme--colorscales--yellow--colorscale--300: var(--pf-t--chart--color--yellow--500); - --pf-t--chart--theme--colorscales--yellow--colorscale--400: var(--pf-t--chart--color--yellow--200); - --pf-t--chart--theme--colorscales--yellow--colorscale--500: var(--pf-t--chart--color--yellow--400); -} diff --git a/packages/module/build/css/tokens-charts.scss b/packages/module/build/css/tokens-charts.scss deleted file mode 100644 index 898f6eb..0000000 --- a/packages/module/build/css/tokens-charts.scss +++ /dev/null @@ -1,175 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 15 May 2026 19:29:07 GMT - -@mixin pf-v6-tokens { - --pf-t--chart--global--BorderWidth--lg: 8; - --pf-t--chart--global--BorderWidth--sm: 2; - --pf-t--chart--global--BorderWidth--xs: 1; - --pf-t--chart--global--FontSize--2xl: 22; - --pf-t--chart--global--FontSize--lg: 18; - --pf-t--chart--global--FontSize--sm: 14; - --pf-t--chart--global--FontSize--xs: 12; - --pf-t--chart--global--fill--opacity--area: 30%; - --pf-t--chart--global--label--margin: 8; - --pf-t--chart--global--label--padding: 10; - --pf-t--chart--global--label--stroke--color: transparent; - --pf-t--chart--global--label--stroke--width: 0; - --pf-t--chart--global--label--text-anchor: middle; - --pf-t--chart--global--layout--height: 300; - --pf-t--chart--global--layout--padding: 50; - --pf-t--chart--global--layout--width: 450; - --pf-t--chart--global--letter-spacing: normal; - --pf-t--chart--global--stroke--width--sm: 2; - --pf-t--chart--global--stroke--width--xs: 1; - --pf-t--chart--global--stroke-line-cap: round; - --pf-t--chart--global--stroke-line-join: round; - --pf-t--chart--color--black--100: var(--pf-t--color--gray--10); - --pf-t--chart--color--black--200: var(--pf-t--color--gray--20); - --pf-t--chart--color--black--300: var(--pf-t--color--gray--30); - --pf-t--chart--color--black--400: var(--pf-t--color--gray--40); - --pf-t--chart--color--black--500: var(--pf-t--color--gray--50); - --pf-t--chart--color--blue--100: var(--pf-t--color--blue--30); - --pf-t--chart--color--blue--200: var(--pf-t--color--blue--40); - --pf-t--chart--color--blue--300: var(--pf-t--color--blue--50); - --pf-t--chart--color--blue--400: var(--pf-t--color--blue--60); - --pf-t--chart--color--blue--500: var(--pf-t--color--blue--70); - --pf-t--chart--color--green--100: var(--pf-t--color--green--30); - --pf-t--chart--color--green--200: var(--pf-t--color--green--40); - --pf-t--chart--color--green--300: var(--pf-t--color--green--50); - --pf-t--chart--color--green--400: var(--pf-t--color--green--60); - --pf-t--chart--color--green--500: var(--pf-t--color--green--70); - --pf-t--chart--color--orange--100: var(--pf-t--color--orange--30); - --pf-t--chart--color--orange--200: var(--pf-t--color--orange--40); - --pf-t--chart--color--orange--300: var(--pf-t--color--orange--50); - --pf-t--chart--color--orange--400: var(--pf-t--color--orange--60); - --pf-t--chart--color--orange--500: var(--pf-t--color--orange--70); - --pf-t--chart--color--purple--100: var(--pf-t--color--purple--30); - --pf-t--chart--color--purple--200: var(--pf-t--color--purple--40); - --pf-t--chart--color--purple--300: var(--pf-t--color--purple--50); - --pf-t--chart--color--purple--400: var(--pf-t--color--purple--60); - --pf-t--chart--color--purple--500: var(--pf-t--color--purple--70); - --pf-t--chart--color--red-orange--100: var(--pf-t--color--red-orange--30); - --pf-t--chart--color--red-orange--200: var(--pf-t--color--red-orange--40); - --pf-t--chart--color--red-orange--300: var(--pf-t--color--red-orange--50); - --pf-t--chart--color--red-orange--400: var(--pf-t--color--red-orange--60); - --pf-t--chart--color--red-orange--500: var(--pf-t--color--red-orange--70); - --pf-t--chart--color--teal--100: var(--pf-t--color--teal--30); - --pf-t--chart--color--teal--200: var(--pf-t--color--teal--40); - --pf-t--chart--color--teal--300: var(--pf-t--color--teal--50); - --pf-t--chart--color--teal--400: var(--pf-t--color--teal--60); - --pf-t--chart--color--teal--500: var(--pf-t--color--teal--70); - --pf-t--chart--color--yellow--100: var(--pf-t--color--yellow--20); - --pf-t--chart--color--yellow--200: var(--pf-t--color--yellow--30); - --pf-t--chart--color--yellow--300: var(--pf-t--color--yellow--40); - --pf-t--chart--color--yellow--400: var(--pf-t--color--yellow--50); - --pf-t--chart--color--yellow--500: var(--pf-t--color--yellow--60); - --pf-t--chart--global--danger--color--100: var(--pf-t--color--red-orange--60); - --pf-t--chart--global--fill--color--100: var(--pf-t--color--gray--10); - --pf-t--chart--global--fill--color--200: var(--pf-t--color--gray--20); - --pf-t--chart--global--fill--color--300: var(--pf-t--color--gray--30); - --pf-t--chart--global--fill--color--400: var(--pf-t--color--gray--40); - --pf-t--chart--global--fill--color--500: var(--pf-t--color--gray--50); - --pf-t--chart--global--fill--color--700: var(--pf-t--color--gray--70); - --pf-t--chart--global--fill--color--900: var(--pf-t--color--gray--90); - --pf-t--chart--global--fill--color--white: var(--pf-t--color--white); - --pf-t--chart--global--label--fill: var(--pf-t--color--gray--90); - --pf-t--chart--global--success--color--100: var(--pf-t--color--blue--50); - --pf-t--chart--global--warning--color--100: var(--pf-t--color--orange--40); - --pf-t--chart--global--warning--color--200: var(--pf-t--color--yellow--40); - --pf-t--chart--theme--colorscales--blue--colorscale--100: var(--pf-t--chart--color--blue--300); - --pf-t--chart--theme--colorscales--blue--colorscale--200: var(--pf-t--chart--color--blue--100); - --pf-t--chart--theme--colorscales--blue--colorscale--300: var(--pf-t--chart--color--blue--500); - --pf-t--chart--theme--colorscales--blue--colorscale--400: var(--pf-t--chart--color--blue--200); - --pf-t--chart--theme--colorscales--blue--colorscale--500: var(--pf-t--chart--color--blue--400); - --pf-t--chart--theme--colorscales--gray--colorscale--100: var(--pf-t--chart--color--black--300); - --pf-t--chart--theme--colorscales--gray--colorscale--200: var(--pf-t--chart--color--black--100); - --pf-t--chart--theme--colorscales--gray--colorscale--300: var(--pf-t--chart--color--black--500); - --pf-t--chart--theme--colorscales--gray--colorscale--400: var(--pf-t--chart--color--black--200); - --pf-t--chart--theme--colorscales--gray--colorscale--500: var(--pf-t--chart--color--black--400); - --pf-t--chart--theme--colorscales--green--colorscale--100: var(--pf-t--chart--color--green--300); - --pf-t--chart--theme--colorscales--green--colorscale--200: var(--pf-t--chart--color--green--100); - --pf-t--chart--theme--colorscales--green--colorscale--300: var(--pf-t--chart--color--green--500); - --pf-t--chart--theme--colorscales--green--colorscale--400: var(--pf-t--chart--color--green--200); - --pf-t--chart--theme--colorscales--green--colorscale--500: var(--pf-t--chart--color--green--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--100: var(--pf-t--chart--color--blue--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1000: var(--pf-t--chart--color--orange--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1100: var(--pf-t--chart--color--blue--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1200: var(--pf-t--chart--color--green--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1300: var(--pf-t--chart--color--teal--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1400: var(--pf-t--chart--color--yellow--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1500: var(--pf-t--chart--color--orange--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1600: var(--pf-t--chart--color--blue--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1700: var(--pf-t--chart--color--green--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1800: var(--pf-t--chart--color--teal--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1900: var(--pf-t--chart--color--yellow--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--200: var(--pf-t--chart--color--green--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2000: var(--pf-t--chart--color--orange--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2100: var(--pf-t--chart--color--blue--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2200: var(--pf-t--chart--color--green--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2300: var(--pf-t--chart--color--teal--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2400: var(--pf-t--chart--color--yellow--200); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2500: var(--pf-t--chart--color--orange--400); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--300: var(--pf-t--chart--color--teal--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--400: var(--pf-t--chart--color--yellow--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--500: var(--pf-t--chart--color--orange--300); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--600: var(--pf-t--chart--color--blue--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--700: var(--pf-t--chart--color--green--500); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--800: var(--pf-t--chart--color--teal--100); - --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--900: var(--pf-t--chart--color--yellow--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--100: var(--pf-t--chart--color--blue--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1000: var(--pf-t--chart--color--green--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1100: var(--pf-t--chart--color--purple--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1200: var(--pf-t--chart--color--orange--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1300: var(--pf-t--chart--color--teal--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1400: var(--pf-t--chart--color--black--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1500: var(--pf-t--chart--color--blue--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1600: var(--pf-t--chart--color--yellow--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1700: var(--pf-t--chart--color--green--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1800: var(--pf-t--chart--color--purple--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1900: var(--pf-t--chart--color--orange--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--200: var(--pf-t--chart--color--yellow--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2000: var(--pf-t--chart--color--teal--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2100: var(--pf-t--chart--color--black--500); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2200: var(--pf-t--chart--color--blue--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2300: var(--pf-t--chart--color--yellow--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2400: var(--pf-t--chart--color--green--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2500: var(--pf-t--chart--color--purple--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2600: var(--pf-t--chart--color--orange--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2700: var(--pf-t--chart--color--teal--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2800: var(--pf-t--chart--color--black--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2900: var(--pf-t--chart--color--blue--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--300: var(--pf-t--chart--color--green--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3000: var(--pf-t--chart--color--yellow--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3100: var(--pf-t--chart--color--green--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3200: var(--pf-t--chart--color--purple--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3300: var(--pf-t--chart--color--orange--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3400: var(--pf-t--chart--color--teal--200); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3500: var(--pf-t--chart--color--black--400); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--400: var(--pf-t--chart--color--purple--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--500: var(--pf-t--chart--color--orange--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--600: var(--pf-t--chart--color--teal--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--700: var(--pf-t--chart--color--black--300); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--800: var(--pf-t--chart--color--blue--100); - --pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--900: var(--pf-t--chart--color--yellow--500); - --pf-t--chart--theme--colorscales--orange--colorscale--100: var(--pf-t--chart--color--orange--300); - --pf-t--chart--theme--colorscales--orange--colorscale--200: var(--pf-t--chart--color--orange--100); - --pf-t--chart--theme--colorscales--orange--colorscale--300: var(--pf-t--chart--color--orange--500); - --pf-t--chart--theme--colorscales--orange--colorscale--400: var(--pf-t--chart--color--orange--200); - --pf-t--chart--theme--colorscales--orange--colorscale--500: var(--pf-t--chart--color--orange--400); - --pf-t--chart--theme--colorscales--purple--colorscale--100: var(--pf-t--chart--color--purple--300); - --pf-t--chart--theme--colorscales--purple--colorscale--200: var(--pf-t--chart--color--purple--100); - --pf-t--chart--theme--colorscales--purple--colorscale--300: var(--pf-t--chart--color--purple--500); - --pf-t--chart--theme--colorscales--purple--colorscale--400: var(--pf-t--chart--color--purple--200); - --pf-t--chart--theme--colorscales--purple--colorscale--500: var(--pf-t--chart--color--purple--400); - --pf-t--chart--theme--colorscales--teal--colorscale--100: var(--pf-t--chart--color--teal--300); - --pf-t--chart--theme--colorscales--teal--colorscale--200: var(--pf-t--chart--color--teal--100); - --pf-t--chart--theme--colorscales--teal--colorscale--300: var(--pf-t--chart--color--teal--500); - --pf-t--chart--theme--colorscales--teal--colorscale--400: var(--pf-t--chart--color--teal--200); - --pf-t--chart--theme--colorscales--teal--colorscale--500: var(--pf-t--chart--color--teal--400); - --pf-t--chart--theme--colorscales--yellow--colorscale--100: var(--pf-t--chart--color--yellow--300); - --pf-t--chart--theme--colorscales--yellow--colorscale--200: var(--pf-t--chart--color--yellow--100); - --pf-t--chart--theme--colorscales--yellow--colorscale--300: var(--pf-t--chart--color--yellow--500); - --pf-t--chart--theme--colorscales--yellow--colorscale--400: var(--pf-t--chart--color--yellow--200); - --pf-t--chart--theme--colorscales--yellow--colorscale--500: var(--pf-t--chart--color--yellow--400); -} diff --git a/packages/module/build/css/tokens-dark.scss b/packages/module/build/css/tokens-dark.scss deleted file mode 100644 index a3754f3..0000000 --- a/packages/module/build/css/tokens-dark.scss +++ /dev/null @@ -1,444 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 15 May 2026 19:29:07 GMT - -@mixin pf-v6-tokens { - --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000); - --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000); - --pf-t--global--background--filter--glass--blur--primary: initial; - --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 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--background--color--700: rgba(199, 199, 199, 0.2500); - --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.6000); - --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--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700); - --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600); - --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--100); - --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--60); - --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40); - --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30); - --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70); - --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30); - --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20); - --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10); - --pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50); - --pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--60); - --pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--40); - --pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--gray--20); - --pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white); - --pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70); - --pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60); - --pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30); - --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40); - --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50); - --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70); - --pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90); - --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30); - --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20); - --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30); - --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20); - --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10); - --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60); - --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50); - --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40); - --pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70); - --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30); - --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20); - --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10); - --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30); - --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20); - --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10); - --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30); - --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20); - --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10); - --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30); - --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20); - --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10); - --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30); - --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20); - --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10); - --pf-t--global--dark--color--nonstatus--teal--100: var(--pf-t--color--teal--30); - --pf-t--global--dark--color--nonstatus--teal--200: var(--pf-t--color--teal--20); - --pf-t--global--dark--color--nonstatus--teal--300: var(--pf-t--color--teal--10); - --pf-t--global--dark--color--nonstatus--yellow--100: var(--pf-t--color--yellow--30); - --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20); - --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10); - --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50); - --pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40); - --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40); - --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30); - --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--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--status--custom--100: var(--pf-t--color--teal--40); - --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30); - --pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20); - --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50); - --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40); - --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30); - --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20); - --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30); - --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20); - --pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10); - --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40); - --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30); - --pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20); - --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30); - --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20); - --pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30); - --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10); - --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40); - --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90); - --pf-t--global--dark--text--color--100: var(--pf-t--color--white); - --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30); - --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90); - --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30); - --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20); - --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10); - --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30); - --pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20); - --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200); - --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200); - --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300); - --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--200); - --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100); - --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200); - --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300); - --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); - --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200); - --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100); - --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200); - --pf-t--global--background--color--sticky--default: var(--pf-t--global--dark--background--color--200); - --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300); - --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200); - --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300); - --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200); - --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--200); - --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--100); - --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100); - --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200); - --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100); - --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200); - --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100); - --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200); - --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--300); - --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--200); - --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--300); - --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200); - --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100); - --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200); - --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200); - --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100); - --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200); - --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200); - --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100); - --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200); - --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200); - --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100); - --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200); - --pf-t--global--border--color--nonstatus--red--clicked: 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--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200); - --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200); - --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100); - --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200); - --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200); - --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100); - --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200); - --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200); - --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--100); - --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200); - --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100); - --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200); - --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200); - --pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100); - --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200); - --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200); - --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100); - --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200); - --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200); - --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100); - --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200); - --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--200); - --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100); - --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200); - --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200); - --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100); - --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200); - --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200); - --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100); - --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200); - --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200); - --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100); - --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200); - --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200); - --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100); - --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200); - --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200); - --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100); - --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200); - --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200); - --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100); - --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200); - --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200); - --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100); - --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200); - --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--200); - --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--100); - --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--200); - --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--200); - --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--100); - --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--200); - --pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200); - --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100); - --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200); - --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--200); - --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--100); - --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--200); - --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200); - --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100); - --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200); - --pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100); - --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300); - --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200); - --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--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); - --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300); - --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100); - --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--minor--default: var(--pf-t--global--dark--color--severity--minor--100); - --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--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--subtle: var(--pf-t--global--dark--icon--color--200); - --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300); - --pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200); - --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300); - --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200); - --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300); - --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100); - --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200); - --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--300); - --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--300); - --pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300); - --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100); - --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400); - --pf-t--global--text--color--status--danger--clicked: 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--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300); - --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200); - --pf-t--global--text-decoration--color--default: var(--pf-t--global--dark--border--color--200); - --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default); - --pf-t--global--background--color--glass--primary--default: initial; - --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default); - --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked); - --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default); - --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover); - --pf-t--global--border--color--glass--default: initial; - --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default); - --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked); - --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default); - --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover); - --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked); - --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default); - --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover); - --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked); - --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default); - --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover); - --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked); - --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default); - --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover); - --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked); - --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default); - --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover); - --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked); - --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default); - --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover); - --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--default: var(--pf-t--global--color--status--danger--default); - --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover); - --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked); - --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default); - --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover); - --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked); - --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default); - --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover); - --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked); - --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default); - --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover); - --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked); - --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default); - --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover); - --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked); - --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default); - --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover); - --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked); - --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default); - --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover); - --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked); - --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default); - --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover); - --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--clicked: 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--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle); - --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked); - --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default); - --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover); - --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked); - --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default); - --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover); - --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked); - --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default); - --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover); - --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked); - --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default); - --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover); - --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover); - --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked); - --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default); - --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover); - --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked); - --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default); - --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover); -} diff --git a/packages/module/build/css/tokens-default.scss b/packages/module/build/css/tokens-default.scss deleted file mode 100644 index 95a151e..0000000 --- a/packages/module/build/css/tokens-default.scss +++ /dev/null @@ -1,798 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 15 May 2026 19:29:07 GMT - -@mixin pf-v6-tokens { - --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000); - --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500); - --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000); - --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000); - --pf-t--global--background--filter--glass--blur--primary: initial; - --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000); - --pf-t--global--border--radius--0: 0px; - --pf-t--global--border--radius--100: 4px; - --pf-t--global--border--radius--200: 6px; - --pf-t--global--border--radius--300: 16px; - --pf-t--global--border--radius--400: 24px; - --pf-t--global--border--radius--500: 999px; - --pf-t--global--border--width--100: 1px; - --pf-t--global--border--width--200: 2px; - --pf-t--global--border--width--300: 3px; - --pf-t--global--border--width--400: 4px; - --pf-t--global--border--width--action--plain--clicked: 0px; - --pf-t--global--border--width--action--plain--default: 0px; - --pf-t--global--border--width--action--plain--hover: 0px; - --pf-t--global--border--width--high-contrast--extra-strong: 0px; - --pf-t--global--border--width--high-contrast--regular: 0px; - --pf-t--global--border--width--high-contrast--strong: 0px; - --pf-t--global--box-shadow--X--100: -10px; - --pf-t--global--box-shadow--X--200: -4px; - --pf-t--global--box-shadow--X--300: -2px; - --pf-t--global--box-shadow--X--400: 0px; - --pf-t--global--box-shadow--X--50: -20px; - --pf-t--global--box-shadow--X--500: 2px; - --pf-t--global--box-shadow--X--600: 4px; - --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: 10px; - --pf-t--global--box-shadow--Y--800: 20px; - --pf-t--global--box-shadow--blur--100: 6px; - --pf-t--global--box-shadow--blur--200: 10px; - --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; - --pf-t--global--breakpoint--300: 48rem; - --pf-t--global--breakpoint--350: 60rem; - --pf-t--global--breakpoint--400: 62rem; - --pf-t--global--breakpoint--500: 75rem; - --pf-t--global--breakpoint--550: 80rem; - --pf-t--global--breakpoint--600: 90.625rem; - --pf-t--global--color--nonstatus--green--400: #3d7019; - --pf-t--global--color--status--success--150: #3d7019; - --pf-t--global--delay--100: 0ms; - --pf-t--global--delay--200: 50ms; - --pf-t--global--delay--300: 100ms; - --pf-t--global--delay--400: 7000ms; - --pf-t--global--duration--100: 100ms; - --pf-t--global--duration--200: 200ms; - --pf-t--global--duration--300: 300ms; - --pf-t--global--duration--400: 400ms; - --pf-t--global--duration--50: 50ms; - --pf-t--global--duration--500: 500ms; - --pf-t--global--duration--600: 600ms; - --pf-t--global--focus-ring--position--inset: -4px; - --pf-t--global--focus-ring--position--offset: 2px; - --pf-t--global--focus-ring--width--inset: 3px; - --pf-t--global--focus-ring--width--offset: 2px; - --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif; - --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif; - --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace; - --pf-t--global--font--line-height--100: 1.3; - --pf-t--global--font--line-height--200: 1.5; - --pf-t--global--font--size--100: 0.75rem; - --pf-t--global--font--size--200: 0.875rem; - --pf-t--global--font--size--300: 1rem; - --pf-t--global--font--size--400: 1.125rem; - --pf-t--global--font--size--500: 1.25rem; - --pf-t--global--font--size--600: 1.5rem; - --pf-t--global--font--size--700: 1.75rem; - --pf-t--global--font--size--800: 2.25rem; - --pf-t--global--font--weight--100: 400; - --pf-t--global--font--weight--200: 500; - --pf-t--global--font--weight--300: 500; - --pf-t--global--font--weight--400: 700; - --pf-t--global--icon--size--100: 0.75rem; - --pf-t--global--icon--size--200: 0.875rem; - --pf-t--global--icon--size--250: 1rem; - --pf-t--global--icon--size--300: 1.5rem; - --pf-t--global--icon--size--400: 3.5rem; - --pf-t--global--icon--size--500: 6rem; - --pf-t--global--spacer--100: 0.25rem; - --pf-t--global--spacer--200: 0.5rem; - --pf-t--global--spacer--300: 1rem; - --pf-t--global--spacer--400: 1.5rem; - --pf-t--global--spacer--500: 2rem; - --pf-t--global--spacer--600: 3rem; - --pf-t--global--spacer--700: 4rem; - --pf-t--global--spacer--800: 5rem; - --pf-t--global--text-decoration--line--100: none; - --pf-t--global--text-decoration--line--200: underline; - --pf-t--global--text-decoration--style--100: solid; - --pf-t--global--text-decoration--style--200: dashed; - --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2); - --pf-t--global--timing-function--200: cubic-bezier(.4, 0, .2, 1); - --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1); - --pf-t--global--z-index--100: 100; - --pf-t--global--z-index--200: 200; - --pf-t--global--z-index--300: 300; - --pf-t--global--z-index--400: 400; - --pf-t--global--z-index--500: 500; - --pf-t--global--z-index--600: 600; - --pf-t--global--background--color--100: var(--pf-t--color--white); - --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--loading--skeleton--default: var(--pf-t--global--background--color--600); - --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700); - --pf-t--global--background--color--striped--row--default: var(--pf-t--global--background--color--700); - --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--45); - --pf-t--global--border--color--400: var(--pf-t--color--gray--60); - --pf-t--global--border--color--50: var(--pf-t--color--gray--20); - --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400); - --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300); - --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500); - --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0); - --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200); - --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100); - --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200); - --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100); - --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200); - --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300); - --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100); - --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200); - --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200); - --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100); - --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200); - --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100); - --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100); - --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100); - --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100); - --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100); - --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300); - --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--400); - --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100); - --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--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--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--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--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--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--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--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--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); - --pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250); - --pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100); - --pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350); - --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400); - --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300); - --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200); - --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500); - --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100); - --pf-t--global--color--brand--100: var(--pf-t--color--blue--40); - --pf-t--global--color--brand--200: var(--pf-t--color--blue--50); - --pf-t--global--color--brand--300: var(--pf-t--color--blue--60); - --pf-t--global--color--brand--400: var(--pf-t--color--blue--70); - --pf-t--global--color--brand--500: var(--pf-t--color--blue--80); - --pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50); - --pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60); - --pf-t--global--color--brand--accent--300: var(--pf-t--color--gray--60); - --pf-t--global--color--brand--accent--400: var(--pf-t--color--black); - --pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10); - --pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20); - --pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40); - --pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50); - --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30); - --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40); - --pf-t--global--color--disabled--300: var(--pf-t--color--gray--50); - --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30); - --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40); - --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70); - --pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80); - --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20); - --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30); - --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40); - --pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60); - --pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70); - --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20); - --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30); - --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40); - --pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60); - --pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10); - --pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70); - --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20); - --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30); - --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40); - --pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70); - --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20); - --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30); - --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40); - --pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60); - --pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70); - --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20); - --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30); - --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40); - --pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60); - --pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70); - --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20); - --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30); - --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40); - --pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50); - --pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60); - --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20); - --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30); - --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40); - --pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60); - --pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70); - --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20); - --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30); - --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40); - --pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70); - --pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80); - --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20); - --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30); - --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40); - --pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70); - --pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80); - --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--important--200: var(--pf-t--color--orange--60); - --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50); - --pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80); - --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40); - --pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70); - --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40); - --pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60); - --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30); - --pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60); - --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60); - --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70); - --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80); - --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60); - --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70); - --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70); - --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50); - --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60); - --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70); - --pf-t--global--color--status--success--100: var(--pf-t--color--green--60); - --pf-t--global--color--status--success--200: var(--pf-t--color--green--70); - --pf-t--global--color--status--success--300: var(--pf-t--color--green--80); - --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30); - --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40); - --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50); - --pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60); - --pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70); - --pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80); - --pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50); - --pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60); - --pf-t--global--font--family--body: var(--pf-t--global--font--family--100); - --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200); - --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300); - --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200); - --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100); - --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600); - --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700); - --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800); - --pf-t--global--font--size--lg: var(--pf-t--global--font--size--400); - --pf-t--global--font--size--md: var(--pf-t--global--font--size--300); - --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200); - --pf-t--global--font--size--xl: var(--pf-t--global--font--size--500); - --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100); - --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200); - --pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--100); - --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400); - --pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300); - --pf-t--global--icon--color--100: var(--pf-t--color--gray--90); - --pf-t--global--icon--color--150: var(--pf-t--color--gray--60); - --pf-t--global--icon--color--200: var(--pf-t--color--gray--50); - --pf-t--global--icon--color--300: var(--pf-t--color--white); - --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400); - --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500); - --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250); - --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200); - --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100); - --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300); - --pf-t--global--motion--delay--default: var(--pf-t--global--delay--300); - --pf-t--global--motion--delay--long: var(--pf-t--global--delay--400); - --pf-t--global--motion--delay--none: var(--pf-t--global--delay--100); - --pf-t--global--motion--delay--short: var(--pf-t--global--delay--200); - --pf-t--global--motion--duration--2xl: var(--pf-t--global--duration--500); - --pf-t--global--motion--duration--3xl: var(--pf-t--global--duration--600); - --pf-t--global--motion--duration--lg: var(--pf-t--global--duration--300); - --pf-t--global--motion--duration--md: var(--pf-t--global--duration--200); - --pf-t--global--motion--duration--sm: var(--pf-t--global--duration--100); - --pf-t--global--motion--duration--xl: var(--pf-t--global--duration--400); - --pf-t--global--motion--duration--xs: var(--pf-t--global--duration--50); - --pf-t--global--motion--timing-function--accelerate: var(--pf-t--global--timing-function--100); - --pf-t--global--motion--timing-function--decelerate: var(--pf-t--global--timing-function--300); - --pf-t--global--motion--timing-function--default: var(--pf-t--global--timing-function--200); - --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600); - --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700); - --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800); - --pf-t--global--spacer--lg: var(--pf-t--global--spacer--400); - --pf-t--global--spacer--md: var(--pf-t--global--spacer--300); - --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200); - --pf-t--global--spacer--xl: var(--pf-t--global--spacer--500); - --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100); - --pf-t--global--text--color--100: var(--pf-t--color--gray--95); - --pf-t--global--text--color--200: var(--pf-t--color--gray--60); - --pf-t--global--text--color--250: var(--pf-t--color--gray--70); - --pf-t--global--text--color--300: var(--pf-t--color--white); - --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40); - --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70); - --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50); - --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60); - --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70); - --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50); - --pf-t--global--text--color--link--350: var(--pf-t--color--purple--60); - --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200); - --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200); - --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200); - --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200); - --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200); - --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200); - --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200); - --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200); - --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200); - --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200); - --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200); - --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200); - --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600); - --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400); - --pf-t--global--z-index--md: var(--pf-t--global--z-index--300); - --pf-t--global--z-index--sm: var(--pf-t--global--z-index--200); - --pf-t--global--z-index--xl: var(--pf-t--global--z-index--500); - --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100); - --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100); - --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100); - --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200); - --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100); - --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200); - --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100); - --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); - --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300); - --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200); - --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300); - --pf-t--global--background--color--sticky--default: var(--pf-t--global--background--color--100); - --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--300); - --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200); - --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--300); - --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200); - --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300); - --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100); - --pf-t--global--border--color--default: var(--pf-t--global--border--color--50); - --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200); - --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100); - --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300); - --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--200); - --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--300); - --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--300); - --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--200); - --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--300); - --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--300); - --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--200); - --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--300); - --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--300); - --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--200); - --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--300); - --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--300); - --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--200); - --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--300); - --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--300); - --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--200); - --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--300); - --pf-t--global--border--color--nonstatus--red--clicked: 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--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300); - --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--300); - --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--200); - --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--300); - --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--300); - --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--200); - --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--300); - --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--300); - --pf-t--global--border--color--status--warning--clicked: 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--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300); - --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--50); - --pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill); - --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small); - --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small); - --pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small); - --pf-t--global--border--radius--glass--default: initial; - --pf-t--global--border--width--glass--default: initial; - --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300); - --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200); - --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300); - --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200); - --pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100); - --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200); - --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200); - --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100); - --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200); - --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200); - --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100); - --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200); - --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--200); - --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--100); - --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--200); - --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200); - --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100); - --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200); - --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200); - --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100); - --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200); - --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200); - --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100); - --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200); - --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200); - --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100); - --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200); - --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200); - --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100); - --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200); - --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200); - --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100); - --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200); - --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200); - --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100); - --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200); - --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--200); - --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--100); - --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--200); - --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200); - --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--100); - --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--200); - --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--200); - --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--100); - --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--200); - --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--200); - --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--100); - --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--200); - --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--200); - --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100); - --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200); - --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--100); - --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm); - --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md); - --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs); - --pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl); - --pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl); - --pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg); - --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md); - --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md); - --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md); - --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); - --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300); - --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100); - --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--minor--default: var(--pf-t--global--color--severity--minor--100); - --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--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--status--warning--clicked: var(--pf-t--global--color--status--warning--300); - --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--200); - --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--300); - --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--200); - --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl); - --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl); - --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl); - --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg); - --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md); - --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm); - --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl); - --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs); - --pf-t--global--motion--duration--fade--default: var(--pf-t--global--motion--duration--md); - --pf-t--global--motion--duration--fade--long: var(--pf-t--global--motion--duration--lg); - --pf-t--global--motion--duration--fade--short: var(--pf-t--global--motion--duration--sm); - --pf-t--global--motion--duration--icon--default: var(--pf-t--global--motion--duration--sm); - --pf-t--global--motion--duration--icon--long: var(--pf-t--global--motion--duration--md); - --pf-t--global--motion--duration--icon--short: var(--pf-t--global--motion--duration--xs); - --pf-t--global--motion--duration--slide-in--default: var(--pf-t--global--motion--duration--xl); - --pf-t--global--motion--duration--slide-in--long: var(--pf-t--global--motion--duration--2xl); - --pf-t--global--motion--duration--slide-in--short: var(--pf-t--global--motion--duration--lg); - --pf-t--global--motion--duration--slide-out--default: var(--pf-t--global--motion--duration--xl); - --pf-t--global--motion--duration--slide-out--long: var(--pf-t--global--motion--duration--2xl); - --pf-t--global--motion--duration--slide-out--short: var(--pf-t--global--motion--duration--lg); - --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md); - --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg); - --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs); - --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm); - --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl); - --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm); - --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md); - --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm); - --pf-t--global--spacer--control--horizontal--spacious: var(--pf-t--global--spacer--lg); - --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs); - --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm); - --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm); - --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md); - --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md); - --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs); - --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs); - --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md); - --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm); - --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm); - --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl); - --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md); - --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg); - --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs); - --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm); - --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md); - --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg); - --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200); - --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300); - --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100); - --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--200); - --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--300); - --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300); - --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100); - --pf-t--global--text--color--regular: 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--status--warning--clicked: 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--status--warning--hover: var(--pf-t--global--color--status--warning--300); - --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200); - --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--300); - --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs); - --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular); - --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--regular); - --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default); - --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default); - --pf-t--global--background--color--glass--primary--default: initial; - --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default); - --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked); - --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default); - --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover); - --pf-t--global--border--color--glass--default: initial; - --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default); - --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked); - --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default); - --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover); - --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked); - --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default); - --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover); - --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked); - --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default); - --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover); - --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked); - --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default); - --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover); - --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked); - --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default); - --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover); - --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--default: var(--pf-t--global--color--status--danger--default); - --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover); - --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked); - --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default); - --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover); - --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked); - --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default); - --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover); - --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked); - --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default); - --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover); - --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked); - --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default); - --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover); - --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked); - --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default); - --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover); - --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked); - --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default); - --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover); - --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked); - --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default); - --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover); - --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default); - --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg); - --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm); - --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1); - --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2); - --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3); - --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4); - --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5); - --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6); - --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--clicked); - --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default); - --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover); - --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--clicked: 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--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle); - --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked); - --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default); - --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover); - --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked); - --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default); - --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover); - --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked); - --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default); - --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover); - --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked); - --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default); - --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover); - --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover); - --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked); - --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default); - --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover); - --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default); - --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked); - --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default); - --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover); -} diff --git a/packages/module/build/css/tokens-felt-dark.scss b/packages/module/build/css/tokens-felt-dark.scss deleted file mode 100644 index fe2b1b9..0000000 --- a/packages/module/build/css/tokens-felt-dark.scss +++ /dev/null @@ -1,21 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 15 May 2026 19:29:08 GMT - -// Only tokens that differ from base theme (14 tokens) -@mixin pf-v6-tokens { - --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400); - --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400); - --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400); - --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200); - --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100); - --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200); - --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--300); - --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--300); - --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular); -} diff --git a/packages/module/build/css/tokens-felt-glass-dark.scss b/packages/module/build/css/tokens-felt-glass-dark.scss deleted file mode 100644 index dcbb7e6..0000000 --- a/packages/module/build/css/tokens-felt-glass-dark.scss +++ /dev/null @@ -1,40 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 15 May 2026 19:29:08 GMT - -// Only tokens that differ from base theme (33 tokens) -@mixin pf-v6-tokens { - --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000); - --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000); - --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000); - --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000); - --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000); - --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000); - --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000); - --pf-t--global--background--filter--glass--blur--primary: blur(16px); - --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500); - --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500); - --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked); - --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--action--plain--hover); - --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300); - --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200); - --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300); - --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400); - --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400); - --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400); - --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50); - --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt); - --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50); - --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200); - --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100); - --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200); - --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--300); - --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--300); - --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default); - --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular); -} diff --git a/packages/module/build/css/tokens-felt-glass.scss b/packages/module/build/css/tokens-felt-glass.scss deleted file mode 100644 index fd32375..0000000 --- a/packages/module/build/css/tokens-felt-glass.scss +++ /dev/null @@ -1,30 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 15 May 2026 19:29:08 GMT - -// Only tokens that differ from base theme (23 tokens) -@mixin pf-v6-tokens { - --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000); - --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000); - --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000); - --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000); - --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000); - --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000); - --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000); - --pf-t--global--background--filter--glass--blur--primary: blur(16px); - --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100); - --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked); - --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--action--plain--hover); - --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400); - --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400); - --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400); - --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt); - --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill); - --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill); - --pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium); - --pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular); - --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200); - --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100); - --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200); - --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default); -} diff --git a/packages/module/build/css/tokens-felt-highcontrast-dark.scss b/packages/module/build/css/tokens-felt-highcontrast-dark.scss deleted file mode 100644 index 0ec02a6..0000000 --- a/packages/module/build/css/tokens-felt-highcontrast-dark.scss +++ /dev/null @@ -1,50 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 15 May 2026 19:29:08 GMT - -// Only tokens that differ from base theme (43 tokens) -@mixin pf-v6-tokens { - --pf-t--global--background--color--primary--default: var(--pf-t--color--black); - --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200); - --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default); - --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default); - --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100); - --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--100); - --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200); - --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300); - --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200); - --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300); - --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200); - --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200); - --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400); - --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400); - --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400); - --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300); - --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50); - --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300); - --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100); - --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300); - --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300); - --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--350); - --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400); - --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--350); - --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100); - --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50); - --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100); - --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300); - --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200); - --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300); - --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250); - --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200); - --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250); - --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300); - --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200); - --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300); - --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200); - --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400); - --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400); - --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300); - --pf-t--global--text-decoration--color--default: var(--pf-t--global--dark--border--color--300); - --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default); - --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default); -} diff --git a/packages/module/build/css/tokens-felt-highcontrast.scss b/packages/module/build/css/tokens-felt-highcontrast.scss deleted file mode 100644 index 388acb4..0000000 --- a/packages/module/build/css/tokens-felt-highcontrast.scss +++ /dev/null @@ -1,129 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 15 May 2026 19:29:08 GMT - -// Only tokens that differ from base theme (122 tokens) -@mixin pf-v6-tokens { - --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400); - --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150); - --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200); - --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100); - --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200); - --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200); - --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400); - --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400); - --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400); - --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400); - --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400); - --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400); - --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400); - --pf-t--global--border--color--default: var(--pf-t--global--border--color--400); - --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300); - --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500); - --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400); - --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500); - --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500); - --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400); - --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500); - --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500); - --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500); - --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500); - --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400); - --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500); - --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500); - --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400); - --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500); - --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500); - --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400); - --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500); - --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500); - --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400); - --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500); - --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500); - --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400); - --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500); - --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500); - --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400); - --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500); - --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400); - --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200); - --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200); - --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600); - --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500); - --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600); - --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400); - --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill); - --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill); - --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong); - --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular); - --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong); - --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--300); - --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400); - --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--300); - --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400); - --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300); - --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400); - --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400); - --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300); - --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400); - --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100); - --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50); - --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100); - --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300); - --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200); - --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300); - --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300); - --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200); - --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300); - --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300); - --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200); - --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300); - --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300); - --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200); - --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300); - --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600); - --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500); - --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600); - --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200); - --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400); - --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300); - --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400); - --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200); - --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200); - --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200); - --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200); - --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200); - --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200); - --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100); - --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200); - --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600); - --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500); - --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600); - --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150); - --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500); - --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400); - --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500); - --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200); - --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250); - --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350); - --pf-t--global--text--color--required: var(--pf-t--global--text--color--500); - --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300); - --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200); - --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300); - --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600); - --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500); - --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600); - --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250); - --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--400); - --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong); - --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default); - --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default); - --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default); - --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default); - --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse); -} diff --git a/packages/module/build/css/tokens-felt.scss b/packages/module/build/css/tokens-felt.scss deleted file mode 100644 index 81cc27d..0000000 --- a/packages/module/build/css/tokens-felt.scss +++ /dev/null @@ -1,15 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 15 May 2026 19:29:08 GMT - -// Only tokens that differ from base theme (8 tokens) -@mixin pf-v6-tokens { - --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400); - --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400); - --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400); - --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill); - --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill); - --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200); - --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100); - --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200); -} diff --git a/packages/module/build/css/tokens-glass-dark.scss b/packages/module/build/css/tokens-glass-dark.scss deleted file mode 100644 index 5649360..0000000 --- a/packages/module/build/css/tokens-glass-dark.scss +++ /dev/null @@ -1,26 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 15 May 2026 19:29:08 GMT - -// Only tokens that differ from base theme (19 tokens) -@mixin pf-v6-tokens { - --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000); - --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000); - --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000); - --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000); - --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000); - --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000); - --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000); - --pf-t--global--background--filter--glass--blur--primary: blur(16px); - --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500); - --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500); - --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked); - --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--action--plain--hover); - --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300); - --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200); - --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300); - --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50); - --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt); - --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50); - --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default); -} diff --git a/packages/module/build/css/tokens-glass.scss b/packages/module/build/css/tokens-glass.scss deleted file mode 100644 index 7071dce..0000000 --- a/packages/module/build/css/tokens-glass.scss +++ /dev/null @@ -1,22 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 15 May 2026 19:29:08 GMT - -// Only tokens that differ from base theme (15 tokens) -@mixin pf-v6-tokens { - --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000); - --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000); - --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000); - --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000); - --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000); - --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000); - --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000); - --pf-t--global--background--filter--glass--blur--primary: blur(16px); - --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100); - --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked); - --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--action--plain--hover); - --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt); - --pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium); - --pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular); - --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default); -} diff --git a/packages/module/build/css/tokens-highcontrast-dark.scss b/packages/module/build/css/tokens-highcontrast-dark.scss deleted file mode 100644 index c19493e..0000000 --- a/packages/module/build/css/tokens-highcontrast-dark.scss +++ /dev/null @@ -1,444 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 15 May 2026 19:29:07 GMT - -@mixin pf-v6-tokens { - --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000); - --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000); - --pf-t--global--background--filter--glass--blur--primary: initial; - --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--background--color--700: rgba(199, 199, 199, 0.2500); - --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.6000); - --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--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700); - --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600); - --pf-t--global--background--color--primary--default: var(--pf-t--color--black); - --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--60); - --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40); - --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30); - --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70); - --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30); - --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20); - --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10); - --pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50); - --pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--60); - --pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--40); - --pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--gray--20); - --pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white); - --pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70); - --pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60); - --pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30); - --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40); - --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50); - --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70); - --pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90); - --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30); - --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20); - --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30); - --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20); - --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10); - --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60); - --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50); - --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40); - --pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70); - --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30); - --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20); - --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10); - --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30); - --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20); - --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10); - --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30); - --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20); - --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10); - --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30); - --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20); - --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10); - --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30); - --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20); - --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10); - --pf-t--global--dark--color--nonstatus--teal--100: var(--pf-t--color--teal--30); - --pf-t--global--dark--color--nonstatus--teal--200: var(--pf-t--color--teal--20); - --pf-t--global--dark--color--nonstatus--teal--300: var(--pf-t--color--teal--10); - --pf-t--global--dark--color--nonstatus--yellow--100: var(--pf-t--color--yellow--30); - --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20); - --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10); - --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50); - --pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40); - --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40); - --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30); - --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--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--status--custom--100: var(--pf-t--color--teal--40); - --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30); - --pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20); - --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50); - --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40); - --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30); - --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20); - --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30); - --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20); - --pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10); - --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40); - --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30); - --pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20); - --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30); - --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20); - --pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30); - --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10); - --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40); - --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90); - --pf-t--global--dark--text--color--100: var(--pf-t--color--white); - --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30); - --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90); - --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30); - --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20); - --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10); - --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30); - --pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20); - --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default); - --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default); - --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100); - --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--100); - --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200); - --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300); - --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200); - --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300); - --pf-t--global--background--color--glass--primary--default: initial; - --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--200); - --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200); - --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200); - --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100); - --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200); - --pf-t--global--background--color--sticky--default: var(--pf-t--global--dark--background--color--200); - --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default); - --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300); - --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200); - --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300); - --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200); - --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300); - --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50); - --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300); - --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100); - --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100); - --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200); - --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100); - --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200); - --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--300); - --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--200); - --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--300); - --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200); - --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100); - --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200); - --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200); - --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100); - --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200); - --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200); - --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100); - --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200); - --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200); - --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100); - --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200); - --pf-t--global--border--color--nonstatus--red--clicked: 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--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200); - --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200); - --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100); - --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200); - --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200); - --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100); - --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200); - --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300); - --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300); - --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200); - --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100); - --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200); - --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200); - --pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100); - --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200); - --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200); - --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100); - --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200); - --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200); - --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100); - --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200); - --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100); - --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50); - --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100); - --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200); - --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100); - --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200); - --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200); - --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100); - --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200); - --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200); - --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100); - --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200); - --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200); - --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100); - --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200); - --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200); - --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100); - --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200); - --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200); - --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100); - --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200); - --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200); - --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100); - --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200); - --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300); - --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200); - --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300); - --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250); - --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200); - --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250); - --pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200); - --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100); - --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200); - --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300); - --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200); - --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300); - --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200); - --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100); - --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200); - --pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100); - --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300); - --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200); - --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--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); - --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300); - --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100); - --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200); - --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--dark--color--severity--important--100); - --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--dark--color--severity--minor--100); - --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--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--subtle: var(--pf-t--global--dark--icon--color--200); - --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300); - --pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200); - --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300); - --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200); - --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300); - --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100); - --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200); - --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400); - --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400); - --pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300); - --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100); - --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400); - --pf-t--global--text--color--status--danger--clicked: 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--300); - --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300); - --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200); - --pf-t--global--text-decoration--color--default: var(--pf-t--global--dark--border--color--300); - --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default); - --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked); - --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default); - --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover); - --pf-t--global--border--color--glass--default: initial; - --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default); - --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default); - --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked); - --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default); - --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover); - --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked); - --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default); - --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover); - --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked); - --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default); - --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover); - --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked); - --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default); - --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover); - --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked); - --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default); - --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover); - --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked); - --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default); - --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover); - --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--default: var(--pf-t--global--color--status--danger--default); - --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover); - --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked); - --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default); - --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover); - --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked); - --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default); - --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover); - --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked); - --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default); - --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover); - --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked); - --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default); - --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover); - --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked); - --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default); - --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover); - --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked); - --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default); - --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover); - --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked); - --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default); - --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover); - --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--clicked: 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--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle); - --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked); - --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default); - --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover); - --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked); - --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default); - --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover); - --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked); - --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default); - --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover); - --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked); - --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default); - --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover); - --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover); - --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked); - --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default); - --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover); - --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked); - --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default); - --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover); -} diff --git a/packages/module/build/css/tokens-highcontrast.scss b/packages/module/build/css/tokens-highcontrast.scss deleted file mode 100644 index 1ed6ed4..0000000 --- a/packages/module/build/css/tokens-highcontrast.scss +++ /dev/null @@ -1,758 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 15 May 2026 19:29:07 GMT - -@mixin pf-v6-tokens { - --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000); - --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500); - --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000); - --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000); - --pf-t--global--background--filter--glass--blur--primary: initial; - --pf-t--global--border--radius--0: 0px; - --pf-t--global--border--radius--100: 4px; - --pf-t--global--border--radius--200: 6px; - --pf-t--global--border--radius--300: 16px; - --pf-t--global--border--radius--400: 24px; - --pf-t--global--border--radius--500: 999px; - --pf-t--global--border--width--100: 1px; - --pf-t--global--border--width--200: 2px; - --pf-t--global--border--width--300: 3px; - --pf-t--global--border--width--400: 4px; - --pf-t--global--border--width--action--plain--default: 0px; - --pf-t--global--box-shadow--X--100: -10px; - --pf-t--global--box-shadow--X--200: -4px; - --pf-t--global--box-shadow--X--300: -2px; - --pf-t--global--box-shadow--X--400: 0px; - --pf-t--global--box-shadow--X--50: -20px; - --pf-t--global--box-shadow--X--500: 2px; - --pf-t--global--box-shadow--X--600: 4px; - --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: 10px; - --pf-t--global--box-shadow--Y--800: 20px; - --pf-t--global--box-shadow--blur--100: 6px; - --pf-t--global--box-shadow--blur--200: 10px; - --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; - --pf-t--global--breakpoint--300: 48rem; - --pf-t--global--breakpoint--350: 60rem; - --pf-t--global--breakpoint--400: 62rem; - --pf-t--global--breakpoint--500: 75rem; - --pf-t--global--breakpoint--550: 80rem; - --pf-t--global--breakpoint--600: 90.625rem; - --pf-t--global--color--nonstatus--green--400: #3d7019; - --pf-t--global--color--status--success--150: #3d7019; - --pf-t--global--focus-ring--position--inset: -4px; - --pf-t--global--focus-ring--position--offset: 2px; - --pf-t--global--focus-ring--width--inset: 3px; - --pf-t--global--focus-ring--width--offset: 2px; - --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif; - --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif; - --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace; - --pf-t--global--font--line-height--100: 1.3; - --pf-t--global--font--line-height--200: 1.5; - --pf-t--global--font--size--100: 0.75rem; - --pf-t--global--font--size--200: 0.875rem; - --pf-t--global--font--size--300: 1rem; - --pf-t--global--font--size--400: 1.125rem; - --pf-t--global--font--size--500: 1.25rem; - --pf-t--global--font--size--600: 1.5rem; - --pf-t--global--font--size--700: 1.75rem; - --pf-t--global--font--size--800: 2.25rem; - --pf-t--global--font--weight--100: 400; - --pf-t--global--font--weight--200: 500; - --pf-t--global--font--weight--300: 500; - --pf-t--global--font--weight--400: 700; - --pf-t--global--icon--size--100: 0.75rem; - --pf-t--global--icon--size--200: 0.875rem; - --pf-t--global--icon--size--250: 1rem; - --pf-t--global--icon--size--300: 1.5rem; - --pf-t--global--icon--size--400: 3.5rem; - --pf-t--global--icon--size--500: 6rem; - --pf-t--global--spacer--100: 0.25rem; - --pf-t--global--spacer--200: 0.5rem; - --pf-t--global--spacer--300: 1rem; - --pf-t--global--spacer--400: 1.5rem; - --pf-t--global--spacer--500: 2rem; - --pf-t--global--spacer--600: 3rem; - --pf-t--global--spacer--700: 4rem; - --pf-t--global--spacer--800: 5rem; - --pf-t--global--text-decoration--line--100: none; - --pf-t--global--text-decoration--line--200: underline; - --pf-t--global--text-decoration--style--100: solid; - --pf-t--global--text-decoration--style--200: dashed; - --pf-t--global--z-index--100: 100; - --pf-t--global--z-index--200: 200; - --pf-t--global--z-index--300: 300; - --pf-t--global--z-index--400: 400; - --pf-t--global--z-index--500: 500; - --pf-t--global--z-index--600: 600; - --pf-t--global--background--color--100: var(--pf-t--color--white); - --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--loading--skeleton--default: var(--pf-t--global--background--color--600); - --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700); - --pf-t--global--background--color--striped--row--default: var(--pf-t--global--background--color--700); - --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--45); - --pf-t--global--border--color--400: var(--pf-t--color--gray--60); - --pf-t--global--border--color--50: var(--pf-t--color--gray--20); - --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400); - --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150); - --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400); - --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300); - --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500); - --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0); - --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200); - --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100); - --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200); - --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100); - --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200); - --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200); - --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100); - --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300); - --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100); - --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200); - --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200); - --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100); - --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200); - --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100); - --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200); - --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100); - --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100); - --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100); - --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300); - --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200); - --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100); - --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--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--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--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--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--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--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--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--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); - --pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250); - --pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100); - --pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350); - --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400); - --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300); - --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200); - --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500); - --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100); - --pf-t--global--color--brand--100: var(--pf-t--color--blue--40); - --pf-t--global--color--brand--200: var(--pf-t--color--blue--50); - --pf-t--global--color--brand--300: var(--pf-t--color--blue--60); - --pf-t--global--color--brand--400: var(--pf-t--color--blue--70); - --pf-t--global--color--brand--500: var(--pf-t--color--blue--80); - --pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50); - --pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60); - --pf-t--global--color--brand--accent--300: var(--pf-t--color--gray--60); - --pf-t--global--color--brand--accent--400: var(--pf-t--color--black); - --pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10); - --pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20); - --pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40); - --pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50); - --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30); - --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40); - --pf-t--global--color--disabled--300: var(--pf-t--color--gray--50); - --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30); - --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40); - --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70); - --pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80); - --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20); - --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30); - --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40); - --pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60); - --pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70); - --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20); - --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30); - --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40); - --pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60); - --pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10); - --pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70); - --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20); - --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30); - --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40); - --pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70); - --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20); - --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30); - --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40); - --pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60); - --pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70); - --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20); - --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30); - --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40); - --pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60); - --pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70); - --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20); - --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30); - --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40); - --pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50); - --pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60); - --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20); - --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30); - --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40); - --pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60); - --pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70); - --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20); - --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30); - --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40); - --pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70); - --pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80); - --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20); - --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30); - --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40); - --pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70); - --pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80); - --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--important--200: var(--pf-t--color--orange--60); - --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50); - --pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80); - --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40); - --pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70); - --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40); - --pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60); - --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30); - --pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60); - --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60); - --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70); - --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80); - --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60); - --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70); - --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70); - --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50); - --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60); - --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70); - --pf-t--global--color--status--success--100: var(--pf-t--color--green--60); - --pf-t--global--color--status--success--200: var(--pf-t--color--green--70); - --pf-t--global--color--status--success--300: var(--pf-t--color--green--80); - --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30); - --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40); - --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50); - --pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60); - --pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70); - --pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80); - --pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50); - --pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60); - --pf-t--global--font--family--body: var(--pf-t--global--font--family--100); - --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200); - --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300); - --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200); - --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100); - --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600); - --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700); - --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800); - --pf-t--global--font--size--lg: var(--pf-t--global--font--size--400); - --pf-t--global--font--size--md: var(--pf-t--global--font--size--300); - --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200); - --pf-t--global--font--size--xl: var(--pf-t--global--font--size--500); - --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100); - --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200); - --pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--100); - --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400); - --pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300); - --pf-t--global--icon--color--100: var(--pf-t--color--gray--90); - --pf-t--global--icon--color--150: var(--pf-t--color--gray--60); - --pf-t--global--icon--color--200: var(--pf-t--color--gray--50); - --pf-t--global--icon--color--300: var(--pf-t--color--white); - --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400); - --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500); - --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250); - --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200); - --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100); - --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300); - --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600); - --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700); - --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800); - --pf-t--global--spacer--lg: var(--pf-t--global--spacer--400); - --pf-t--global--spacer--md: var(--pf-t--global--spacer--300); - --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200); - --pf-t--global--spacer--xl: var(--pf-t--global--spacer--500); - --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100); - --pf-t--global--text--color--100: var(--pf-t--color--gray--95); - --pf-t--global--text--color--200: var(--pf-t--color--gray--60); - --pf-t--global--text--color--250: var(--pf-t--color--gray--70); - --pf-t--global--text--color--300: var(--pf-t--color--white); - --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40); - --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70); - --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50); - --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60); - --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70); - --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50); - --pf-t--global--text--color--link--350: var(--pf-t--color--purple--60); - --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200); - --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200); - --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200); - --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200); - --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200); - --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200); - --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200); - --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200); - --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200); - --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200); - --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200); - --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200); - --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600); - --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400); - --pf-t--global--z-index--md: var(--pf-t--global--z-index--300); - --pf-t--global--z-index--sm: var(--pf-t--global--z-index--200); - --pf-t--global--z-index--xl: var(--pf-t--global--z-index--500); - --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100); - --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200); - --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100); - --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200); - --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100); - --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); - --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300); - --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200); - --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300); - --pf-t--global--background--color--sticky--default: var(--pf-t--global--background--color--100); - --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400); - --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200); - --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400); - --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400); - --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400); - --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100); - --pf-t--global--border--color--default: var(--pf-t--global--border--color--400); - --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200); - --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300); - --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500); - --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400); - --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500); - --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500); - --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400); - --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500); - --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500); - --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500); - --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500); - --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400); - --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500); - --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500); - --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400); - --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500); - --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500); - --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400); - --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500); - --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500); - --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400); - --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500); - --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500); - --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400); - --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500); - --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500); - --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400); - --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500); - --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400); - --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200); - --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200); - --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600); - --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500); - --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600); - --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400); - --pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill); - --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small); - --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small); - --pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small); - --pf-t--global--border--radius--glass--default: initial; - --pf-t--global--border--width--glass--default: initial; - --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong); - --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular); - --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong); - --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400); - --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300); - --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400); - --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200); - --pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100); - --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200); - --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400); - --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300); - --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400); - --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200); - --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100); - --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200); - --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100); - --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50); - --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100); - --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200); - --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100); - --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200); - --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200); - --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100); - --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200); - --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200); - --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100); - --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200); - --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200); - --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100); - --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200); - --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200); - --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100); - --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200); - --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200); - --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100); - --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200); - --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200); - --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100); - --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200); - --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300); - --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200); - --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300); - --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300); - --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200); - --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300); - --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300); - --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200); - --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300); - --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300); - --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200); - --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300); - --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600); - --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500); - --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600); - --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200); - --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm); - --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md); - --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs); - --pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl); - --pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl); - --pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg); - --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md); - --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md); - --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md); - --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400); - --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300); - --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400); - --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); - --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300); - --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100); - --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--200); - --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200); - --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200); - --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200); - --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200); - --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200); - --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100); - --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200); - --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600); - --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500); - --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600); - --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150); - --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl); - --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl); - --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl); - --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg); - --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md); - --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm); - --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl); - --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs); - --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md); - --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg); - --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs); - --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm); - --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl); - --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm); - --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md); - --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm); - --pf-t--global--spacer--control--horizontal--spacious: var(--pf-t--global--spacer--lg); - --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs); - --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm); - --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm); - --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md); - --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md); - --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs); - --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs); - --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md); - --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm); - --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm); - --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl); - --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md); - --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg); - --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs); - --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm); - --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md); - --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg); - --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500); - --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400); - --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500); - --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200); - --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300); - --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200); - --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250); - --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350); - --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300); - --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100); - --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100); - --pf-t--global--text--color--required: var(--pf-t--global--text--color--500); - --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300); - --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200); - --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300); - --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600); - --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500); - --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600); - --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250); - --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--400); - --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs); - --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular); - --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong); - --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default); - --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default); - --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default); - --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default); - --pf-t--global--background--color--glass--primary--default: initial; - --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default); - --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked); - --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default); - --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover); - --pf-t--global--border--color--glass--default: initial; - --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default); - --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default); - --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked); - --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default); - --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover); - --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked); - --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default); - --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover); - --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked); - --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default); - --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover); - --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked); - --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default); - --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover); - --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--default: var(--pf-t--global--color--status--danger--default); - --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover); - --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked); - --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default); - --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover); - --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked); - --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default); - --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover); - --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular); - --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked); - --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default); - --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover); - --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked); - --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default); - --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover); - --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked); - --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default); - --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover); - --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse); - --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default); - --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg); - --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm); - --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1); - --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2); - --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3); - --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4); - --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5); - --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6); - --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--clicked: 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--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular); - --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle); - --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked); - --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default); - --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover); - --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked); - --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default); - --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover); - --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked); - --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default); - --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover); - --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse); - --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse); - --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse); - --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover); - --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked); - --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default); - --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover); - --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default); - --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked); - --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default); - --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover); -} diff --git a/packages/module/build/css/tokens-palette.scss b/packages/module/build/css/tokens-palette.scss deleted file mode 100644 index c8f3e2b..0000000 --- a/packages/module/build/css/tokens-palette.scss +++ /dev/null @@ -1,84 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 15 May 2026 19:29:07 GMT - -@mixin pf-v6-tokens { - --pf-t--color--black: #000000; - --pf-t--color--blue--10: #e0f0ff; - --pf-t--color--blue--20: #b9dafc; - --pf-t--color--blue--30: #92c5f9; - --pf-t--color--blue--40: #4394e5; - --pf-t--color--blue--50: #0066cc; - --pf-t--color--blue--60: #004d99; - --pf-t--color--blue--70: #003366; - --pf-t--color--blue--80: #032142; - --pf-t--color--gray--10: #f2f2f2; - --pf-t--color--gray--20: #e0e0e0; - --pf-t--color--gray--30: #c7c7c7; - --pf-t--color--gray--40: #a3a3a3; - --pf-t--color--gray--45: #8c8c8c; - --pf-t--color--gray--50: #707070; - --pf-t--color--gray--60: #4d4d4d; - --pf-t--color--gray--70: #383838; - --pf-t--color--gray--80: #292929; - --pf-t--color--gray--90: #1f1f1f; - --pf-t--color--gray--95: #151515; - --pf-t--color--green--10: #e9f7df; - --pf-t--color--green--20: #d1f1bb; - --pf-t--color--green--30: #afdc8f; - --pf-t--color--green--40: #87bb62; - --pf-t--color--green--50: #63993d; - --pf-t--color--green--60: #3d7317; - --pf-t--color--green--70: #204d00; - --pf-t--color--green--80: #183301; - --pf-t--color--orange--10: #ffe8cc; - --pf-t--color--orange--20: #fccb8f; - --pf-t--color--orange--30: #f8ae54; - --pf-t--color--orange--40: #f5921b; - --pf-t--color--orange--50: #ca6c0f; - --pf-t--color--orange--60: #9e4a06; - --pf-t--color--orange--70: #732e00; - --pf-t--color--orange--80: #4d1f00; - --pf-t--color--purple--10: #ece6ff; - --pf-t--color--purple--20: #d0c5f4; - --pf-t--color--purple--30: #b6a6e9; - --pf-t--color--purple--40: #876fd4; - --pf-t--color--purple--50: #5e40be; - --pf-t--color--purple--60: #3d2785; - --pf-t--color--purple--70: #21134d; - --pf-t--color--purple--80: #1b0d33; - --pf-t--color--red--05: #fef0f0; - --pf-t--color--red--10: #fce3e3; - --pf-t--color--red--20: #fbc5c5; - --pf-t--color--red--30: #f9a8a8; - --pf-t--color--red--40: #f56e6e; - --pf-t--color--red--50: #ee0000; - --pf-t--color--red--60: #a60000; - --pf-t--color--red--70: #5f0000; - --pf-t--color--red--80: #3f0000; - --pf-t--color--red-orange--10: #ffe3d9; - --pf-t--color--red-orange--20: #fbbea8; - --pf-t--color--red-orange--30: #f89b78; - --pf-t--color--red-orange--40: #f4784a; - --pf-t--color--red-orange--50: #f0561d; - --pf-t--color--red-orange--60: #b1380b; - --pf-t--color--red-orange--70: #731f00; - --pf-t--color--red-orange--80: #4c1405; - --pf-t--color--teal--10: #daf2f2; - --pf-t--color--teal--20: #b9e5e5; - --pf-t--color--teal--30: #9ad8d8; - --pf-t--color--teal--40: #63bdbd; - --pf-t--color--teal--50: #37a3a3; - --pf-t--color--teal--60: #147878; - --pf-t--color--teal--70: #004d4d; - --pf-t--color--teal--80: #003333; - --pf-t--color--white: #ffffff; - --pf-t--color--yellow--10: #fff4cc; - --pf-t--color--yellow--20: #ffe072; - --pf-t--color--yellow--30: #ffcc17; - --pf-t--color--yellow--40: #dca614; - --pf-t--color--yellow--50: #b98412; - --pf-t--color--yellow--60: #96640f; - --pf-t--color--yellow--70: #73480b; - --pf-t--color--yellow--80: #54330b; -} diff --git a/packages/module/patternfly-docs/content/token-layers-felt-dark.json b/packages/module/patternfly-docs/content/token-layers-felt-dark.json index 5095f60..f14a6c5 100644 --- a/packages/module/patternfly-docs/content/token-layers-felt-dark.json +++ b/packages/module/patternfly-docs/content/token-layers-felt-dark.json @@ -479,7 +479,7 @@ "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.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/dark/semantic.dark.json", "isSource": true, "original": { @@ -505,12 +505,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -1065,13 +1065,13 @@ "default": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(0, 0, 0, 0.0000)", + "value": "rgb(0, 0, 0, 0.0000)", "filePath": "tokens/default/dark/semantic.dark.json", "isSource": true, "original": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(0, 0, 0, 0.0000)" + "value": "rgb(0, 0, 0, 0.0000)" }, "name": "pf-t--global--background--color--action--plain--default", "attributes": { @@ -1095,7 +1095,7 @@ "default": { "description": "Use as the hover state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/dark/semantic.dark.json", "isSource": true, "original": { @@ -1122,12 +1122,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -1152,7 +1152,7 @@ "default": { "description": "Use as the active/pressed state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/dark/semantic.dark.json", "isSource": true, "original": { @@ -1179,12 +1179,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -2003,7 +2003,7 @@ "default": { "description": "Use as the background color for the backdrop component that shows beneath a modal/about modal/floating wizard etc.", "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/dark/semantic.dark.json", "isSource": true, "original": { @@ -2029,12 +2029,12 @@ "references": [ { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "name": "pf-t--global--dark--background--color--500", "attributes": { @@ -2058,12 +2058,12 @@ "pf-t--global--background--color--striped--row--default": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.3000)", + "value": "rgb(21, 21, 21, 0.3000)", "filePath": "tokens/default/dark/semantic.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.3000)" + "value": "rgb(21, 21, 21, 0.3000)" }, "name": "pf-t--global--background--color--striped--row--default", "attributes": { @@ -2086,7 +2086,7 @@ "pf-t--global--background--color--loading--skeleton--default": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/dark/semantic.dark.json", "isSource": true, "original": { @@ -2112,12 +2112,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--dark--background--color--700", "attributes": { @@ -2141,7 +2141,7 @@ "pf-t--global--background--color--loading--skeleton--subtle": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/dark/semantic.dark.json", "isSource": true, "original": { @@ -2167,12 +2167,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -16118,13 +16118,13 @@ "default": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)", + "value": "rgb(255, 255, 255, 0.0000)", "filePath": "tokens/default/dark/semantic.dark.json", "isSource": true, "original": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "name": "pf-t--global--border--color--high-contrast", "attributes": { @@ -29913,7 +29913,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/dark/semantic.dark.json", "isSource": true, "original": { @@ -29939,12 +29939,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -29969,7 +29969,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/dark/semantic.dark.json", "isSource": true, "original": { @@ -29995,12 +29995,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" }, "name": "pf-t--global--dark--box-shadow--color--200", "attributes": { @@ -30025,7 +30025,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/dark/semantic.dark.json", "isSource": true, "original": { @@ -30051,12 +30051,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -30081,7 +30081,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/dark/semantic.dark.json", "isSource": true, "original": { @@ -30107,12 +30107,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -30137,7 +30137,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/dark/semantic.dark.json", "isSource": true, "original": { @@ -30163,12 +30163,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -30193,7 +30193,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/dark/semantic.dark.json", "isSource": true, "original": { @@ -30219,12 +30219,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" }, "name": "pf-t--global--dark--box-shadow--color--200", "attributes": { @@ -30758,12 +30758,12 @@ "pf-t--global--dark--background--color--500": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "name": "pf-t--global--dark--background--color--500", "attributes": { @@ -30785,12 +30785,12 @@ "pf-t--global--dark--background--color--600": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -30812,12 +30812,12 @@ "pf-t--global--dark--background--color--700": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--dark--background--color--700", "attributes": { @@ -35099,12 +35099,12 @@ "pf-t--global--dark--box-shadow--color--100": { "default": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -35126,12 +35126,12 @@ "pf-t--global--dark--box-shadow--color--200": { "default": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" }, "name": "pf-t--global--dark--box-shadow--color--200", "attributes": { @@ -41263,52 +41263,6 @@ ] } }, - "pf-t--chart--global--label--fill": { - "default": { - "type": "color", - "value": "#ffffff", - "filePath": "tokens/default/dark/charts.highcontrast.dark.json", - "isSource": true, - "original": { - "type": "color", - "value": "{color.white}" - }, - "name": "pf-t--chart--global--label--fill", - "attributes": { - "category": "chart", - "type": "global", - "item": "label", - "subitem": "fill" - }, - "path": [ - "chart", - "global", - "label", - "fill" - ], - "references": [ - { - "type": "color", - "value": "#ffffff", - "filePath": "tokens/default/dark/palette.color.json", - "isSource": true, - "original": { - "type": "color", - "value": "#ffffff" - }, - "name": "pf-t--color--white", - "attributes": { - "category": "color", - "type": "white" - }, - "path": [ - "color", - "white" - ] - } - ] - } - }, "pf-t--chart--global--label--stroke--color": { "default": { "type": "string", @@ -41363,6 +41317,52 @@ ] } }, + "pf-t--chart--global--label--fill": { + "default": { + "type": "color", + "value": "#ffffff", + "filePath": "tokens/default/dark/charts.highcontrast.dark.json", + "isSource": true, + "original": { + "type": "color", + "value": "{color.white}" + }, + "name": "pf-t--chart--global--label--fill", + "attributes": { + "category": "chart", + "type": "global", + "item": "label", + "subitem": "fill" + }, + "path": [ + "chart", + "global", + "label", + "fill" + ], + "references": [ + { + "type": "color", + "value": "#ffffff", + "filePath": "tokens/default/dark/palette.color.json", + "isSource": true, + "original": { + "type": "color", + "value": "#ffffff" + }, + "name": "pf-t--color--white", + "attributes": { + "category": "color", + "type": "white" + }, + "path": [ + "color", + "white" + ] + } + ] + } + }, "pf-t--chart--theme--colorscales--blue--colorscale--100": { "default": { "type": "color", diff --git a/packages/module/patternfly-docs/content/token-layers-felt-glass-dark.json b/packages/module/patternfly-docs/content/token-layers-felt-glass-dark.json index e85a3de..e6864b7 100644 --- a/packages/module/patternfly-docs/content/token-layers-felt-glass-dark.json +++ b/packages/module/patternfly-docs/content/token-layers-felt-glass-dark.json @@ -5,13 +5,13 @@ "default": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)" + "value": "rgb(41, 41, 41, 0.5000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -34,13 +34,13 @@ "default": { "description": "Use as the hover state for primary backgrounds", "type": "color", - "value": "rgba(56, 56, 56, 0.5000)", + "value": "rgb(56, 56, 56, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the hover state for primary backgrounds", "type": "color", - "value": "rgba(56, 56, 56, 0.5000)" + "value": "rgb(56, 56, 56, 0.5000)" }, "name": "pf-t--global--background--color--primary--hover", "attributes": { @@ -63,13 +63,13 @@ "default": { "description": "Use as the clicked state for primary backgrounds", "type": "color", - "value": "rgba(56, 56, 56, 0.5000)", + "value": "rgb(56, 56, 56, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the clicked state for primary backgrounds", "type": "color", - "value": "rgba(56, 56, 56, 0.5000)" + "value": "rgb(56, 56, 56, 0.5000)" }, "name": "pf-t--global--background--color--primary--clicked", "attributes": { @@ -92,13 +92,13 @@ "default": { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(21, 21, 21, 0.6000)", + "value": "rgb(21, 21, 21, 0.6000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(21, 21, 21, 0.6000)" + "value": "rgb(21, 21, 21, 0.6000)" }, "name": "pf-t--global--background--color--secondary--default", "attributes": { @@ -121,13 +121,13 @@ "default": { "description": "Use as the hover state for secondary backgrounds", "type": "color", - "value": "rgba(41, 41, 41, 0.6000)", + "value": "rgb(41, 41, 41, 0.6000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the hover state for secondary backgrounds", "type": "color", - "value": "rgba(41, 41, 41, 0.6000)" + "value": "rgb(41, 41, 41, 0.6000)" }, "name": "pf-t--global--background--color--secondary--hover", "attributes": { @@ -150,13 +150,13 @@ "default": { "description": "Use as the clicked state for secondary backgrounds", "type": "color", - "value": "rgba(41, 41, 41, 0.6000)", + "value": "rgb(41, 41, 41, 0.6000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the clicked state for secondary backgrounds", "type": "color", - "value": "rgba(41, 41, 41, 0.6000)" + "value": "rgb(41, 41, 41, 0.6000)" }, "name": "pf-t--global--background--color--secondary--clicked", "attributes": { @@ -179,7 +179,7 @@ "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.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -205,12 +205,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -234,12 +234,12 @@ "pf-t--global--background--color--glass--primary--default": { "default": { "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.5000)" + "value": "rgb(41, 41, 41, 0.5000)" }, "name": "pf-t--global--background--color--glass--primary--default", "attributes": { @@ -686,13 +686,13 @@ "default": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(0, 0, 0, 0.0000)", + "value": "rgb(0, 0, 0, 0.0000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(0, 0, 0, 0.0000)" + "value": "rgb(0, 0, 0, 0.0000)" }, "name": "pf-t--global--background--color--action--plain--default", "attributes": { @@ -716,7 +716,7 @@ "default": { "description": "Use as the hover state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -743,12 +743,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -773,7 +773,7 @@ "default": { "description": "Use as the active/pressed state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -800,12 +800,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -830,7 +830,7 @@ "default": { "description": "Use as the hover state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -859,7 +859,7 @@ { "description": "Use as the hover state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -886,12 +886,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -918,7 +918,7 @@ "default": { "description": "Use as the active/pressed state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -947,7 +947,7 @@ { "description": "Use as the active/pressed state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -974,12 +974,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -1006,7 +1006,7 @@ "default": { "description": "Use as the default background for control elements like form inputs and menu toggles.", "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -1032,12 +1032,12 @@ "references": [ { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "name": "pf-t--global--dark--background--color--500", "attributes": { @@ -1061,7 +1061,7 @@ "pf-t--global--background--color--control--read-only": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -1086,12 +1086,12 @@ "references": [ { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "name": "pf-t--global--dark--background--color--500", "attributes": { @@ -1592,7 +1592,7 @@ "default": { "description": "Use as the background color for the backdrop component that shows beneath a modal/about modal/floating wizard etc.", "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -1618,12 +1618,12 @@ "references": [ { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "name": "pf-t--global--dark--background--color--500", "attributes": { @@ -1647,12 +1647,12 @@ "pf-t--global--background--color--striped--row--default": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.3000)", + "value": "rgb(21, 21, 21, 0.3000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.3000)" + "value": "rgb(21, 21, 21, 0.3000)" }, "name": "pf-t--global--background--color--striped--row--default", "attributes": { @@ -1675,7 +1675,7 @@ "pf-t--global--background--color--loading--skeleton--default": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -1701,12 +1701,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--dark--background--color--700", "attributes": { @@ -1730,7 +1730,7 @@ "pf-t--global--background--color--loading--skeleton--subtle": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -1756,12 +1756,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -4364,7 +4364,7 @@ "default": { "description": "Use as the default color for elements that convey a read status and are placed on a secondary background", "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -4391,7 +4391,7 @@ { "description": "Use as the default background for control elements like form inputs and menu toggles.", "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -4417,12 +4417,12 @@ "references": [ { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "name": "pf-t--global--dark--background--color--500", "attributes": { @@ -4449,7 +4449,7 @@ "default": { "description": "Use as the default color for elements that convey a read status and are placed on a primary background", "type": "color", - "value": "rgba(21, 21, 21, 0.6000)", + "value": "rgb(21, 21, 21, 0.6000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -4476,13 +4476,13 @@ { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(21, 21, 21, 0.6000)", + "value": "rgb(21, 21, 21, 0.6000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(21, 21, 21, 0.6000)" + "value": "rgb(21, 21, 21, 0.6000)" }, "name": "pf-t--global--background--color--secondary--default", "attributes": { @@ -15634,13 +15634,13 @@ "default": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)", + "value": "rgb(255, 255, 255, 0.0000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "name": "pf-t--global--border--color--high-contrast", "attributes": { @@ -16046,7 +16046,7 @@ "default": { "description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -16071,13 +16071,13 @@ { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)" + "value": "rgb(41, 41, 41, 0.5000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -18543,7 +18543,7 @@ "pf-t--global--border--color--glass--default": { "default": { "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -18569,7 +18569,7 @@ { "description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -18594,13 +18594,13 @@ { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)" + "value": "rgb(41, 41, 41, 0.5000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -20813,7 +20813,7 @@ "pf-t--global--border--color--main--default": { "default": { "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -20839,13 +20839,13 @@ { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)" + "value": "rgb(41, 41, 41, 0.5000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -29308,7 +29308,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -29334,12 +29334,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -29364,7 +29364,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -29390,12 +29390,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" }, "name": "pf-t--global--dark--box-shadow--color--200", "attributes": { @@ -29420,7 +29420,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -29446,12 +29446,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -29476,7 +29476,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -29502,12 +29502,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -29532,7 +29532,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -29558,12 +29558,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -29588,7 +29588,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -29614,12 +29614,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" }, "name": "pf-t--global--dark--box-shadow--color--200", "attributes": { @@ -30153,12 +30153,12 @@ "pf-t--global--dark--background--color--500": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "name": "pf-t--global--dark--background--color--500", "attributes": { @@ -30180,12 +30180,12 @@ "pf-t--global--dark--background--color--600": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -30207,12 +30207,12 @@ "pf-t--global--dark--background--color--700": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--dark--background--color--700", "attributes": { @@ -34494,12 +34494,12 @@ "pf-t--global--dark--box-shadow--color--100": { "default": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -34521,12 +34521,12 @@ "pf-t--global--dark--box-shadow--color--200": { "default": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" }, "name": "pf-t--global--dark--box-shadow--color--200", "attributes": { diff --git a/packages/module/patternfly-docs/content/token-layers-felt-glass.json b/packages/module/patternfly-docs/content/token-layers-felt-glass.json index 2ad95b6..27bcebf 100644 --- a/packages/module/patternfly-docs/content/token-layers-felt-glass.json +++ b/packages/module/patternfly-docs/content/token-layers-felt-glass.json @@ -9297,13 +9297,13 @@ "default": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)", + "value": "rgb(255, 255, 255, 0.0000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "name": "pf-t--global--border--color--high-contrast", "attributes": { @@ -9699,7 +9699,7 @@ "default": { "description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -9724,13 +9724,13 @@ { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)" + "value": "rgb(255, 255, 255, 0.6000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -12079,7 +12079,7 @@ "pf-t--global--border--color--glass--default": { "default": { "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -12105,7 +12105,7 @@ { "description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -12130,13 +12130,13 @@ { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)" + "value": "rgb(255, 255, 255, 0.6000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -14322,7 +14322,7 @@ "pf-t--global--border--color--main--default": { "default": { "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -14348,13 +14348,13 @@ { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)" + "value": "rgb(255, 255, 255, 0.6000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -14379,7 +14379,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -14405,12 +14405,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -14433,7 +14433,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -14459,12 +14459,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -14487,7 +14487,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -14513,12 +14513,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -14541,7 +14541,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -14567,12 +14567,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -14595,7 +14595,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -14621,12 +14621,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -14649,7 +14649,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -14675,12 +14675,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -15034,13 +15034,13 @@ "default": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)" + "value": "rgb(255, 255, 255, 0.6000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -15063,13 +15063,13 @@ "default": { "description": "Use as the hover state for primary backgrounds", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)", + "value": "rgb(199, 199, 199, 0.3000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the hover state for primary backgrounds", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)" + "value": "rgb(199, 199, 199, 0.3000)" }, "name": "pf-t--global--background--color--primary--hover", "attributes": { @@ -15092,13 +15092,13 @@ "default": { "description": "Use as the clicked state for primary backgrounds", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)", + "value": "rgb(199, 199, 199, 0.3000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the clicked state for primary backgrounds", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)" + "value": "rgb(199, 199, 199, 0.3000)" }, "name": "pf-t--global--background--color--primary--clicked", "attributes": { @@ -15121,13 +15121,13 @@ "default": { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)", + "value": "rgb(199, 199, 199, 0.3000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)" + "value": "rgb(199, 199, 199, 0.3000)" }, "name": "pf-t--global--background--color--secondary--default", "attributes": { @@ -15150,13 +15150,13 @@ "default": { "description": "Use as the hover state for secondary backgrounds", "type": "color", - "value": "rgba(163, 163, 163, 0.3000)", + "value": "rgb(163, 163, 163, 0.3000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the hover state for secondary backgrounds", "type": "color", - "value": "rgba(163, 163, 163, 0.3000)" + "value": "rgb(163, 163, 163, 0.3000)" }, "name": "pf-t--global--background--color--secondary--hover", "attributes": { @@ -15179,13 +15179,13 @@ "default": { "description": "Use as the clicked state for secondary backgrounds", "type": "color", - "value": "rgba(163, 163, 163, 0.3000)", + "value": "rgb(163, 163, 163, 0.3000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the clicked state for secondary backgrounds", "type": "color", - "value": "rgba(163, 163, 163, 0.3000)" + "value": "rgb(163, 163, 163, 0.3000)" }, "name": "pf-t--global--background--color--secondary--clicked", "attributes": { @@ -15208,7 +15208,7 @@ "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)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -15234,12 +15234,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -15261,12 +15261,12 @@ "pf-t--global--background--color--glass--primary--default": { "default": { "type": "color", - "value": "rgba(255, 255, 255, 0.5000)", + "value": "rgb(255, 255, 255, 0.5000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "type": "color", - "value": "rgba(255, 255, 255, 0.5000)" + "value": "rgb(255, 255, 255, 0.5000)" }, "name": "pf-t--global--background--color--glass--primary--default", "attributes": { @@ -15697,13 +15697,13 @@ "default": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)", + "value": "rgb(255, 255, 255, 0.0000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "name": "pf-t--global--background--color--action--plain--default", "attributes": { @@ -15727,7 +15727,7 @@ "default": { "description": "Use as the hover state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -15754,12 +15754,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -15782,7 +15782,7 @@ "default": { "description": "Use as the active/pressed state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -15809,12 +15809,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -15837,7 +15837,7 @@ "default": { "description": "Use as the hover state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -15866,7 +15866,7 @@ { "description": "Use as the hover state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -15893,12 +15893,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -15923,7 +15923,7 @@ "default": { "description": "Use as the active/pressed state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -15952,7 +15952,7 @@ { "description": "Use as the active/pressed state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -15979,12 +15979,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -16009,7 +16009,7 @@ "default": { "description": "Use as the default background for control elements like form inputs and menu toggles.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -16036,13 +16036,13 @@ { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)" + "value": "rgb(255, 255, 255, 0.6000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -16450,7 +16450,7 @@ "default": { "description": "Use as the background color for the backdrop component that shows beneath a modal/about modal/floating wizard etc.", "type": "color", - "value": "rgba(21, 21, 21, 0.4000)", + "value": "rgb(21, 21, 21, 0.4000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -16476,12 +16476,12 @@ "references": [ { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)", + "value": "rgb(21, 21, 21, 0.4000)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)" + "value": "rgb(21, 21, 21, 0.4000)" }, "name": "pf-t--global--background--color--500", "attributes": { @@ -16503,7 +16503,7 @@ "pf-t--global--background--color--striped--row--default": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -16529,12 +16529,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "name": "pf-t--global--background--color--700", "attributes": { @@ -16556,7 +16556,7 @@ "pf-t--global--background--color--loading--skeleton--default": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -16582,12 +16582,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -16609,7 +16609,7 @@ "pf-t--global--background--color--loading--skeleton--subtle": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -16635,12 +16635,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "name": "pf-t--global--background--color--700", "attributes": { @@ -19202,7 +19202,7 @@ "default": { "description": "Use as the default color for elements that convey a read status and are placed on a secondary background", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -19229,7 +19229,7 @@ { "description": "Use as the default background for control elements like form inputs and menu toggles.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -19256,13 +19256,13 @@ { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)" + "value": "rgb(255, 255, 255, 0.6000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -19289,7 +19289,7 @@ "default": { "description": "Use as the default color for elements that convey a read status and are placed on a primary background", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)", + "value": "rgb(199, 199, 199, 0.3000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -19316,13 +19316,13 @@ { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)", + "value": "rgb(199, 199, 199, 0.3000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)" + "value": "rgb(199, 199, 199, 0.3000)" }, "name": "pf-t--global--background--color--secondary--default", "attributes": { @@ -30640,12 +30640,12 @@ "pf-t--global--box-shadow--color--100": { "default": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -30665,12 +30665,12 @@ "pf-t--global--box-shadow--color--200": { "default": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -30928,12 +30928,12 @@ "pf-t--global--background--color--500": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)", + "value": "rgb(21, 21, 21, 0.4000)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)" + "value": "rgb(21, 21, 21, 0.4000)" }, "name": "pf-t--global--background--color--500", "attributes": { @@ -30953,12 +30953,12 @@ "pf-t--global--background--color--600": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -30978,12 +30978,12 @@ "pf-t--global--background--color--700": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "name": "pf-t--global--background--color--700", "attributes": { diff --git a/packages/module/patternfly-docs/content/token-layers-felt-highcontrast-dark.json b/packages/module/patternfly-docs/content/token-layers-felt-highcontrast-dark.json index a536a23..ca71ed2 100644 --- a/packages/module/patternfly-docs/content/token-layers-felt-highcontrast-dark.json +++ b/packages/module/patternfly-docs/content/token-layers-felt-highcontrast-dark.json @@ -450,7 +450,7 @@ "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.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -476,12 +476,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -1007,13 +1007,13 @@ "default": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(0, 0, 0, 0.0000)", + "value": "rgb(0, 0, 0, 0.0000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(0, 0, 0, 0.0000)" + "value": "rgb(0, 0, 0, 0.0000)" }, "name": "pf-t--global--background--color--action--plain--default", "attributes": { @@ -1037,7 +1037,7 @@ "default": { "description": "Use as the hover state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -1064,12 +1064,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -1094,7 +1094,7 @@ "default": { "description": "Use as the active/pressed state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -1121,12 +1121,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -1945,7 +1945,7 @@ "default": { "description": "Use as the background color for the backdrop component that shows beneath a modal/about modal/floating wizard etc.", "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -1971,12 +1971,12 @@ "references": [ { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "name": "pf-t--global--dark--background--color--500", "attributes": { @@ -2000,12 +2000,12 @@ "pf-t--global--background--color--striped--row--default": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.3000)", + "value": "rgb(21, 21, 21, 0.3000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.3000)" + "value": "rgb(21, 21, 21, 0.3000)" }, "name": "pf-t--global--background--color--striped--row--default", "attributes": { @@ -2028,7 +2028,7 @@ "pf-t--global--background--color--loading--skeleton--default": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -2054,12 +2054,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--dark--background--color--700", "attributes": { @@ -2083,7 +2083,7 @@ "pf-t--global--background--color--loading--skeleton--subtle": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -2109,12 +2109,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -30761,7 +30761,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -30787,12 +30787,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -30817,7 +30817,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -30843,12 +30843,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" }, "name": "pf-t--global--dark--box-shadow--color--200", "attributes": { @@ -30873,7 +30873,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -30899,12 +30899,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -30929,7 +30929,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -30955,12 +30955,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" }, "name": "pf-t--global--dark--box-shadow--color--200", "attributes": { @@ -30985,7 +30985,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -31011,12 +31011,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -31041,7 +31041,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -31067,12 +31067,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" }, "name": "pf-t--global--dark--box-shadow--color--200", "attributes": { @@ -31606,12 +31606,12 @@ "pf-t--global--dark--background--color--500": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "name": "pf-t--global--dark--background--color--500", "attributes": { @@ -31633,12 +31633,12 @@ "pf-t--global--dark--background--color--600": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -31660,12 +31660,12 @@ "pf-t--global--dark--background--color--700": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--dark--background--color--700", "attributes": { @@ -35947,12 +35947,12 @@ "pf-t--global--dark--box-shadow--color--100": { "default": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -35974,12 +35974,12 @@ "pf-t--global--dark--box-shadow--color--200": { "default": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" }, "name": "pf-t--global--dark--box-shadow--color--200", "attributes": { diff --git a/packages/module/patternfly-docs/content/token-layers-felt-highcontrast.json b/packages/module/patternfly-docs/content/token-layers-felt-highcontrast.json index 8ae0a7f..d255500 100644 --- a/packages/module/patternfly-docs/content/token-layers-felt-highcontrast.json +++ b/packages/module/patternfly-docs/content/token-layers-felt-highcontrast.json @@ -14256,7 +14256,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -14282,12 +14282,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -14310,7 +14310,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -14336,12 +14336,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -14364,7 +14364,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -14390,12 +14390,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -14418,7 +14418,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -14444,12 +14444,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -14472,7 +14472,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -14498,12 +14498,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -14526,7 +14526,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -14552,12 +14552,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -15371,7 +15371,7 @@ "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)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -15397,12 +15397,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -15937,13 +15937,13 @@ "default": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)", + "value": "rgb(255, 255, 255, 0.0000)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "name": "pf-t--global--background--color--action--plain--default", "attributes": { @@ -15967,7 +15967,7 @@ "default": { "description": "Use as the hover state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -15994,12 +15994,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -16022,7 +16022,7 @@ "default": { "description": "Use as the active/pressed state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -16049,12 +16049,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -16776,7 +16776,7 @@ "default": { "description": "Use as the background color for the backdrop component that shows beneath a modal/about modal/floating wizard etc.", "type": "color", - "value": "rgba(21, 21, 21, 0.4000)", + "value": "rgb(21, 21, 21, 0.4000)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -16802,12 +16802,12 @@ "references": [ { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)", + "value": "rgb(21, 21, 21, 0.4000)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)" + "value": "rgb(21, 21, 21, 0.4000)" }, "name": "pf-t--global--background--color--500", "attributes": { @@ -16829,7 +16829,7 @@ "pf-t--global--background--color--striped--row--default": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -16855,12 +16855,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "name": "pf-t--global--background--color--700", "attributes": { @@ -16882,7 +16882,7 @@ "pf-t--global--background--color--loading--skeleton--default": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -16908,12 +16908,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -16935,7 +16935,7 @@ "pf-t--global--background--color--loading--skeleton--subtle": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -16961,12 +16961,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "name": "pf-t--global--background--color--700", "attributes": { @@ -42699,12 +42699,12 @@ "pf-t--global--box-shadow--color--100": { "default": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -42724,12 +42724,12 @@ "pf-t--global--box-shadow--color--200": { "default": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -42987,12 +42987,12 @@ "pf-t--global--background--color--500": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)", + "value": "rgb(21, 21, 21, 0.4000)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)" + "value": "rgb(21, 21, 21, 0.4000)" }, "name": "pf-t--global--background--color--500", "attributes": { @@ -43012,12 +43012,12 @@ "pf-t--global--background--color--600": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -43037,12 +43037,12 @@ "pf-t--global--background--color--700": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "name": "pf-t--global--background--color--700", "attributes": { diff --git a/packages/module/patternfly-docs/content/token-layers-felt.json b/packages/module/patternfly-docs/content/token-layers-felt.json index 09bca33..77c0951 100644 --- a/packages/module/patternfly-docs/content/token-layers-felt.json +++ b/packages/module/patternfly-docs/content/token-layers-felt.json @@ -9297,13 +9297,13 @@ "default": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)", + "value": "rgb(255, 255, 255, 0.0000)", "filePath": "tokens/default/light/semantic.json", "isSource": true, "original": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "name": "pf-t--global--border--color--high-contrast", "attributes": { @@ -14490,7 +14490,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/light/semantic.json", "isSource": true, "original": { @@ -14516,12 +14516,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -14544,7 +14544,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/light/semantic.json", "isSource": true, "original": { @@ -14570,12 +14570,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -14598,7 +14598,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/light/semantic.json", "isSource": true, "original": { @@ -14624,12 +14624,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -14652,7 +14652,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/light/semantic.json", "isSource": true, "original": { @@ -14678,12 +14678,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -14706,7 +14706,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/light/semantic.json", "isSource": true, "original": { @@ -14732,12 +14732,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -14760,7 +14760,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/light/semantic.json", "isSource": true, "original": { @@ -14786,12 +14786,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -15605,7 +15605,7 @@ "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)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/light/semantic.json", "isSource": true, "original": { @@ -15631,12 +15631,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -16171,13 +16171,13 @@ "default": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)", + "value": "rgb(255, 255, 255, 0.0000)", "filePath": "tokens/default/light/semantic.json", "isSource": true, "original": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "name": "pf-t--global--background--color--action--plain--default", "attributes": { @@ -16201,7 +16201,7 @@ "default": { "description": "Use as the hover state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/light/semantic.json", "isSource": true, "original": { @@ -16228,12 +16228,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -16256,7 +16256,7 @@ "default": { "description": "Use as the active/pressed state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/light/semantic.json", "isSource": true, "original": { @@ -16283,12 +16283,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -16952,7 +16952,7 @@ "default": { "description": "Use as the background color for the backdrop component that shows beneath a modal/about modal/floating wizard etc.", "type": "color", - "value": "rgba(21, 21, 21, 0.4000)", + "value": "rgb(21, 21, 21, 0.4000)", "filePath": "tokens/default/light/semantic.json", "isSource": true, "original": { @@ -16978,12 +16978,12 @@ "references": [ { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)", + "value": "rgb(21, 21, 21, 0.4000)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)" + "value": "rgb(21, 21, 21, 0.4000)" }, "name": "pf-t--global--background--color--500", "attributes": { @@ -17005,7 +17005,7 @@ "pf-t--global--background--color--striped--row--default": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/light/semantic.json", "isSource": true, "original": { @@ -17031,12 +17031,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "name": "pf-t--global--background--color--700", "attributes": { @@ -17058,7 +17058,7 @@ "pf-t--global--background--color--loading--skeleton--default": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/light/semantic.json", "isSource": true, "original": { @@ -17084,12 +17084,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -17111,7 +17111,7 @@ "pf-t--global--background--color--loading--skeleton--subtle": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/light/semantic.json", "isSource": true, "original": { @@ -17137,12 +17137,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "name": "pf-t--global--background--color--700", "attributes": { @@ -44492,12 +44492,12 @@ "pf-t--global--box-shadow--color--100": { "default": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -44517,12 +44517,12 @@ "pf-t--global--box-shadow--color--200": { "default": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -44780,12 +44780,12 @@ "pf-t--global--background--color--500": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)", + "value": "rgb(21, 21, 21, 0.4000)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)" + "value": "rgb(21, 21, 21, 0.4000)" }, "name": "pf-t--global--background--color--500", "attributes": { @@ -44805,12 +44805,12 @@ "pf-t--global--background--color--600": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -44830,12 +44830,12 @@ "pf-t--global--background--color--700": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/light/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "name": "pf-t--global--background--color--700", "attributes": { @@ -58135,54 +58135,6 @@ ] } }, - "pf-t--chart--global--label--fill": { - "default": { - "type": "color", - "value": "#1f1f1f", - "filePath": "tokens/default/light/charts.json", - "isSource": true, - "original": { - "type": "color", - "value": "{color.gray.90}" - }, - "name": "pf-t--chart--global--label--fill", - "attributes": { - "category": "chart", - "type": "global", - "item": "label", - "subitem": "fill" - }, - "path": [ - "chart", - "global", - "label", - "fill" - ], - "references": [ - { - "type": "color", - "value": "#1f1f1f", - "filePath": "tokens/default/light/palette.color.json", - "isSource": true, - "original": { - "type": "color", - "value": "#1f1f1f" - }, - "name": "pf-t--color--gray--90", - "attributes": { - "category": "color", - "type": "gray", - "item": "90" - }, - "path": [ - "color", - "gray", - "90" - ] - } - ] - } - }, "pf-t--chart--global--label--stroke--color": { "default": { "type": "string", @@ -58237,6 +58189,54 @@ ] } }, + "pf-t--chart--global--label--fill": { + "default": { + "type": "color", + "value": "#1f1f1f", + "filePath": "tokens/default/light/charts.json", + "isSource": true, + "original": { + "type": "color", + "value": "{color.gray.90}" + }, + "name": "pf-t--chart--global--label--fill", + "attributes": { + "category": "chart", + "type": "global", + "item": "label", + "subitem": "fill" + }, + "path": [ + "chart", + "global", + "label", + "fill" + ], + "references": [ + { + "type": "color", + "value": "#1f1f1f", + "filePath": "tokens/default/light/palette.color.json", + "isSource": true, + "original": { + "type": "color", + "value": "#1f1f1f" + }, + "name": "pf-t--color--gray--90", + "attributes": { + "category": "color", + "type": "gray", + "item": "90" + }, + "path": [ + "color", + "gray", + "90" + ] + } + ] + } + }, "pf-t--chart--theme--colorscales--blue--colorscale--100": { "default": { "type": "color", diff --git a/packages/module/patternfly-docs/content/token-layers-glass-dark.json b/packages/module/patternfly-docs/content/token-layers-glass-dark.json index 1a40152..a1dac9a 100644 --- a/packages/module/patternfly-docs/content/token-layers-glass-dark.json +++ b/packages/module/patternfly-docs/content/token-layers-glass-dark.json @@ -5,13 +5,13 @@ "default": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)" + "value": "rgb(41, 41, 41, 0.5000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -34,13 +34,13 @@ "default": { "description": "Use as the hover state for primary backgrounds", "type": "color", - "value": "rgba(56, 56, 56, 0.5000)", + "value": "rgb(56, 56, 56, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the hover state for primary backgrounds", "type": "color", - "value": "rgba(56, 56, 56, 0.5000)" + "value": "rgb(56, 56, 56, 0.5000)" }, "name": "pf-t--global--background--color--primary--hover", "attributes": { @@ -63,13 +63,13 @@ "default": { "description": "Use as the clicked state for primary backgrounds", "type": "color", - "value": "rgba(56, 56, 56, 0.5000)", + "value": "rgb(56, 56, 56, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the clicked state for primary backgrounds", "type": "color", - "value": "rgba(56, 56, 56, 0.5000)" + "value": "rgb(56, 56, 56, 0.5000)" }, "name": "pf-t--global--background--color--primary--clicked", "attributes": { @@ -92,13 +92,13 @@ "default": { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(21, 21, 21, 0.6000)", + "value": "rgb(21, 21, 21, 0.6000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(21, 21, 21, 0.6000)" + "value": "rgb(21, 21, 21, 0.6000)" }, "name": "pf-t--global--background--color--secondary--default", "attributes": { @@ -121,13 +121,13 @@ "default": { "description": "Use as the hover state for secondary backgrounds", "type": "color", - "value": "rgba(41, 41, 41, 0.6000)", + "value": "rgb(41, 41, 41, 0.6000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the hover state for secondary backgrounds", "type": "color", - "value": "rgba(41, 41, 41, 0.6000)" + "value": "rgb(41, 41, 41, 0.6000)" }, "name": "pf-t--global--background--color--secondary--hover", "attributes": { @@ -150,13 +150,13 @@ "default": { "description": "Use as the clicked state for secondary backgrounds", "type": "color", - "value": "rgba(41, 41, 41, 0.6000)", + "value": "rgb(41, 41, 41, 0.6000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the clicked state for secondary backgrounds", "type": "color", - "value": "rgba(41, 41, 41, 0.6000)" + "value": "rgb(41, 41, 41, 0.6000)" }, "name": "pf-t--global--background--color--secondary--clicked", "attributes": { @@ -179,7 +179,7 @@ "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.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -205,12 +205,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -234,12 +234,12 @@ "pf-t--global--background--color--glass--primary--default": { "default": { "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.5000)" + "value": "rgb(41, 41, 41, 0.5000)" }, "name": "pf-t--global--background--color--glass--primary--default", "attributes": { @@ -686,13 +686,13 @@ "default": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(0, 0, 0, 0.0000)", + "value": "rgb(0, 0, 0, 0.0000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(0, 0, 0, 0.0000)" + "value": "rgb(0, 0, 0, 0.0000)" }, "name": "pf-t--global--background--color--action--plain--default", "attributes": { @@ -716,7 +716,7 @@ "default": { "description": "Use as the hover state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -743,12 +743,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -773,7 +773,7 @@ "default": { "description": "Use as the active/pressed state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -800,12 +800,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -830,7 +830,7 @@ "default": { "description": "Use as the hover state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -859,7 +859,7 @@ { "description": "Use as the hover state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -886,12 +886,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -918,7 +918,7 @@ "default": { "description": "Use as the active/pressed state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -947,7 +947,7 @@ { "description": "Use as the active/pressed state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -974,12 +974,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -1006,7 +1006,7 @@ "default": { "description": "Use as the default background for control elements like form inputs and menu toggles.", "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -1032,12 +1032,12 @@ "references": [ { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "name": "pf-t--global--dark--background--color--500", "attributes": { @@ -1061,7 +1061,7 @@ "pf-t--global--background--color--control--read-only": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -1086,12 +1086,12 @@ "references": [ { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "name": "pf-t--global--dark--background--color--500", "attributes": { @@ -1592,7 +1592,7 @@ "default": { "description": "Use as the background color for the backdrop component that shows beneath a modal/about modal/floating wizard etc.", "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -1618,12 +1618,12 @@ "references": [ { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "name": "pf-t--global--dark--background--color--500", "attributes": { @@ -1647,12 +1647,12 @@ "pf-t--global--background--color--striped--row--default": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.3000)", + "value": "rgb(21, 21, 21, 0.3000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.3000)" + "value": "rgb(21, 21, 21, 0.3000)" }, "name": "pf-t--global--background--color--striped--row--default", "attributes": { @@ -1675,7 +1675,7 @@ "pf-t--global--background--color--loading--skeleton--default": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -1701,12 +1701,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--dark--background--color--700", "attributes": { @@ -1730,7 +1730,7 @@ "pf-t--global--background--color--loading--skeleton--subtle": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -1756,12 +1756,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -4682,7 +4682,7 @@ "default": { "description": "Use as the default color for elements that convey a read status and are placed on a secondary background", "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -4709,7 +4709,7 @@ { "description": "Use as the default background for control elements like form inputs and menu toggles.", "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -4735,12 +4735,12 @@ "references": [ { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "name": "pf-t--global--dark--background--color--500", "attributes": { @@ -4767,7 +4767,7 @@ "default": { "description": "Use as the default color for elements that convey a read status and are placed on a primary background", "type": "color", - "value": "rgba(21, 21, 21, 0.6000)", + "value": "rgb(21, 21, 21, 0.6000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -4794,13 +4794,13 @@ { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(21, 21, 21, 0.6000)", + "value": "rgb(21, 21, 21, 0.6000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(21, 21, 21, 0.6000)" + "value": "rgb(21, 21, 21, 0.6000)" }, "name": "pf-t--global--background--color--secondary--default", "attributes": { @@ -16571,13 +16571,13 @@ "default": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)", + "value": "rgb(255, 255, 255, 0.0000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "name": "pf-t--global--border--color--high-contrast", "attributes": { @@ -16983,7 +16983,7 @@ "default": { "description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -17008,13 +17008,13 @@ { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)" + "value": "rgb(41, 41, 41, 0.5000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -19888,7 +19888,7 @@ "pf-t--global--border--color--glass--default": { "default": { "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -19914,7 +19914,7 @@ { "description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -19939,13 +19939,13 @@ { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)" + "value": "rgb(41, 41, 41, 0.5000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -22158,7 +22158,7 @@ "pf-t--global--border--color--main--default": { "default": { "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -22184,13 +22184,13 @@ { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)", + "value": "rgb(41, 41, 41, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)" + "value": "rgb(41, 41, 41, 0.5000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -30974,7 +30974,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -31000,12 +31000,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -31030,7 +31030,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -31056,12 +31056,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" }, "name": "pf-t--global--dark--box-shadow--color--200", "attributes": { @@ -31086,7 +31086,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -31112,12 +31112,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -31142,7 +31142,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -31168,12 +31168,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -31198,7 +31198,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -31224,12 +31224,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -31254,7 +31254,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/glass-dark/semantic.glass.dark.json", "isSource": true, "original": { @@ -31280,12 +31280,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" }, "name": "pf-t--global--dark--box-shadow--color--200", "attributes": { @@ -31819,12 +31819,12 @@ "pf-t--global--dark--background--color--500": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "name": "pf-t--global--dark--background--color--500", "attributes": { @@ -31846,12 +31846,12 @@ "pf-t--global--dark--background--color--600": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -31873,12 +31873,12 @@ "pf-t--global--dark--background--color--700": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--dark--background--color--700", "attributes": { @@ -36160,12 +36160,12 @@ "pf-t--global--dark--box-shadow--color--100": { "default": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -36187,12 +36187,12 @@ "pf-t--global--dark--box-shadow--color--200": { "default": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/glass-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" }, "name": "pf-t--global--dark--box-shadow--color--200", "attributes": { diff --git a/packages/module/patternfly-docs/content/token-layers-glass.json b/packages/module/patternfly-docs/content/token-layers-glass.json index 84cd4db..9f3f37e 100644 --- a/packages/module/patternfly-docs/content/token-layers-glass.json +++ b/packages/module/patternfly-docs/content/token-layers-glass.json @@ -9372,13 +9372,13 @@ "default": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)", + "value": "rgb(255, 255, 255, 0.0000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "name": "pf-t--global--border--color--high-contrast", "attributes": { @@ -9774,7 +9774,7 @@ "default": { "description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -9799,13 +9799,13 @@ { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)" + "value": "rgb(255, 255, 255, 0.6000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -12556,7 +12556,7 @@ "pf-t--global--border--color--glass--default": { "default": { "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -12582,7 +12582,7 @@ { "description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -12607,13 +12607,13 @@ { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)" + "value": "rgb(255, 255, 255, 0.6000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -14799,7 +14799,7 @@ "pf-t--global--border--color--main--default": { "default": { "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -14825,13 +14825,13 @@ { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)" + "value": "rgb(255, 255, 255, 0.6000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -14856,7 +14856,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -14882,12 +14882,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -14910,7 +14910,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -14936,12 +14936,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -14964,7 +14964,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -14990,12 +14990,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -15018,7 +15018,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -15044,12 +15044,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -15072,7 +15072,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -15098,12 +15098,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -15126,7 +15126,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -15152,12 +15152,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -15511,13 +15511,13 @@ "default": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)" + "value": "rgb(255, 255, 255, 0.6000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -15540,13 +15540,13 @@ "default": { "description": "Use as the hover state for primary backgrounds", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)", + "value": "rgb(199, 199, 199, 0.3000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the hover state for primary backgrounds", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)" + "value": "rgb(199, 199, 199, 0.3000)" }, "name": "pf-t--global--background--color--primary--hover", "attributes": { @@ -15569,13 +15569,13 @@ "default": { "description": "Use as the clicked state for primary backgrounds", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)", + "value": "rgb(199, 199, 199, 0.3000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the clicked state for primary backgrounds", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)" + "value": "rgb(199, 199, 199, 0.3000)" }, "name": "pf-t--global--background--color--primary--clicked", "attributes": { @@ -15598,13 +15598,13 @@ "default": { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)", + "value": "rgb(199, 199, 199, 0.3000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)" + "value": "rgb(199, 199, 199, 0.3000)" }, "name": "pf-t--global--background--color--secondary--default", "attributes": { @@ -15627,13 +15627,13 @@ "default": { "description": "Use as the hover state for secondary backgrounds", "type": "color", - "value": "rgba(163, 163, 163, 0.3000)", + "value": "rgb(163, 163, 163, 0.3000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the hover state for secondary backgrounds", "type": "color", - "value": "rgba(163, 163, 163, 0.3000)" + "value": "rgb(163, 163, 163, 0.3000)" }, "name": "pf-t--global--background--color--secondary--hover", "attributes": { @@ -15656,13 +15656,13 @@ "default": { "description": "Use as the clicked state for secondary backgrounds", "type": "color", - "value": "rgba(163, 163, 163, 0.3000)", + "value": "rgb(163, 163, 163, 0.3000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the clicked state for secondary backgrounds", "type": "color", - "value": "rgba(163, 163, 163, 0.3000)" + "value": "rgb(163, 163, 163, 0.3000)" }, "name": "pf-t--global--background--color--secondary--clicked", "attributes": { @@ -15685,7 +15685,7 @@ "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)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -15711,12 +15711,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -15738,12 +15738,12 @@ "pf-t--global--background--color--glass--primary--default": { "default": { "type": "color", - "value": "rgba(255, 255, 255, 0.5000)", + "value": "rgb(255, 255, 255, 0.5000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "type": "color", - "value": "rgba(255, 255, 255, 0.5000)" + "value": "rgb(255, 255, 255, 0.5000)" }, "name": "pf-t--global--background--color--glass--primary--default", "attributes": { @@ -16174,13 +16174,13 @@ "default": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)", + "value": "rgb(255, 255, 255, 0.0000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "name": "pf-t--global--background--color--action--plain--default", "attributes": { @@ -16204,7 +16204,7 @@ "default": { "description": "Use as the hover state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -16231,12 +16231,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -16259,7 +16259,7 @@ "default": { "description": "Use as the active/pressed state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -16286,12 +16286,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -16314,7 +16314,7 @@ "default": { "description": "Use as the hover state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -16343,7 +16343,7 @@ { "description": "Use as the hover state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -16370,12 +16370,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -16400,7 +16400,7 @@ "default": { "description": "Use as the active/pressed state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -16429,7 +16429,7 @@ { "description": "Use as the active/pressed state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -16456,12 +16456,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -16486,7 +16486,7 @@ "default": { "description": "Use as the default background for control elements like form inputs and menu toggles.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -16513,13 +16513,13 @@ { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)" + "value": "rgb(255, 255, 255, 0.6000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -16927,7 +16927,7 @@ "default": { "description": "Use as the background color for the backdrop component that shows beneath a modal/about modal/floating wizard etc.", "type": "color", - "value": "rgba(21, 21, 21, 0.4000)", + "value": "rgb(21, 21, 21, 0.4000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -16953,12 +16953,12 @@ "references": [ { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)", + "value": "rgb(21, 21, 21, 0.4000)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)" + "value": "rgb(21, 21, 21, 0.4000)" }, "name": "pf-t--global--background--color--500", "attributes": { @@ -16980,7 +16980,7 @@ "pf-t--global--background--color--striped--row--default": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -17006,12 +17006,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "name": "pf-t--global--background--color--700", "attributes": { @@ -17033,7 +17033,7 @@ "pf-t--global--background--color--loading--skeleton--default": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -17059,12 +17059,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -17086,7 +17086,7 @@ "pf-t--global--background--color--loading--skeleton--subtle": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -17112,12 +17112,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "name": "pf-t--global--background--color--700", "attributes": { @@ -19991,7 +19991,7 @@ "default": { "description": "Use as the default color for elements that convey a read status and are placed on a secondary background", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -20018,7 +20018,7 @@ { "description": "Use as the default background for control elements like form inputs and menu toggles.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -20045,13 +20045,13 @@ { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)", + "value": "rgb(255, 255, 255, 0.6000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)" + "value": "rgb(255, 255, 255, 0.6000)" }, "name": "pf-t--global--background--color--primary--default", "attributes": { @@ -20078,7 +20078,7 @@ "default": { "description": "Use as the default color for elements that convey a read status and are placed on a primary background", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)", + "value": "rgb(199, 199, 199, 0.3000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { @@ -20105,13 +20105,13 @@ { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)", + "value": "rgb(199, 199, 199, 0.3000)", "filePath": "tokens/default/glass/semantic.glass.json", "isSource": true, "original": { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)" + "value": "rgb(199, 199, 199, 0.3000)" }, "name": "pf-t--global--background--color--secondary--default", "attributes": { @@ -31429,12 +31429,12 @@ "pf-t--global--box-shadow--color--100": { "default": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -31454,12 +31454,12 @@ "pf-t--global--box-shadow--color--200": { "default": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -31717,12 +31717,12 @@ "pf-t--global--background--color--500": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)", + "value": "rgb(21, 21, 21, 0.4000)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)" + "value": "rgb(21, 21, 21, 0.4000)" }, "name": "pf-t--global--background--color--500", "attributes": { @@ -31742,12 +31742,12 @@ "pf-t--global--background--color--600": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -31767,12 +31767,12 @@ "pf-t--global--background--color--700": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/glass/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "name": "pf-t--global--background--color--700", "attributes": { diff --git a/packages/module/patternfly-docs/content/token-layers-highcontrast-dark.json b/packages/module/patternfly-docs/content/token-layers-highcontrast-dark.json index 7f4e7db..fc50beb 100644 --- a/packages/module/patternfly-docs/content/token-layers-highcontrast-dark.json +++ b/packages/module/patternfly-docs/content/token-layers-highcontrast-dark.json @@ -450,7 +450,7 @@ "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.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -476,12 +476,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -1007,13 +1007,13 @@ "default": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(0, 0, 0, 0.0000)", + "value": "rgb(0, 0, 0, 0.0000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(0, 0, 0, 0.0000)" + "value": "rgb(0, 0, 0, 0.0000)" }, "name": "pf-t--global--background--color--action--plain--default", "attributes": { @@ -1037,7 +1037,7 @@ "default": { "description": "Use as the hover state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -1064,12 +1064,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -1094,7 +1094,7 @@ "default": { "description": "Use as the active/pressed state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -1121,12 +1121,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -1945,7 +1945,7 @@ "default": { "description": "Use as the background color for the backdrop component that shows beneath a modal/about modal/floating wizard etc.", "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -1971,12 +1971,12 @@ "references": [ { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "name": "pf-t--global--dark--background--color--500", "attributes": { @@ -2000,12 +2000,12 @@ "pf-t--global--background--color--striped--row--default": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.3000)", + "value": "rgb(21, 21, 21, 0.3000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.3000)" + "value": "rgb(21, 21, 21, 0.3000)" }, "name": "pf-t--global--background--color--striped--row--default", "attributes": { @@ -2028,7 +2028,7 @@ "pf-t--global--background--color--loading--skeleton--default": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -2054,12 +2054,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--dark--background--color--700", "attributes": { @@ -2083,7 +2083,7 @@ "pf-t--global--background--color--loading--skeleton--subtle": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -2109,12 +2109,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -31567,7 +31567,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -31593,12 +31593,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -31623,7 +31623,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -31649,12 +31649,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" }, "name": "pf-t--global--dark--box-shadow--color--200", "attributes": { @@ -31679,7 +31679,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -31705,12 +31705,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -31735,7 +31735,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -31761,12 +31761,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" }, "name": "pf-t--global--dark--box-shadow--color--200", "attributes": { @@ -31791,7 +31791,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -31817,12 +31817,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -31847,7 +31847,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json", "isSource": true, "original": { @@ -31873,12 +31873,12 @@ "references": [ { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" }, "name": "pf-t--global--dark--box-shadow--color--200", "attributes": { @@ -32412,12 +32412,12 @@ "pf-t--global--dark--background--color--500": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)", + "value": "rgb(21, 21, 21, 0.8000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "name": "pf-t--global--dark--background--color--500", "attributes": { @@ -32439,12 +32439,12 @@ "pf-t--global--dark--background--color--600": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)", + "value": "rgb(199, 199, 199, 0.1500)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "name": "pf-t--global--dark--background--color--600", "attributes": { @@ -32466,12 +32466,12 @@ "pf-t--global--dark--background--color--700": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--dark--background--color--700", "attributes": { @@ -36753,12 +36753,12 @@ "pf-t--global--dark--box-shadow--color--100": { "default": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)", + "value": "rgb(0, 0, 0, 0.5000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "name": "pf-t--global--dark--box-shadow--color--100", "attributes": { @@ -36780,12 +36780,12 @@ "pf-t--global--dark--box-shadow--color--200": { "default": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)", + "value": "rgb(0, 0, 0, 0.6000)", "filePath": "tokens/default/highcontrast-dark/base.dark.json", "isSource": true, "original": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" }, "name": "pf-t--global--dark--box-shadow--color--200", "attributes": { diff --git a/packages/module/patternfly-docs/content/token-layers-highcontrast.json b/packages/module/patternfly-docs/content/token-layers-highcontrast.json index 425b26e..6aa8512 100644 --- a/packages/module/patternfly-docs/content/token-layers-highcontrast.json +++ b/packages/module/patternfly-docs/content/token-layers-highcontrast.json @@ -14735,7 +14735,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -14761,12 +14761,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -14789,7 +14789,7 @@ "default": { "description": "Use as the color of small box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -14815,12 +14815,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -14843,7 +14843,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -14869,12 +14869,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -14897,7 +14897,7 @@ "default": { "description": "Use as the color of medium box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -14923,12 +14923,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -14951,7 +14951,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -14977,12 +14977,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -15005,7 +15005,7 @@ "default": { "description": "Use as the color of large box-shadows.", "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -15031,12 +15031,12 @@ "references": [ { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -15850,7 +15850,7 @@ "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)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -15876,12 +15876,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -16416,13 +16416,13 @@ "default": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)", + "value": "rgb(255, 255, 255, 0.0000)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "name": "pf-t--global--background--color--action--plain--default", "attributes": { @@ -16446,7 +16446,7 @@ "default": { "description": "Use as the hover state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -16473,12 +16473,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -16501,7 +16501,7 @@ "default": { "description": "Use as the active/pressed state for components that use the plain action default background.", "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -16528,12 +16528,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -17255,7 +17255,7 @@ "default": { "description": "Use as the background color for the backdrop component that shows beneath a modal/about modal/floating wizard etc.", "type": "color", - "value": "rgba(21, 21, 21, 0.4000)", + "value": "rgb(21, 21, 21, 0.4000)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -17281,12 +17281,12 @@ "references": [ { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)", + "value": "rgb(21, 21, 21, 0.4000)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)" + "value": "rgb(21, 21, 21, 0.4000)" }, "name": "pf-t--global--background--color--500", "attributes": { @@ -17308,7 +17308,7 @@ "pf-t--global--background--color--striped--row--default": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -17334,12 +17334,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "name": "pf-t--global--background--color--700", "attributes": { @@ -17361,7 +17361,7 @@ "pf-t--global--background--color--loading--skeleton--default": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -17387,12 +17387,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -17414,7 +17414,7 @@ "pf-t--global--background--color--loading--skeleton--subtle": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/highcontrast/semantic.highcontrast.json", "isSource": true, "original": { @@ -17440,12 +17440,12 @@ "references": [ { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "name": "pf-t--global--background--color--700", "attributes": { @@ -43649,12 +43649,12 @@ "pf-t--global--box-shadow--color--100": { "default": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)", + "value": "rgb(41, 41, 41, 0.1500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "name": "pf-t--global--box-shadow--color--100", "attributes": { @@ -43674,12 +43674,12 @@ "pf-t--global--box-shadow--color--200": { "default": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)", + "value": "rgb(41, 41, 41, 0.2000)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" }, "name": "pf-t--global--box-shadow--color--200", "attributes": { @@ -43937,12 +43937,12 @@ "pf-t--global--background--color--500": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)", + "value": "rgb(21, 21, 21, 0.4000)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)" + "value": "rgb(21, 21, 21, 0.4000)" }, "name": "pf-t--global--background--color--500", "attributes": { @@ -43962,12 +43962,12 @@ "pf-t--global--background--color--600": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)", + "value": "rgb(199, 199, 199, 0.2500)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "name": "pf-t--global--background--color--600", "attributes": { @@ -43987,12 +43987,12 @@ "pf-t--global--background--color--700": { "default": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)", + "value": "rgb(199, 199, 199, 0.1000)", "filePath": "tokens/default/highcontrast/base.json", "isSource": true, "original": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "name": "pf-t--global--background--color--700", "attributes": { diff --git a/packages/module/plugins/export-patternfly-tokens/dist/code.js b/packages/module/plugins/export-patternfly-tokens/dist/code.js index ea229e4..f01f44d 100644 --- a/packages/module/plugins/export-patternfly-tokens/dist/code.js +++ b/packages/module/plugins/export-patternfly-tokens/dist/code.js @@ -88,7 +88,7 @@ function processCollection(collection) { function rgbToHex(value) { const { r, g, b, a } = value; if (a !== 1) { - return `rgba(${[r, g, b].map((n) => Math.round(n * 255)).join(', ')}, ${a.toFixed(4)})`; + return `rgb(${[r, g, b].map((n) => Math.round(n * 255)).join(', ')}, ${a.toFixed(4)})`; } const toHex = (value) => { const hex = Math.round(value * 255).toString(16); @@ -100,4 +100,4 @@ function rgbToHex(value) { /******/ })() ; -//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS5qcyIsIm1hcHBpbmdzIjoiOzs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSwyQkFBMkIsOEJBQThCO0FBQ3pEO0FBQ0E7QUFDQTtBQUNBLFlBQVksMkJBQTJCO0FBQ3ZDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxxQkFBcUIsYUFBYSxLQUFLLEdBQUcsVUFBVTtBQUNwRDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLG9CQUFvQix5REFBeUQ7QUFDN0U7QUFDQTtBQUNBLHdCQUF3QjtBQUN4QjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxpQkFBaUI7QUFDakI7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLG1DQUFtQyxFQUFFLG9FQUFvRTtBQUN6RztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBUztBQUNUO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBLFlBQVksYUFBYTtBQUN6QjtBQUNBLHVCQUF1QixxREFBcUQsSUFBSSxhQUFhO0FBQzdGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGVBQWUsSUFBSTtBQUNuQiIsInNvdXJjZXMiOlsid2VicGFjazovL0BwYXR0ZXJuZmx5L2Rlc2lnbi10b2tlbnMvLi9wbHVnaW5zL2V4cG9ydC1wYXR0ZXJuZmx5LXRva2Vucy9zcmMvY29kZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBNQUlOIGZ1bmN0aW9uICovXG5maWdtYS51aS5vbm1lc3NhZ2UgPSAoZSkgPT4ge1xuICAgIGlmIChlLnR5cGUgPT09ICdFWFBPUlQnKSB7XG4gICAgICAgIGV4cG9ydFRvSlNPTigpO1xuICAgIH1cbn07XG5pZiAoZmlnbWEuY29tbWFuZCA9PT0gJ2V4cG9ydCcpIHtcbiAgICBmaWdtYS5zaG93VUkoX19odG1sX18sIHtcbiAgICAgICAgd2lkdGg6IDgyMCxcbiAgICAgICAgaGVpZ2h0OiA2MDAsXG4gICAgICAgIHRoZW1lQ29sb3JzOiB0cnVlXG4gICAgfSk7XG59XG4vKiBFWFBPUlQgRnVuY3Rpb25hbGl0eSAqL1xuLyogRVhQT1JUIC0gbWFpbiBmdW5jdGlvbiAqL1xuZnVuY3Rpb24gZXhwb3J0VG9KU09OKCkge1xuICAgIGNvbnN0IGNvbGxlY3Rpb25zID0gZmlnbWEudmFyaWFibGVzLmdldExvY2FsVmFyaWFibGVDb2xsZWN0aW9ucygpO1xuICAgIGNvbnN0IGZpbGVzID0gW107XG4gICAgY29sbGVjdGlvbnMuZm9yRWFjaCgoY29sbGVjdGlvbikgPT4gZmlsZXMucHVzaCguLi5wcm9jZXNzQ29sbGVjdGlvbihjb2xsZWN0aW9uKSkpO1xuICAgIGZpZ21hLnVpLnBvc3RNZXNzYWdlKHsgdHlwZTogJ0VYUE9SVF9SRVNVTFQnLCBmaWxlcyB9KTtcbn1cbi8qIEVYUE9SVCAtIGhlbHBlciBmdW5jdGlvbnMgKi9cbmZ1bmN0aW9uIHByb2Nlc3NDb2xsZWN0aW9uKGNvbGxlY3Rpb24pIHtcbiAgICBjb25zdCB7IG5hbWUsIG1vZGVzLCB2YXJpYWJsZUlkcyB9ID0gY29sbGVjdGlvbjtcbiAgICBjb25zdCBmaWxlcyA9IFtdO1xuICAgIC8vIENoZWNrIGlmIHRoaXMgaXMgYW4gZXh0ZW5kZWQgY29sbGVjdGlvblxuICAgIGNvbnN0IGlzRXh0ZW5kZWQgPSBjb2xsZWN0aW9uLnBhcmVudFZhcmlhYmxlQ29sbGVjdGlvbklkICE9PSB1bmRlZmluZWQ7XG4gICAgY29uc3QgdmFyaWFibGVPdmVycmlkZXMgPSBjb2xsZWN0aW9uLnZhcmlhYmxlT3ZlcnJpZGVzIHx8IHt9O1xuICAgIG1vZGVzLmZvckVhY2goKG1vZGUpID0+IHtcbiAgICAgICAgbGV0IGZpbGUgPSB7IGZpbGVOYW1lOiBgJHtuYW1lfS4ke21vZGUubmFtZX0udG9rZW5zLmpzb25gLCBib2R5OiB7fSB9O1xuICAgICAgICAvLyBGb3IgZXh0ZW5kZWQgY29sbGVjdGlvbnMsIG9ubHkgcHJvY2VzcyBvdmVycmlkZGVuIHZhcmlhYmxlc1xuICAgICAgICBjb25zdCB2YXJzVG9Qcm9jZXNzID0gaXNFeHRlbmRlZCA/IE9iamVjdC5rZXlzKHZhcmlhYmxlT3ZlcnJpZGVzKSA6IHZhcmlhYmxlSWRzO1xuICAgICAgICB2YXJzVG9Qcm9jZXNzLmZvckVhY2goKHZhcmlhYmxlSWQpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHZhcmlhYmxlID0gZmlnbWEudmFyaWFibGVzLmdldFZhcmlhYmxlQnlJZCh2YXJpYWJsZUlkKTtcbiAgICAgICAgICAgIGlmICghdmFyaWFibGUpIHtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBjb25zdCB7IG5hbWU6IHZhck5hbWUsIHJlc29sdmVkVHlwZSwgdmFsdWVzQnlNb2RlLCBkZXNjcmlwdGlvbiB9ID0gdmFyaWFibGU7XG4gICAgICAgICAgICBjb25zdCB2YXJFeGNsdWRlUGF0dGVybiA9IC9maWdtYS1vbmx5L2k7XG4gICAgICAgICAgICBpZiAodmFyRXhjbHVkZVBhdHRlcm4udGVzdCh2YXJOYW1lKSkge1xuICAgICAgICAgICAgICAgIHJldHVybjsgLy8gU2tpcCB0aGlzIHZhcmlhYmxlXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyBGb3IgZXh0ZW5kZWQgY29sbGVjdGlvbnMsIGdldCB0aGUgb3ZlcnJpZGRlbiB2YWx1ZVxuICAgICAgICAgICAgbGV0IHZhbHVlO1xuICAgICAgICAgICAgaWYgKGlzRXh0ZW5kZWQpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBvdmVycmlkZXMgPSB2YXJpYWJsZU92ZXJyaWRlc1t2YXJpYWJsZUlkXTtcbiAgICAgICAgICAgICAgICB2YWx1ZSA9IG92ZXJyaWRlcyA/IG92ZXJyaWRlc1ttb2RlLm1vZGVJZF0gOiB1bmRlZmluZWQ7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICB2YWx1ZSA9IHZhbHVlc0J5TW9kZVttb2RlLm1vZGVJZF07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAodmFsdWUgIT09IHVuZGVmaW5lZCAmJiBbJ0NPTE9SJywgJ0ZMT0FUJywgJ1NUUklORyddLmluY2x1ZGVzKHJlc29sdmVkVHlwZSkpIHtcbiAgICAgICAgICAgICAgICBsZXQgb2JqID0gZmlsZS5ib2R5O1xuICAgICAgICAgICAgICAgIHZhck5hbWUuc3BsaXQoJy8nKS5mb3JFYWNoKChncm91cE5hbWUpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgb2JqW2dyb3VwTmFtZV0gPSBvYmpbZ3JvdXBOYW1lXSB8fCB7fTtcbiAgICAgICAgICAgICAgICAgICAgb2JqID0gb2JqW2dyb3VwTmFtZV07XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgaWYgKGRlc2NyaXB0aW9uKSB7XG4gICAgICAgICAgICAgICAgICAgIG9iai5kZXNjcmlwdGlvbiA9IGRlc2NyaXB0aW9uO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBpZiAodmFsdWUudHlwZSA9PT0gJ1ZBUklBQkxFX0FMSUFTJykge1xuICAgICAgICAgICAgICAgICAgICBvYmouJHR5cGUgPSByZXNvbHZlZFR5cGUgPT09ICdDT0xPUicgPyAnY29sb3InIDogJ251bWJlcic7XG4gICAgICAgICAgICAgICAgICAgIG9iai4kdmFsdWUgPSBgeyR7ZmlnbWEudmFyaWFibGVzLmdldFZhcmlhYmxlQnlJZCh2YWx1ZS5pZCkubmFtZS5yZXBsYWNlKC9cXC8vZywgJy4nKX19YDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgZWxzZSBpZiAocmVzb2x2ZWRUeXBlID09PSAnQ09MT1InKSB7XG4gICAgICAgICAgICAgICAgICAgIG9iai4kdHlwZSA9ICdjb2xvcic7XG4gICAgICAgICAgICAgICAgICAgIG9iai4kdmFsdWUgPSByZ2JUb0hleCh2YWx1ZSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGVsc2UgaWYgKHJlc29sdmVkVHlwZSA9PT0gJ0ZMT0FUJykge1xuICAgICAgICAgICAgICAgICAgICBvYmouJHR5cGUgPSAnbnVtYmVyJztcbiAgICAgICAgICAgICAgICAgICAgb2JqLiR2YWx1ZSA9IHZhbHVlO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBlbHNlIGlmIChyZXNvbHZlZFR5cGUgPT09ICdTVFJJTkcnKSB7XG4gICAgICAgICAgICAgICAgICAgIG9iai4kdHlwZSA9ICdzdHJpbmcnO1xuICAgICAgICAgICAgICAgICAgICBvYmouJHZhbHVlID0gdmFsdWU7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgICAgZmlsZXMucHVzaChmaWxlKTtcbiAgICB9KTtcbiAgICByZXR1cm4gZmlsZXM7XG59XG5mdW5jdGlvbiByZ2JUb0hleCh2YWx1ZSkge1xuICAgIGNvbnN0IHsgciwgZywgYiwgYSB9ID0gdmFsdWU7XG4gICAgaWYgKGEgIT09IDEpIHtcbiAgICAgICAgcmV0dXJuIGByZ2JhKCR7W3IsIGcsIGJdLm1hcCgobikgPT4gTWF0aC5yb3VuZChuICogMjU1KSkuam9pbignLCAnKX0sICR7YS50b0ZpeGVkKDQpfSlgO1xuICAgIH1cbiAgICBjb25zdCB0b0hleCA9ICh2YWx1ZSkgPT4ge1xuICAgICAgICBjb25zdCBoZXggPSBNYXRoLnJvdW5kKHZhbHVlICogMjU1KS50b1N0cmluZygxNik7XG4gICAgICAgIHJldHVybiBoZXgubGVuZ3RoID09PSAxID8gJzAnICsgaGV4IDogaGV4O1xuICAgIH07XG4gICAgY29uc3QgaGV4ID0gW3RvSGV4KHIpLCB0b0hleChnKSwgdG9IZXgoYildLmpvaW4oJycpO1xuICAgIHJldHVybiBgIyR7aGV4fWA7XG59XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0= \ No newline at end of file +//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS5qcyIsIm1hcHBpbmdzIjoiOzs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSwyQkFBMkIsOEJBQThCO0FBQ3pEO0FBQ0E7QUFDQTtBQUNBLFlBQVksMkJBQTJCO0FBQ3ZDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxxQkFBcUIsYUFBYSxLQUFLLEdBQUcsVUFBVTtBQUNwRDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLG9CQUFvQix5REFBeUQ7QUFDN0U7QUFDQTtBQUNBLHdCQUF3QjtBQUN4QjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxpQkFBaUI7QUFDakI7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLG1DQUFtQyxFQUFFLG9FQUFvRTtBQUN6RztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBUztBQUNUO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBLFlBQVksYUFBYTtBQUN6QjtBQUNBLHNCQUFzQixxREFBcUQsSUFBSSxhQUFhO0FBQzVGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGVBQWUsSUFBSTtBQUNuQiIsInNvdXJjZXMiOlsid2VicGFjazovL0BwYXR0ZXJuZmx5L2Rlc2lnbi10b2tlbnMvLi9wbHVnaW5zL2V4cG9ydC1wYXR0ZXJuZmx5LXRva2Vucy9zcmMvY29kZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBNQUlOIGZ1bmN0aW9uICovXG5maWdtYS51aS5vbm1lc3NhZ2UgPSAoZSkgPT4ge1xuICAgIGlmIChlLnR5cGUgPT09ICdFWFBPUlQnKSB7XG4gICAgICAgIGV4cG9ydFRvSlNPTigpO1xuICAgIH1cbn07XG5pZiAoZmlnbWEuY29tbWFuZCA9PT0gJ2V4cG9ydCcpIHtcbiAgICBmaWdtYS5zaG93VUkoX19odG1sX18sIHtcbiAgICAgICAgd2lkdGg6IDgyMCxcbiAgICAgICAgaGVpZ2h0OiA2MDAsXG4gICAgICAgIHRoZW1lQ29sb3JzOiB0cnVlXG4gICAgfSk7XG59XG4vKiBFWFBPUlQgRnVuY3Rpb25hbGl0eSAqL1xuLyogRVhQT1JUIC0gbWFpbiBmdW5jdGlvbiAqL1xuZnVuY3Rpb24gZXhwb3J0VG9KU09OKCkge1xuICAgIGNvbnN0IGNvbGxlY3Rpb25zID0gZmlnbWEudmFyaWFibGVzLmdldExvY2FsVmFyaWFibGVDb2xsZWN0aW9ucygpO1xuICAgIGNvbnN0IGZpbGVzID0gW107XG4gICAgY29sbGVjdGlvbnMuZm9yRWFjaCgoY29sbGVjdGlvbikgPT4gZmlsZXMucHVzaCguLi5wcm9jZXNzQ29sbGVjdGlvbihjb2xsZWN0aW9uKSkpO1xuICAgIGZpZ21hLnVpLnBvc3RNZXNzYWdlKHsgdHlwZTogJ0VYUE9SVF9SRVNVTFQnLCBmaWxlcyB9KTtcbn1cbi8qIEVYUE9SVCAtIGhlbHBlciBmdW5jdGlvbnMgKi9cbmZ1bmN0aW9uIHByb2Nlc3NDb2xsZWN0aW9uKGNvbGxlY3Rpb24pIHtcbiAgICBjb25zdCB7IG5hbWUsIG1vZGVzLCB2YXJpYWJsZUlkcyB9ID0gY29sbGVjdGlvbjtcbiAgICBjb25zdCBmaWxlcyA9IFtdO1xuICAgIC8vIENoZWNrIGlmIHRoaXMgaXMgYW4gZXh0ZW5kZWQgY29sbGVjdGlvblxuICAgIGNvbnN0IGlzRXh0ZW5kZWQgPSBjb2xsZWN0aW9uLnBhcmVudFZhcmlhYmxlQ29sbGVjdGlvbklkICE9PSB1bmRlZmluZWQ7XG4gICAgY29uc3QgdmFyaWFibGVPdmVycmlkZXMgPSBjb2xsZWN0aW9uLnZhcmlhYmxlT3ZlcnJpZGVzIHx8IHt9O1xuICAgIG1vZGVzLmZvckVhY2goKG1vZGUpID0+IHtcbiAgICAgICAgbGV0IGZpbGUgPSB7IGZpbGVOYW1lOiBgJHtuYW1lfS4ke21vZGUubmFtZX0udG9rZW5zLmpzb25gLCBib2R5OiB7fSB9O1xuICAgICAgICAvLyBGb3IgZXh0ZW5kZWQgY29sbGVjdGlvbnMsIG9ubHkgcHJvY2VzcyBvdmVycmlkZGVuIHZhcmlhYmxlc1xuICAgICAgICBjb25zdCB2YXJzVG9Qcm9jZXNzID0gaXNFeHRlbmRlZCA/IE9iamVjdC5rZXlzKHZhcmlhYmxlT3ZlcnJpZGVzKSA6IHZhcmlhYmxlSWRzO1xuICAgICAgICB2YXJzVG9Qcm9jZXNzLmZvckVhY2goKHZhcmlhYmxlSWQpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHZhcmlhYmxlID0gZmlnbWEudmFyaWFibGVzLmdldFZhcmlhYmxlQnlJZCh2YXJpYWJsZUlkKTtcbiAgICAgICAgICAgIGlmICghdmFyaWFibGUpIHtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBjb25zdCB7IG5hbWU6IHZhck5hbWUsIHJlc29sdmVkVHlwZSwgdmFsdWVzQnlNb2RlLCBkZXNjcmlwdGlvbiB9ID0gdmFyaWFibGU7XG4gICAgICAgICAgICBjb25zdCB2YXJFeGNsdWRlUGF0dGVybiA9IC9maWdtYS1vbmx5L2k7XG4gICAgICAgICAgICBpZiAodmFyRXhjbHVkZVBhdHRlcm4udGVzdCh2YXJOYW1lKSkge1xuICAgICAgICAgICAgICAgIHJldHVybjsgLy8gU2tpcCB0aGlzIHZhcmlhYmxlXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyBGb3IgZXh0ZW5kZWQgY29sbGVjdGlvbnMsIGdldCB0aGUgb3ZlcnJpZGRlbiB2YWx1ZVxuICAgICAgICAgICAgbGV0IHZhbHVlO1xuICAgICAgICAgICAgaWYgKGlzRXh0ZW5kZWQpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBvdmVycmlkZXMgPSB2YXJpYWJsZU92ZXJyaWRlc1t2YXJpYWJsZUlkXTtcbiAgICAgICAgICAgICAgICB2YWx1ZSA9IG92ZXJyaWRlcyA/IG92ZXJyaWRlc1ttb2RlLm1vZGVJZF0gOiB1bmRlZmluZWQ7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICB2YWx1ZSA9IHZhbHVlc0J5TW9kZVttb2RlLm1vZGVJZF07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAodmFsdWUgIT09IHVuZGVmaW5lZCAmJiBbJ0NPTE9SJywgJ0ZMT0FUJywgJ1NUUklORyddLmluY2x1ZGVzKHJlc29sdmVkVHlwZSkpIHtcbiAgICAgICAgICAgICAgICBsZXQgb2JqID0gZmlsZS5ib2R5O1xuICAgICAgICAgICAgICAgIHZhck5hbWUuc3BsaXQoJy8nKS5mb3JFYWNoKChncm91cE5hbWUpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgb2JqW2dyb3VwTmFtZV0gPSBvYmpbZ3JvdXBOYW1lXSB8fCB7fTtcbiAgICAgICAgICAgICAgICAgICAgb2JqID0gb2JqW2dyb3VwTmFtZV07XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgaWYgKGRlc2NyaXB0aW9uKSB7XG4gICAgICAgICAgICAgICAgICAgIG9iai5kZXNjcmlwdGlvbiA9IGRlc2NyaXB0aW9uO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBpZiAodmFsdWUudHlwZSA9PT0gJ1ZBUklBQkxFX0FMSUFTJykge1xuICAgICAgICAgICAgICAgICAgICBvYmouJHR5cGUgPSByZXNvbHZlZFR5cGUgPT09ICdDT0xPUicgPyAnY29sb3InIDogJ251bWJlcic7XG4gICAgICAgICAgICAgICAgICAgIG9iai4kdmFsdWUgPSBgeyR7ZmlnbWEudmFyaWFibGVzLmdldFZhcmlhYmxlQnlJZCh2YWx1ZS5pZCkubmFtZS5yZXBsYWNlKC9cXC8vZywgJy4nKX19YDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgZWxzZSBpZiAocmVzb2x2ZWRUeXBlID09PSAnQ09MT1InKSB7XG4gICAgICAgICAgICAgICAgICAgIG9iai4kdHlwZSA9ICdjb2xvcic7XG4gICAgICAgICAgICAgICAgICAgIG9iai4kdmFsdWUgPSByZ2JUb0hleCh2YWx1ZSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGVsc2UgaWYgKHJlc29sdmVkVHlwZSA9PT0gJ0ZMT0FUJykge1xuICAgICAgICAgICAgICAgICAgICBvYmouJHR5cGUgPSAnbnVtYmVyJztcbiAgICAgICAgICAgICAgICAgICAgb2JqLiR2YWx1ZSA9IHZhbHVlO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBlbHNlIGlmIChyZXNvbHZlZFR5cGUgPT09ICdTVFJJTkcnKSB7XG4gICAgICAgICAgICAgICAgICAgIG9iai4kdHlwZSA9ICdzdHJpbmcnO1xuICAgICAgICAgICAgICAgICAgICBvYmouJHZhbHVlID0gdmFsdWU7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgICAgZmlsZXMucHVzaChmaWxlKTtcbiAgICB9KTtcbiAgICByZXR1cm4gZmlsZXM7XG59XG5mdW5jdGlvbiByZ2JUb0hleCh2YWx1ZSkge1xuICAgIGNvbnN0IHsgciwgZywgYiwgYSB9ID0gdmFsdWU7XG4gICAgaWYgKGEgIT09IDEpIHtcbiAgICAgICAgcmV0dXJuIGByZ2IoJHtbciwgZywgYl0ubWFwKChuKSA9PiBNYXRoLnJvdW5kKG4gKiAyNTUpKS5qb2luKCcsICcpfSwgJHthLnRvRml4ZWQoNCl9KWA7XG4gICAgfVxuICAgIGNvbnN0IHRvSGV4ID0gKHZhbHVlKSA9PiB7XG4gICAgICAgIGNvbnN0IGhleCA9IE1hdGgucm91bmQodmFsdWUgKiAyNTUpLnRvU3RyaW5nKDE2KTtcbiAgICAgICAgcmV0dXJuIGhleC5sZW5ndGggPT09IDEgPyAnMCcgKyBoZXggOiBoZXg7XG4gICAgfTtcbiAgICBjb25zdCBoZXggPSBbdG9IZXgociksIHRvSGV4KGcpLCB0b0hleChiKV0uam9pbignJyk7XG4gICAgcmV0dXJuIGAjJHtoZXh9YDtcbn1cbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ== \ No newline at end of file diff --git a/packages/module/plugins/export-patternfly-tokens/src/code.ts b/packages/module/plugins/export-patternfly-tokens/src/code.ts index f3ddfd5..62fb313 100644 --- a/packages/module/plugins/export-patternfly-tokens/src/code.ts +++ b/packages/module/plugins/export-patternfly-tokens/src/code.ts @@ -113,7 +113,7 @@ function processCollection(collection) { function rgbToHex(value) { const { r, g, b, a } = value; if (a !== 1) { - return `rgba(${[r, g, b].map((n) => Math.round(n * 255)).join(', ')}, ${a.toFixed(4)})`; + return `rgb(${[r, g, b].map((n) => Math.round(n * 255)).join(', ')}, ${a.toFixed(4)})`; } const toHex = (value) => { const hex = Math.round(value * 255).toString(16); diff --git a/packages/module/tokens/default/dark/base.dark.json b/packages/module/tokens/default/dark/base.dark.json index e87c528..d28d401 100644 --- a/packages/module/tokens/default/dark/base.dark.json +++ b/packages/module/tokens/default/dark/base.dark.json @@ -26,15 +26,15 @@ }, "500": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "600": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "700": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "highlight": { "100": { @@ -452,11 +452,11 @@ "color": { "100": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "200": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" } } }, diff --git a/packages/module/tokens/default/dark/charts.dark.json b/packages/module/tokens/default/dark/charts.dark.json index a6ea9f5..f31b452 100644 --- a/packages/module/tokens/default/dark/charts.dark.json +++ b/packages/module/tokens/default/dark/charts.dark.json @@ -333,10 +333,6 @@ "type": "string", "value": "middle" }, - "fill": { - "type": "color", - "value": "{color.white}" - }, "stroke": { "color": { "type": "string", @@ -346,6 +342,10 @@ "type": "number", "value": 0 } + }, + "fill": { + "type": "color", + "value": "{color.white}" } } }, diff --git a/packages/module/tokens/default/dark/charts.highcontrast.dark.json b/packages/module/tokens/default/dark/charts.highcontrast.dark.json index f6a0be2..9b6d315 100644 --- a/packages/module/tokens/default/dark/charts.highcontrast.dark.json +++ b/packages/module/tokens/default/dark/charts.highcontrast.dark.json @@ -333,10 +333,6 @@ "type": "string", "value": "middle" }, - "fill": { - "type": "color", - "value": "{color.white}" - }, "stroke": { "color": { "type": "string", @@ -346,6 +342,10 @@ "type": "number", "value": 0 } + }, + "fill": { + "type": "color", + "value": "{color.white}" } } }, diff --git a/packages/module/tokens/default/dark/semantic.dark.json b/packages/module/tokens/default/dark/semantic.dark.json index f3a7dcf..463b522 100644 --- a/packages/module/tokens/default/dark/semantic.dark.json +++ b/packages/module/tokens/default/dark/semantic.dark.json @@ -87,7 +87,7 @@ "default": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(0, 0, 0, 0.0000)" + "value": "rgb(0, 0, 0, 0.0000)" }, "hover": { "description": "Use as the hover state for components that use the plain action default background.", @@ -171,7 +171,7 @@ "row": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.3000)" + "value": "rgb(21, 21, 21, 0.3000)" } } }, @@ -1100,7 +1100,7 @@ "high-contrast": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "default": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", diff --git a/packages/module/tokens/default/glass-dark/base.dark.json b/packages/module/tokens/default/glass-dark/base.dark.json index e87c528..d28d401 100644 --- a/packages/module/tokens/default/glass-dark/base.dark.json +++ b/packages/module/tokens/default/glass-dark/base.dark.json @@ -26,15 +26,15 @@ }, "500": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "600": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "700": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "highlight": { "100": { @@ -452,11 +452,11 @@ "color": { "100": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "200": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" } } }, diff --git a/packages/module/tokens/default/glass-dark/semantic.glass.dark.json b/packages/module/tokens/default/glass-dark/semantic.glass.dark.json index 0b99ae9..e33799c 100644 --- a/packages/module/tokens/default/glass-dark/semantic.glass.dark.json +++ b/packages/module/tokens/default/glass-dark/semantic.glass.dark.json @@ -7,34 +7,34 @@ "default": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(41, 41, 41, 0.5000)" + "value": "rgb(41, 41, 41, 0.5000)" }, "hover": { "description": "Use as the hover state for primary backgrounds", "type": "color", - "value": "rgba(56, 56, 56, 0.5000)" + "value": "rgb(56, 56, 56, 0.5000)" }, "clicked": { "description": "Use as the clicked state for primary backgrounds", "type": "color", - "value": "rgba(56, 56, 56, 0.5000)" + "value": "rgb(56, 56, 56, 0.5000)" } }, "secondary": { "default": { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(21, 21, 21, 0.6000)" + "value": "rgb(21, 21, 21, 0.6000)" }, "hover": { "description": "Use as the hover state for secondary backgrounds", "type": "color", - "value": "rgba(41, 41, 41, 0.6000)" + "value": "rgb(41, 41, 41, 0.6000)" }, "clicked": { "description": "Use as the clicked state for secondary backgrounds", "type": "color", - "value": "rgba(41, 41, 41, 0.6000)" + "value": "rgb(41, 41, 41, 0.6000)" } }, "tertiary": { @@ -48,7 +48,7 @@ "primary": { "default": { "type": "color", - "value": "rgba(41, 41, 41, 0.5000)" + "value": "rgb(41, 41, 41, 0.5000)" } } }, @@ -87,7 +87,7 @@ "default": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(0, 0, 0, 0.0000)" + "value": "rgb(0, 0, 0, 0.0000)" }, "hover": { "description": "Use as the hover state for components that use the plain action default background.", @@ -171,7 +171,7 @@ "row": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.3000)" + "value": "rgb(21, 21, 21, 0.3000)" } } }, @@ -1100,7 +1100,7 @@ "high-contrast": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "default": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", diff --git a/packages/module/tokens/default/glass/base.json b/packages/module/tokens/default/glass/base.json index e1a5919..e8aabfe 100644 --- a/packages/module/tokens/default/glass/base.json +++ b/packages/module/tokens/default/glass/base.json @@ -25,15 +25,15 @@ }, "500": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)" + "value": "rgb(21, 21, 21, 0.4000)" }, "600": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "700": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "highlight": { "100": { @@ -587,11 +587,11 @@ "color": { "100": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "200": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" } } }, diff --git a/packages/module/tokens/default/glass/semantic.glass.json b/packages/module/tokens/default/glass/semantic.glass.json index 2c8feb4..1220686 100644 --- a/packages/module/tokens/default/glass/semantic.glass.json +++ b/packages/module/tokens/default/glass/semantic.glass.json @@ -7,34 +7,34 @@ "default": { "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.", "type": "color", - "value": "rgba(255, 255, 255, 0.6000)" + "value": "rgb(255, 255, 255, 0.6000)" }, "hover": { "description": "Use as the hover state for primary backgrounds", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)" + "value": "rgb(199, 199, 199, 0.3000)" }, "clicked": { "description": "Use as the clicked state for primary backgrounds", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)" + "value": "rgb(199, 199, 199, 0.3000)" } }, "secondary": { "default": { "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).", "type": "color", - "value": "rgba(199, 199, 199, 0.3000)" + "value": "rgb(199, 199, 199, 0.3000)" }, "hover": { "description": "Use as the hover state for secondary backgrounds", "type": "color", - "value": "rgba(163, 163, 163, 0.3000)" + "value": "rgb(163, 163, 163, 0.3000)" }, "clicked": { "description": "Use as the clicked state for secondary backgrounds", "type": "color", - "value": "rgba(163, 163, 163, 0.3000)" + "value": "rgb(163, 163, 163, 0.3000)" } }, "tertiary": { @@ -48,7 +48,7 @@ "primary": { "default": { "type": "color", - "value": "rgba(255, 255, 255, 0.5000)" + "value": "rgb(255, 255, 255, 0.5000)" } } }, @@ -87,7 +87,7 @@ "default": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "hover": { "description": "Use as the hover state for components that use the plain action default background.", @@ -1100,7 +1100,7 @@ "high-contrast": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "default": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", diff --git a/packages/module/tokens/default/highcontrast-dark/base.dark.json b/packages/module/tokens/default/highcontrast-dark/base.dark.json index e87c528..d28d401 100644 --- a/packages/module/tokens/default/highcontrast-dark/base.dark.json +++ b/packages/module/tokens/default/highcontrast-dark/base.dark.json @@ -26,15 +26,15 @@ }, "500": { "type": "color", - "value": "rgba(21, 21, 21, 0.8000)" + "value": "rgb(21, 21, 21, 0.8000)" }, "600": { "type": "color", - "value": "rgba(199, 199, 199, 0.1500)" + "value": "rgb(199, 199, 199, 0.1500)" }, "700": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "highlight": { "100": { @@ -452,11 +452,11 @@ "color": { "100": { "type": "color", - "value": "rgba(0, 0, 0, 0.5000)" + "value": "rgb(0, 0, 0, 0.5000)" }, "200": { "type": "color", - "value": "rgba(0, 0, 0, 0.6000)" + "value": "rgb(0, 0, 0, 0.6000)" } } }, diff --git a/packages/module/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json b/packages/module/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json index 625d56d..6285fd9 100644 --- a/packages/module/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json +++ b/packages/module/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json @@ -87,7 +87,7 @@ "default": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(0, 0, 0, 0.0000)" + "value": "rgb(0, 0, 0, 0.0000)" }, "hover": { "description": "Use as the hover state for components that use the plain action default background.", @@ -171,7 +171,7 @@ "row": { "default": { "type": "color", - "value": "rgba(21, 21, 21, 0.3000)" + "value": "rgb(21, 21, 21, 0.3000)" } } }, diff --git a/packages/module/tokens/default/highcontrast/base.json b/packages/module/tokens/default/highcontrast/base.json index e1a5919..e8aabfe 100644 --- a/packages/module/tokens/default/highcontrast/base.json +++ b/packages/module/tokens/default/highcontrast/base.json @@ -25,15 +25,15 @@ }, "500": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)" + "value": "rgb(21, 21, 21, 0.4000)" }, "600": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "700": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "highlight": { "100": { @@ -587,11 +587,11 @@ "color": { "100": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "200": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" } } }, diff --git a/packages/module/tokens/default/highcontrast/semantic.highcontrast.json b/packages/module/tokens/default/highcontrast/semantic.highcontrast.json index ea4906f..0707cd1 100644 --- a/packages/module/tokens/default/highcontrast/semantic.highcontrast.json +++ b/packages/module/tokens/default/highcontrast/semantic.highcontrast.json @@ -87,7 +87,7 @@ "default": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "hover": { "description": "Use as the hover state for components that use the plain action default background.", diff --git a/packages/module/tokens/default/light/base.json b/packages/module/tokens/default/light/base.json index e1a5919..e8aabfe 100644 --- a/packages/module/tokens/default/light/base.json +++ b/packages/module/tokens/default/light/base.json @@ -25,15 +25,15 @@ }, "500": { "type": "color", - "value": "rgba(21, 21, 21, 0.4000)" + "value": "rgb(21, 21, 21, 0.4000)" }, "600": { "type": "color", - "value": "rgba(199, 199, 199, 0.2500)" + "value": "rgb(199, 199, 199, 0.2500)" }, "700": { "type": "color", - "value": "rgba(199, 199, 199, 0.1000)" + "value": "rgb(199, 199, 199, 0.1000)" }, "highlight": { "100": { @@ -587,11 +587,11 @@ "color": { "100": { "type": "color", - "value": "rgba(41, 41, 41, 0.1500)" + "value": "rgb(41, 41, 41, 0.1500)" }, "200": { "type": "color", - "value": "rgba(41, 41, 41, 0.2000)" + "value": "rgb(41, 41, 41, 0.2000)" } } }, diff --git a/packages/module/tokens/default/light/charts.highcontrast.json b/packages/module/tokens/default/light/charts.highcontrast.json index 3818f62..2e57272 100644 --- a/packages/module/tokens/default/light/charts.highcontrast.json +++ b/packages/module/tokens/default/light/charts.highcontrast.json @@ -333,10 +333,6 @@ "type": "string", "value": "middle" }, - "fill": { - "type": "color", - "value": "{color.gray.90}" - }, "stroke": { "color": { "type": "string", @@ -346,6 +342,10 @@ "type": "number", "value": 0 } + }, + "fill": { + "type": "color", + "value": "{color.gray.90}" } } }, diff --git a/packages/module/tokens/default/light/charts.json b/packages/module/tokens/default/light/charts.json index 11f7ed7..8656bd9 100644 --- a/packages/module/tokens/default/light/charts.json +++ b/packages/module/tokens/default/light/charts.json @@ -333,10 +333,6 @@ "type": "string", "value": "middle" }, - "fill": { - "type": "color", - "value": "{color.gray.90}" - }, "stroke": { "color": { "type": "string", @@ -346,6 +342,10 @@ "type": "number", "value": 0 } + }, + "fill": { + "type": "color", + "value": "{color.gray.90}" } } }, diff --git a/packages/module/tokens/default/light/semantic.json b/packages/module/tokens/default/light/semantic.json index b15cbef..f97da95 100644 --- a/packages/module/tokens/default/light/semantic.json +++ b/packages/module/tokens/default/light/semantic.json @@ -87,7 +87,7 @@ "default": { "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "hover": { "description": "Use as the hover state for components that use the plain action default background.", @@ -1100,7 +1100,7 @@ "high-contrast": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", "type": "color", - "value": "rgba(255, 255, 255, 0.0000)" + "value": "rgb(255, 255, 255, 0.0000)" }, "default": { "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.", diff --git a/packages/module/tokens/felt/dark/felt.color.dark.json b/packages/module/tokens/felt/dark/felt.color.dark.json index ddc639c..4cdf976 100644 --- a/packages/module/tokens/felt/dark/felt.color.dark.json +++ b/packages/module/tokens/felt/dark/felt.color.dark.json @@ -4,16 +4,16 @@ "color": { "brand": { "accent": { - "default": { - "description": "Use this color for elements that you want to reinforce your brand", - "type": "color", - "value": "{global.dark.color.brand.accent.100}" - }, "hover": { "description": "Use as the hover state for elements that have a branded background color", "type": "color", "value": "{global.dark.color.brand.accent.200}" }, + "default": { + "description": "Use this color for elements that you want to reinforce your brand", + "type": "color", + "value": "{global.dark.color.brand.accent.100}" + }, "clicked": { "description": "Use as the clicked state for elements that have a brand background color", "type": "color", @@ -26,11 +26,6 @@ "color": { "on-brand": { "accent": { - "hover": { - "description": "Use as the hover state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.", - "type": "color", - "value": "{global.icon.color.regular}" - }, "default": { "description": "Use as the default color for icons that are placed on a brand background color and/or are paired with on-brand colored text.", "type": "color", @@ -40,6 +35,11 @@ "description": "Use as the clicked state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.", "type": "color", "value": "{global.icon.color.regular}" + }, + "hover": { + "description": "Use as the hover state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.", + "type": "color", + "value": "{global.icon.color.regular}" } } }, @@ -59,47 +59,47 @@ } } }, - "text": { + "border": { "color": { - "on-brand": { + "brand": { "accent": { - "hover": { - "description": "Use as the hover state color for text placed on a brand-colored background.", + "default": { + "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.", "type": "color", - "value": "{global.text.color.regular}" + "value": "{global.dark.color.brand.accent.400}" }, - "default": { - "description": "Use as the default color for text placed on a brand-colored background.", + "hover": { + "description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.", "type": "color", - "value": "{global.text.color.regular}" + "value": "{global.dark.color.brand.accent.400}" }, "clicked": { - "description": "Use as the clicked state color for text placed on a brand-colored background.", + "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.", "type": "color", - "value": "{global.text.color.regular}" + "value": "{global.dark.color.brand.accent.400}" } } } } }, - "border": { + "text": { "color": { - "brand": { + "on-brand": { "accent": { - "clicked": { - "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.", + "default": { + "description": "Use as the default color for text placed on a brand-colored background.", "type": "color", - "value": "{global.dark.color.brand.accent.400}" + "value": "{global.text.color.regular}" }, "hover": { - "description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.", + "description": "Use as the hover state color for text placed on a brand-colored background.", "type": "color", - "value": "{global.dark.color.brand.accent.400}" + "value": "{global.text.color.regular}" }, - "default": { - "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.", + "clicked": { + "description": "Use as the clicked state color for text placed on a brand-colored background.", "type": "color", - "value": "{global.dark.color.brand.accent.400}" + "value": "{global.text.color.regular}" } } } diff --git a/packages/module/tokens/felt/glass-dark/felt.color.glass.dark.json b/packages/module/tokens/felt/glass-dark/felt.color.glass.dark.json index ddc639c..4cdf976 100644 --- a/packages/module/tokens/felt/glass-dark/felt.color.glass.dark.json +++ b/packages/module/tokens/felt/glass-dark/felt.color.glass.dark.json @@ -4,16 +4,16 @@ "color": { "brand": { "accent": { - "default": { - "description": "Use this color for elements that you want to reinforce your brand", - "type": "color", - "value": "{global.dark.color.brand.accent.100}" - }, "hover": { "description": "Use as the hover state for elements that have a branded background color", "type": "color", "value": "{global.dark.color.brand.accent.200}" }, + "default": { + "description": "Use this color for elements that you want to reinforce your brand", + "type": "color", + "value": "{global.dark.color.brand.accent.100}" + }, "clicked": { "description": "Use as the clicked state for elements that have a brand background color", "type": "color", @@ -26,11 +26,6 @@ "color": { "on-brand": { "accent": { - "hover": { - "description": "Use as the hover state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.", - "type": "color", - "value": "{global.icon.color.regular}" - }, "default": { "description": "Use as the default color for icons that are placed on a brand background color and/or are paired with on-brand colored text.", "type": "color", @@ -40,6 +35,11 @@ "description": "Use as the clicked state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.", "type": "color", "value": "{global.icon.color.regular}" + }, + "hover": { + "description": "Use as the hover state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.", + "type": "color", + "value": "{global.icon.color.regular}" } } }, @@ -59,47 +59,47 @@ } } }, - "text": { + "border": { "color": { - "on-brand": { + "brand": { "accent": { - "hover": { - "description": "Use as the hover state color for text placed on a brand-colored background.", + "default": { + "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.", "type": "color", - "value": "{global.text.color.regular}" + "value": "{global.dark.color.brand.accent.400}" }, - "default": { - "description": "Use as the default color for text placed on a brand-colored background.", + "hover": { + "description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.", "type": "color", - "value": "{global.text.color.regular}" + "value": "{global.dark.color.brand.accent.400}" }, "clicked": { - "description": "Use as the clicked state color for text placed on a brand-colored background.", + "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.", "type": "color", - "value": "{global.text.color.regular}" + "value": "{global.dark.color.brand.accent.400}" } } } } }, - "border": { + "text": { "color": { - "brand": { + "on-brand": { "accent": { - "clicked": { - "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.", + "default": { + "description": "Use as the default color for text placed on a brand-colored background.", "type": "color", - "value": "{global.dark.color.brand.accent.400}" + "value": "{global.text.color.regular}" }, "hover": { - "description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.", + "description": "Use as the hover state color for text placed on a brand-colored background.", "type": "color", - "value": "{global.dark.color.brand.accent.400}" + "value": "{global.text.color.regular}" }, - "default": { - "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.", + "clicked": { + "description": "Use as the clicked state color for text placed on a brand-colored background.", "type": "color", - "value": "{global.dark.color.brand.accent.400}" + "value": "{global.text.color.regular}" } } } diff --git a/packages/module/tokens/felt/glass/felt.color.glass.json b/packages/module/tokens/felt/glass/felt.color.glass.json index 6842ef2..259fcb8 100644 --- a/packages/module/tokens/felt/glass/felt.color.glass.json +++ b/packages/module/tokens/felt/glass/felt.color.glass.json @@ -4,16 +4,16 @@ "color": { "brand": { "accent": { - "default": { - "description": "Use this color for elements that you want to reinforce your brand", - "type": "color", - "value": "{global.color.brand.accent.100}" - }, "hover": { "description": "Use as the hover state for elements that have a branded background color", "type": "color", "value": "{global.color.brand.accent.200}" }, + "default": { + "description": "Use this color for elements that you want to reinforce your brand", + "type": "color", + "value": "{global.color.brand.accent.100}" + }, "clicked": { "description": "Use as the clicked state for elements that have a brand background color", "type": "color", @@ -26,8 +26,8 @@ "color": { "brand": { "accent": { - "clicked": { - "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.", + "default": { + "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.", "type": "color", "value": "{global.color.brand.accent.400}" }, @@ -36,8 +36,8 @@ "type": "color", "value": "{global.color.brand.accent.400}" }, - "default": { - "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.", + "clicked": { + "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.", "type": "color", "value": "{global.color.brand.accent.400}" } diff --git a/packages/module/tokens/felt/highcontrast-dark/felt.color.highcontrast.dark.json b/packages/module/tokens/felt/highcontrast-dark/felt.color.highcontrast.dark.json index d008b76..aebdbd3 100644 --- a/packages/module/tokens/felt/highcontrast-dark/felt.color.highcontrast.dark.json +++ b/packages/module/tokens/felt/highcontrast-dark/felt.color.highcontrast.dark.json @@ -4,16 +4,16 @@ "color": { "brand": { "accent": { - "default": { - "description": "Use this color for elements that you want to reinforce your brand", - "type": "color", - "value": "{global.dark.color.brand.accent.400}" - }, "hover": { "description": "Use as the hover state for elements that have a branded background color", "type": "color", "value": "{global.dark.color.brand.accent.350}" }, + "default": { + "description": "Use this color for elements that you want to reinforce your brand", + "type": "color", + "value": "{global.dark.color.brand.accent.400}" + }, "clicked": { "description": "Use as the clicked state for elements that have a brand background color", "type": "color", @@ -26,8 +26,8 @@ "color": { "brand": { "accent": { - "clicked": { - "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.", + "default": { + "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.", "type": "color", "value": "{global.dark.color.brand.accent.400}" }, @@ -36,8 +36,8 @@ "type": "color", "value": "{global.dark.color.brand.accent.400}" }, - "default": { - "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.", + "clicked": { + "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.", "type": "color", "value": "{global.dark.color.brand.accent.400}" } diff --git a/packages/module/tokens/felt/highcontrast/felt.color.highcontrast.json b/packages/module/tokens/felt/highcontrast/felt.color.highcontrast.json index 72d393f..c198dec 100644 --- a/packages/module/tokens/felt/highcontrast/felt.color.highcontrast.json +++ b/packages/module/tokens/felt/highcontrast/felt.color.highcontrast.json @@ -4,16 +4,16 @@ "color": { "brand": { "accent": { - "default": { - "description": "Use this color for elements that you want to reinforce your brand", - "type": "color", - "value": "{global.color.brand.accent.400}" - }, "hover": { "description": "Use as the hover state for elements that have a branded background color", "type": "color", "value": "{global.color.brand.accent.300}" }, + "default": { + "description": "Use this color for elements that you want to reinforce your brand", + "type": "color", + "value": "{global.color.brand.accent.400}" + }, "clicked": { "description": "Use as the clicked state for elements that have a brand background color", "type": "color", @@ -26,8 +26,8 @@ "color": { "brand": { "accent": { - "clicked": { - "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.", + "default": { + "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.", "type": "color", "value": "{global.color.brand.accent.400}" }, @@ -36,8 +36,8 @@ "type": "color", "value": "{global.color.brand.accent.400}" }, - "default": { - "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.", + "clicked": { + "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.", "type": "color", "value": "{global.color.brand.accent.400}" } diff --git a/packages/module/tokens/felt/light/felt.color.json b/packages/module/tokens/felt/light/felt.color.json index 6842ef2..259fcb8 100644 --- a/packages/module/tokens/felt/light/felt.color.json +++ b/packages/module/tokens/felt/light/felt.color.json @@ -4,16 +4,16 @@ "color": { "brand": { "accent": { - "default": { - "description": "Use this color for elements that you want to reinforce your brand", - "type": "color", - "value": "{global.color.brand.accent.100}" - }, "hover": { "description": "Use as the hover state for elements that have a branded background color", "type": "color", "value": "{global.color.brand.accent.200}" }, + "default": { + "description": "Use this color for elements that you want to reinforce your brand", + "type": "color", + "value": "{global.color.brand.accent.100}" + }, "clicked": { "description": "Use as the clicked state for elements that have a brand background color", "type": "color", @@ -26,8 +26,8 @@ "color": { "brand": { "accent": { - "clicked": { - "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.", + "default": { + "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.", "type": "color", "value": "{global.color.brand.accent.400}" }, @@ -36,8 +36,8 @@ "type": "color", "value": "{global.color.brand.accent.400}" }, - "default": { - "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.", + "clicked": { + "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.", "type": "color", "value": "{global.color.brand.accent.400}" }