npm - @patternfly/design-tokens - Versions diffs - 1.9.0 → 1.10.0 - Mend

@patternfly/design-tokens 1.9.0 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/package.json +13 -5
package/patternfly-docs/scssAsJson.json +1 -1
package/plugins/export-patternfly-tokens/manifest.json +3 -5
package/plugins/export-patternfly-tokens/src/code.ts +106 -0
package/plugins/export-patternfly-tokens/src/ui.css +97 -0
package/plugins/export-patternfly-tokens/src/ui.html +1 -0
package/plugins/export-patternfly-tokens/src/ui.tsx +150 -0
package/plugins/export-patternfly-tokens/tsconfig.json +18 -0
package/webpack.config.js +55 -0
package/plugins/export-patternfly-tokens/code.js +0 -101
package/plugins/export-patternfly-tokens/export.html +0 -191

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/design-tokens",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "Define the design tokens for patternfly design system and component library",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -9,6 +9,7 @@
     "build:fed:packages": "node generate-fed-package-json.js",
     "build:scss": "node ./cli.js",
     "build:js-from-scss": "node ./build-js-for-docs.js",
+    "build:plugin": "webpack",
     "clean": "rimraf dist",
     "docs:develop": "pf-docs-framework start",
     "docs:build": "yarn build:js-from-scss && pf-docs-framework build all --output public",
@@ -39,15 +40,22 @@
     "react-dom": "^18.0.0"
   },
   "devDependencies": {
+    "@figma/plugin-typings": "^1.95.0",
     "@patternfly/documentation-framework": "6.0.0-alpha.12",
     "@patternfly/patternfly": "6.0.0-alpha.91",
+    "@patternfly/patternfly-a11y": "^4.3.1",
     "@patternfly/react-code-editor": "6.0.0-alpha.36",
     "@patternfly/react-table": "6.0.0-alpha.36",
-    "rimraf": "^2.6.2",
-    "@patternfly/patternfly-a11y": "^4.3.1",
+    "css-loader": "^7.1.2",
+    "html-inline-script-webpack-plugin": "^3.2.1",
+    "html-webpack-plugin": "^5.6.0",
+    "jszip": "^3.10.1",
     "react-monaco-editor": "^0.51.0",
+    "rimraf": "^2.6.2",
     "style-dictionary": "^3.8.0",
-    "glob": "^7.1.2",
-    "fs-extra": "^11.2.0"
+    "style-loader": "^4.0.0",
+    "ts-loader": "^9.5.1",
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4"
   }
 }

