@patternfly/design-tokens 1.0.0

package/patternfly-docs/scssAsJson.json

@@ -0,0 +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--background--color--action--plain--default":"rgba(0, 0, 0, 0.0000)","--pf-t--global--background--color--500":"rgba(21, 21, 21, 0.2000)","--pf-t--global--Zindex--600":"600","--pf-t--global--Zindex--500":"500","--pf-t--global--Zindex--400":"400","--pf-t--global--Zindex--300":"300","--pf-t--global--Zindex--200":"200","--pf-t--global--Zindex--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--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--50","--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--60","--pf-t--global--color--status--custom--100":"--pf-t--color--teal--50","--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--60","--pf-t--global--color--status--danger--100":"--pf-t--color--red-orange--50","--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--60","--pf-t--global--color--status--success--100":"--pf-t--color--green--50","--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--50","--pf-t--global--color--disabled--100":"--pf-t--color--gray--40","--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--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--Zindex--2xl":"--pf-t--global--Zindex--600","--pf-t--global--Zindex--xl":"--pf-t--global--Zindex--500","--pf-t--global--Zindex--lg":"--pf-t--global--Zindex--400","--pf-t--global--Zindex--md":"--pf-t--global--Zindex--300","--pf-t--global--Zindex--sm":"--pf-t--global--Zindex--200","--pf-t--global--Zindex--xs":"--pf-t--global--Zindex--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--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--control--horizontal":"--pf-t--global--spacer--300","--pf-t--global--spacer--control--vertical":"--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--compact":"--pf-t--global--spacer--100","--pf-t--global--spacer--button--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--regular":"--pf-t--global--dark--text--color--100","--pf-t--global--text--color--subtle":"--pf-t--global--dark--text--color--200","--pf-t--global--text--color--inverse":"--pf-t--global--dark--text--color--300","--pf-t--global--text--color--disabled--default":"--pf-t--global--color--disabled--300","--pf-t--global--text--color--disabled--light":"--pf-t--global--color--disabled--100","--pf-t--global--text--color--link--default":"--pf-t--global--dark--text--color--link--100","--pf-t--global--text--color--link--hover":"--pf-t--global--dark--text--color--link--200","--pf-t--global--text--color--link--visited":"--pf-t--global--dark--text--color--link--300","--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--gray--active":"--pf-t--global--color--nonstatus--gray--200","--pf-t--global--color--nonstatus--purple--default":"--pf-t--global--dark--color--nonstatus--purple--100","--pf-t--global--color--nonstatus--purple--hover":"--pf-t--global--dark--color--nonstatus--purple--200","--pf-t--global--color--nonstatus--purple--active":"--pf-t--global--color--nonstatus--purple--200","--pf-t--global--color--nonstatus--blue--default":"--pf-t--global--dark--color--nonstatus--blue--100","--pf-t--global--color--nonstatus--blue--hover":"--pf-t--global--dark--color--nonstatus--blue--200","--pf-t--global--color--nonstatus--blue--active":"--pf-t--global--color--nonstatus--blue--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--cyan--active":"--pf-t--global--color--nonstatus--cyan--200","--pf-t--global--color--nonstatus--green--default":"--pf-t--global--dark--color--nonstatus--green--100","--pf-t--global--color--nonstatus--green--hover":"--pf-t--global--dark--color--nonstatus--green--200","--pf-t--global--color--nonstatus--green--active":"--pf-t--global--color--nonstatus--green--200","--pf-t--global--color--nonstatus--gold--default":"--pf-t--global--dark--color--nonstatus--gold--100","--pf-t--global--color--nonstatus--gold--hover":"--pf-t--global--dark--color--nonstatus--gold--200","--pf-t--global--color--nonstatus--gold--active":"--pf-t--global--color--nonstatus--gold--200","--pf-t--global--color--nonstatus--orange--default":"--pf-t--global--dark--color--nonstatus--orange--100","--pf-t--global--color--nonstatus--orange--hover":"--pf-t--global--dark--color--nonstatus--orange--200","--pf-t--global--color--nonstatus--orange--active":"--pf-t--global--color--nonstatus--orange--200","--pf-t--global--color--nonstatus--orangered--default":"--pf-t--global--dark--color--nonstatus--orangered--100","--pf-t--global--color--nonstatus--orangered--hover":"--pf-t--global--dark--color--nonstatus--orangered--200","--pf-t--global--color--nonstatus--orangered--active":"--pf-t--global--color--nonstatus--orangered--200","--pf-t--global--color--nonstatus--red--default":"--pf-t--global--dark--color--nonstatus--red--100","--pf-t--global--color--nonstatus--red--hover":"--pf-t--global--dark--color--nonstatus--red--200","--pf-t--global--color--nonstatus--red--active":"--pf-t--global--color--nonstatus--red--200","--pf-t--global--color--status--custom--default":"--pf-t--global--dark--color--status--custom--100","--pf-t--global--color--status--custom--hover":"--pf-t--global--dark--color--status--custom--200","--pf-t--global--color--status--custom--active":"--pf-t--global--color--status--custom--200","--pf-t--global--color--status--info--default":"--pf-t--global--dark--color--status--info--100","--pf-t--global--color--status--info--hover":"--pf-t--global--dark--color--status--info--200","--pf-t--global--color--status--info--active":"--pf-t--global--color--status--info--200","--pf-t--global--color--status--danger--default":"--pf-t--global--dark--color--status--danger--100","--pf-t--global--color--status--danger--hover":"--pf-t--global--dark--color--status--danger--200","--pf-t--global--color--status--danger--active":"--pf-t--global--color--status--danger--200","--pf-t--global--color--status--warning--hover":"--pf-t--global--dark--color--status--warning--200","--pf-t--global--color--status--warning--active":"--pf-t--global--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--default":"--pf-t--global--dark--color--status--success--100","--pf-t--global--color--status--success--hover":"--pf-t--global--dark--color--status--success--200","--pf-t--global--color--status--success--active":"--pf-t--global--color--status--success--200","--pf-t--global--color--favorite--default":"--pf-t--global--dark--color--favorite--100","--pf-t--global--color--favorite--hover":"--pf-t--global--dark--color--favorite--200","--pf-t--global--color--favorite--active":"--pf-t--global--color--favorite--200","--pf-t--global--color--brand--default":"--pf-t--global--dark--color--brand--100","--pf-t--global--color--brand--hover":"--pf-t--global--dark--color--brand--200","--pf-t--global--color--brand--active":"--pf-t--global--color--brand--300","--pf-t--global--background--color--secondary--selected":"--pf-t--global--background--color--300","--pf-t--global--background--color--secondary--default":"--pf-t--global--dark--background--color--100","--pf-t--global--background--color--secondary--hover":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--inverse--default":"--pf-t--global--dark--background--color--400","--pf-t--global--background--color--disabled--default":"--pf-t--global--dark--color--disabled--100","--pf-t--global--background--color--primary--selected":"--pf-t--global--background--color--200","--pf-t--global--background--color--primary--default":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--primary--hover":"--pf-t--global--dark--background--color--300","--pf-t--global--background--color--floating--default":"--pf-t--global--dark--background--color--300","--pf-t--global--background--color--floating--hover":"--pf-t--global--background--color--action--plain--hover","--pf-t--global--background--color--floating--selected":"--pf-t--global--background--color--200","--pf-t--global--background--color--action--plain--hover":"--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--highlight--default":"--pf-t--global--dark--background--color--highlight--100","--pf-t--global--background--color--highlight--active":"--pf-t--global--background--color--highlight--200","--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--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--active":"--pf-t--global--color--brand--200","--pf-t--global--border--color--nonstatus--blue--default":"--pf-t--global--dark--color--nonstatus--blue--100","--pf-t--global--border--color--nonstatus--blue--hover":"--pf-t--global--dark--color--nonstatus--blue--200","--pf-t--global--border--color--nonstatus--blue--active":"--pf-t--global--color--nonstatus--blue--300","--pf-t--global--border--color--nonstatus--red--default":"--pf-t--global--dark--color--nonstatus--red--100","--pf-t--global--border--color--nonstatus--red--hover":"--pf-t--global--dark--color--nonstatus--red--200","--pf-t--global--border--color--nonstatus--red--active":"--pf-t--global--color--nonstatus--red--300","--pf-t--global--border--color--nonstatus--orangered--active":"--pf-t--global--color--nonstatus--orangered--300","--pf-t--global--border--color--nonstatus--orangered--default":"--pf-t--global--dark--color--nonstatus--orangered--100","--pf-t--global--border--color--nonstatus--orangered--hover":"--pf-t--global--dark--color--nonstatus--orangered--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--orange--active":"--pf-t--global--color--nonstatus--orange--300","--pf-t--global--border--color--nonstatus--gold--default":"--pf-t--global--dark--color--nonstatus--gold--100","--pf-t--global--border--color--nonstatus--gold--hover":"--pf-t--global--dark--color--nonstatus--gold--200","--pf-t--global--border--color--nonstatus--gold--active":"--pf-t--global--color--nonstatus--gold--300","--pf-t--global--border--color--nonstatus--green--default":"--pf-t--global--dark--color--nonstatus--green--100","--pf-t--global--border--color--nonstatus--green--hover":"--pf-t--global--dark--color--nonstatus--green--200","--pf-t--global--border--color--nonstatus--green--active":"--pf-t--global--color--nonstatus--green--300","--pf-t--global--border--color--nonstatus--cyan--active":"--pf-t--global--color--nonstatus--cyan--300","--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--purple--default":"--pf-t--global--dark--color--nonstatus--purple--100","--pf-t--global--border--color--nonstatus--purple--hover":"--pf-t--global--dark--color--nonstatus--purple--200","--pf-t--global--border--color--nonstatus--purple--active":"--pf-t--global--color--nonstatus--purple--300","--pf-t--global--border--color--nonstatus--gray--default":"--pf-t--global--dark--color--nonstatus--gray--100","--pf-t--global--border--color--nonstatus--gray--hover":"--pf-t--global--dark--color--nonstatus--gray--200","--pf-t--global--border--color--nonstatus--gray--active":"--pf-t--global--color--nonstatus--gray--300","--pf-t--global--icon--color--regular":"--pf-t--global--dark--icon--color--100","--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--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--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--text--color--placeholder":"--pf-t--global--text--color--subtle","--pf-t--global--text--color--brand--default":"--pf-t--global--dark--color--brand--200","--pf-t--global--text--color--brand--hover":"--pf-t--global--dark--color--brand--300","--pf-t--global--text--color--brand--active":"--pf-t--global--color--brand--active","--pf-t--global--text--color--status--custom--active":"--pf-t--global--color--status--custom--active","--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-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--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--info--default":"--pf-t--global--color--status--info--default","--pf-t--global--text--color--status--info--active":"--pf-t--global--color--status--info--active","--pf-t--global--text--color--status--info--hover":"--pf-t--global--color--status--info--hover","--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--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--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--success--default":"--pf-t--global--color--status--success--default","--pf-t--global--text--color--status--success--hover":"--pf-t--global--color--status--success--hover","--pf-t--global--text--color--status--success--active":"--pf-t--global--color--status--success--active","--pf-t--global--text--color--status--warning--default":"--pf-t--global--color--status--warning--default","--pf-t--global--text--color--status--warning--hover":"--pf-t--global--color--status--warning--hover","--pf-t--global--text--color--status--warning--active":"--pf-t--global--color--status--warning--active","--pf-t--global--text--color--status--danger--active":"--pf-t--global--color--status--danger--active","--pf-t--global--text--color--status--danger--default":"--pf-t--global--dark--color--status--danger--250","--pf-t--global--text--color--status--danger--hover":"--pf-t--global--dark--color--status--danger--300","--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-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-blue--default":"--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-red--default":"--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-orangered--default":"--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-orange--default":"--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-cyan--default":"--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-purple--default":"--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-gray--default":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--nonstatus--on-gray--hover":"--pf-t--global--text--color--inverse","--pf-t--global--background--color--control--default":"--pf-t--global--dark--background--color--300","--pf-t--global--border--color--brand--default":"--pf-t--global--color--brand--default","--pf-t--global--border--color--brand--hover":"--pf-t--global--color--brand--hover","--pf-t--global--border--color--brand--active":"--pf-t--global--color--brand--active","--pf-t--global--border--color--status--danger--default":"--pf-t--global--color--status--danger--default","--pf-t--global--border--color--status--danger--active":"--pf-t--global--color--status--danger--active","--pf-t--global--border--color--status--danger--hover":"--pf-t--global--color--status--danger--hover","--pf-t--global--border--color--status--custom--default":"--pf-t--global--color--status--custom--default","--pf-t--global--border--color--status--custom--hover":"--pf-t--global--color--status--custom--hover","--pf-t--global--border--color--status--custom--active":"--pf-t--global--color--status--custom--active","--pf-t--global--border--color--status--success--default":"--pf-t--global--color--status--success--default","--pf-t--global--border--color--status--success--hover":"--pf-t--global--color--status--success--hover","--pf-t--global--border--color--status--success--active":"--pf-t--global--color--status--success--active","--pf-t--global--border--color--status--warning--default":"--pf-t--global--color--status--warning--default","--pf-t--global--border--color--status--warning--hover":"--pf-t--global--color--status--warning--hover","--pf-t--global--border--color--status--warning--active":"--pf-t--global--color--status--warning--active","--pf-t--global--border--color--status--info--active":"--pf-t--global--color--status--info--active","--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--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--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--color--brand--active":"--pf-t--global--color--brand--active","--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--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--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-custom--default":"--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-info--default":"--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--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--color--status--warning--active":"--pf-t--global--color--status--warning--active","--pf-t--global--icon--color--status--custom--default":"--pf-t--global--color--status--custom--default","--pf-t--global--icon--color--status--custom--hover":"--pf-t--global--color--status--custom--hover","--pf-t--global--icon--color--status--custom--active":"--pf-t--global--color--status--custom--active","--pf-t--global--icon--color--status--success--default":"--pf-t--global--color--status--success--default","--pf-t--global--icon--color--status--success--hover":"--pf-t--global--color--status--success--hover","--pf-t--global--icon--color--status--success--active":"--pf-t--global--color--status--success--active","--pf-t--global--icon--color--status--danger--default":"--pf-t--global--color--status--danger--default","--pf-t--global--icon--color--status--danger--hover":"--pf-t--global--color--status--danger--hover","--pf-t--global--icon--color--status--danger--active":"--pf-t--global--color--status--danger--active","--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--info--active":"--pf-t--global--color--status--info--active","--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-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-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-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--nonstatus--on-gold--default":"--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-green--default":"--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-cyan--default":"--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-purple--default":"--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-gray--default":"--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--favorite--default":"--pf-t--global--color--favorite--default","--pf-t--global--icon--color--favorite--hover":"--pf-t--global--color--favorite--hover","--pf-t--global--icon--color--favorite--active":"--pf-t--global--color--favorite--active","--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--dark--background--color--500":"rgba(21, 21, 21, 0.8000)","--pf-t--global--background--color--backdrop--default":"--pf-t--global--dark--background--color--500","--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--40","--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--20","--pf-t--global--dark--color--status--custom--100":"--pf-t--color--teal--30","--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--60","--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--black","--pf-t--global--text--color--status--danger--clicked":"--pf-t--global--dark--color--status--danger--300","--pf-t--global--text--color--required":"--pf-t--global--dark--text--color--400","--pf-t--global--text--color--brand--clicked":"--pf-t--global--dark--color--brand--300","--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--border--color--nonstatus--gray--clicked":"--pf-t--global--dark--color--nonstatus--gray--200","--pf-t--global--border--color--nonstatus--purple--clicked":"--pf-t--global--dark--color--nonstatus--purple--200","--pf-t--global--border--color--nonstatus--blue--clicked":"--pf-t--global--dark--color--nonstatus--blue--200","--pf-t--global--border--color--nonstatus--cyan--clicked":"--pf-t--global--dark--color--nonstatus--cyan--200","--pf-t--global--border--color--nonstatus--green--clicked":"--pf-t--global--dark--color--nonstatus--green--200","--pf-t--global--border--color--nonstatus--gold--clicked":"--pf-t--global--dark--color--nonstatus--gold--200","--pf-t--global--border--color--nonstatus--orange--clicked":"--pf-t--global--dark--color--nonstatus--orange--200","--pf-t--global--border--color--nonstatus--orangered--clicked":"--pf-t--global--dark--color--nonstatus--orangered--200","--pf-t--global--border--color--nonstatus--red--clicked":"--pf-t--global--dark--color--nonstatus--red--200","--pf-t--global--border--color--clicked":"--pf-t--global--dark--color--brand--200","--pf-t--global--icon--color--on-disabled":"--pf-t--global--dark--color--disabled--300","--pf-t--global--icon--color--brand--clicked":"--pf-t--global--dark--color--brand--300","--pf-t--global--color--nonstatus--gray--clicked":"--pf-t--global--dark--color--nonstatus--gray--200","--pf-t--global--color--nonstatus--purple--clicked":"--pf-t--global--dark--color--nonstatus--purple--200","--pf-t--global--color--nonstatus--blue--clicked":"--pf-t--global--dark--color--nonstatus--blue--200","--pf-t--global--color--nonstatus--cyan--clicked":"--pf-t--global--dark--color--nonstatus--cyan--200","--pf-t--global--color--nonstatus--green--clicked":"--pf-t--global--dark--color--nonstatus--green--200","--pf-t--global--color--nonstatus--gold--clicked":"--pf-t--global--dark--color--nonstatus--gold--200","--pf-t--global--color--nonstatus--orangered--clicked":"--pf-t--global--dark--color--nonstatus--orangered--200","--pf-t--global--color--nonstatus--orange--clicked":"--pf-t--global--dark--color--nonstatus--orange--200","--pf-t--global--color--nonstatus--red--clicked":"--pf-t--global--dark--color--nonstatus--red--200","--pf-t--global--color--status--custom--clicked":"--pf-t--global--dark--color--status--custom--200","--pf-t--global--color--status--info--clicked":"--pf-t--global--dark--color--status--info--200","--pf-t--global--color--status--danger--clicked":"--pf-t--global--dark--color--status--danger--200","--pf-t--global--color--status--warning--clicked":"--pf-t--global--dark--color--status--warning--200","--pf-t--global--color--status--success--clicked":"--pf-t--global--dark--color--status--success--200","--pf-t--global--color--favorite--clicked":"--pf-t--global--dark--color--favorite--200","--pf-t--global--color--brand--clicked":"--pf-t--global--dark--color--brand--200","--pf-t--global--background--color--highlight--clicked":"--pf-t--global--dark--background--color--highlight--200","--pf-t--global--background--color--action--plain--alt--clicked":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--action--plain--clicked":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--secondary--clicked":"--pf-t--global--dark--background--color--200","--pf-t--global--background--color--primary--clicked":"--pf-t--global--dark--background--color--300","--pf-t--global--text--color--nonstatus--on-gray--clicked":"--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-blue--clicked":"--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-green--clicked":"--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-orange--clicked":"--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-red--clicked":"--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--custom--clicked":"--pf-t--global--color--status--custom--clicked","--pf-t--global--text--color--status--on-info--clicked":"--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--on-danger--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--on-warning--clicked":"--pf-t--global--text--color--inverse","--pf-t--global--text--color--status--warning--clicked":"--pf-t--global--color--status--warning--clicked","--pf-t--global--text--color--status--on-success--clicked":"--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--on-brand--clicked":"--pf-t--global--text--color--inverse","--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--info--clicked":"--pf-t--global--color--status--info--clicked","--pf-t--global--border--color--status--danger--clicked":"--pf-t--global--color--status--danger--clicked","--pf-t--global--border--color--status--warning--clicked":"--pf-t--global--color--status--warning--clicked","--pf-t--global--border--color--status--success--clicked":"--pf-t--global--color--status--success--clicked","--pf-t--global--border--color--brand--clicked":"--pf-t--global--color--brand--clicked","--pf-t--global--icon--color--nonstatus--on-gray--clicked":"--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-blue--clicked":"--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-green--clicked":"--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-orange--clicked":"--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-red--clicked":"--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--custom--clicked":"--pf-t--global--color--status--custom--clicked","--pf-t--global--icon--color--status--on-info--clicked":"--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--on-danger--clicked":"--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--on-warning--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--icon--color--status--warning--clicked":"--pf-t--global--color--status--warning--clicked","--pf-t--global--icon--color--status--on-success--clicked":"--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--favorite--clicked":"--pf-t--global--color--favorite--clicked","--pf-t--global--icon--color--on-brand--clicked":"--pf-t--global--icon--color--inverse","--pf-t--global--color--status--read--on-primary":"--pf-t--global--background--color--secondary--default","--pf-t--global--color--status--read--on-secondary":"--pf-t--global--background--color--control--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--floating--clicked":"--pf-t--global--background--color--action--plain--hover","--pf-t--chart--stroke--width--sm":"2","--pf-t--chart--stroke--width--xs":"1","--pf-t--chart--BorderWidth--lg":"8","--pf-t--chart--BorderWidth--sm":"2","--pf-t--chart--BorderWidth--xs":"1","--pf-t--chart--color--fills-and-strokes--fill--color--white":"--pf-t--color--white","--pf-t--chart--color--fills-and-strokes--fill--color--900":"--pf-t--color--gray--90","--pf-t--chart--color--fills-and-strokes--fill--color--700":"--pf-t--color--gray--70","--pf-t--chart--color--fills-and-strokes--fill--color--500":"--pf-t--color--gray--50","--pf-t--chart--color--fills-and-strokes--fill--color--400":"--pf-t--color--gray--40","--pf-t--chart--color--fills-and-strokes--fill--color--300":"--pf-t--color--gray--30","--pf-t--chart--color--fills-and-strokes--fill--color--200":"--pf-t--color--gray--20","--pf-t--chart--color--fills-and-strokes--fill--color--100":"--pf-t--color--gray--10","--pf-t--chart--color--fills-and-strokes--warning--color--200":"--pf-t--color--yellow--40","--pf-t--chart--color--fills-and-strokes--warning--color--100":"--pf-t--color--orange--40","--pf-t--chart--color--fills-and-strokes--success--color--100":"--pf-t--color--blue--50","--pf-t--chart--color--black--500":"--pf-t--color--gray--50","--pf-t--chart--color--black--400":"--pf-t--color--gray--40","--pf-t--chart--color--black--300":"--pf-t--color--gray--30","--pf-t--chart--color--black--200":"--pf-t--color--gray--20","--pf-t--chart--color--black--100":"--pf-t--color--gray--10","--pf-t--chart--color--red-orange--500":"--pf-t--color--red-orange--70","--pf-t--chart--color--red-orange--400":"--pf-t--color--red-orange--60","--pf-t--chart--color--red-orange--300":"--pf-t--color--red-orange--50","--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--30","--pf-t--chart--color--orange--500":"--pf-t--color--orange--70","--pf-t--chart--color--orange--400":"--pf-t--color--orange--60","--pf-t--chart--color--orange--300":"--pf-t--color--orange--50","--pf-t--chart--color--orange--200":"--pf-t--color--orange--40","--pf-t--chart--color--orange--100":"--pf-t--color--orange--30","--pf-t--chart--color--yellow--500":"--pf-t--color--yellow--60","--pf-t--chart--color--yellow--400":"--pf-t--color--yellow--50","--pf-t--chart--color--yellow--300":"--pf-t--color--yellow--40","--pf-t--chart--color--yellow--200":"--pf-t--color--yellow--30","--pf-t--chart--color--yellow--100":"--pf-t--color--yellow--20","--pf-t--chart--color--purple--500":"--pf-t--color--purple--70","--pf-t--chart--color--purple--400":"--pf-t--color--purple--60","--pf-t--chart--color--purple--300":"--pf-t--color--purple--50","--pf-t--chart--color--purple--200":"--pf-t--color--purple--40","--pf-t--chart--color--purple--100":"--pf-t--color--purple--30","--pf-t--chart--color--teal--500":"--pf-t--color--teal--70","--pf-t--chart--color--teal--400":"--pf-t--color--teal--60","--pf-t--chart--color--teal--300":"--pf-t--color--teal--50","--pf-t--chart--color--teal--200":"--pf-t--color--teal--40","--pf-t--chart--color--teal--100":"--pf-t--color--teal--30","--pf-t--chart--color--green--500":"--pf-t--color--green--70","--pf-t--chart--color--green--400":"--pf-t--color--green--60","--pf-t--chart--color--green--300":"--pf-t--color--green--50","--pf-t--chart--color--green--200":"--pf-t--color--green--40","--pf-t--chart--color--green--100":"--pf-t--color--green--30","--pf-t--chart--color--blue--500":"--pf-t--color--blue--70","--pf-t--chart--color--blue--400":"--pf-t--color--blue--60","--pf-t--chart--color--blue--300":"--pf-t--color--blue--50","--pf-t--chart--color--blue--200":"--pf-t--color--blue--40","--pf-t--chart--color--blue--100":"--pf-t--color--blue--30","--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--200","--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--200","--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--200","--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--200","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--2700":"--pf-t--chart--color--teal--400","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--2600":"--pf-t--chart--color--orange--200","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--2500":"--pf-t--chart--color--purple--400","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--2400":"--pf-t--chart--color--green--200","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--2300":"--pf-t--chart--color--yellow--400","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--2200":"--pf-t--chart--color--blue--200","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--2100":"--pf-t--chart--color--black--500","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--2000":"--pf-t--chart--color--teal--100","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--1900":"--pf-t--chart--color--orange--500","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--1800":"--pf-t--chart--color--purple--100","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--1700":"--pf-t--chart--color--green--500","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--1600":"--pf-t--chart--color--yellow--100","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--1500":"--pf-t--chart--color--blue--500","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--1400":"--pf-t--chart--color--black--100","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--1300":"--pf-t--chart--color--teal--500","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--1200":"--pf-t--chart--color--orange--100","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--1100":"--pf-t--chart--color--purple--500","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--1000":"--pf-t--chart--color--green--100","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--900":"--pf-t--chart--color--yellow--500","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--800":"--pf-t--chart--color--blue--100","--pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--700":"--pf-t--chart--color--black--300","--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--300","--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--300","--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--300","--pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--2500":"--pf-t--chart--color--orange--200","--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--200","--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--400","--pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--1900":"--pf-t--chart--color--yellow--200","--pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--1800":"--pf-t--chart--color--teal--200","--pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--1700":"--pf-t--chart--color--green--400","--pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--1600":"--pf-t--chart--color--blue--200","--pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--1500":"--pf-t--chart--color--orange--100","--pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--1400":"--pf-t--chart--color--yellow--500","--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--500","--pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--900":"--pf-t--chart--color--yellow--100","--pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--800":"--pf-t--chart--color--teal--100","--pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--700":"--pf-t--chart--color--green--500","--pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--600":"--pf-t--chart--color--blue--100","--pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--500":"--pf-t--chart--color--orange--300","--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--300","--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--300","--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","--pf-t--chart--color--fills-and-strokes--danger--color--100":"--pf-t--global--color--status--danger--100"}