package/patternfly-docs/scssAsJson.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"--pf-t--color--red--70":"#5f0000","--pf-t--color--red--60":"#a60000","--pf-t--color--red--50":"#ee0000","--pf-t--color--red--40":"#f56e6e","--pf-t--color--red--30":"#f9a8a8","--pf-t--color--red--20":"#fbc5c5","--pf-t--color--red--10":"#fce3e3","--pf-t--color--purple--70":"#21134d","--pf-t--color--purple--60":"#3d2785","--pf-t--color--purple--50":"#5e40be","--pf-t--color--purple--40":"#876fd4","--pf-t--color--purple--30":"#b6a6e9","--pf-t--color--purple--20":"#d0c5f4","--pf-t--color--purple--10":"#ece6ff","--pf-t--color--red-orange--70":"#731f00","--pf-t--color--red-orange--60":"#b1380b","--pf-t--color--red-orange--50":"#f0561d","--pf-t--color--red-orange--40":"#f4784a","--pf-t--color--red-orange--30":"#f89b78","--pf-t--color--red-orange--20":"#fbbea8","--pf-t--color--red-orange--10":"#ffe3d9","--pf-t--color--orange--70":"#732e00","--pf-t--color--orange--60":"#9e4a06","--pf-t--color--orange--50":"#ca6c0f","--pf-t--color--orange--40":"#f5921b","--pf-t--color--orange--30":"#f8ae54","--pf-t--color--orange--20":"#fccb8f","--pf-t--color--orange--10":"#ffe8cc","--pf-t--color--green--70":"#204d00","--pf-t--color--green--60":"#3d7317","--pf-t--color--green--50":"#63993d","--pf-t--color--green--40":"#87bb62","--pf-t--color--green--30":"#afdc8f","--pf-t--color--green--20":"#d1f1bb","--pf-t--color--green--10":"#e9f7df","--pf-t--color--yellow--70":"#73480b","--pf-t--color--yellow--60":"#96640f","--pf-t--color--yellow--50":"#b98412","--pf-t--color--yellow--40":"#dca614","--pf-t--color--yellow--30":"#ffcc17","--pf-t--color--yellow--20":"#ffe072","--pf-t--color--yellow--10":"#fff4cc","--pf-t--color--teal--70":"#004d4d","--pf-t--color--teal--60":"#147878","--pf-t--color--teal--50":"#37a3a3","--pf-t--color--teal--40":"#63bdbd","--pf-t--color--teal--30":"#9ad8d8","--pf-t--color--teal--20":"#b9e5e5","--pf-t--color--teal--10":"#daf2f2","--pf-t--color--blue--70":"#003366","--pf-t--color--blue--60":"#004d99","--pf-t--color--blue--50":"#0066cc","--pf-t--color--blue--40":"#4394e5","--pf-t--color--blue--30":"#92c5f9","--pf-t--color--blue--20":"#b9dafc","--pf-t--color--blue--10":"#e0f0ff","--pf-t--color--black":"#000000","--pf-t--color--gray--95":"#151515","--pf-t--color--gray--90":"#1f1f1f","--pf-t--color--gray--80":"#292929","--pf-t--color--gray--70":"#383838","--pf-t--color--gray--60":"#4d4d4d","--pf-t--color--gray--50":"#707070","--pf-t--color--gray--40":"#a3a3a3","--pf-t--color--gray--30":"#c7c7c7","--pf-t--color--gray--20":"#e0e0e0","--pf-t--color--gray--10":"#f2f2f2","--pf-t--color--white":"#ffffff","--pf-t--global--delay--400":"7000ms","--pf-t--global--delay--300":"100ms","--pf-t--global--delay--200":"50ms","--pf-t--global--delay--100":"0ms","--pf-t--global--duration--300":"450ms","--pf-t--global--duration--200":"250ms","--pf-t--global--duration--100":"150ms","--pf-t--global--background--color--action--plain--default":"rgba(0, 0, 0, 0.0000)","--pf-t--global--background--color--600":"rgba(199, 199, 199, 0.2500)","--pf-t--global--background--color--500":"rgba(21, 21, 21, 0.2000)","--pf-t--global--box-shadow--color--200":"rgba(0, 0, 0, 0.1200)","--pf-t--global--box-shadow--color--100":"rgba(0, 0, 0, 0.1600)","--pf-t--global--box-shadow--spread--100":"0px","--pf-t--global--box-shadow--blur--300":"24px","--pf-t--global--box-shadow--blur--200":"8px","--pf-t--global--box-shadow--blur--100":"2px","--pf-t--global--box-shadow--Y--700":"8px","--pf-t--global--box-shadow--Y--600":"4px","--pf-t--global--box-shadow--Y--500":"1px","--pf-t--global--box-shadow--Y--400":"0px","--pf-t--global--box-shadow--Y--300":"-1px","--pf-t--global--box-shadow--Y--200":"-4px","--pf-t--global--box-shadow--Y--100":"-8px","--pf-t--global--box-shadow--X--700":"8px","--pf-t--global--box-shadow--X--600":"4px","--pf-t--global--box-shadow--X--500":"1px","--pf-t--global--box-shadow--X--400":"0px","--pf-t--global--box-shadow--X--300":"-1px","--pf-t--global--box-shadow--X--200":"-4px","--pf-t--global--box-shadow--X--100":"-8px","--pf-t--global--z-index--600":"600","--pf-t--global--z-index--500":"500","--pf-t--global--z-index--400":"400","--pf-t--global--z-index--300":"300","--pf-t--global--z-index--200":"200","--pf-t--global--z-index--100":"100","--pf-t--global--font--size--800":"36px","--pf-t--global--font--size--700":"28px","--pf-t--global--font--size--600":"22px","--pf-t--global--font--size--500":"20px","--pf-t--global--font--size--400":"18px","--pf-t--global--font--size--300":"16px","--pf-t--global--font--size--200":"14px","--pf-t--global--font--size--100":"12px","--pf-t--global--border--radius--500":"999px","--pf-t--global--border--radius--400":"24px","--pf-t--global--border--radius--300":"16px","--pf-t--global--border--radius--200":"6px","--pf-t--global--border--radius--100":"4px","--pf-t--global--border--radius--0":"0px","--pf-t--global--border--width--300":"3px","--pf-t--global--border--width--200":"2px","--pf-t--global--border--width--100":"1px","--pf-t--global--icon--size--500":"96px","--pf-t--global--icon--size--400":"56px","--pf-t--global--icon--size--300":"22px","--pf-t--global--icon--size--250":"16px","--pf-t--global--icon--size--200":"14px","--pf-t--global--icon--size--100":"12px","--pf-t--global--spacer--800":"80px","--pf-t--global--spacer--700":"64px","--pf-t--global--spacer--600":"48px","--pf-t--global--spacer--500":"32px","--pf-t--global--spacer--400":"24px","--pf-t--global--spacer--300":"16px","--pf-t--global--spacer--200":"8px","--pf-t--global--spacer--100":"4px","--pf-t--global--motion--delay--long":"--pf-t--global--delay--400","--pf-t--global--motion--delay--default":"--pf-t--global--delay--300","--pf-t--global--motion--delay--short":"--pf-t--global--delay--200","--pf-t--global--motion--delay--none":"--pf-t--global--delay--100","--pf-t--global--motion--duration--long":"--pf-t--global--duration--300","--pf-t--global--motion--duration--default":"--pf-t--global--duration--200","--pf-t--global--motion--duration--short":"--pf-t--global--duration--100","--pf-t--global--text--color--link--300":"--pf-t--color--purple--50","--pf-t--global--text--color--link--200":"--pf-t--color--blue--60","--pf-t--global--text--color--link--100":"--pf-t--color--blue--50","--pf-t--global--text--color--400":"--pf-t--color--red-orange--40","--pf-t--global--text--color--300":"--pf-t--color--white","--pf-t--global--text--color--200":"--pf-t--color--gray--60","--pf-t--global--text--color--100":"--pf-t--color--gray--90","--pf-t--global--color--nonstatus--gray--300":"--pf-t--color--gray--40","--pf-t--global--color--nonstatus--gray--200":"--pf-t--color--gray--30","--pf-t--global--color--nonstatus--gray--100":"--pf-t--color--gray--20","--pf-t--global--color--nonstatus--purple--300":"--pf-t--color--purple--40","--pf-t--global--color--nonstatus--purple--200":"--pf-t--color--purple--30","--pf-t--global--color--nonstatus--purple--100":"--pf-t--color--purple--20","--pf-t--global--color--nonstatus--blue--300":"--pf-t--color--blue--40","--pf-t--global--color--nonstatus--blue--200":"--pf-t--color--blue--30","--pf-t--global--color--nonstatus--blue--100":"--pf-t--color--blue--20","--pf-t--global--color--nonstatus--cyan--300":"--pf-t--color--teal--40","--pf-t--global--color--nonstatus--cyan--200":"--pf-t--color--teal--30","--pf-t--global--color--nonstatus--cyan--100":"--pf-t--color--teal--20","--pf-t--global--color--nonstatus--green--300":"--pf-t--color--green--40","--pf-t--global--color--nonstatus--green--200":"--pf-t--color--green--30","--pf-t--global--color--nonstatus--green--100":"--pf-t--color--green--20","--pf-t--global--color--nonstatus--gold--300":"--pf-t--color--yellow--40","--pf-t--global--color--nonstatus--gold--200":"--pf-t--color--yellow--30","--pf-t--global--color--nonstatus--gold--100":"--pf-t--color--yellow--20","--pf-t--global--color--nonstatus--orange--300":"--pf-t--color--orange--40","--pf-t--global--color--nonstatus--orange--200":"--pf-t--color--orange--30","--pf-t--global--color--nonstatus--orange--100":"--pf-t--color--orange--20","--pf-t--global--color--nonstatus--orangered--300":"--pf-t--color--red-orange--40","--pf-t--global--color--nonstatus--orangered--200":"--pf-t--color--red-orange--30","--pf-t--global--color--nonstatus--orangered--100":"--pf-t--color--red-orange--20","--pf-t--global--color--nonstatus--red--300":"--pf-t--color--red--40","--pf-t--global--color--nonstatus--red--200":"--pf-t--color--red--30","--pf-t--global--color--nonstatus--red--100":"--pf-t--color--red--20","--pf-t--global--color--status--custom--200":"--pf-t--color--teal--70","--pf-t--global--color--status--custom--100":"--pf-t--color--teal--60","--pf-t--global--color--status--info--200":"--pf-t--color--purple--60","--pf-t--global--color--status--info--100":"--pf-t--color--purple--50","--pf-t--global--color--status--danger--300":"--pf-t--color--red-orange--70","--pf-t--global--color--status--danger--200":"--pf-t--color--red-orange--70","--pf-t--global--color--status--danger--100":"--pf-t--color--red-orange--60","--pf-t--global--color--status--warning--300":"--pf-t--color--yellow--50","--pf-t--global--color--status--warning--200":"--pf-t--color--yellow--40","--pf-t--global--color--status--warning--100":"--pf-t--color--yellow--30","--pf-t--global--color--status--success--200":"--pf-t--color--green--70","--pf-t--global--color--status--success--100":"--pf-t--color--green--60","--pf-t--global--color--favorite--200":"--pf-t--color--yellow--40","--pf-t--global--color--favorite--100":"--pf-t--color--yellow--30","--pf-t--global--color--disabled--300":"--pf-t--color--gray--60","--pf-t--global--color--disabled--200":"--pf-t--color--gray--40","--pf-t--global--color--disabled--100":"--pf-t--color--gray--30","--pf-t--global--color--brand--300":"--pf-t--color--blue--60","--pf-t--global--color--brand--200":"--pf-t--color--blue--50","--pf-t--global--color--brand--100":"--pf-t--color--blue--40","--pf-t--global--background--color--backdrop--default":"--pf-t--global--dark--background--color--500","--pf-t--global--background--color--action--plain--clicked":"--pf-t--global--dark--background--color--600","--pf-t--global--background--color--action--plain--hover":"--pf-t--global--dark--background--color--600","--pf-t--global--background--color--highlight--200":"--pf-t--color--yellow--40","--pf-t--global--background--color--highlight--100":"--pf-t--color--yellow--30","--pf-t--global--background--color--400":"--pf-t--color--gray--80","--pf-t--global--background--color--300":"--pf-t--color--gray--20","--pf-t--global--background--color--200":"--pf-t--color--gray--10","--pf-t--global--background--color--100":"--pf-t--color--white","--pf-t--global--box-shadow--color--lg":"--pf-t--global--dark--box-shadow--color--100","--pf-t--global--box-shadow--color--md":"--pf-t--global--dark--box-shadow--color--100","--pf-t--global--box-shadow--color--sm":"--pf-t--global--dark--box-shadow--color--100","--pf-t--global--box-shadow--spread--lg":"--pf-t--global--box-shadow--spread--100","--pf-t--global--box-shadow--spread--md":"--pf-t--global--box-shadow--spread--100","--pf-t--global--box-shadow--spread--sm":"--pf-t--global--box-shadow--spread--100","--pf-t--global--box-shadow--blur--lg":"--pf-t--global--box-shadow--blur--300","--pf-t--global--box-shadow--blur--md":"--pf-t--global--box-shadow--blur--200","--pf-t--global--box-shadow--blur--sm":"--pf-t--global--box-shadow--blur--100","--pf-t--global--box-shadow--Y--lg--right":"--pf-t--global--box-shadow--Y--400","--pf-t--global--box-shadow--Y--lg--left":"--pf-t--global--box-shadow--Y--400","--pf-t--global--box-shadow--Y--lg--bottom":"--pf-t--global--box-shadow--Y--700","--pf-t--global--box-shadow--Y--lg--top":"--pf-t--global--box-shadow--Y--100","--pf-t--global--box-shadow--Y--lg--default":"--pf-t--global--box-shadow--Y--700","--pf-t--global--box-shadow--Y--md--right":"--pf-t--global--box-shadow--Y--400","--pf-t--global--box-shadow--Y--md--left":"--pf-t--global--box-shadow--Y--400","--pf-t--global--box-shadow--Y--md--bottom":"--pf-t--global--box-shadow--Y--600","--pf-t--global--box-shadow--Y--md--top":"--pf-t--global--box-shadow--Y--200","--pf-t--global--box-shadow--Y--md--default":"--pf-t--global--box-shadow--Y--600","--pf-t--global--box-shadow--Y--sm--right":"--pf-t--global--box-shadow--Y--400","--pf-t--global--box-shadow--Y--sm--left":"--pf-t--global--box-shadow--Y--400","--pf-t--global--box-shadow--Y--sm--bottom":"--pf-t--global--box-shadow--Y--500","--pf-t--global--box-shadow--Y--sm--top":"--pf-t--global--box-shadow--Y--300","--pf-t--global--box-shadow--Y--sm--default":"--pf-t--global--box-shadow--Y--500","--pf-t--global--box-shadow--X--lg--right":"--pf-t--global--box-shadow--X--700","--pf-t--global--box-shadow--X--lg--left":"--pf-t--global--box-shadow--X--100","--pf-t--global--box-shadow--X--lg--bottom":"--pf-t--global--box-shadow--X--400","--pf-t--global--box-shadow--X--lg--top":"--pf-t--global--box-shadow--X--400","--pf-t--global--box-shadow--X--lg--default":"--pf-t--global--box-shadow--X--400","--pf-t--global--box-shadow--X--md--right":"--pf-t--global--box-shadow--X--600","--pf-t--global--box-shadow--X--md--left":"--pf-t--global--box-shadow--X--200","--pf-t--global--box-shadow--X--md--bottom":"--pf-t--global--box-shadow--X--400","--pf-t--global--box-shadow--X--md--top":"--pf-t--global--box-shadow--X--400","--pf-t--global--box-shadow--X--md--default":"--pf-t--global--box-shadow--X--400","--pf-t--global--box-shadow--X--sm--right":"--pf-t--global--box-shadow--X--500","--pf-t--global--box-shadow--X--sm--left":"--pf-t--global--box-shadow--X--300","--pf-t--global--box-shadow--X--sm--bottom":"--pf-t--global--box-shadow--X--400","--pf-t--global--box-shadow--X--sm--top":"--pf-t--global--box-shadow--X--400","--pf-t--global--box-shadow--X--sm--default":"--pf-t--global--box-shadow--X--400","--pf-t--global--z-index--2xl":"--pf-t--global--z-index--600","--pf-t--global--z-index--xl":"--pf-t--global--z-index--500","--pf-t--global--z-index--lg":"--pf-t--global--z-index--400","--pf-t--global--z-index--md":"--pf-t--global--z-index--300","--pf-t--global--z-index--sm":"--pf-t--global--z-index--200","--pf-t--global--z-index--xs":"--pf-t--global--z-index--100","--pf-t--global--font--size--4xl":"--pf-t--global--font--size--800","--pf-t--global--font--size--3xl":"--pf-t--global--font--size--700","--pf-t--global--font--size--2xl":"--pf-t--global--font--size--600","--pf-t--global--font--size--xl":"--pf-t--global--font--size--500","--pf-t--global--font--size--lg":"--pf-t--global--font--size--400","--pf-t--global--font--size--md":"--pf-t--global--font--size--300","--pf-t--global--font--size--sm":"--pf-t--global--font--size--200","--pf-t--global--font--size--xs":"--pf-t--global--font--size--100","--pf-t--global--border--color--300":"--pf-t--color--gray--50","--pf-t--global--border--color--200":"--pf-t--color--gray--40","--pf-t--global--border--color--100":"--pf-t--color--gray--30","--pf-t--global--border--radius--pill":"--pf-t--global--border--radius--500","--pf-t--global--border--radius--large":"--pf-t--global--border--radius--400","--pf-t--global--border--radius--medium":"--pf-t--global--border--radius--300","--pf-t--global--border--radius--small":"--pf-t--global--border--radius--200","--pf-t--global--border--radius--tiny":"--pf-t--global--border--radius--100","--pf-t--global--border--radius--sharp":"--pf-t--global--border--radius--0","--pf-t--global--border--width--control--clicked":"--pf-t--global--border--width--200","--pf-t--global--border--width--control--hover":"--pf-t--global--border--width--100","--pf-t--global--border--width--control--default":"--pf-t--global--border--width--100","--pf-t--global--border--width--button--clicked":"--pf-t--global--border--width--200","--pf-t--global--border--width--button--hover":"--pf-t--global--border--width--200","--pf-t--global--border--width--button--default":"--pf-t--global--border--width--100","--pf-t--global--border--width--box--status--read":"--pf-t--global--border--width--100","--pf-t--global--border--width--box--status--default":"--pf-t--global--border--width--200","--pf-t--global--border--width--box--clicked":"--pf-t--global--border--width--200","--pf-t--global--border--width--box--hover":"--pf-t--global--border--width--100","--pf-t--global--border--width--box--default":"--pf-t--global--border--width--100","--pf-t--global--border--width--extra-strong":"--pf-t--global--border--width--300","--pf-t--global--border--width--strong":"--pf-t--global--border--width--200","--pf-t--global--border--width--regular":"--pf-t--global--border--width--100","--pf-t--global--border--width--divider--clicked":"--pf-t--global--border--width--100","--pf-t--global--border--width--divider--hover":"--pf-t--global--border--width--100","--pf-t--global--border--width--divider--default":"--pf-t--global--border--width--100","--pf-t--global--icon--color--300":"--pf-t--color--white","--pf-t--global--icon--color--200":"--pf-t--color--gray--50","--pf-t--global--icon--color--100":"--pf-t--color--gray--90","--pf-t--global--icon--size--3xl":"--pf-t--global--icon--size--500","--pf-t--global--icon--size--2xl":"--pf-t--global--icon--size--400","--pf-t--global--icon--size--xl":"--pf-t--global--icon--size--300","--pf-t--global--icon--size--lg":"--pf-t--global--icon--size--250","--pf-t--global--icon--size--md":"--pf-t--global--icon--size--200","--pf-t--global--icon--size--sm":"--pf-t--global--icon--size--100","--pf-t--global--spacer--button--horizontal--plain":"--pf-t--global--spacer--200","--pf-t--global--spacer--button--horizontal--compact":"--pf-t--global--spacer--300","--pf-t--global--spacer--button--horizontal--default":"--pf-t--global--spacer--400","--pf-t--global--spacer--button--vertical--plain":"--pf-t--global--spacer--200","--pf-t--global--spacer--button--vertical--compact":"--pf-t--global--spacer--100","--pf-t--global--spacer--button--vertical--default":"--pf-t--global--spacer--200","--pf-t--global--spacer--control--horizontal--plain":"--pf-t--global--spacer--200","--pf-t--global--spacer--control--horizontal--compact":"--pf-t--global--spacer--200","--pf-t--global--spacer--control--horizontal--default":"--pf-t--global--spacer--300","--pf-t--global--spacer--control--vertical--plain":"--pf-t--global--spacer--200","--pf-t--global--spacer--control--vertical--compact":"--pf-t--global--spacer--100","--pf-t--global--spacer--control--vertical--default":"--pf-t--global--spacer--200","--pf-t--global--spacer--4xl":"--pf-t--global--spacer--800","--pf-t--global--spacer--3xl":"--pf-t--global--spacer--700","--pf-t--global--spacer--2xl":"--pf-t--global--spacer--600","--pf-t--global--spacer--xl":"--pf-t--global--spacer--500","--pf-t--global--spacer--lg":"--pf-t--global--spacer--400","--pf-t--global--spacer--md":"--pf-t--global--spacer--300","--pf-t--global--spacer--sm":"--pf-t--global--spacer--200","--pf-t--global--spacer--xs":"--pf-t--global--spacer--100","--pf-t--global--text--color--status--warning--clicked":"--pf-t--global--color--status--warning--clicked","--pf-t--global--text--color--status--warning--hover":"--pf-t--global--color--status--warning--hover","--pf-t--global--text--color--status--warning--default":"--pf-t--global--color--status--warning--default","--pf-t--global--text--color--required":"--pf-t--global--dark--text--color--400","--pf-t--global--text--color--on-disabled":"--pf-t--global--dark--color--disabled--300","--pf-t--global--text--color--disabled":"--pf-t--global--dark--color--disabled--200","--pf-t--global--text--color--inverse":"--pf-t--global--dark--text--color--300","--pf-t--global--text--color--subtle":"--pf-t--global--dark--text--color--200","--pf-t--global--text--color--regular":"--pf-t--global--dark--text--color--100","--pf-t--global--text--color--link--visited":"--pf-t--global--dark--text--color--link--300","--pf-t--global--text--color--link--hover":"--pf-t--global--dark--text--color--link--200","--pf-t--global--text--color--link--default":"--pf-t--global--dark--text--color--link--100","--pf-t--global--color--nonstatus--gray--clicked":"--pf-t--global--dark--color--nonstatus--gray--200","--pf-t--global--color--nonstatus--gray--hover":"--pf-t--global--dark--color--nonstatus--gray--200","--pf-t--global--color--nonstatus--gray--default":"--pf-t--global--dark--color--nonstatus--gray--100","--pf-t--global--color--nonstatus--purple--clicked":"--pf-t--global--dark--color--nonstatus--purple--200","--pf-t--global--color--nonstatus--purple--hover":"--pf-t--global--dark--color--nonstatus--purple--200","--pf-t--global--color--nonstatus--purple--default":"--pf-t--global--dark--color--nonstatus--purple--100","--pf-t--global--color--nonstatus--blue--clicked":"--pf-t--global--dark--color--nonstatus--blue--200","--pf-t--global--color--nonstatus--blue--hover":"--pf-t--global--dark--color--nonstatus--blue--200","--pf-t--global--color--nonstatus--blue--default":"--pf-t--global--dark--color--nonstatus--blue--100","--pf-t--global--color--nonstatus--cyan--clicked":"--pf-t--global--dark--color--nonstatus--cyan--200","--pf-t--global--color--nonstatus--cyan--hover":"--pf-t--global--dark--color--nonstatus--cyan--200","--pf-t--global--color--nonstatus--cyan--default":"--pf-t--global--dark--color--nonstatus--cyan--100","--pf-t--global--color--nonstatus--green--clicked":"--pf-t--global--dark--color--nonstatus--green--200","--pf-t--global--color--nonstatus--green--hover":"--pf-t--global--dark--color--nonstatus--green--200","--pf-t--global--color--nonstatus--green--default":"--pf-t--global--dark--color--nonstatus--green--100","--pf-t--global--color--nonstatus--gold--clicked":"--pf-t--global--dark--color--nonstatus--gold--200","--pf-t--global--color--nonstatus--gold--hover":"--pf-t--global--dark--color--nonstatus--gold--200","--pf-t--global--color--nonstatus--gold--default":"--pf-t--global--dark--color--nonstatus--gold--100","--pf-t--global--color--nonstatus--orange--clicked":"--pf-t--global--dark--color--nonstatus--orange--200","--pf-t--global--color--nonstatus--orange--hover":"--pf-t--global--dark--color--nonstatus--orange--200","--pf-t--global--color--nonstatus--orange--default":"--pf-t--global--dark--color--nonstatus--orange--100","--pf-t--global--color--nonstatus--orangered--clicked":"--pf-t--global--dark--color--nonstatus--orangered--200","--pf-t--global--color--nonstatus--orangered--hover":"--pf-t--global--dark--color--nonstatus--orangered--200","--pf-t--global--color--nonstatus--orangered--default":"--pf-t--global--dark--color--nonstatus--orangered--100","--pf-t--global--color--nonstatus--red--clicked":"--pf-t--global--dark--color--nonstatus--red--200","--pf-t--global--color--nonstatus--red--hover":"--pf-t--global--dark--color--nonstatus--red--200","--pf-t--global--color--nonstatus--red--default":"--pf-t--global--dark--color--nonstatus--red--100","--pf-t--global--color--status--custom--clicked":"--pf-t--global--dark--color--status--custom--200","--pf-t--global--color--status--custom--hover":"--pf-t--global--dark--color--status--custom--200","--pf-t--global--color--status--custom--default":"--pf-t--global--dark--color--status--custom--100","--pf-t--global--color--status--info--clicked":"--pf-t--global--dark--color--status--info--200","--pf-t--global--color--status--info--hover":"--pf-t--global--dark--color--status--info--200","--pf-t--global--color--status--info--default":"--pf-t--global--dark--color--status--info--100","--pf-t--global--color--status--danger--clicked":"--pf-t--global--dark--color--status--danger--200","--pf-t--global--color--status--danger--hover":"--pf-t--global--dark--color--status--danger--200","--pf-t--global--color--status--danger--default":"--pf-t--global--dark--color--status--danger--100","--pf-t--global--color--status--warning--clicked":"--pf-t--global--dark--color--status--warning--200","--pf-t--global--color--status--warning--hover":"--pf-t--global--dark--color--status--warning--200","--pf-t--global--color--status--warning--default":"--pf-t--global--dark--color--status--warning--100","--pf-t--global--color--status--success--clicked":"--pf-t--global--dark--color--status--success--200","--pf-t--global--color--status--success--hover":"--pf-t--global--dark--color--status--success--200","--pf-t--global--color--status--success--default":"--pf-t--global--dark--color--status--success--100","--pf-t--global--color--favorite--clicked":"--pf-t--global--dark--color--favorite--200","--pf-t--global--color--favorite--hover":"--pf-t--global--dark--color--favorite--200","--pf-t--global--color--favorite--default":"--pf-t--global--dark--color--favorite--100","--pf-t--global--color--brand--clicked":"--pf-t--global--dark--color--brand--200","--pf-t--global--color--brand--hover":"--pf-t--global--dark--color--brand--200","--pf-t--global--color--brand--default":"--pf-t--global--dark--color--brand--100","--pf-t--global--background--color--disabled--default":"--pf-t--global--dark--color--disabled--100","--pf-t--global--background--color--inverse--default":"--pf-t--global--dark--background--color--400","--pf-t--global--background--color--action--plain--alt--clicked":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--action--plain--alt--hover":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--floating--clicked":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--floating--hover":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--floating--default":"--pf-t--global--dark--background--color--300","--pf-t--global--background--color--secondary--clicked":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--secondary--hover":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--secondary--default":"--pf-t--global--dark--background--color--100","--pf-t--global--background--color--primary--clicked":"--pf-t--global--dark--background--color--300","--pf-t--global--background--color--primary--hover":"--pf-t--global--dark--background--color--300","--pf-t--global--background--color--primary--default":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--highlight--clicked":"--pf-t--global--dark--background--color--highlight--200","--pf-t--global--background--color--highlight--default":"--pf-t--global--dark--background--color--highlight--100","--pf-t--global--font--size--heading--h6":"--pf-t--global--font--size--md","--pf-t--global--font--size--heading--h5":"--pf-t--global--font--size--md","--pf-t--global--font--size--heading--h4":"--pf-t--global--font--size--md","--pf-t--global--font--size--heading--h3":"--pf-t--global--font--size--lg","--pf-t--global--font--size--heading--h2":"--pf-t--global--font--size--xl","--pf-t--global--font--size--heading--h1":"--pf-t--global--font--size--2xl","--pf-t--global--font--size--body--lg":"--pf-t--global--font--size--md","--pf-t--global--font--size--body--default":"--pf-t--global--font--size--sm","--pf-t--global--font--size--body--sm":"--pf-t--global--font--size--xs","--pf-t--global--border--color--nonstatus--gray--clicked":"--pf-t--global--dark--color--nonstatus--gray--200","--pf-t--global--border--color--nonstatus--gray--hover":"--pf-t--global--dark--color--nonstatus--gray--200","--pf-t--global--border--color--nonstatus--gray--default":"--pf-t--global--dark--color--nonstatus--gray--100","--pf-t--global--border--color--nonstatus--purple--clicked":"--pf-t--global--dark--color--nonstatus--purple--200","--pf-t--global--border--color--nonstatus--purple--hover":"--pf-t--global--dark--color--nonstatus--purple--200","--pf-t--global--border--color--nonstatus--purple--default":"--pf-t--global--dark--color--nonstatus--purple--100","--pf-t--global--border--color--nonstatus--blue--clicked":"--pf-t--global--dark--color--nonstatus--blue--200","--pf-t--global--border--color--nonstatus--blue--hover":"--pf-t--global--dark--color--nonstatus--blue--200","--pf-t--global--border--color--nonstatus--blue--default":"--pf-t--global--dark--color--nonstatus--blue--100","--pf-t--global--border--color--nonstatus--cyan--clicked":"--pf-t--global--dark--color--nonstatus--cyan--200","--pf-t--global--border--color--nonstatus--cyan--hover":"--pf-t--global--dark--color--nonstatus--cyan--200","--pf-t--global--border--color--nonstatus--cyan--default":"--pf-t--global--dark--color--nonstatus--cyan--100","--pf-t--global--border--color--nonstatus--green--clicked":"--pf-t--global--dark--color--nonstatus--green--200","--pf-t--global--border--color--nonstatus--green--hover":"--pf-t--global--dark--color--nonstatus--green--200","--pf-t--global--border--color--nonstatus--green--default":"--pf-t--global--dark--color--nonstatus--green--100","--pf-t--global--border--color--nonstatus--gold--clicked":"--pf-t--global--dark--color--nonstatus--gold--200","--pf-t--global--border--color--nonstatus--gold--hover":"--pf-t--global--dark--color--nonstatus--gold--200","--pf-t--global--border--color--nonstatus--gold--default":"--pf-t--global--dark--color--nonstatus--gold--100","--pf-t--global--border--color--nonstatus--orange--clicked":"--pf-t--global--dark--color--nonstatus--orange--200","--pf-t--global--border--color--nonstatus--orange--hover":"--pf-t--global--dark--color--nonstatus--orange--200","--pf-t--global--border--color--nonstatus--orange--default":"--pf-t--global--dark--color--nonstatus--orange--100","--pf-t--global--border--color--nonstatus--orangered--clicked":"--pf-t--global--dark--color--nonstatus--orangered--200","--pf-t--global--border--color--nonstatus--orangered--hover":"--pf-t--global--dark--color--nonstatus--orangered--200","--pf-t--global--border--color--nonstatus--orangered--default":"--pf-t--global--dark--color--nonstatus--orangered--100","--pf-t--global--border--color--nonstatus--red--clicked":"--pf-t--global--dark--color--nonstatus--red--200","--pf-t--global--border--color--nonstatus--red--hover":"--pf-t--global--dark--color--nonstatus--red--200","--pf-t--global--border--color--nonstatus--red--default":"--pf-t--global--dark--color--nonstatus--red--100","--pf-t--global--border--color--on-secondary":"--pf-t--global--dark--border--color--200","--pf-t--global--border--color--clicked":"--pf-t--global--dark--color--brand--200","--pf-t--global--border--color--hover":"--pf-t--global--dark--color--brand--100","--pf-t--global--border--color--default":"--pf-t--global--dark--border--color--200","--pf-t--global--border--color--status--warning--clicked":"--pf-t--global--color--status--warning--clicked","--pf-t--global--border--color--status--warning--hover":"--pf-t--global--color--status--warning--hover","--pf-t--global--border--color--status--warning--default":"--pf-t--global--color--status--warning--default","--pf-t--global--icon--color--on-disabled":"--pf-t--global--dark--color--disabled--300","--pf-t--global--icon--color--disabled":"--pf-t--global--dark--color--disabled--200","--pf-t--global--icon--color--inverse":"--pf-t--global--dark--icon--color--300","--pf-t--global--icon--color--subtle":"--pf-t--global--dark--icon--color--200","--pf-t--global--icon--color--regular":"--pf-t--global--dark--icon--color--100","--pf-t--global--icon--color--status--warning--clicked":"--pf-t--global--color--status--warning--clicked","--pf-t--global--icon--color--status--warning--hover":"--pf-t--global--color--status--warning--hover","--pf-t--global--icon--color--status--warning--default":"--pf-t--global--color--status--warning--default","--pf-t--global--icon--size--font--4xl":"--pf-t--global--font--size--4xl","--pf-t--global--icon--size--font--3xl":"--pf-t--global--font--size--3xl","--pf-t--global--icon--size--font--2xl":"--pf-t--global--font--size--2xl","--pf-t--global--icon--size--font--xl":"--pf-t--global--font--size--xl","--pf-t--global--icon--size--font--lg":"--pf-t--global--font--size--lg","--pf-t--global--icon--size--font--md":"--pf-t--global--font--size--md","--pf-t--global--icon--size--font--sm":"--pf-t--global--font--size--sm","--pf-t--global--icon--size--font--xs":"--pf-t--global--font--size--xs","--pf-t--global--text--color--nonstatus--on-gray--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-gray--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-gray--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-purple--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-purple--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-purple--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-blue--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-blue--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-blue--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-cyan--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-cyan--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-cyan--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-green--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-green--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-green--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-gold--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-gold--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-gold--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-orange--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-orange--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-orange--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-orangered--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-orangered--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-orangered--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-red--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-red--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-red--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--unread--on-attention--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--unread--on-attention--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--unread--on-attention--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--unread--on-default--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--unread--on-default--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--unread--on-default--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-custom--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-custom--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-custom--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--custom--clicked":"--pf-t--global--color--status--custom--clicked","--pf-t--global--text--color--status--custom--hover":"--pf-t--global--color--status--custom--hover","--pf-t--global--text--color--status--custom--default":"--pf-t--global--color--status--custom--default","--pf-t--global--text--color--status--on-info--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-info--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-info--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--info--clicked":"--pf-t--global--color--status--info--clicked","--pf-t--global--text--color--status--info--hover":"--pf-t--global--color--status--info--hover","--pf-t--global--text--color--status--info--default":"--pf-t--global--color--status--info--default","--pf-t--global--text--color--status--on-danger--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-danger--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-danger--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--danger--clicked":"--pf-t--global--dark--color--status--danger--300","--pf-t--global--text--color--status--danger--hover":"--pf-t--global--dark--color--status--danger--300","--pf-t--global--text--color--status--danger--default":"--pf-t--global--dark--color--status--danger--250","--pf-t--global--text--color--status--on-warning--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-warning--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-warning--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-success--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-success--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-success--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--success--clicked":"--pf-t--global--color--status--success--clicked","--pf-t--global--text--color--status--success--hover":"--pf-t--global--color--status--success--hover","--pf-t--global--text--color--status--success--default":"--pf-t--global--color--status--success--default","--pf-t--global--text--color--brand--clicked":"--pf-t--global--dark--color--brand--300","--pf-t--global--text--color--brand--hover":"--pf-t--global--dark--color--brand--300","--pf-t--global--text--color--brand--default":"--pf-t--global--dark--color--brand--200","--pf-t--global--text--color--placeholder":"--pf-t--global--text--color--subtle","--pf-t--global--text--color--on-brand--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--on-brand--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--on-brand--default":"--pf-t--global--text--color--inverse","--pf-t--global--color--status--read--on-primary":"--pf-t--global--background--color--secondary--default","--pf-t--global--color--status--unread--attention--clicked":"--pf-t--global--color--status--danger--clicked","--pf-t--global--color--status--unread--attention--hover":"--pf-t--global--color--status--danger--hover","--pf-t--global--color--status--unread--attention--default":"--pf-t--global--color--status--danger--default","--pf-t--global--color--status--unread--default--clicked":"--pf-t--global--color--brand--clicked","--pf-t--global--color--status--unread--default--hover":"--pf-t--global--color--brand--hover","--pf-t--global--color--status--unread--default--default":"--pf-t--global--color--brand--default","--pf-t--global--background--color--control--default":"--pf-t--global--dark--background--color--300","--pf-t--global--border--color--alt":"--pf-t--global--background--color--primary--default","--pf-t--global--border--color--disabled":"--pf-t--global--background--color--disabled--default","--pf-t--global--border--color--status--custom--clicked":"--pf-t--global--color--status--custom--clicked","--pf-t--global--border--color--status--custom--hover":"--pf-t--global--color--status--custom--hover","--pf-t--global--border--color--status--custom--default":"--pf-t--global--color--status--custom--default","--pf-t--global--border--color--status--info--clicked":"--pf-t--global--color--status--info--clicked","--pf-t--global--border--color--status--info--hover":"--pf-t--global--color--status--info--hover","--pf-t--global--border--color--status--info--default":"--pf-t--global--color--status--info--default","--pf-t--global--border--color--status--danger--clicked":"--pf-t--global--color--status--danger--clicked","--pf-t--global--border--color--status--danger--hover":"--pf-t--global--color--status--danger--hover","--pf-t--global--border--color--status--danger--default":"--pf-t--global--color--status--danger--default","--pf-t--global--border--color--status--success--clicked":"--pf-t--global--color--status--success--clicked","--pf-t--global--border--color--status--success--hover":"--pf-t--global--color--status--success--hover","--pf-t--global--border--color--status--success--default":"--pf-t--global--color--status--success--default","--pf-t--global--border--color--brand--clicked":"--pf-t--global--color--brand--clicked","--pf-t--global--border--color--brand--hover":"--pf-t--global--color--brand--hover","--pf-t--global--border--color--brand--default":"--pf-t--global--color--brand--default","--pf-t--global--icon--color--nonstatus--on-gray--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-gray--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-gray--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-purple--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-purple--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-purple--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-blue--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-blue--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-blue--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-cyan--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-cyan--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-cyan--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-green--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-green--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-green--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-gold--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-gold--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-gold--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-orange--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-orange--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-orange--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-orangered--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-orangered--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-orangered--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-red--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-red--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-red--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--unread--on-attention--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--unread--on-attention--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--unread--on-attention--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--unread--on-default--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--unread--on-default--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--unread--on-default--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-custom--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-custom--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-custom--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--custom--clicked":"--pf-t--global--color--status--custom--clicked","--pf-t--global--icon--color--status--custom--hover":"--pf-t--global--color--status--custom--hover","--pf-t--global--icon--color--status--custom--default":"--pf-t--global--color--status--custom--default","--pf-t--global--icon--color--status--on-info--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-info--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-info--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--info--clicked":"--pf-t--global--color--status--info--clicked","--pf-t--global--icon--color--status--info--hover":"--pf-t--global--color--status--info--hover","--pf-t--global--icon--color--status--info--default":"--pf-t--global--color--status--info--default","--pf-t--global--icon--color--status--on-danger--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-danger--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-danger--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--danger--clicked":"--pf-t--global--color--status--danger--clicked","--pf-t--global--icon--color--status--danger--hover":"--pf-t--global--color--status--danger--hover","--pf-t--global--icon--color--status--danger--default":"--pf-t--global--color--status--danger--default","--pf-t--global--icon--color--status--on-warning--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-warning--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-warning--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-success--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-success--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-success--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--success--clicked":"--pf-t--global--color--status--success--clicked","--pf-t--global--icon--color--status--success--hover":"--pf-t--global--color--status--success--hover","--pf-t--global--icon--color--status--success--default":"--pf-t--global--color--status--success--default","--pf-t--global--icon--color--favorite--clicked":"--pf-t--global--color--favorite--clicked","--pf-t--global--icon--color--favorite--hover":"--pf-t--global--color--favorite--hover","--pf-t--global--icon--color--favorite--default":"--pf-t--global--color--favorite--default","--pf-t--global--icon--color--on-brand--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--on-brand--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--on-brand--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--brand--clicked":"--pf-t--global--dark--color--brand--300","--pf-t--global--icon--color--brand--hover":"--pf-t--global--dark--color--brand--300","--pf-t--global--icon--color--brand--default":"--pf-t--global--dark--color--brand--200","--pf-t--global--icon--size--font--heading--h6":"--pf-t--global--font--size--heading--h6","--pf-t--global--icon--size--font--heading--h5":"--pf-t--global--font--size--heading--h5","--pf-t--global--icon--size--font--heading--h4":"--pf-t--global--font--size--heading--h4","--pf-t--global--icon--size--font--heading--h3":"--pf-t--global--font--size--heading--h3","--pf-t--global--icon--size--font--heading--h2":"--pf-t--global--font--size--heading--h2","--pf-t--global--icon--size--font--heading--h1":"--pf-t--global--font--size--heading--h1","--pf-t--global--icon--size--font--body--lg":"--pf-t--global--font--size--body--lg","--pf-t--global--icon--size--font--body--default":"--pf-t--global--font--size--body--default","--pf-t--global--icon--size--font--body--sm":"--pf-t--global--font--size--body--sm","--pf-t--global--color--status--read--on-secondary":"--pf-t--global--background--color--control--default","--pf-t--global--dark--box-shadow--color--100":"rgba(0, 0, 0, 0.5000)","--pf-t--global--dark--background--color--600":"rgba(199, 199, 199, 0.1500)","--pf-t--global--dark--background--color--500":"rgba(21, 21, 21, 0.8000)","--pf-t--global--dark--icon--color--300":"--pf-t--color--gray--90","--pf-t--global--dark--icon--color--200":"--pf-t--color--gray--40","--pf-t--global--dark--icon--color--100":"--pf-t--color--gray--10","--pf-t--global--dark--text--color--link--300":"--pf-t--color--purple--30","--pf-t--global--dark--text--color--link--200":"--pf-t--color--blue--10","--pf-t--global--dark--text--color--link--100":"--pf-t--color--blue--20","--pf-t--global--dark--text--color--400":"--pf-t--color--red-orange--30","--pf-t--global--dark--text--color--300":"--pf-t--color--gray--90","--pf-t--global--dark--text--color--200":"--pf-t--color--gray--30","--pf-t--global--dark--text--color--100":"--pf-t--color--gray--10","--pf-t--global--dark--border--color--200":"--pf-t--color--gray--40","--pf-t--global--dark--border--color--100":"--pf-t--color--gray--50","--pf-t--global--dark--color--nonstatus--gray--300":"--pf-t--color--gray--10","--pf-t--global--dark--color--nonstatus--gray--200":"--pf-t--color--gray--20","--pf-t--global--dark--color--nonstatus--gray--100":"--pf-t--color--gray--30","--pf-t--global--dark--color--nonstatus--purple--300":"--pf-t--color--purple--10","--pf-t--global--dark--color--nonstatus--purple--200":"--pf-t--color--purple--20","--pf-t--global--dark--color--nonstatus--purple--100":"--pf-t--color--purple--30","--pf-t--global--dark--color--nonstatus--blue--300":"--pf-t--color--blue--10","--pf-t--global--dark--color--nonstatus--blue--200":"--pf-t--color--blue--20","--pf-t--global--dark--color--nonstatus--blue--100":"--pf-t--color--blue--30","--pf-t--global--dark--color--nonstatus--cyan--300":"--pf-t--color--teal--10","--pf-t--global--dark--color--nonstatus--cyan--200":"--pf-t--color--teal--20","--pf-t--global--dark--color--nonstatus--cyan--100":"--pf-t--color--teal--30","--pf-t--global--dark--color--nonstatus--green--300":"--pf-t--color--green--10","--pf-t--global--dark--color--nonstatus--green--200":"--pf-t--color--green--20","--pf-t--global--dark--color--nonstatus--green--100":"--pf-t--color--green--30","--pf-t--global--dark--color--nonstatus--gold--300":"--pf-t--color--yellow--10","--pf-t--global--dark--color--nonstatus--gold--200":"--pf-t--color--yellow--20","--pf-t--global--dark--color--nonstatus--gold--100":"--pf-t--color--yellow--30","--pf-t--global--dark--color--nonstatus--orange--300":"--pf-t--color--orange--10","--pf-t--global--dark--color--nonstatus--orange--200":"--pf-t--color--orange--20","--pf-t--global--dark--color--nonstatus--orange--100":"--pf-t--color--orange--30","--pf-t--global--dark--color--nonstatus--orangered--300":"--pf-t--color--red-orange--10","--pf-t--global--dark--color--nonstatus--orangered--200":"--pf-t--color--red-orange--20","--pf-t--global--dark--color--nonstatus--orangered--100":"--pf-t--color--red-orange--30","--pf-t--global--dark--color--nonstatus--red--300":"--pf-t--color--red--10","--pf-t--global--dark--color--nonstatus--red--200":"--pf-t--color--red--20","--pf-t--global--dark--color--nonstatus--red--100":"--pf-t--color--red--30","--pf-t--global--dark--color--status--custom--200":"--pf-t--color--teal--30","--pf-t--global--dark--color--status--custom--100":"--pf-t--color--teal--40","--pf-t--global--dark--color--status--info--200":"--pf-t--color--purple--20","--pf-t--global--dark--color--status--info--100":"--pf-t--color--purple--30","--pf-t--global--dark--color--status--danger--300":"--pf-t--color--red-orange--20","--pf-t--global--dark--color--status--danger--250":"--pf-t--color--red-orange--30","--pf-t--global--dark--color--status--danger--200":"--pf-t--color--red-orange--40","--pf-t--global--dark--color--status--danger--100":"--pf-t--color--red-orange--50","--pf-t--global--dark--color--status--warning--200":"--pf-t--color--yellow--20","--pf-t--global--dark--color--status--warning--100":"--pf-t--color--yellow--30","--pf-t--global--dark--color--status--success--200":"--pf-t--color--green--30","--pf-t--global--dark--color--status--success--100":"--pf-t--color--green--40","--pf-t--global--dark--color--favorite--200":"--pf-t--color--yellow--20","--pf-t--global--dark--color--favorite--100":"--pf-t--color--yellow--30","--pf-t--global--dark--color--disabled--300":"--pf-t--color--gray--70","--pf-t--global--dark--color--disabled--200":"--pf-t--color--gray--50","--pf-t--global--dark--color--disabled--100":"--pf-t--color--gray--40","--pf-t--global--dark--color--brand--300":"--pf-t--color--blue--10","--pf-t--global--dark--color--brand--200":"--pf-t--color--blue--20","--pf-t--global--dark--color--brand--100":"--pf-t--color--blue--30","--pf-t--global--dark--background--color--highlight--200":"--pf-t--color--yellow--30","--pf-t--global--dark--background--color--highlight--100":"--pf-t--color--yellow--20","--pf-t--global--dark--background--color--400":"--pf-t--color--gray--10","--pf-t--global--dark--background--color--300":"--pf-t--color--gray--70","--pf-t--global--dark--background--color--200":"--pf-t--color--gray--80","--pf-t--global--dark--background--color--100":"--pf-t--color--gray--95","--pf-t--chart--global--layout--width":"450","--pf-t--chart--global--layout--height":"300","--pf-t--chart--global--layout--padding":"50","--pf-t--chart--global--label--stroke--width":"0","--pf-t--chart--global--label--margin":"8","--pf-t--chart--global--label--padding":"10","--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--stroke--width--sm":"2","--pf-t--chart--global--stroke--width--xs":"1","--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--label--fill":"--pf-t--color--gray--90","--pf-t--chart--global--danger--color--100":"--pf-t--color--red-orange--50","--pf-t--chart--global--success--color--100":"--pf-t--color--blue--30","--pf-t--chart--global--warning--color--200":"--pf-t--color--yellow--30","--pf-t--chart--global--warning--color--100":"--pf-t--color--orange--30","--pf-t--chart--global--fill--color--white":"--pf-t--color--white","--pf-t--chart--global--fill--color--900":"--pf-t--color--white","--pf-t--chart--global--fill--color--700":"--pf-t--color--gray--10","--pf-t--chart--global--fill--color--500":"--pf-t--color--gray--20","--pf-t--chart--global--fill--color--400":"--pf-t--color--gray--30","--pf-t--chart--global--fill--color--300":"--pf-t--color--gray--40","--pf-t--chart--global--fill--color--200":"--pf-t--color--gray--50","--pf-t--chart--global--fill--color--100":"--pf-t--color--gray--60","--pf-t--chart--color--black--500":"--pf-t--color--gray--10","--pf-t--chart--color--black--400":"--pf-t--color--gray--20","--pf-t--chart--color--black--300":"--pf-t--color--gray--30","--pf-t--chart--color--black--200":"--pf-t--color--gray--40","--pf-t--chart--color--black--100":"--pf-t--color--gray--50","--pf-t--chart--color--red-orange--500":"--pf-t--color--red-orange--10","--pf-t--chart--color--red-orange--400":"--pf-t--color--red-orange--20","--pf-t--chart--color--red-orange--300":"--pf-t--color--red-orange--30","--pf-t--chart--color--red-orange--200":"--pf-t--color--red-orange--40","--pf-t--chart--color--red-orange--100":"--pf-t--color--red-orange--50","--pf-t--chart--color--orange--500":"--pf-t--color--orange--10","--pf-t--chart--color--orange--400":"--pf-t--color--orange--20","--pf-t--chart--color--orange--300":"--pf-t--color--orange--30","--pf-t--chart--color--orange--200":"--pf-t--color--orange--40","--pf-t--chart--color--orange--100":"--pf-t--color--orange--50","--pf-t--chart--color--yellow--500":"--pf-t--color--yellow--10","--pf-t--chart--color--yellow--400":"--pf-t--color--yellow--20","--pf-t--chart--color--yellow--300":"--pf-t--color--yellow--30","--pf-t--chart--color--yellow--200":"--pf-t--color--yellow--40","--pf-t--chart--color--yellow--100":"--pf-t--color--yellow--50","--pf-t--chart--color--purple--500":"--pf-t--color--purple--20","--pf-t--chart--color--purple--400":"--pf-t--color--purple--30","--pf-t--chart--color--purple--300":"--pf-t--color--purple--40","--pf-t--chart--color--purple--200":"--pf-t--color--purple--50","--pf-t--chart--color--purple--100":"--pf-t--color--purple--60","--pf-t--chart--color--teal--500":"--pf-t--color--teal--10","--pf-t--chart--color--teal--400":"--pf-t--color--teal--20","--pf-t--chart--color--teal--300":"--pf-t--color--teal--30","--pf-t--chart--color--teal--200":"--pf-t--color--teal--40","--pf-t--chart--color--teal--100":"--pf-t--color--teal--50","--pf-t--chart--color--green--500":"--pf-t--color--green--10","--pf-t--chart--color--green--400":"--pf-t--color--green--20","--pf-t--chart--color--green--300":"--pf-t--color--green--30","--pf-t--chart--color--green--200":"--pf-t--color--green--40","--pf-t--chart--color--green--100":"--pf-t--color--green--50","--pf-t--chart--color--blue--500":"--pf-t--color--blue--10","--pf-t--chart--color--blue--400":"--pf-t--color--blue--20","--pf-t--chart--color--blue--300":"--pf-t--color--blue--30","--pf-t--chart--color--blue--200":"--pf-t--color--blue--40","--pf-t--chart--color--blue--100":"--pf-t--color--blue--50","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3500":"--pf-t--chart--color--black--400","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3400":"--pf-t--chart--color--teal--400","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3300":"--pf-t--chart--color--orange--400","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3200":"--pf-t--chart--color--purple--400","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3100":"--pf-t--chart--color--green--400","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3000":"--pf-t--chart--color--yellow--400","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2900":"--pf-t--chart--color--blue--400","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2800":"--pf-t--chart--color--black--500","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2700":"--pf-t--chart--color--teal--100","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2600":"--pf-t--chart--color--orange--500","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2500":"--pf-t--chart--color--purple--100","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2400":"--pf-t--chart--color--green--500","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2300":"--pf-t--chart--color--yellow--100","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2200":"--pf-t--chart--color--blue--500","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2100":"--pf-t--chart--color--black--100","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2000":"--pf-t--chart--color--teal--500","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1900":"--pf-t--chart--color--orange--100","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1800":"--pf-t--chart--color--purple--500","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1700":"--pf-t--chart--color--green--100","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1600":"--pf-t--chart--color--yellow--500","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1500":"--pf-t--chart--color--blue--100","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1400":"--pf-t--chart--color--black--300","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1300":"--pf-t--chart--color--teal--200","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1200":"--pf-t--chart--color--orange--300","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1100":"--pf-t--chart--color--purple--200","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1000":"--pf-t--chart--color--green--300","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--900":"--pf-t--chart--color--yellow--200","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--800":"--pf-t--chart--color--blue--300","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--700":"--pf-t--chart--color--black--200","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--600":"--pf-t--chart--color--teal--300","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--500":"--pf-t--chart--color--orange--200","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--400":"--pf-t--chart--color--purple--300","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--300":"--pf-t--chart--color--green--200","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--200":"--pf-t--chart--color--yellow--300","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--100":"--pf-t--chart--color--blue--200","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2500":"--pf-t--chart--color--orange--400","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2400":"--pf-t--chart--color--yellow--400","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2300":"--pf-t--chart--color--teal--400","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2200":"--pf-t--chart--color--green--400","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2100":"--pf-t--chart--color--blue--400","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2000":"--pf-t--chart--color--orange--100","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1900":"--pf-t--chart--color--yellow--500","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1800":"--pf-t--chart--color--teal--100","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1700":"--pf-t--chart--color--green--500","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1600":"--pf-t--chart--color--blue--100","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1500":"--pf-t--chart--color--orange--500","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1400":"--pf-t--chart--color--yellow--100","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1300":"--pf-t--chart--color--teal--500","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1200":"--pf-t--chart--color--green--100","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1100":"--pf-t--chart--color--blue--500","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1000":"--pf-t--chart--color--orange--300","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--900":"--pf-t--chart--color--yellow--200","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--800":"--pf-t--chart--color--teal--300","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--700":"--pf-t--chart--color--green--200","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--600":"--pf-t--chart--color--blue--300","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--500":"--pf-t--chart--color--orange--200","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--400":"--pf-t--chart--color--yellow--300","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--300":"--pf-t--chart--color--teal--200","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--200":"--pf-t--chart--color--green--300","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--100":"--pf-t--chart--color--blue--200","--pf-t--chart--theme--colorscales--orange--colorscale--500":"--pf-t--chart--color--orange--400","--pf-t--chart--theme--colorscales--orange--colorscale--400":"--pf-t--chart--color--orange--200","--pf-t--chart--theme--colorscales--orange--colorscale--300":"--pf-t--chart--color--orange--500","--pf-t--chart--theme--colorscales--orange--colorscale--200":"--pf-t--chart--color--orange--100","--pf-t--chart--theme--colorscales--orange--colorscale--100":"--pf-t--chart--color--orange--300","--pf-t--chart--theme--colorscales--purple--colorscale--500":"--pf-t--chart--color--purple--400","--pf-t--chart--theme--colorscales--purple--colorscale--400":"--pf-t--chart--color--purple--200","--pf-t--chart--theme--colorscales--purple--colorscale--300":"--pf-t--chart--color--purple--500","--pf-t--chart--theme--colorscales--purple--colorscale--200":"--pf-t--chart--color--purple--100","--pf-t--chart--theme--colorscales--purple--colorscale--100":"--pf-t--chart--color--purple--300","--pf-t--chart--theme--colorscales--green--colorscale--500":"--pf-t--chart--color--green--400","--pf-t--chart--theme--colorscales--green--colorscale--400":"--pf-t--chart--color--green--200","--pf-t--chart--theme--colorscales--green--colorscale--300":"--pf-t--chart--color--green--500","--pf-t--chart--theme--colorscales--green--colorscale--200":"--pf-t--chart--color--green--100","--pf-t--chart--theme--colorscales--green--colorscale--100":"--pf-t--chart--color--green--300","--pf-t--chart--theme--colorscales--gray--colorscale--500":"--pf-t--chart--color--black--400","--pf-t--chart--theme--colorscales--gray--colorscale--400":"--pf-t--chart--color--black--200","--pf-t--chart--theme--colorscales--gray--colorscale--300":"--pf-t--chart--color--black--500","--pf-t--chart--theme--colorscales--gray--colorscale--200":"--pf-t--chart--color--black--100","--pf-t--chart--theme--colorscales--gray--colorscale--100":"--pf-t--chart--color--black--300","--pf-t--chart--theme--colorscales--yellow--colorscale--500":"--pf-t--chart--color--yellow--400","--pf-t--chart--theme--colorscales--yellow--colorscale--400":"--pf-t--chart--color--yellow--200","--pf-t--chart--theme--colorscales--yellow--colorscale--300":"--pf-t--chart--color--yellow--500","--pf-t--chart--theme--colorscales--yellow--colorscale--200":"--pf-t--chart--color--yellow--100","--pf-t--chart--theme--colorscales--yellow--colorscale--100":"--pf-t--chart--color--yellow--300","--pf-t--chart--theme--colorscales--teal--colorscale--500":"--pf-t--chart--color--teal--400","--pf-t--chart--theme--colorscales--teal--colorscale--400":"--pf-t--chart--color--teal--200","--pf-t--chart--theme--colorscales--teal--colorscale--300":"--pf-t--chart--color--teal--500","--pf-t--chart--theme--colorscales--teal--colorscale--200":"--pf-t--chart--color--teal--100","--pf-t--chart--theme--colorscales--teal--colorscale--100":"--pf-t--chart--color--teal--300","--pf-t--chart--theme--colorscales--blue--colorscale--500":"--pf-t--chart--color--blue--400","--pf-t--chart--theme--colorscales--blue--colorscale--400":"--pf-t--chart--color--blue--200","--pf-t--chart--theme--colorscales--blue--colorscale--300":"--pf-t--chart--color--blue--500","--pf-t--chart--theme--colorscales--blue--colorscale--200":"--pf-t--chart--color--blue--100","--pf-t--chart--theme--colorscales--blue--colorscale--100":"--pf-t--chart--color--blue--300"}
1	+ {"--pf-t--color--red--70":"#5f0000","--pf-t--color--red--60":"#a60000","--pf-t--color--red--50":"#ee0000","--pf-t--color--red--40":"#f56e6e","--pf-t--color--red--30":"#f9a8a8","--pf-t--color--red--20":"#fbc5c5","--pf-t--color--red--10":"#fce3e3","--pf-t--color--purple--70":"#21134d","--pf-t--color--purple--60":"#3d2785","--pf-t--color--purple--50":"#5e40be","--pf-t--color--purple--40":"#876fd4","--pf-t--color--purple--30":"#b6a6e9","--pf-t--color--purple--20":"#d0c5f4","--pf-t--color--purple--10":"#ece6ff","--pf-t--color--red-orange--70":"#731f00","--pf-t--color--red-orange--60":"#b1380b","--pf-t--color--red-orange--50":"#f0561d","--pf-t--color--red-orange--40":"#f4784a","--pf-t--color--red-orange--30":"#f89b78","--pf-t--color--red-orange--20":"#fbbea8","--pf-t--color--red-orange--10":"#ffe3d9","--pf-t--color--orange--70":"#732e00","--pf-t--color--orange--60":"#9e4a06","--pf-t--color--orange--50":"#ca6c0f","--pf-t--color--orange--40":"#f5921b","--pf-t--color--orange--30":"#f8ae54","--pf-t--color--orange--20":"#fccb8f","--pf-t--color--orange--10":"#ffe8cc","--pf-t--color--green--70":"#204d00","--pf-t--color--green--60":"#3d7317","--pf-t--color--green--50":"#63993d","--pf-t--color--green--40":"#87bb62","--pf-t--color--green--30":"#afdc8f","--pf-t--color--green--20":"#d1f1bb","--pf-t--color--green--10":"#e9f7df","--pf-t--color--yellow--70":"#73480b","--pf-t--color--yellow--60":"#96640f","--pf-t--color--yellow--50":"#b98412","--pf-t--color--yellow--40":"#dca614","--pf-t--color--yellow--30":"#ffcc17","--pf-t--color--yellow--20":"#ffe072","--pf-t--color--yellow--10":"#fff4cc","--pf-t--color--teal--70":"#004d4d","--pf-t--color--teal--60":"#147878","--pf-t--color--teal--50":"#37a3a3","--pf-t--color--teal--40":"#63bdbd","--pf-t--color--teal--30":"#9ad8d8","--pf-t--color--teal--20":"#b9e5e5","--pf-t--color--teal--10":"#daf2f2","--pf-t--color--blue--70":"#003366","--pf-t--color--blue--60":"#004d99","--pf-t--color--blue--50":"#0066cc","--pf-t--color--blue--40":"#4394e5","--pf-t--color--blue--30":"#92c5f9","--pf-t--color--blue--20":"#b9dafc","--pf-t--color--blue--10":"#e0f0ff","--pf-t--color--black":"#000000","--pf-t--color--gray--95":"#151515","--pf-t--color--gray--90":"#1f1f1f","--pf-t--color--gray--80":"#292929","--pf-t--color--gray--70":"#383838","--pf-t--color--gray--60":"#4d4d4d","--pf-t--color--gray--50":"#707070","--pf-t--color--gray--40":"#a3a3a3","--pf-t--color--gray--30":"#c7c7c7","--pf-t--color--gray--20":"#e0e0e0","--pf-t--color--gray--10":"#f2f2f2","--pf-t--color--white":"#ffffff","--pf-t--global--timing-function--300":"cubic-bezier(0, 0, .2, 1)","--pf-t--global--timing-function--200":"cubic-bezier(.4, 0, .2, 1)","--pf-t--global--timing-function--100":"cubic-bezier(.4, 0, .7, .2)","--pf-t--global--delay--400":"7000ms","--pf-t--global--delay--300":"100ms","--pf-t--global--delay--200":"50ms","--pf-t--global--delay--100":"0ms","--pf-t--global--duration--600":"600ms","--pf-t--global--duration--500":"500ms","--pf-t--global--duration--400":"400ms","--pf-t--global--duration--300":"300ms","--pf-t--global--duration--200":"200ms","--pf-t--global--duration--100":"100ms","--pf-t--global--duration--50":"50ms","--pf-t--global--background--color--action--plain--default":"rgba(0, 0, 0, 0.0000)","--pf-t--global--background--color--600":"rgba(199, 199, 199, 0.2500)","--pf-t--global--background--color--500":"rgba(21, 21, 21, 0.2000)","--pf-t--global--breakpoint--600":"1450px","--pf-t--global--breakpoint--550":"1280px","--pf-t--global--breakpoint--500":"1200px","--pf-t--global--breakpoint--400":"992px","--pf-t--global--breakpoint--350":"960px","--pf-t--global--breakpoint--300":"768px","--pf-t--global--breakpoint--250":"640px","--pf-t--global--breakpoint--200":"576px","--pf-t--global--breakpoint--100":"0px","--pf-t--global--box-shadow--color--200":"rgba(0, 0, 0, 0.1200)","--pf-t--global--box-shadow--color--100":"rgba(0, 0, 0, 0.1600)","--pf-t--global--box-shadow--spread--100":"0px","--pf-t--global--box-shadow--blur--300":"24px","--pf-t--global--box-shadow--blur--200":"8px","--pf-t--global--box-shadow--blur--100":"2px","--pf-t--global--box-shadow--Y--700":"8px","--pf-t--global--box-shadow--Y--600":"4px","--pf-t--global--box-shadow--Y--500":"1px","--pf-t--global--box-shadow--Y--400":"0px","--pf-t--global--box-shadow--Y--300":"-1px","--pf-t--global--box-shadow--Y--200":"-4px","--pf-t--global--box-shadow--Y--100":"-8px","--pf-t--global--box-shadow--X--700":"8px","--pf-t--global--box-shadow--X--600":"4px","--pf-t--global--box-shadow--X--500":"1px","--pf-t--global--box-shadow--X--400":"0px","--pf-t--global--box-shadow--X--300":"-1px","--pf-t--global--box-shadow--X--200":"-4px","--pf-t--global--box-shadow--X--100":"-8px","--pf-t--global--z-index--600":"600","--pf-t--global--z-index--500":"500","--pf-t--global--z-index--400":"400","--pf-t--global--z-index--300":"300","--pf-t--global--z-index--200":"200","--pf-t--global--z-index--100":"100","--pf-t--global--font--size--800":"36px","--pf-t--global--font--size--700":"28px","--pf-t--global--font--size--600":"22px","--pf-t--global--font--size--500":"20px","--pf-t--global--font--size--400":"18px","--pf-t--global--font--size--300":"16px","--pf-t--global--font--size--200":"14px","--pf-t--global--font--size--100":"12px","--pf-t--global--border--radius--500":"999px","--pf-t--global--border--radius--400":"24px","--pf-t--global--border--radius--300":"16px","--pf-t--global--border--radius--200":"6px","--pf-t--global--border--radius--100":"4px","--pf-t--global--border--radius--0":"0px","--pf-t--global--border--width--300":"3px","--pf-t--global--border--width--200":"2px","--pf-t--global--border--width--100":"1px","--pf-t--global--icon--size--500":"96px","--pf-t--global--icon--size--400":"56px","--pf-t--global--icon--size--300":"22px","--pf-t--global--icon--size--250":"16px","--pf-t--global--icon--size--200":"14px","--pf-t--global--icon--size--100":"12px","--pf-t--global--spacer--800":"80px","--pf-t--global--spacer--700":"64px","--pf-t--global--spacer--600":"48px","--pf-t--global--spacer--500":"32px","--pf-t--global--spacer--400":"24px","--pf-t--global--spacer--300":"16px","--pf-t--global--spacer--200":"8px","--pf-t--global--spacer--100":"4px","--pf-t--global--motion--timing-function--decelerate":"--pf-t--global--timing-function--300","--pf-t--global--motion--timing-function--default":"--pf-t--global--timing-function--200","--pf-t--global--motion--timing-function--accelerate":"--pf-t--global--timing-function--100","--pf-t--global--motion--delay--long":"--pf-t--global--delay--400","--pf-t--global--motion--delay--default":"--pf-t--global--delay--300","--pf-t--global--motion--delay--short":"--pf-t--global--delay--200","--pf-t--global--motion--delay--none":"--pf-t--global--delay--100","--pf-t--global--motion--duration--3xl":"--pf-t--global--duration--600","--pf-t--global--motion--duration--2xl":"--pf-t--global--duration--500","--pf-t--global--motion--duration--xl":"--pf-t--global--duration--400","--pf-t--global--motion--duration--lg":"--pf-t--global--duration--300","--pf-t--global--motion--duration--md":"--pf-t--global--duration--200","--pf-t--global--motion--duration--sm":"--pf-t--global--duration--100","--pf-t--global--motion--duration--xs":"--pf-t--global--duration--50","--pf-t--global--text--color--link--300":"--pf-t--color--purple--50","--pf-t--global--text--color--link--200":"--pf-t--color--blue--60","--pf-t--global--text--color--link--100":"--pf-t--color--blue--50","--pf-t--global--text--color--400":"--pf-t--color--red-orange--40","--pf-t--global--text--color--300":"--pf-t--color--white","--pf-t--global--text--color--200":"--pf-t--color--gray--60","--pf-t--global--text--color--100":"--pf-t--color--gray--90","--pf-t--global--color--nonstatus--gray--300":"--pf-t--color--gray--40","--pf-t--global--color--nonstatus--gray--200":"--pf-t--color--gray--30","--pf-t--global--color--nonstatus--gray--100":"--pf-t--color--gray--20","--pf-t--global--color--nonstatus--purple--300":"--pf-t--color--purple--40","--pf-t--global--color--nonstatus--purple--200":"--pf-t--color--purple--30","--pf-t--global--color--nonstatus--purple--100":"--pf-t--color--purple--20","--pf-t--global--color--nonstatus--blue--300":"--pf-t--color--blue--40","--pf-t--global--color--nonstatus--blue--200":"--pf-t--color--blue--30","--pf-t--global--color--nonstatus--blue--100":"--pf-t--color--blue--20","--pf-t--global--color--nonstatus--cyan--300":"--pf-t--color--teal--40","--pf-t--global--color--nonstatus--cyan--200":"--pf-t--color--teal--30","--pf-t--global--color--nonstatus--cyan--100":"--pf-t--color--teal--20","--pf-t--global--color--nonstatus--green--300":"--pf-t--color--green--40","--pf-t--global--color--nonstatus--green--200":"--pf-t--color--green--30","--pf-t--global--color--nonstatus--green--100":"--pf-t--color--green--20","--pf-t--global--color--nonstatus--gold--300":"--pf-t--color--yellow--40","--pf-t--global--color--nonstatus--gold--200":"--pf-t--color--yellow--30","--pf-t--global--color--nonstatus--gold--100":"--pf-t--color--yellow--20","--pf-t--global--color--nonstatus--orange--300":"--pf-t--color--orange--40","--pf-t--global--color--nonstatus--orange--200":"--pf-t--color--orange--30","--pf-t--global--color--nonstatus--orange--100":"--pf-t--color--orange--20","--pf-t--global--color--nonstatus--orangered--300":"--pf-t--color--red-orange--40","--pf-t--global--color--nonstatus--orangered--200":"--pf-t--color--red-orange--30","--pf-t--global--color--nonstatus--orangered--100":"--pf-t--color--red-orange--20","--pf-t--global--color--nonstatus--red--300":"--pf-t--color--red--40","--pf-t--global--color--nonstatus--red--200":"--pf-t--color--red--30","--pf-t--global--color--nonstatus--red--100":"--pf-t--color--red--20","--pf-t--global--color--severity--critical--100":"--pf-t--color--red-orange--60","--pf-t--global--color--severity--important--100":"--pf-t--color--orange--50","--pf-t--global--color--severity--moderate--100":"--pf-t--color--yellow--40","--pf-t--global--color--severity--minor--100":"--pf-t--color--gray--50","--pf-t--global--color--severity--none--100":"--pf-t--color--blue--40","--pf-t--global--color--severity--undefined--100":"--pf-t--color--gray--30","--pf-t--global--color--status--custom--200":"--pf-t--color--teal--70","--pf-t--global--color--status--custom--100":"--pf-t--color--teal--60","--pf-t--global--color--status--info--200":"--pf-t--color--purple--60","--pf-t--global--color--status--info--100":"--pf-t--color--purple--50","--pf-t--global--color--status--danger--300":"--pf-t--color--red-orange--70","--pf-t--global--color--status--danger--200":"--pf-t--color--red-orange--70","--pf-t--global--color--status--danger--100":"--pf-t--color--red-orange--60","--pf-t--global--color--status--warning--300":"--pf-t--color--yellow--50","--pf-t--global--color--status--warning--200":"--pf-t--color--yellow--40","--pf-t--global--color--status--warning--100":"--pf-t--color--yellow--30","--pf-t--global--color--status--success--200":"--pf-t--color--green--70","--pf-t--global--color--status--success--100":"--pf-t--color--green--60","--pf-t--global--color--favorite--200":"--pf-t--color--yellow--40","--pf-t--global--color--favorite--100":"--pf-t--color--yellow--30","--pf-t--global--color--disabled--300":"--pf-t--color--gray--60","--pf-t--global--color--disabled--200":"--pf-t--color--gray--40","--pf-t--global--color--disabled--100":"--pf-t--color--gray--30","--pf-t--global--color--brand--300":"--pf-t--color--blue--60","--pf-t--global--color--brand--200":"--pf-t--color--blue--50","--pf-t--global--color--brand--100":"--pf-t--color--blue--40","--pf-t--global--background--color--backdrop--default":"--pf-t--global--dark--background--color--500","--pf-t--global--background--color--action--plain--clicked":"--pf-t--global--dark--background--color--600","--pf-t--global--background--color--action--plain--hover":"--pf-t--global--dark--background--color--600","--pf-t--global--background--color--highlight--200":"--pf-t--color--yellow--40","--pf-t--global--background--color--highlight--100":"--pf-t--color--yellow--30","--pf-t--global--background--color--400":"--pf-t--color--gray--80","--pf-t--global--background--color--300":"--pf-t--color--gray--20","--pf-t--global--background--color--200":"--pf-t--color--gray--10","--pf-t--global--background--color--100":"--pf-t--color--white","--pf-t--global--breakpoint--height--2xl":"--pf-t--global--breakpoint--550","--pf-t--global--breakpoint--height--xl":"--pf-t--global--breakpoint--350","--pf-t--global--breakpoint--height--lg":"--pf-t--global--breakpoint--300","--pf-t--global--breakpoint--height--md":"--pf-t--global--breakpoint--250","--pf-t--global--breakpoint--height--sm":"--pf-t--global--breakpoint--100","--pf-t--global--breakpoint--2xl":"--pf-t--global--breakpoint--600","--pf-t--global--breakpoint--xl":"--pf-t--global--breakpoint--500","--pf-t--global--breakpoint--lg":"--pf-t--global--breakpoint--400","--pf-t--global--breakpoint--md":"--pf-t--global--breakpoint--300","--pf-t--global--breakpoint--sm":"--pf-t--global--breakpoint--200","--pf-t--global--breakpoint--xs":"--pf-t--global--breakpoint--100","--pf-t--global--box-shadow--color--lg":"--pf-t--global--dark--box-shadow--color--100","--pf-t--global--box-shadow--color--md":"--pf-t--global--dark--box-shadow--color--100","--pf-t--global--box-shadow--color--sm":"--pf-t--global--dark--box-shadow--color--100","--pf-t--global--box-shadow--spread--lg":"--pf-t--global--box-shadow--spread--100","--pf-t--global--box-shadow--spread--md":"--pf-t--global--box-shadow--spread--100","--pf-t--global--box-shadow--spread--sm":"--pf-t--global--box-shadow--spread--100","--pf-t--global--box-shadow--blur--lg":"--pf-t--global--box-shadow--blur--300","--pf-t--global--box-shadow--blur--md":"--pf-t--global--box-shadow--blur--200","--pf-t--global--box-shadow--blur--sm":"--pf-t--global--box-shadow--blur--100","--pf-t--global--box-shadow--Y--lg--right":"--pf-t--global--box-shadow--Y--400","--pf-t--global--box-shadow--Y--lg--left":"--pf-t--global--box-shadow--Y--400","--pf-t--global--box-shadow--Y--lg--bottom":"--pf-t--global--box-shadow--Y--700","--pf-t--global--box-shadow--Y--lg--top":"--pf-t--global--box-shadow--Y--100","--pf-t--global--box-shadow--Y--lg--default":"--pf-t--global--box-shadow--Y--700","--pf-t--global--box-shadow--Y--md--right":"--pf-t--global--box-shadow--Y--400","--pf-t--global--box-shadow--Y--md--left":"--pf-t--global--box-shadow--Y--400","--pf-t--global--box-shadow--Y--md--bottom":"--pf-t--global--box-shadow--Y--600","--pf-t--global--box-shadow--Y--md--top":"--pf-t--global--box-shadow--Y--200","--pf-t--global--box-shadow--Y--md--default":"--pf-t--global--box-shadow--Y--600","--pf-t--global--box-shadow--Y--sm--right":"--pf-t--global--box-shadow--Y--400","--pf-t--global--box-shadow--Y--sm--left":"--pf-t--global--box-shadow--Y--400","--pf-t--global--box-shadow--Y--sm--bottom":"--pf-t--global--box-shadow--Y--500","--pf-t--global--box-shadow--Y--sm--top":"--pf-t--global--box-shadow--Y--300","--pf-t--global--box-shadow--Y--sm--default":"--pf-t--global--box-shadow--Y--500","--pf-t--global--box-shadow--X--lg--right":"--pf-t--global--box-shadow--X--700","--pf-t--global--box-shadow--X--lg--left":"--pf-t--global--box-shadow--X--100","--pf-t--global--box-shadow--X--lg--bottom":"--pf-t--global--box-shadow--X--400","--pf-t--global--box-shadow--X--lg--top":"--pf-t--global--box-shadow--X--400","--pf-t--global--box-shadow--X--lg--default":"--pf-t--global--box-shadow--X--400","--pf-t--global--box-shadow--X--md--right":"--pf-t--global--box-shadow--X--600","--pf-t--global--box-shadow--X--md--left":"--pf-t--global--box-shadow--X--200","--pf-t--global--box-shadow--X--md--bottom":"--pf-t--global--box-shadow--X--400","--pf-t--global--box-shadow--X--md--top":"--pf-t--global--box-shadow--X--400","--pf-t--global--box-shadow--X--md--default":"--pf-t--global--box-shadow--X--400","--pf-t--global--box-shadow--X--sm--right":"--pf-t--global--box-shadow--X--500","--pf-t--global--box-shadow--X--sm--left":"--pf-t--global--box-shadow--X--300","--pf-t--global--box-shadow--X--sm--bottom":"--pf-t--global--box-shadow--X--400","--pf-t--global--box-shadow--X--sm--top":"--pf-t--global--box-shadow--X--400","--pf-t--global--box-shadow--X--sm--default":"--pf-t--global--box-shadow--X--400","--pf-t--global--z-index--2xl":"--pf-t--global--z-index--600","--pf-t--global--z-index--xl":"--pf-t--global--z-index--500","--pf-t--global--z-index--lg":"--pf-t--global--z-index--400","--pf-t--global--z-index--md":"--pf-t--global--z-index--300","--pf-t--global--z-index--sm":"--pf-t--global--z-index--200","--pf-t--global--z-index--xs":"--pf-t--global--z-index--100","--pf-t--global--font--size--4xl":"--pf-t--global--font--size--800","--pf-t--global--font--size--3xl":"--pf-t--global--font--size--700","--pf-t--global--font--size--2xl":"--pf-t--global--font--size--600","--pf-t--global--font--size--xl":"--pf-t--global--font--size--500","--pf-t--global--font--size--lg":"--pf-t--global--font--size--400","--pf-t--global--font--size--md":"--pf-t--global--font--size--300","--pf-t--global--font--size--sm":"--pf-t--global--font--size--200","--pf-t--global--font--size--xs":"--pf-t--global--font--size--100","--pf-t--global--border--color--300":"--pf-t--color--gray--50","--pf-t--global--border--color--200":"--pf-t--color--gray--40","--pf-t--global--border--color--100":"--pf-t--color--gray--30","--pf-t--global--border--radius--pill":"--pf-t--global--border--radius--500","--pf-t--global--border--radius--large":"--pf-t--global--border--radius--400","--pf-t--global--border--radius--medium":"--pf-t--global--border--radius--300","--pf-t--global--border--radius--small":"--pf-t--global--border--radius--200","--pf-t--global--border--radius--tiny":"--pf-t--global--border--radius--100","--pf-t--global--border--radius--sharp":"--pf-t--global--border--radius--0","--pf-t--global--border--width--control--clicked":"--pf-t--global--border--width--200","--pf-t--global--border--width--control--hover":"--pf-t--global--border--width--100","--pf-t--global--border--width--control--default":"--pf-t--global--border--width--100","--pf-t--global--border--width--button--clicked":"--pf-t--global--border--width--200","--pf-t--global--border--width--button--hover":"--pf-t--global--border--width--200","--pf-t--global--border--width--button--default":"--pf-t--global--border--width--100","--pf-t--global--border--width--box--status--read":"--pf-t--global--border--width--100","--pf-t--global--border--width--box--status--default":"--pf-t--global--border--width--200","--pf-t--global--border--width--box--clicked":"--pf-t--global--border--width--200","--pf-t--global--border--width--box--hover":"--pf-t--global--border--width--100","--pf-t--global--border--width--box--default":"--pf-t--global--border--width--100","--pf-t--global--border--width--extra-strong":"--pf-t--global--border--width--300","--pf-t--global--border--width--strong":"--pf-t--global--border--width--200","--pf-t--global--border--width--divider--clicked":"--pf-t--global--border--width--100","--pf-t--global--border--width--divider--hover":"--pf-t--global--border--width--100","--pf-t--global--border--width--divider--default":"--pf-t--global--border--width--100","--pf-t--global--border--width--regular":"--pf-t--global--border--width--100","--pf-t--global--icon--color--300":"--pf-t--color--white","--pf-t--global--icon--color--200":"--pf-t--color--gray--50","--pf-t--global--icon--color--100":"--pf-t--color--gray--90","--pf-t--global--icon--size--3xl":"--pf-t--global--icon--size--500","--pf-t--global--icon--size--2xl":"--pf-t--global--icon--size--400","--pf-t--global--icon--size--xl":"--pf-t--global--icon--size--300","--pf-t--global--icon--size--lg":"--pf-t--global--icon--size--250","--pf-t--global--icon--size--md":"--pf-t--global--icon--size--200","--pf-t--global--icon--size--sm":"--pf-t--global--icon--size--100","--pf-t--global--spacer--button--vertical--compact":"--pf-t--global--spacer--100","--pf-t--global--spacer--button--horizontal--compact":"--pf-t--global--spacer--300","--pf-t--global--spacer--4xl":"--pf-t--global--spacer--800","--pf-t--global--spacer--3xl":"--pf-t--global--spacer--700","--pf-t--global--spacer--2xl":"--pf-t--global--spacer--600","--pf-t--global--spacer--xl":"--pf-t--global--spacer--500","--pf-t--global--spacer--lg":"--pf-t--global--spacer--400","--pf-t--global--spacer--md":"--pf-t--global--spacer--300","--pf-t--global--spacer--sm":"--pf-t--global--spacer--200","--pf-t--global--spacer--xs":"--pf-t--global--spacer--100","--pf-t--global--motion--duration--icon--long":"--pf-t--global--motion--duration--md","--pf-t--global--motion--duration--icon--default":"--pf-t--global--motion--duration--sm","--pf-t--global--motion--duration--icon--short":"--pf-t--global--motion--duration--xs","--pf-t--global--motion--duration--slide-in--long":"--pf-t--global--motion--duration--2xl","--pf-t--global--motion--duration--slide-in--default":"--pf-t--global--motion--duration--xl","--pf-t--global--motion--duration--slide-in--short":"--pf-t--global--motion--duration--lg","--pf-t--global--motion--duration--slide-out--long":"--pf-t--global--motion--duration--2xl","--pf-t--global--motion--duration--slide-out--default":"--pf-t--global--motion--duration--xl","--pf-t--global--motion--duration--slide-out--short":"--pf-t--global--motion--duration--lg","--pf-t--global--motion--duration--fade--long":"--pf-t--global--motion--duration--lg","--pf-t--global--motion--duration--fade--default":"--pf-t--global--motion--duration--md","--pf-t--global--motion--duration--fade--short":"--pf-t--global--motion--duration--sm","--pf-t--global--text--color--status--warning--clicked":"--pf-t--global--color--status--warning--clicked","--pf-t--global--text--color--status--warning--hover":"--pf-t--global--color--status--warning--hover","--pf-t--global--text--color--status--warning--default":"--pf-t--global--color--status--warning--default","--pf-t--global--text--color--on-highlight":"--pf-t--global--dark--text--color--300","--pf-t--global--text--color--required":"--pf-t--global--dark--text--color--400","--pf-t--global--text--color--on-disabled":"--pf-t--global--dark--color--disabled--300","--pf-t--global--text--color--disabled":"--pf-t--global--dark--color--disabled--200","--pf-t--global--text--color--inverse":"--pf-t--global--dark--text--color--300","--pf-t--global--text--color--subtle":"--pf-t--global--dark--text--color--200","--pf-t--global--text--color--regular":"--pf-t--global--dark--text--color--100","--pf-t--global--text--color--link--visited":"--pf-t--global--dark--text--color--link--300","--pf-t--global--text--color--link--hover":"--pf-t--global--dark--text--color--link--200","--pf-t--global--text--color--link--default":"--pf-t--global--dark--text--color--link--100","--pf-t--global--color--nonstatus--gray--clicked":"--pf-t--global--dark--color--nonstatus--gray--200","--pf-t--global--color--nonstatus--gray--hover":"--pf-t--global--dark--color--nonstatus--gray--200","--pf-t--global--color--nonstatus--gray--default":"--pf-t--global--dark--color--nonstatus--gray--100","--pf-t--global--color--nonstatus--purple--clicked":"--pf-t--global--dark--color--nonstatus--purple--200","--pf-t--global--color--nonstatus--purple--hover":"--pf-t--global--dark--color--nonstatus--purple--200","--pf-t--global--color--nonstatus--purple--default":"--pf-t--global--dark--color--nonstatus--purple--100","--pf-t--global--color--nonstatus--blue--clicked":"--pf-t--global--dark--color--nonstatus--blue--200","--pf-t--global--color--nonstatus--blue--hover":"--pf-t--global--dark--color--nonstatus--blue--200","--pf-t--global--color--nonstatus--blue--default":"--pf-t--global--dark--color--nonstatus--blue--100","--pf-t--global--color--nonstatus--cyan--clicked":"--pf-t--global--dark--color--nonstatus--cyan--200","--pf-t--global--color--nonstatus--cyan--hover":"--pf-t--global--dark--color--nonstatus--cyan--200","--pf-t--global--color--nonstatus--cyan--default":"--pf-t--global--dark--color--nonstatus--cyan--100","--pf-t--global--color--nonstatus--green--clicked":"--pf-t--global--dark--color--nonstatus--green--200","--pf-t--global--color--nonstatus--green--hover":"--pf-t--global--dark--color--nonstatus--green--200","--pf-t--global--color--nonstatus--green--default":"--pf-t--global--dark--color--nonstatus--green--100","--pf-t--global--color--nonstatus--gold--clicked":"--pf-t--global--dark--color--nonstatus--gold--200","--pf-t--global--color--nonstatus--gold--hover":"--pf-t--global--dark--color--nonstatus--gold--200","--pf-t--global--color--nonstatus--gold--default":"--pf-t--global--dark--color--nonstatus--gold--100","--pf-t--global--color--nonstatus--orange--clicked":"--pf-t--global--dark--color--nonstatus--orange--200","--pf-t--global--color--nonstatus--orange--hover":"--pf-t--global--dark--color--nonstatus--orange--200","--pf-t--global--color--nonstatus--orange--default":"--pf-t--global--dark--color--nonstatus--orange--100","--pf-t--global--color--nonstatus--orangered--clicked":"--pf-t--global--dark--color--nonstatus--orangered--200","--pf-t--global--color--nonstatus--orangered--hover":"--pf-t--global--dark--color--nonstatus--orangered--200","--pf-t--global--color--nonstatus--orangered--default":"--pf-t--global--dark--color--nonstatus--orangered--100","--pf-t--global--color--nonstatus--red--clicked":"--pf-t--global--dark--color--nonstatus--red--200","--pf-t--global--color--nonstatus--red--hover":"--pf-t--global--dark--color--nonstatus--red--200","--pf-t--global--color--nonstatus--red--default":"--pf-t--global--dark--color--nonstatus--red--100","--pf-t--global--color--status--custom--clicked":"--pf-t--global--dark--color--status--custom--200","--pf-t--global--color--status--custom--hover":"--pf-t--global--dark--color--status--custom--200","--pf-t--global--color--status--custom--default":"--pf-t--global--dark--color--status--custom--100","--pf-t--global--color--status--info--clicked":"--pf-t--global--dark--color--status--info--200","--pf-t--global--color--status--info--hover":"--pf-t--global--dark--color--status--info--200","--pf-t--global--color--status--info--default":"--pf-t--global--dark--color--status--info--100","--pf-t--global--color--status--danger--clicked":"--pf-t--global--dark--color--status--danger--200","--pf-t--global--color--status--danger--hover":"--pf-t--global--dark--color--status--danger--200","--pf-t--global--color--status--danger--default":"--pf-t--global--dark--color--status--danger--100","--pf-t--global--color--status--warning--clicked":"--pf-t--global--dark--color--status--warning--200","--pf-t--global--color--status--warning--hover":"--pf-t--global--dark--color--status--warning--200","--pf-t--global--color--status--warning--default":"--pf-t--global--dark--color--status--warning--100","--pf-t--global--color--status--success--clicked":"--pf-t--global--dark--color--status--success--200","--pf-t--global--color--status--success--hover":"--pf-t--global--dark--color--status--success--200","--pf-t--global--color--status--success--default":"--pf-t--global--dark--color--status--success--100","--pf-t--global--color--favorite--clicked":"--pf-t--global--dark--color--favorite--200","--pf-t--global--color--favorite--hover":"--pf-t--global--dark--color--favorite--200","--pf-t--global--color--favorite--default":"--pf-t--global--dark--color--favorite--100","--pf-t--global--color--brand--clicked":"--pf-t--global--dark--color--brand--200","--pf-t--global--color--brand--hover":"--pf-t--global--dark--color--brand--200","--pf-t--global--color--brand--default":"--pf-t--global--dark--color--brand--100","--pf-t--global--background--color--disabled--default":"--pf-t--global--dark--color--disabled--100","--pf-t--global--background--color--inverse--default":"--pf-t--global--dark--background--color--400","--pf-t--global--background--color--action--plain--alt--clicked":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--action--plain--alt--hover":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--floating--clicked":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--floating--hover":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--floating--default":"--pf-t--global--dark--background--color--300","--pf-t--global--background--color--secondary--clicked":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--secondary--hover":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--secondary--default":"--pf-t--global--dark--background--color--100","--pf-t--global--background--color--primary--clicked":"--pf-t--global--dark--background--color--300","--pf-t--global--background--color--primary--hover":"--pf-t--global--dark--background--color--300","--pf-t--global--background--color--primary--default":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--highlight--clicked":"--pf-t--global--dark--background--color--highlight--200","--pf-t--global--background--color--highlight--default":"--pf-t--global--dark--background--color--highlight--100","--pf-t--global--font--size--heading--h6":"--pf-t--global--font--size--md","--pf-t--global--font--size--heading--h5":"--pf-t--global--font--size--md","--pf-t--global--font--size--heading--h4":"--pf-t--global--font--size--md","--pf-t--global--font--size--heading--h3":"--pf-t--global--font--size--lg","--pf-t--global--font--size--heading--h2":"--pf-t--global--font--size--xl","--pf-t--global--font--size--heading--h1":"--pf-t--global--font--size--2xl","--pf-t--global--font--size--body--lg":"--pf-t--global--font--size--md","--pf-t--global--font--size--body--default":"--pf-t--global--font--size--sm","--pf-t--global--font--size--body--sm":"--pf-t--global--font--size--xs","--pf-t--global--border--color--nonstatus--gray--clicked":"--pf-t--global--dark--color--nonstatus--gray--200","--pf-t--global--border--color--nonstatus--gray--hover":"--pf-t--global--dark--color--nonstatus--gray--200","--pf-t--global--border--color--nonstatus--gray--default":"--pf-t--global--dark--color--nonstatus--gray--100","--pf-t--global--border--color--nonstatus--purple--clicked":"--pf-t--global--dark--color--nonstatus--purple--200","--pf-t--global--border--color--nonstatus--purple--hover":"--pf-t--global--dark--color--nonstatus--purple--200","--pf-t--global--border--color--nonstatus--purple--default":"--pf-t--global--dark--color--nonstatus--purple--100","--pf-t--global--border--color--nonstatus--blue--clicked":"--pf-t--global--dark--color--nonstatus--blue--200","--pf-t--global--border--color--nonstatus--blue--hover":"--pf-t--global--dark--color--nonstatus--blue--200","--pf-t--global--border--color--nonstatus--blue--default":"--pf-t--global--dark--color--nonstatus--blue--100","--pf-t--global--border--color--nonstatus--cyan--clicked":"--pf-t--global--dark--color--nonstatus--cyan--200","--pf-t--global--border--color--nonstatus--cyan--hover":"--pf-t--global--dark--color--nonstatus--cyan--200","--pf-t--global--border--color--nonstatus--cyan--default":"--pf-t--global--dark--color--nonstatus--cyan--100","--pf-t--global--border--color--nonstatus--green--clicked":"--pf-t--global--dark--color--nonstatus--green--200","--pf-t--global--border--color--nonstatus--green--hover":"--pf-t--global--dark--color--nonstatus--green--200","--pf-t--global--border--color--nonstatus--green--default":"--pf-t--global--dark--color--nonstatus--green--100","--pf-t--global--border--color--nonstatus--gold--clicked":"--pf-t--global--dark--color--nonstatus--gold--200","--pf-t--global--border--color--nonstatus--gold--hover":"--pf-t--global--dark--color--nonstatus--gold--200","--pf-t--global--border--color--nonstatus--gold--default":"--pf-t--global--dark--color--nonstatus--gold--100","--pf-t--global--border--color--nonstatus--orange--clicked":"--pf-t--global--dark--color--nonstatus--orange--200","--pf-t--global--border--color--nonstatus--orange--hover":"--pf-t--global--dark--color--nonstatus--orange--200","--pf-t--global--border--color--nonstatus--orange--default":"--pf-t--global--dark--color--nonstatus--orange--100","--pf-t--global--border--color--nonstatus--orangered--clicked":"--pf-t--global--dark--color--nonstatus--orangered--200","--pf-t--global--border--color--nonstatus--orangered--hover":"--pf-t--global--dark--color--nonstatus--orangered--200","--pf-t--global--border--color--nonstatus--orangered--default":"--pf-t--global--dark--color--nonstatus--orangered--100","--pf-t--global--border--color--nonstatus--red--clicked":"--pf-t--global--dark--color--nonstatus--red--200","--pf-t--global--border--color--nonstatus--red--hover":"--pf-t--global--dark--color--nonstatus--red--200","--pf-t--global--border--color--nonstatus--red--default":"--pf-t--global--dark--color--nonstatus--red--100","--pf-t--global--border--color--on-secondary":"--pf-t--global--dark--border--color--200","--pf-t--global--border--color--disabled":"--pf-t--global--dark--color--disabled--200","--pf-t--global--border--color--clicked":"--pf-t--global--dark--color--brand--200","--pf-t--global--border--color--hover":"--pf-t--global--dark--color--brand--100","--pf-t--global--border--color--default":"--pf-t--global--dark--border--color--200","--pf-t--global--border--color--status--warning--clicked":"--pf-t--global--color--status--warning--clicked","--pf-t--global--border--color--status--warning--hover":"--pf-t--global--color--status--warning--hover","--pf-t--global--border--color--status--warning--default":"--pf-t--global--color--status--warning--default","--pf-t--global--icon--color--severity--critical--default":"--pf-t--global--dark--color--severity--critical--100","--pf-t--global--icon--color--severity--important--default":"--pf-t--global--dark--color--severity--important--100","--pf-t--global--icon--color--severity--moderate--default":"--pf-t--global--dark--color--severity--moderate--100","--pf-t--global--icon--color--severity--minor--default":"--pf-t--global--dark--color--severity--minor--100","--pf-t--global--icon--color--severity--none--default":"--pf-t--global--dark--color--severity--none--100","--pf-t--global--icon--color--severity--undefined--default":"--pf-t--global--dark--color--severity--undefined--100","--pf-t--global--icon--color--on-disabled":"--pf-t--global--dark--color--disabled--300","--pf-t--global--icon--color--disabled":"--pf-t--global--dark--color--disabled--200","--pf-t--global--icon--color--inverse":"--pf-t--global--dark--icon--color--300","--pf-t--global--icon--color--subtle":"--pf-t--global--dark--icon--color--200","--pf-t--global--icon--color--regular":"--pf-t--global--dark--icon--color--100","--pf-t--global--icon--color--status--warning--clicked":"--pf-t--global--color--status--warning--clicked","--pf-t--global--icon--color--status--warning--hover":"--pf-t--global--color--status--warning--hover","--pf-t--global--icon--color--status--warning--default":"--pf-t--global--color--status--warning--default","--pf-t--global--icon--size--font--4xl":"--pf-t--global--font--size--4xl","--pf-t--global--icon--size--font--3xl":"--pf-t--global--font--size--3xl","--pf-t--global--icon--size--font--2xl":"--pf-t--global--font--size--2xl","--pf-t--global--icon--size--font--xl":"--pf-t--global--font--size--xl","--pf-t--global--icon--size--font--lg":"--pf-t--global--font--size--lg","--pf-t--global--icon--size--font--md":"--pf-t--global--font--size--md","--pf-t--global--icon--size--font--sm":"--pf-t--global--font--size--sm","--pf-t--global--icon--size--font--xs":"--pf-t--global--font--size--xs","--pf-t--global--spacer--gap--action-to-action--plain":"--pf-t--global--spacer--xs","--pf-t--global--spacer--gap--action-to-action--default":"--pf-t--global--spacer--md","--pf-t--global--spacer--gap--group-to-group--vertical":"--pf-t--global--spacer--lg","--pf-t--global--spacer--gap--group-to-group--horizontal":"--pf-t--global--spacer--2xl","--pf-t--global--spacer--gap--group--horizontal":"--pf-t--global--spacer--md","--pf-t--global--spacer--gap--group--vertical":"--pf-t--global--spacer--sm","--pf-t--global--spacer--gap--control-to-control--default":"--pf-t--global--spacer--xs","--pf-t--global--spacer--gap--text-to-element--default":"--pf-t--global--spacer--sm","--pf-t--global--spacer--control--horizontal--plain":"--pf-t--global--spacer--sm","--pf-t--global--spacer--control--horizontal--default":"--pf-t--global--spacer--md","--pf-t--global--spacer--control--vertical--plain":"--pf-t--global--spacer--sm","--pf-t--global--spacer--control--vertical--default":"--pf-t--global--spacer--sm","--pf-t--global--spacer--action--horizontal--plain":"--pf-t--global--spacer--sm","--pf-t--global--spacer--action--horizontal--default":"--pf-t--global--spacer--lg","--pf-t--global--spacer--action--vertical--plain":"--pf-t--global--spacer--sm","--pf-t--global--spacer--action--vertical--default":"--pf-t--global--spacer--sm","--pf-t--global--text--color--nonstatus--on-gray--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-gray--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-gray--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-purple--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-purple--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-purple--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-blue--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-blue--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-blue--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-cyan--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-cyan--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-cyan--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-green--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-green--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-green--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-gold--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-gold--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-gold--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-orange--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-orange--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-orange--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-orangered--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-orangered--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-orangered--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-red--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-red--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-red--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--unread--on-attention--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--unread--on-attention--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--unread--on-attention--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--unread--on-default--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--unread--on-default--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--unread--on-default--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-custom--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-custom--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-custom--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--custom--clicked":"--pf-t--global--color--status--custom--clicked","--pf-t--global--text--color--status--custom--hover":"--pf-t--global--color--status--custom--hover","--pf-t--global--text--color--status--custom--default":"--pf-t--global--color--status--custom--default","--pf-t--global--text--color--status--on-info--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-info--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-info--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--info--clicked":"--pf-t--global--color--status--info--clicked","--pf-t--global--text--color--status--info--hover":"--pf-t--global--color--status--info--hover","--pf-t--global--text--color--status--info--default":"--pf-t--global--color--status--info--default","--pf-t--global--text--color--status--on-danger--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-danger--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-danger--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--danger--clicked":"--pf-t--global--dark--color--status--danger--300","--pf-t--global--text--color--status--danger--hover":"--pf-t--global--dark--color--status--danger--300","--pf-t--global--text--color--status--danger--default":"--pf-t--global--dark--color--status--danger--250","--pf-t--global--text--color--status--on-warning--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-warning--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-warning--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-success--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-success--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-success--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--success--clicked":"--pf-t--global--color--status--success--clicked","--pf-t--global--text--color--status--success--hover":"--pf-t--global--color--status--success--hover","--pf-t--global--text--color--status--success--default":"--pf-t--global--color--status--success--default","--pf-t--global--text--color--brand--clicked":"--pf-t--global--dark--color--brand--300","--pf-t--global--text--color--brand--hover":"--pf-t--global--dark--color--brand--300","--pf-t--global--text--color--brand--default":"--pf-t--global--dark--color--brand--200","--pf-t--global--text--color--placeholder":"--pf-t--global--text--color--subtle","--pf-t--global--text--color--on-brand--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--on-brand--hover":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--on-brand--default":"--pf-t--global--text--color--inverse","--pf-t--global--color--status--read--on-primary":"--pf-t--global--background--color--secondary--default","--pf-t--global--color--status--unread--attention--hover":"--pf-t--global--color--status--danger--hover","--pf-t--global--color--status--unread--attention--clicked":"--pf-t--global--color--status--danger--clicked","--pf-t--global--color--status--unread--attention--default":"--pf-t--global--color--status--danger--default","--pf-t--global--color--status--unread--default--clicked":"--pf-t--global--color--brand--clicked","--pf-t--global--color--status--unread--default--hover":"--pf-t--global--color--brand--hover","--pf-t--global--color--status--unread--default--default":"--pf-t--global--color--brand--default","--pf-t--global--background--color--control--default":"--pf-t--global--dark--background--color--300","--pf-t--global--border--color--alt":"--pf-t--global--background--color--primary--default","--pf-t--global--border--color--status--custom--clicked":"--pf-t--global--color--status--custom--clicked","--pf-t--global--border--color--status--custom--hover":"--pf-t--global--color--status--custom--hover","--pf-t--global--border--color--status--custom--default":"--pf-t--global--color--status--custom--default","--pf-t--global--border--color--status--info--clicked":"--pf-t--global--color--status--info--clicked","--pf-t--global--border--color--status--info--hover":"--pf-t--global--color--status--info--hover","--pf-t--global--border--color--status--info--default":"--pf-t--global--color--status--info--default","--pf-t--global--border--color--status--danger--clicked":"--pf-t--global--color--status--danger--clicked","--pf-t--global--border--color--status--danger--hover":"--pf-t--global--color--status--danger--hover","--pf-t--global--border--color--status--danger--default":"--pf-t--global--color--status--danger--default","--pf-t--global--border--color--status--success--clicked":"--pf-t--global--color--status--success--clicked","--pf-t--global--border--color--status--success--hover":"--pf-t--global--color--status--success--hover","--pf-t--global--border--color--status--success--default":"--pf-t--global--color--status--success--default","--pf-t--global--border--color--brand--clicked":"--pf-t--global--color--brand--clicked","--pf-t--global--border--color--brand--hover":"--pf-t--global--color--brand--hover","--pf-t--global--border--color--brand--default":"--pf-t--global--color--brand--default","--pf-t--global--icon--color--nonstatus--on-gray--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-gray--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-gray--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-purple--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-purple--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-purple--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-blue--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-blue--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-blue--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-cyan--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-cyan--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-cyan--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-green--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-green--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-green--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-gold--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-gold--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-gold--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-orange--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-orange--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-orange--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-orangered--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-orangered--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-orangered--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-red--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-red--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--nonstatus--on-red--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--unread--on-attention--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--unread--on-attention--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--unread--on-attention--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--unread--on-default--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--unread--on-default--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--unread--on-default--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-custom--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-custom--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-custom--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--custom--clicked":"--pf-t--global--color--status--custom--clicked","--pf-t--global--icon--color--status--custom--hover":"--pf-t--global--color--status--custom--hover","--pf-t--global--icon--color--status--custom--default":"--pf-t--global--color--status--custom--default","--pf-t--global--icon--color--status--on-info--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-info--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-info--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--info--clicked":"--pf-t--global--color--status--info--clicked","--pf-t--global--icon--color--status--info--hover":"--pf-t--global--color--status--info--hover","--pf-t--global--icon--color--status--info--default":"--pf-t--global--color--status--info--default","--pf-t--global--icon--color--status--on-danger--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-danger--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-danger--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--danger--clicked":"--pf-t--global--color--status--danger--clicked","--pf-t--global--icon--color--status--danger--hover":"--pf-t--global--color--status--danger--hover","--pf-t--global--icon--color--status--danger--default":"--pf-t--global--color--status--danger--default","--pf-t--global--icon--color--status--on-warning--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-warning--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-warning--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-success--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-success--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--on-success--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--success--clicked":"--pf-t--global--color--status--success--clicked","--pf-t--global--icon--color--status--success--hover":"--pf-t--global--color--status--success--hover","--pf-t--global--icon--color--status--success--default":"--pf-t--global--color--status--success--default","--pf-t--global--icon--color--favorite--clicked":"--pf-t--global--color--favorite--clicked","--pf-t--global--icon--color--favorite--hover":"--pf-t--global--color--favorite--hover","--pf-t--global--icon--color--favorite--default":"--pf-t--global--color--favorite--default","--pf-t--global--icon--color--on-brand--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--on-brand--hover":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--on-brand--default":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--brand--clicked":"--pf-t--global--dark--color--brand--300","--pf-t--global--icon--color--brand--hover":"--pf-t--global--dark--color--brand--300","--pf-t--global--icon--color--brand--default":"--pf-t--global--dark--color--brand--200","--pf-t--global--icon--size--font--body--lg":"--pf-t--global--font--size--body--lg","--pf-t--global--icon--size--font--body--default":"--pf-t--global--font--size--body--default","--pf-t--global--icon--size--font--body--sm":"--pf-t--global--font--size--body--sm","--pf-t--global--icon--size--font--heading--h6":"--pf-t--global--font--size--heading--h6","--pf-t--global--icon--size--font--heading--h5":"--pf-t--global--font--size--heading--h5","--pf-t--global--icon--size--font--heading--h4":"--pf-t--global--font--size--heading--h4","--pf-t--global--icon--size--font--heading--h3":"--pf-t--global--font--size--heading--h3","--pf-t--global--icon--size--font--heading--h2":"--pf-t--global--font--size--heading--h2","--pf-t--global--icon--size--font--heading--h1":"--pf-t--global--font--size--heading--h1","--pf-t--global--color--status--read--on-secondary":"--pf-t--global--background--color--control--default","--pf-t--global--dark--box-shadow--color--100":"rgba(0, 0, 0, 0.5000)","--pf-t--global--dark--background--color--600":"rgba(199, 199, 199, 0.1500)","--pf-t--global--dark--background--color--500":"rgba(21, 21, 21, 0.8000)","--pf-t--global--dark--icon--color--300":"--pf-t--color--gray--90","--pf-t--global--dark--icon--color--200":"--pf-t--color--gray--40","--pf-t--global--dark--icon--color--100":"--pf-t--color--gray--10","--pf-t--global--dark--text--color--link--300":"--pf-t--color--purple--30","--pf-t--global--dark--text--color--link--200":"--pf-t--color--blue--10","--pf-t--global--dark--text--color--link--100":"--pf-t--color--blue--20","--pf-t--global--dark--text--color--400":"--pf-t--color--red-orange--30","--pf-t--global--dark--text--color--300":"--pf-t--color--gray--90","--pf-t--global--dark--text--color--200":"--pf-t--color--gray--30","--pf-t--global--dark--text--color--100":"--pf-t--color--gray--10","--pf-t--global--dark--border--color--200":"--pf-t--color--gray--40","--pf-t--global--dark--border--color--100":"--pf-t--color--gray--50","--pf-t--global--dark--color--nonstatus--gray--300":"--pf-t--color--gray--10","--pf-t--global--dark--color--nonstatus--gray--200":"--pf-t--color--gray--20","--pf-t--global--dark--color--nonstatus--gray--100":"--pf-t--color--gray--30","--pf-t--global--dark--color--nonstatus--purple--300":"--pf-t--color--purple--10","--pf-t--global--dark--color--nonstatus--purple--200":"--pf-t--color--purple--20","--pf-t--global--dark--color--nonstatus--purple--100":"--pf-t--color--purple--30","--pf-t--global--dark--color--nonstatus--blue--300":"--pf-t--color--blue--10","--pf-t--global--dark--color--nonstatus--blue--200":"--pf-t--color--blue--20","--pf-t--global--dark--color--nonstatus--blue--100":"--pf-t--color--blue--30","--pf-t--global--dark--color--nonstatus--cyan--300":"--pf-t--color--teal--10","--pf-t--global--dark--color--nonstatus--cyan--200":"--pf-t--color--teal--20","--pf-t--global--dark--color--nonstatus--cyan--100":"--pf-t--color--teal--30","--pf-t--global--dark--color--nonstatus--green--300":"--pf-t--color--green--10","--pf-t--global--dark--color--nonstatus--green--200":"--pf-t--color--green--20","--pf-t--global--dark--color--nonstatus--green--100":"--pf-t--color--green--30","--pf-t--global--dark--color--nonstatus--gold--300":"--pf-t--color--yellow--10","--pf-t--global--dark--color--nonstatus--gold--200":"--pf-t--color--yellow--20","--pf-t--global--dark--color--nonstatus--gold--100":"--pf-t--color--yellow--30","--pf-t--global--dark--color--nonstatus--orange--300":"--pf-t--color--orange--10","--pf-t--global--dark--color--nonstatus--orange--200":"--pf-t--color--orange--20","--pf-t--global--dark--color--nonstatus--orange--100":"--pf-t--color--orange--30","--pf-t--global--dark--color--nonstatus--orangered--300":"--pf-t--color--red-orange--10","--pf-t--global--dark--color--nonstatus--orangered--200":"--pf-t--color--red-orange--20","--pf-t--global--dark--color--nonstatus--orangered--100":"--pf-t--color--red-orange--30","--pf-t--global--dark--color--nonstatus--red--300":"--pf-t--color--red--10","--pf-t--global--dark--color--nonstatus--red--200":"--pf-t--color--red--20","--pf-t--global--dark--color--nonstatus--red--100":"--pf-t--color--red--30","--pf-t--global--dark--color--status--custom--200":"--pf-t--color--teal--30","--pf-t--global--dark--color--status--custom--100":"--pf-t--color--teal--40","--pf-t--global--dark--color--status--info--200":"--pf-t--color--purple--20","--pf-t--global--dark--color--status--info--100":"--pf-t--color--purple--30","--pf-t--global--dark--color--status--danger--300":"--pf-t--color--red-orange--20","--pf-t--global--dark--color--status--danger--250":"--pf-t--color--red-orange--30","--pf-t--global--dark--color--status--danger--200":"--pf-t--color--red-orange--40","--pf-t--global--dark--color--status--danger--100":"--pf-t--color--red-orange--50","--pf-t--global--dark--color--status--warning--200":"--pf-t--color--yellow--20","--pf-t--global--dark--color--status--warning--100":"--pf-t--color--yellow--30","--pf-t--global--dark--color--status--success--200":"--pf-t--color--green--30","--pf-t--global--dark--color--status--success--100":"--pf-t--color--green--40","--pf-t--global--dark--color--severity--critical--100":"--pf-t--color--red-orange--50","--pf-t--global--dark--color--severity--important--100":"--pf-t--color--orange--40","--pf-t--global--dark--color--severity--moderate--100":"--pf-t--color--yellow--30","--pf-t--global--dark--color--severity--minor--100":"--pf-t--color--gray--30","--pf-t--global--dark--color--severity--none--100":"--pf-t--color--blue--30","--pf-t--global--dark--color--severity--undefined--100":"--pf-t--color--gray--40","--pf-t--global--dark--color--favorite--200":"--pf-t--color--yellow--20","--pf-t--global--dark--color--favorite--100":"--pf-t--color--yellow--30","--pf-t--global--dark--color--disabled--300":"--pf-t--color--gray--70","--pf-t--global--dark--color--disabled--200":"--pf-t--color--gray--50","--pf-t--global--dark--color--disabled--100":"--pf-t--color--gray--40","--pf-t--global--dark--color--brand--300":"--pf-t--color--blue--10","--pf-t--global--dark--color--brand--200":"--pf-t--color--blue--20","--pf-t--global--dark--color--brand--100":"--pf-t--color--blue--30","--pf-t--global--dark--background--color--highlight--200":"--pf-t--color--yellow--30","--pf-t--global--dark--background--color--highlight--100":"--pf-t--color--yellow--20","--pf-t--global--dark--background--color--400":"--pf-t--color--gray--10","--pf-t--global--dark--background--color--300":"--pf-t--color--gray--70","--pf-t--global--dark--background--color--200":"--pf-t--color--gray--80","--pf-t--global--dark--background--color--100":"--pf-t--color--gray--95","--pf-t--chart--global--stroke-line-join":"round","--pf-t--chart--global--layout--width":"450","--pf-t--chart--global--layout--height":"300","--pf-t--chart--global--layout--padding":"50","--pf-t--chart--global--label--text-anchor":"middle","--pf-t--chart--global--label--stroke":"transparent","--pf-t--chart--global--label--margin":"8","--pf-t--chart--global--label--padding":"10","--pf-t--chart--global--stroke-line-cap":"round","--pf-t--chart--global--letter-spacing":"normal","--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--stroke--width--sm":"2","--pf-t--chart--global--stroke--width--xs":"1","--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--label--fill":"--pf-t--color--white","--pf-t--chart--global--danger--color--100":"--pf-t--color--red-orange--50","--pf-t--chart--global--success--color--100":"--pf-t--color--blue--30","--pf-t--chart--global--warning--color--200":"--pf-t--color--yellow--30","--pf-t--chart--global--warning--color--100":"--pf-t--color--orange--30","--pf-t--chart--global--fill--color--white":"--pf-t--color--white","--pf-t--chart--global--fill--color--900":"--pf-t--color--white","--pf-t--chart--global--fill--color--700":"--pf-t--color--gray--10","--pf-t--chart--global--fill--color--500":"--pf-t--color--gray--20","--pf-t--chart--global--fill--color--400":"--pf-t--color--gray--30","--pf-t--chart--global--fill--color--300":"--pf-t--color--gray--40","--pf-t--chart--global--fill--color--200":"--pf-t--color--gray--50","--pf-t--chart--global--fill--color--100":"--pf-t--color--gray--60","--pf-t--chart--color--black--500":"--pf-t--color--gray--10","--pf-t--chart--color--black--400":"--pf-t--color--gray--20","--pf-t--chart--color--black--300":"--pf-t--color--gray--30","--pf-t--chart--color--black--200":"--pf-t--color--gray--40","--pf-t--chart--color--black--100":"--pf-t--color--gray--50","--pf-t--chart--color--red-orange--500":"--pf-t--color--red-orange--10","--pf-t--chart--color--red-orange--400":"--pf-t--color--red-orange--20","--pf-t--chart--color--red-orange--300":"--pf-t--color--red-orange--30","--pf-t--chart--color--red-orange--200":"--pf-t--color--red-orange--40","--pf-t--chart--color--red-orange--100":"--pf-t--color--red-orange--50","--pf-t--chart--color--orange--500":"--pf-t--color--orange--10","--pf-t--chart--color--orange--400":"--pf-t--color--orange--20","--pf-t--chart--color--orange--300":"--pf-t--color--orange--30","--pf-t--chart--color--orange--200":"--pf-t--color--orange--40","--pf-t--chart--color--orange--100":"--pf-t--color--orange--50","--pf-t--chart--color--yellow--500":"--pf-t--color--yellow--10","--pf-t--chart--color--yellow--400":"--pf-t--color--yellow--20","--pf-t--chart--color--yellow--300":"--pf-t--color--yellow--30","--pf-t--chart--color--yellow--200":"--pf-t--color--yellow--40","--pf-t--chart--color--yellow--100":"--pf-t--color--yellow--50","--pf-t--chart--color--purple--500":"--pf-t--color--purple--20","--pf-t--chart--color--purple--400":"--pf-t--color--purple--30","--pf-t--chart--color--purple--300":"--pf-t--color--purple--40","--pf-t--chart--color--purple--200":"--pf-t--color--purple--50","--pf-t--chart--color--purple--100":"--pf-t--color--purple--60","--pf-t--chart--color--teal--500":"--pf-t--color--teal--10","--pf-t--chart--color--teal--400":"--pf-t--color--teal--20","--pf-t--chart--color--teal--300":"--pf-t--color--teal--30","--pf-t--chart--color--teal--200":"--pf-t--color--teal--40","--pf-t--chart--color--teal--100":"--pf-t--color--teal--50","--pf-t--chart--color--green--500":"--pf-t--color--green--10","--pf-t--chart--color--green--400":"--pf-t--color--green--20","--pf-t--chart--color--green--300":"--pf-t--color--green--30","--pf-t--chart--color--green--200":"--pf-t--color--green--40","--pf-t--chart--color--green--100":"--pf-t--color--green--50","--pf-t--chart--color--blue--500":"--pf-t--color--blue--10","--pf-t--chart--color--blue--400":"--pf-t--color--blue--20","--pf-t--chart--color--blue--300":"--pf-t--color--blue--30","--pf-t--chart--color--blue--200":"--pf-t--color--blue--40","--pf-t--chart--color--blue--100":"--pf-t--color--blue--50","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3500":"--pf-t--chart--color--black--400","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3400":"--pf-t--chart--color--teal--400","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3300":"--pf-t--chart--color--orange--400","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3200":"--pf-t--chart--color--purple--400","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3100":"--pf-t--chart--color--green--400","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3000":"--pf-t--chart--color--yellow--400","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2900":"--pf-t--chart--color--blue--400","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2800":"--pf-t--chart--color--black--500","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2700":"--pf-t--chart--color--teal--100","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2600":"--pf-t--chart--color--orange--500","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2500":"--pf-t--chart--color--purple--100","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2400":"--pf-t--chart--color--green--500","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2300":"--pf-t--chart--color--yellow--100","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2200":"--pf-t--chart--color--blue--500","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2100":"--pf-t--chart--color--black--100","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--2000":"--pf-t--chart--color--teal--500","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1900":"--pf-t--chart--color--orange--100","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1800":"--pf-t--chart--color--purple--500","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1700":"--pf-t--chart--color--green--100","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1600":"--pf-t--chart--color--yellow--500","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1500":"--pf-t--chart--color--blue--100","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1400":"--pf-t--chart--color--black--300","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1300":"--pf-t--chart--color--teal--200","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1200":"--pf-t--chart--color--orange--300","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1100":"--pf-t--chart--color--purple--200","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--1000":"--pf-t--chart--color--green--300","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--900":"--pf-t--chart--color--yellow--200","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--800":"--pf-t--chart--color--blue--300","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--700":"--pf-t--chart--color--black--200","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--600":"--pf-t--chart--color--teal--300","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--500":"--pf-t--chart--color--orange--200","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--400":"--pf-t--chart--color--purple--300","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--300":"--pf-t--chart--color--green--200","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--200":"--pf-t--chart--color--yellow--300","--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--100":"--pf-t--chart--color--blue--200","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2500":"--pf-t--chart--color--orange--400","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2400":"--pf-t--chart--color--yellow--400","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2300":"--pf-t--chart--color--teal--400","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2200":"--pf-t--chart--color--green--400","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2100":"--pf-t--chart--color--blue--400","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2000":"--pf-t--chart--color--orange--100","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1900":"--pf-t--chart--color--yellow--500","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1800":"--pf-t--chart--color--teal--100","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1700":"--pf-t--chart--color--green--500","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1600":"--pf-t--chart--color--blue--100","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1500":"--pf-t--chart--color--orange--500","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1400":"--pf-t--chart--color--yellow--100","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1300":"--pf-t--chart--color--teal--500","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1200":"--pf-t--chart--color--green--100","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1100":"--pf-t--chart--color--blue--500","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1000":"--pf-t--chart--color--orange--300","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--900":"--pf-t--chart--color--yellow--200","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--800":"--pf-t--chart--color--teal--300","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--700":"--pf-t--chart--color--green--200","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--600":"--pf-t--chart--color--blue--300","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--500":"--pf-t--chart--color--orange--200","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--400":"--pf-t--chart--color--yellow--300","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--300":"--pf-t--chart--color--teal--200","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--200":"--pf-t--chart--color--green--300","--pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--100":"--pf-t--chart--color--blue--200","--pf-t--chart--theme--colorscales--orange--colorscale--500":"--pf-t--chart--color--orange--400","--pf-t--chart--theme--colorscales--orange--colorscale--400":"--pf-t--chart--color--orange--200","--pf-t--chart--theme--colorscales--orange--colorscale--300":"--pf-t--chart--color--orange--500","--pf-t--chart--theme--colorscales--orange--colorscale--200":"--pf-t--chart--color--orange--100","--pf-t--chart--theme--colorscales--orange--colorscale--100":"--pf-t--chart--color--orange--300","--pf-t--chart--theme--colorscales--purple--colorscale--500":"--pf-t--chart--color--purple--400","--pf-t--chart--theme--colorscales--purple--colorscale--400":"--pf-t--chart--color--purple--200","--pf-t--chart--theme--colorscales--purple--colorscale--300":"--pf-t--chart--color--purple--500","--pf-t--chart--theme--colorscales--purple--colorscale--200":"--pf-t--chart--color--purple--100","--pf-t--chart--theme--colorscales--purple--colorscale--100":"--pf-t--chart--color--purple--300","--pf-t--chart--theme--colorscales--green--colorscale--500":"--pf-t--chart--color--green--400","--pf-t--chart--theme--colorscales--green--colorscale--400":"--pf-t--chart--color--green--200","--pf-t--chart--theme--colorscales--green--colorscale--300":"--pf-t--chart--color--green--500","--pf-t--chart--theme--colorscales--green--colorscale--200":"--pf-t--chart--color--green--100","--pf-t--chart--theme--colorscales--green--colorscale--100":"--pf-t--chart--color--green--300","--pf-t--chart--theme--colorscales--gray--colorscale--500":"--pf-t--chart--color--black--400","--pf-t--chart--theme--colorscales--gray--colorscale--400":"--pf-t--chart--color--black--200","--pf-t--chart--theme--colorscales--gray--colorscale--300":"--pf-t--chart--color--black--500","--pf-t--chart--theme--colorscales--gray--colorscale--200":"--pf-t--chart--color--black--100","--pf-t--chart--theme--colorscales--gray--colorscale--100":"--pf-t--chart--color--black--300","--pf-t--chart--theme--colorscales--yellow--colorscale--500":"--pf-t--chart--color--yellow--400","--pf-t--chart--theme--colorscales--yellow--colorscale--400":"--pf-t--chart--color--yellow--200","--pf-t--chart--theme--colorscales--yellow--colorscale--300":"--pf-t--chart--color--yellow--500","--pf-t--chart--theme--colorscales--yellow--colorscale--200":"--pf-t--chart--color--yellow--100","--pf-t--chart--theme--colorscales--yellow--colorscale--100":"--pf-t--chart--color--yellow--300","--pf-t--chart--theme--colorscales--teal--colorscale--500":"--pf-t--chart--color--teal--400","--pf-t--chart--theme--colorscales--teal--colorscale--400":"--pf-t--chart--color--teal--200","--pf-t--chart--theme--colorscales--teal--colorscale--300":"--pf-t--chart--color--teal--500","--pf-t--chart--theme--colorscales--teal--colorscale--200":"--pf-t--chart--color--teal--100","--pf-t--chart--theme--colorscales--teal--colorscale--100":"--pf-t--chart--color--teal--300","--pf-t--chart--theme--colorscales--blue--colorscale--500":"--pf-t--chart--color--blue--400","--pf-t--chart--theme--colorscales--blue--colorscale--400":"--pf-t--chart--color--blue--200","--pf-t--chart--theme--colorscales--blue--colorscale--300":"--pf-t--chart--color--blue--500","--pf-t--chart--theme--colorscales--blue--colorscale--200":"--pf-t--chart--color--blue--100","--pf-t--chart--theme--colorscales--blue--colorscale--100":"--pf-t--chart--color--blue--300"}

package/plugins/export-patternfly-tokens/manifest.json CHANGED Viewed

@@ -4,9 +4,7 @@
   "api": "1.0.0",
   "editorType": ["figma"],
   "permissions": [],
-  "main": "code.js",
-  "menu": [
-    { "command": "export", "name": "Export Tokens" }
-  ],
-  "ui": { "export": "export.html" }
+  "main": "dist/code.js",
+  "menu": [{ "command": "export", "name": "Export Tokens" }],
+  "ui": "dist/ui.html"
 }

package/plugins/export-patternfly-tokens/src/code.ts ADDED Viewed

@@ -0,0 +1,106 @@
+console.clear();
+interface FileData {
+  fileName: string;
+  body: {
+    description?: string;
+    $type?: string;
+    $value?: any;
+  };
+}
+type VariableValueExtended = VariableValue & {
+  type?: string;
+  id?: string;
+};
+/* MAIN function */
+figma.ui.onmessage = (e) => {
+  console.log('code received message', e);
+  if (e.type === 'EXPORT') {
+    exportToJSON();
+  }
+};
+if (figma.command === 'export') {
+  figma.showUI(__html__, {
+    width: 820,
+    height: 600,
+    themeColors: true
+  });
+}
+/* EXPORT Functionality */
+/* EXPORT - main function */
+function exportToJSON() {
+  const collections = figma.variables.getLocalVariableCollections();
+  const files = [];
+  collections.forEach((collection) => files.push(...processCollection(collection)));
+  figma.ui.postMessage({ type: 'EXPORT_RESULT', files });
+}
+/* EXPORT - helper functions */
+function processCollection({ name, modes, variableIds }) {
+  const files = [];
+  modes.forEach((mode) => {
+    let file: FileData = { fileName: `${name}.${mode.name}.tokens.json`, body: {} };
+    variableIds.forEach((variableId) => {
+      const { name, resolvedType, valuesByMode, description } = figma.variables.getVariableById(variableId);
+      if (name.includes('figma-only')) {
+        return; // Skip this variable
+      }
+      const value: VariableValueExtended = valuesByMode[mode.modeId];
+      if (value !== undefined && ['COLOR', 'FLOAT', 'STRING'].includes(resolvedType)) {
+        let obj = file.body;
+        name.split('/').forEach((groupName) => {
+          obj[groupName] = obj[groupName] || {};
+          obj = obj[groupName];
+        });
+        if (description) {
+          obj.description = description;
+        }
+        if (value.type === 'VARIABLE_ALIAS') {
+          obj.$type = resolvedType === 'COLOR' ? 'color' : 'number';
+          obj.$value = `{${figma.variables.getVariableById(value.id).name.replace(/\//g, '.')}}`;
+          console.log(value);
+        } else if (resolvedType === 'COLOR') {
+          obj.$type = 'color';
+          obj.$value = rgbToHex(value);
+        } else if (resolvedType === 'FLOAT') {
+          obj.$type = 'number';
+          obj.$value = value;
+        } else if (resolvedType === 'STRING') {
+          obj.$type = 'string';
+          obj.$value = value;
+        }
+      }
+    });
+    files.push(file);
+  });
+  return files;
+}
+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)})`;
+  }
+  const toHex = (value) => {
+    const hex = Math.round(value * 255).toString(16);
+    return hex.length === 1 ? '0' + hex : hex;
+  };
+  const hex = [toHex(r), toHex(g), toHex(b)].join('');
+  return `#${hex}`;
+}