package/plugins/export-patternfly-tokens/README.md

@@ -0,0 +1,22 @@
+# Export Patternfly Tokens Plugin
+
+This plugin exports Patternfly tokens out of Figma and creates JSON files that can be added to the design tokens repo and processed by style dictionary.
+
+### Setup
+1. Clone the [design-tokens](https://github.com/patternfly/design-tokens) repository.
+2. Open the Figma app.
+3. In Figma, select **Plugins** > **Development** > **Import plugin from manifest**.
+4. Browse to **design-tokens\packages\module\plugins\export-patternfly-tokens** and select the **manifest.json** file from your cloned design-tokens repository and click **Open**.
+
+The Export Patternfly Tokens plugin should now be available to use as a development plugin in your Figma environment.
+
+### Usage
+Once the plugin has been added to Figma via the manifest file:
+1. In Figma, select **Plugins** > **Development** > **Export Patternfly Tokens** > **Export Tokens**.
+2. Click **Export Tokens**. The text area will display a concatenated list of all tokens exported from the Figma library. Links to each exported JSON file are displayed at the bottom of the dialog.
+3. Click each JSON file link to save them locally (do not rename the JSON files!).
+4. Copy the local JSON files to your cloned design-tokens repo:
+   1. Copy **base.dimension.json**, **base.json**, **semantic.dimension.json**, **semantic.json**, and **palette.color.json** to  **\packages\module\tokens\default**. 
+   2. Copy **base.dark.json**, **semantic.dark.json**, and **palette.color.json** to **\packages\module\tokens\dark** to **\packages\module\tokens\dark**.
+   
+   Note that **palette.color.json** is saved to both the **default** and **dark** directories.

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

@@ -0,0 +1,85 @@
+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 } =
+        figma.variables.getVariableById(variableId);
+      const value = valuesByMode[mode.modeId];
+
+      if (value !== undefined && ["COLOR", "FLOAT"].includes(resolvedType)) {
+        let obj = file.body;
+        name.split("/").forEach((groupName) => {
+          obj[groupName] = obj[groupName] || {};
+          obj = obj[groupName];
+        });
+      
+        obj.$type = resolvedType === "COLOR" ? "color" : "number";
+        if (value.type === "VARIABLE_ALIAS") {
+          obj.$value = `{${figma.variables
+            .getVariableById(value.id)
+            .name.replace(/\//g, ".")}}`;
+        } else {
+          obj.$value = resolvedType === "COLOR" ? rgbToHex(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

@@ -0,0 +1,179 @@
+<!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;
+            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>

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

@@ -0,0 +1,12 @@
+{
+  "name": "Export Patternfly Tokens",
+  "id": "1305931922901292580",
+  "api": "1.0.0",
+  "editorType": ["figma"],
+  "permissions": [],
+  "main": "code.js",
+  "menu": [
+    { "command": "export", "name": "Export Tokens" }
+  ],
+  "ui": { "export": "export.html" }
+}

package/release.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+  branches: [{ name: 'main', channel: 'prerelease' }],
+  analyzeCommits: {
+    preset: 'angular'
+  },
+  plugins: [
+    '@semantic-release/commit-analyzer',
+    '@semantic-release/release-notes-generator',
+    '@semantic-release/github',
+    '@semantic-release/npm'
+  ],
+  tagFormat: 'v${version}'
+};