package/plugins/export-patternfly-tokens/src/ui.css ADDED Viewed

@@ -0,0 +1,97 @@
+:root {
+  --spacing: 0.8rem;
+}
+* {
+  box-sizing: border-box;
+}
+body {
+  background-color: var(--figma-color-bg);
+  color: var(--figma-color-text);
+  margin: 0;
+  padding: var(--spacing);
+}
+html,
+body,
+main {
+  height: 98%;
+}
+main {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing);
+}
+button {
+  appearance: none;
+  border-radius: 4px;
+  padding: var(--spacing);
+}
+textarea {
+  background-color: var(--figma-color-bg-secondary);
+  border: 2px solid var(--figma-color-border);
+  color: var(--figma-color-text-secondary);
+  flex: 1;
+  font-family: Andale Mono, monospace;
+  font-size: 0.9rem;
+  overflow: auto;
+  padding: var(--spacing);
+  white-space: pre;
+}
+textarea:focus {
+  border-color: var(--figma-color-border-selected);
+  outline: none;
+}
+button,
+textarea {
+  display: block;
+  width: 100%;
+}
+a,
+p {
+  color: var(--figma-color-text-secondary);
+  padding-right: 5px;
+}
+button {
+  background-color: var(--figma-color-bg-brand);
+  color: var(--figma-color-text-onbrand);
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
+    sans-serif;
+  font-weight: bold;
+}
+.button-container {
+  display: flex;
+  justify-content: space-around;
+}
+.zip-wrapper {
+  display: flex;
+  align-items: center;
+}
+.json-downloads {
+  display: flex;
+  flex-wrap: wrap;
+}
+.tokens-download-wrapper a {
+  padding: 5px;
+  margin: 5px;
+}
+#export {
+  background-color: var(--figma-color-bg-component);
+}
+#save {
+  background-color: var(--figma-color-bg-component);
+}

package/plugins/export-patternfly-tokens/src/ui.html ADDED Viewed

	@@ -0,0 +1 @@
1	+ <div id="export-patternfly-tokens-app"></div>

package/plugins/export-patternfly-tokens/src/ui.tsx ADDED Viewed

@@ -0,0 +1,150 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom/client';
+import * as JSZip from 'jszip';
+import './ui.css';
+let tokensZip;
+const addToZip = (blob, fileName, folderNames, zip) => {
+  // Add download files to folder structure
+  folderNames.forEach((folderName) => {
+    zip.folder(folderName).file(fileName, blob);
+  });
+};
+const saveVars = (text, setJsonFiles, setZipFile) => {
+  let splitFiles = text.split('\n\n\n');
+  tokensZip = new JSZip();
+  for (let i = 0; i < splitFiles.length; i++) {
+    const splitFileName = splitFiles[i].split('\n', 1)[0];
+    let saveFileName = '';
+    let saveFolderNames = [];
+    switch (splitFileName) {
+      case '/* Base Dimension Tokens.Mode 1.tokens.json */':
+        saveFileName = 'base.dimension.json';
+        saveFolderNames = ['default'];
+        break;
+      case '/* Base Color Tokens - Light.Value.tokens.json */':
+        saveFileName = 'base.json';
+        saveFolderNames = ['default'];
+        break;
+      case '/* Color Palette.Mode 1.tokens.json */':
+        saveFileName = 'palette.color.json';
+        saveFolderNames = ['default', 'dark'];
+        break;
+      case '/* Semantic Dimension Tokens.Mode 1.tokens.json */':
+        saveFileName = 'semantic.dimension.json';
+        saveFolderNames = ['default'];
+        break;
+      case '/* Semantic Color Tokens.Light.tokens.json */':
+        saveFileName = 'semantic.json';
+        saveFolderNames = ['default'];
+        break;
+      case '/* Base Color Tokens - Dark.Mode 1.tokens.json */':
+        saveFileName = 'base.dark.json';
+        saveFolderNames = ['dark'];
+        break;
+      case '/* Semantic Color Tokens.Dark.tokens.json */':
+        saveFileName = 'semantic.dark.json';
+        saveFolderNames = ['dark'];
+        break;
+      case '/* Charts.Light.tokens.json */':
+        saveFileName = 'charts.json';
+        saveFolderNames = ['default'];
+        break;
+      case '/* Charts.Dark.tokens.json */':
+        saveFileName = 'charts.dark.json';
+        saveFolderNames = ['dark'];
+        break;
+      case '/* Base Motion Tokens.Mode 1.tokens.json */':
+        saveFileName = 'base.motion.json';
+        saveFolderNames = ['default'];
+        break;
+      case '/* Semantic Motion Tokens.Mode 1.tokens.json */':
+        saveFileName = 'semantic.motion.json';
+        saveFolderNames = ['default'];
+        break;
+      default:
+        saveFileName = splitFiles[i].split('\n', 1)[0];
+        saveFolderNames = ['default'];
+    }
+    const fileToExport = splitFiles[i].substring(splitFiles[i].indexOf('\n') + 1);
+    const textToSaveAsBlob = new Blob([fileToExport], { type: 'text/plain' });
+    // create download link per file
+    const jsonLink = createLink(textToSaveAsBlob, saveFileName);
+    setJsonFiles((prev: React.ReactNode[]) => [...prev, jsonLink]);
+    // add each file zip
+    addToZip(textToSaveAsBlob, saveFileName, saveFolderNames, tokensZip);
+  }
+  // create download link for finished zip file
+  tokensZip.generateAsync({ type: 'blob' }).then((blob) => {
+    const zipLink = createLink(blob, 'tokens.zip');
+    setZipFile(zipLink);
+  });
+};
+const createLink = (text, file) => {
+  const textToSaveAsURL = window.URL.createObjectURL(text);
+  return (
+    <a key={file} download={file} href={textToSaveAsURL}>
+      {file}
+    </a>
+  );
+};
+const exportTokens = () => parent.postMessage({ pluginMessage: { type: 'EXPORT' } }, '*');
+const App = () => {
+  const [jsonFiles, setJsonFiles] = React.useState([]);
+  const [zipFile, setZipFile] = React.useState(null);
+  const resetDownloads = () => {
+    setJsonFiles([]);
+    setZipFile(null);
+  };
+  React.useEffect(() => {
+    exportTokens();
+    // Listen for messages sent from the plugin code.ts file
+    window.onmessage = ({ data: { pluginMessage } }) => {
+      if (pluginMessage?.type === 'EXPORT_RESULT') {
+        // Reset download files
+        resetDownloads();
+        // Display all tokens in textarea
+        let textOutput = pluginMessage.files
+          .map(({ fileName, body }) => `/* ${fileName} */\n\n${JSON.stringify(body, null, 2)}`)
+          .join('\n\n\n');
+        textOutput = textOutput.replaceAll('$type', 'type').replaceAll('$value', 'value');
+        document.querySelector('textarea').innerHTML = textOutput;
+        // Create downloadable token files
+        saveVars(textOutput, setJsonFiles, setZipFile);
+      }
+    };
+  }, []);
+  return (
+    <main>
+      <div className="button-container">
+        <button type="button" onClick={exportTokens}>
+          Export Tokens
+        </button>
+      </div>
+      <textarea placeholder="All exported tokens will render here..." readOnly></textarea>
+      <div className="tokens-download-wrapper zip-wrapper">
+        <p>Download all files:</p>
+        <div className="zip-downloads">{zipFile}</div>
+      </div>
+      <div className="tokens-download-wrapper json-wrapper">
+        <p>Download individual JSON files:</p>
+        <div className="json-downloads">{jsonFiles}</div>
+      </div>
+    </main>
+  );
+};
+ReactDOM.createRoot(document.getElementById('export-patternfly-tokens-app')).render(<App />);

package/plugins/export-patternfly-tokens/tsconfig.json ADDED Viewed

@@ -0,0 +1,18 @@
+// tsconfig.json
+{
+  "compilerOptions": {
+    "target": "es6",
+    // "lib": ["es6"],
+    "strict": false,
+    "typeRoots": [
+      "../../../../node_modules/@types",
+      "../../../../node_modules/@figma"
+    ],
+    "outDir": "./dist",
+    "jsx": "react",
+    "allowJs": true,
+    "moduleResolution": "node",
+    "skipLibCheck": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/ui.jsx", "src/ui.tsx"],
+}

package/webpack.config.js ADDED Viewed

@@ -0,0 +1,55 @@
+const HtmlInlineScriptPlugin = require('html-inline-script-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const path = require('path');
+const webpack = require('webpack');
+module.exports = (env, argv) => ({
+  mode: argv.mode === 'production' ? 'production' : 'development',
+  // This is necessary because Figma's 'eval' works differently than normal eval
+  devtool: argv.mode === 'production' ? false : 'inline-source-map',
+  entry: {
+    ui: './plugins/export-patternfly-tokens/src/ui.tsx', // This is the entry point for our plugin UI.
+    code: './plugins/export-patternfly-tokens/src/code.ts' // This is the entry point for our plugin code.
+  },
+  module: {
+    rules: [
+      // Converts TypeScript code to JavaScript
+      {
+        test: /\.tsx?$/,
+        use: 'ts-loader',
+        exclude: /node_modules/
+      },
+      // Enables including CSS by doing "import './file.css'" in your TypeScript code
+      {
+        test: /\.css$/,
+        use: ['style-loader', 'css-loader']
+      }
+    ]
+  },
+  // Webpack tries these extensions for you if you omit the extension like "import './file'"
+  resolve: {
+    extensions: ['.tsx', '.ts', '.jsx', '.js']
+  },
+  output: {
+    filename: '[name].js',
+    path: path.resolve(__dirname, './plugins/export-patternfly-tokens/dist'),
+    clean: true
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      global: {} // Fix missing symbol error when running in developer VM
+    }),
+    new HtmlWebpackPlugin({
+      inject: 'body',
+      template: './plugins/export-patternfly-tokens/src/ui.html',
+      filename: 'ui.html',
+      chunks: ['ui']
+    }),
+    new HtmlInlineScriptPlugin({
+      htmlMatchPattern: [/ui.html/],
+      scriptMatchPattern: [/.js$/]
+    })
+  ]
+});

package/plugins/export-patternfly-tokens/code.js DELETED Viewed

@@ -1,101 +0,0 @@
-console.clear();
-/* MAIN function */
-figma.ui.onmessage = (e) => {
-  console.log("code received message", e);
-  if (e.type === "IMPORT") {
-    const { selectedCollection, selectedMode, body } = e;
-    importJSONFile({ selectedCollection, selectedMode, body });
-    getExistingCollectionsAndModes();
-  } else if (e.type === "EXPORT") {
-    exportToJSON();
-  }
-};
-if (figma.command === "export") {
-  figma.showUI(__uiFiles__["export"], {
-    width: 820,
-    height: 600,
-    themeColors: true,
-  });
-}
-/* EXPORT Functionality */
-/* EXPORT - main function */
-function exportToJSON() {
-  const collections = figma.variables.getLocalVariableCollections();
-  const files = [];
-  collections.forEach((collection) =>
-    files.push(...processCollection(collection))
-  );
-  figma.ui.postMessage({ type: "EXPORT_RESULT", files });
-}
-/* EXPORT - helper functions */
-function processCollection({ name, modes, variableIds }) {
-  const files = [];
-  modes.forEach((mode) => {
-    let file = { fileName: `${name}.${mode.name}.tokens.json`, body: {} };
-    variableIds.forEach((variableId) => {
-      const { name, resolvedType, valuesByMode, description } =
-        figma.variables.getVariableById(variableId);
-      if (name.includes("figma-only")) {
-        return; // Skip this variable
-      }
-      const value = valuesByMode[mode.modeId];
-      if (value !== undefined && ["COLOR", "FLOAT", "STRING"].includes(resolvedType)) {
-        let obj = file.body;
-        name.split("/").forEach((groupName) => {
-          obj[groupName] = obj[groupName] || {};
-          obj = obj[groupName];
-        });
-        if (description) {
-          obj.description = description;
-        }
-        if (value.type === "VARIABLE_ALIAS") {
-          obj.$type = resolvedType === "COLOR" ? "color" : "number";
-          obj.$value = `{${figma.variables
-            .getVariableById(value.id)
-            .name.replace(/\//g, ".")}}`;
-        } else if (resolvedType === "COLOR") {
-          obj.$type = "color"
-          obj.$value = rgbToHex(value);
-        } else if (resolvedType === "FLOAT") {
-          obj.$type = "number";
-          obj.$value = value
-        } else if (resolvedType === "STRING") {
-          obj.$type = "string";
-          obj.$value = value
-        }
-      }
-    });
-    files.push(file);
-  });
-  return files;
-}
-function rgbToHex({ r, g, b, a }) {
-  if (a !== 1) {
-    return `rgba(${[r, g, b]
-      .map((n) => Math.round(n * 255))
-      .join(", ")}, ${a.toFixed(4)})`;
-  }
-  const toHex = (value) => {
-    const hex = Math.round(value * 255).toString(16);
-    return hex.length === 1 ? "0" + hex : hex;
-  };
-  const hex = [toHex(r), toHex(g), toHex(b)].join("");
-  return `#${hex}`;
-}

package/plugins/export-patternfly-tokens/export.html DELETED Viewed

@@ -1,191 +0,0 @@
-<!DOCTYPE html>
-<head>
-  <style>
-    :root {
-      --spacing: 0.8rem;
-    }
-    * {
-      box-sizing: border-box;
-    }
-    body {
-      background-color: var(--figma-color-bg);
-      color: var(--figma-color-text);
-      margin: 0;
-      padding: var(--spacing);
-    }
-    html,
-    body,
-    main {
-      height: 98%;
-    }
-    main {
-      display: flex;
-      flex-direction: column;
-      gap: var(--spacing);
-    }
-    button {
-      appearance: none;
-      border-radius: 4px;
-      padding: var(--spacing);
-    }
-    textarea {
-      background-color: var(--figma-color-bg-secondary);
-      border: 2px solid var(--figma-color-border);
-      color: var(--figma-color-text-secondary);
-      flex: 1;
-      font-family: Andale Mono, monospace;
-      font-size: 0.9rem;
-      overflow: auto;
-      padding: var(--spacing);
-      white-space: pre;
-    }
-    textarea:focus {
-      border-color: var(--figma-color-border-selected);
-      outline: none;
-    }
-    button,
-    textarea {
-      display: block;
-      width: 100%;
-    }
-    a,
-    p {
-      color: var(--figma-color-text-secondary);
-      padding-right: 5px;
-    }
-    button {
-      background-color: var(--figma-color-bg-brand);
-      color: var(--figma-color-text-onbrand);
-      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
-        Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
-        sans-serif;
-      font-weight: bold;
-    }
-    button-container {
-      display: flex;
-      justify-content: space-around;
-    }
-    link-container {
-      display: flex;
-      justify-content: space-around;
-    }
-    #export {
-      background-color: var(--figma-color-bg-component);
-    }
-    #save {
-      background-color: var(--figma-color-bg-component);
-    }
-  </style>
-</head>
-<body>
-<main>
-  <button-container>
-    <button id="export" type="button">Export Tokens</button>
-  </button-container>
-  <textarea
-    placeholder="All exported tokens will render here..."
-    readonly
-  ></textarea>
-  <link-spacer>
-  <p>Click each exported json file to download:</p>
-  </link-spacer>
-</main>
-<script>
-  window.onmessage = ({ data: { pluginMessage } }) => {
-    if (pluginMessage.type === "EXPORT_RESULT") {
-      let saveFileName = "";
-      let textOutput = pluginMessage.files.map( ({ fileName, body }) =>
-            `/* ${fileName} */\n\n${JSON.stringify(body, null, 2)}`
-        )
-        .join("\n\n\n");
-        textOutput = textOutput
-          .replaceAll("$type", "type")
-          .replaceAll("$value", "value");
-        document.querySelector("textarea").innerHTML = textOutput;
-        saveVars(textOutput, saveFileName);
-    }
-    function saveVars(text, fileName) {
-      var splitFiles = text.split('\n\n\n');
-      for (var i = 0; i < splitFiles.length; i++) {
-          var splitFileName = splitFiles[i].split('\n', 1)[0];
-          var saveFileName = "";
-          switch (splitFileName) {
-            case "/* Base Dimension Tokens.Mode 1.tokens.json */":
-              saveFileName = "base.dimension.json";
-              break;
-            case "/* Base Color Tokens - Light.Value.tokens.json */":
-              saveFileName = "base.json";
-              break;
-            case "/* Color Palette.Mode 1.tokens.json */":
-              saveFileName = "palette.color.json";
-              break;
-            case "/* Semantic Dimension Tokens.Mode 1.tokens.json */":
-              saveFileName = "semantic.dimension.json";
-              break;
-            case "/* Semantic Color Tokens.Light.tokens.json */":
-              saveFileName = "semantic.json";
-              break;
-            case "/* Base Color Tokens - Dark.Mode 1.tokens.json */":
-              saveFileName = "base.dark.json";
-              break;
-            case "/* Semantic Color Tokens.Dark.tokens.json */":
-              saveFileName = "semantic.dark.json";
-              break;
-            case "/* Charts.Light.tokens.json */":
-              saveFileName = "charts.json";
-              break;
-            case "/* Charts.Dark.tokens.json */":
-              saveFileName = "charts.dark.json";
-              break;
-            case "/* Base Motion Tokens.Mode 1.tokens.json */":
-              saveFileName = "base.motion.json";
-              break;
-            case "/* Semantic Motion Tokens.Mode 1.tokens.json */":
-              saveFileName = "semantic.motion.json";
-              break;
-            default:
-                saveFileName = splitFiles[i].split('\n', 1)[0]
-          }
-        const fileToExport = (splitFiles[i].substring(splitFiles[i].indexOf("\n") + 1) );
-        var textToSaveAsBlob = new Blob([fileToExport], {type:"text/plain"});
-        createLink(textToSaveAsBlob, saveFileName);
-      }
-    }
-    function createLink(text, file) {
-      var textToSaveAsURL = window.URL.createObjectURL(text);
-      var downloadLink = document.createElement("a");
-      downloadLink.download = file;
-      downloadLink.innerHTML = file;
-      downloadLink.href = textToSaveAsURL;
-      document.body.appendChild(downloadLink);
-    }
-  };
-  document.getElementById("export").addEventListener("click", () => {
-    parent.postMessage({ pluginMessage: { type: "EXPORT" } }, "*");
-  });
-</script>
-</body>
-</html>