@patternfly/react-core 4.220.2 → 4.221.2

package/dist/js/components/TextInputGroup/TextInputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputGroup.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uIAA6F;AAC7F,2DAA+C;AAWlC,QAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA+B;IACrF,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEI,MAAM,cAAc,GAAiD,CAAC,EAKvD,EAAE,EAAE;QALmD,EAC3E,QAAQ,EACR,SAAS,EACT,UAAU,OAEU,EADjB,KAAK,sBAJmE,uCAK5E,CADS;IACiB,OAAA,CACzB,oBAAC,6BAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE;QACnD,2CAAK,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,cAAc,EAAE,UAAU,IAAI,0BAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,IAAM,KAAK,GACtG,QAAQ,CACL,CACyB,CAClC,CAAA;CAAA,CAAC;AAXW,QAAA,cAAc,kBAWzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"TextInputGroup.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uIAA6F;AAC7F,2DAA+C;AAalC,QAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA+B;IACrF,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEI,MAAM,cAAc,GAAiD,CAAC,EAMvD,EAAE,EAAE;QANmD,EAC3E,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,OAEY,EADjB,KAAK,sBALmE,mDAM5E,CADS;IAER,MAAM,iBAAiB,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,6BAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE;QACnD,2CACE,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,cAAc,EAAE,UAAU,IAAI,0BAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,IACrF,KAAK,GAER,QAAQ,CACL,CACyB,CAClC,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,cAAc,kBAoBzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts

@@ -22,6 +22,8 @@ export interface TextInputGroupMainProps extends Omit<React.HTMLProps<HTMLDivEle
     value?: string | number;
     /** Placeholder value for the input */
     placeholder?: string;
+    /** @hide A reference object to attach to the input box */
+    innerRef?: React.RefObject<any>;
 }
 export declare const TextInputGroupMain: React.FunctionComponent<TextInputGroupMainProps>;
 //# sourceMappingURL=TextInputGroupMain.d.ts.map

package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputGroupMain.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mCAAmC;IACnC,IAAI,CAAC,EACD,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,KAAK,CAAC;IACV,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7E,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAgD/E,CAAC"}
+{"version":3,"file":"TextInputGroupMain.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mCAAmC;IACnC,IAAI,CAAC,EACD,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,KAAK,CAAC;IACV,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7E,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAmD/E,CAAC"}

package/dist/js/components/TextInputGroup/TextInputGroupMain.js

@@ -7,8 +7,9 @@ const text_input_group_1 = tslib_1.__importDefault(require("@patternfly/react-st
 const react_styles_1 = require("@patternfly/react-styles");
 const TextInputGroup_1 = require("./TextInputGroup");
 const TextInputGroupMain = (_a) => {
-    var { children, className, icon, type = 'text', hint, onChange = () => undefined, onFocus, onBlur, 'aria-label': ariaLabel = 'Type to filter', value: inputValue, placeholder: inputPlaceHolder } = _a, props = tslib_1.__rest(_a, ["children", "className", "icon", "type", "hint", "onChange", "onFocus", "onBlur", 'aria-label', "value", "placeholder"]);
+    var { children, className, icon, type = 'text', hint, onChange = () => undefined, onFocus, onBlur, 'aria-label': ariaLabel = 'Type to filter', value: inputValue, placeholder: inputPlaceHolder, innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", "icon", "type", "hint", "onChange", "onFocus", "onBlur", 'aria-label', "value", "placeholder", "innerRef"]);
     const { isDisabled } = React.useContext(TextInputGroup_1.TextInputGroupContext);
+    const textInputGroupInputInputRef = innerRef || React.useRef(null);
     const handleChange = (event) => {
         onChange(event.currentTarget.value, event);
     };
@@ -17,7 +18,7 @@ const TextInputGroupMain = (_a) => {
         React.createElement("span", { className: react_styles_1.css(text_input_group_1.default.textInputGroupText) },
             hint && (React.createElement("input", { className: react_styles_1.css(text_input_group_1.default.textInputGroupTextInput, text_input_group_1.default.modifiers.hint), type: "text", disabled: true, "aria-hidden": "true", value: hint })),
             icon && React.createElement("span", { className: react_styles_1.css(text_input_group_1.default.textInputGroupIcon) }, icon),
-            React.createElement("input", { type: type, className: react_styles_1.css(text_input_group_1.default.textInputGroupTextInput), "aria-label": ariaLabel, disabled: isDisabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, value: inputValue || '', placeholder: inputPlaceHolder }))));
+            React.createElement("input", { ref: textInputGroupInputInputRef, type: type, className: react_styles_1.css(text_input_group_1.default.textInputGroupTextInput), "aria-label": ariaLabel, disabled: isDisabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, value: inputValue || '', placeholder: inputPlaceHolder }))));
 };
 exports.TextInputGroupMain = TextInputGroupMain;
 exports.TextInputGroupMain.displayName = 'TextInputGroupMain';

package/dist/js/components/TextInputGroup/TextInputGroupMain.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputGroupMain.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uIAA6F;AAC7F,2DAA+C;AAC/C,qDAAyD;AAsClD,MAAM,kBAAkB,GAAqD,CAAC,EAa3D,EAAE,EAAE;QAbuD,EACnF,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,GAAG,GAAQ,EAAE,CAAC,SAAS,EAC/B,OAAO,EACP,MAAM,EACN,YAAY,EAAE,SAAS,GAAG,gBAAgB,EAC1C,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,gBAAgB,OAEL,EADrB,KAAK,sBAZ2E,wHAapF,CADS;IAER,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,sCAAqB,CAAC,CAAC;IAE/D,MAAM,YAAY,GAAG,CAAC,KAAwC,EAAE,EAAE;QAChE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,OAAO,CACL,2CAAK,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,kBAAkB,EAAE,IAAI,IAAI,0BAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,KAAK;QAChG,QAAQ;QACT,8BAAM,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,kBAAkB,CAAC;YAC5C,IAAI,IAAI,CACP,+BACE,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,uBAAuB,EAAE,0BAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EACrE,IAAI,EAAC,MAAM,EACX,QAAQ,uBACI,MAAM,EAClB,KAAK,EAAE,IAAI,GACX,CACH;YACA,IAAI,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,kBAAkB,CAAC,IAAG,IAAI,CAAQ;YACvE,+BACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,uBAAuB,CAAC,gBAClC,SAAS,EACrB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,IAAI,EAAE,EACvB,WAAW,EAAE,gBAAgB,GAC7B,CACG,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,kBAAkB,sBAgD7B;AAEF,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}
+{"version":3,"file":"TextInputGroupMain.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uIAA6F;AAC7F,2DAA+C;AAC/C,qDAAyD;AAwClD,MAAM,kBAAkB,GAAqD,CAAC,EAc3D,EAAE,EAAE;QAduD,EACnF,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,GAAG,GAAQ,EAAE,CAAC,SAAS,EAC/B,OAAO,EACP,MAAM,EACN,YAAY,EAAE,SAAS,GAAG,gBAAgB,EAC1C,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,gBAAgB,EAC7B,QAAQ,OAEgB,EADrB,KAAK,sBAb2E,oIAcpF,CADS;IAER,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,sCAAqB,CAAC,CAAC;IAC/D,MAAM,2BAA2B,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnE,MAAM,YAAY,GAAG,CAAC,KAAwC,EAAE,EAAE;QAChE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,OAAO,CACL,2CAAK,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,kBAAkB,EAAE,IAAI,IAAI,0BAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,KAAK;QAChG,QAAQ;QACT,8BAAM,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,kBAAkB,CAAC;YAC5C,IAAI,IAAI,CACP,+BACE,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,uBAAuB,EAAE,0BAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EACrE,IAAI,EAAC,MAAM,EACX,QAAQ,uBACI,MAAM,EAClB,KAAK,EAAE,IAAI,GACX,CACH;YACA,IAAI,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,kBAAkB,CAAC,IAAG,IAAI,CAAQ;YACvE,+BACE,GAAG,EAAE,2BAA2B,EAChC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,uBAAuB,CAAC,gBAClC,SAAS,EACrB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,IAAI,EAAE,EACvB,WAAW,EAAE,gBAAgB,GAC7B,CACG,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,kBAAkB,sBAmD7B;AAEF,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

package/dist/styles/assets/images/icon-github.hbs

@@ -0,0 +1,4 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+  <title>GitHub logo</title>
+  <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
+</svg>

package/dist/styles/assets/images/icon-google.hbs

@@ -0,0 +1,4 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#4285F4">
+  <title>Google logo</title>
+  <path d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"/>
+</svg>

package/dist/styles/assets/images/icon-red-hat.hbs

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 145"><defs><style>.cls-1{fill:#e00;}</style></defs><title>RedHat-Logo-Hat-Color</title><path d="M157.77,62.61a14,14,0,0,1,.31,3.42c0,14.88-18.1,17.46-30.61,17.46C78.83,83.49,42.53,53.26,42.53,44a6.43,6.43,0,0,1,.22-1.94l-3.66,9.06a18.45,18.45,0,0,0-1.51,7.33c0,18.11,41,45.48,87.74,45.48,20.69,0,36.43-7.76,36.43-21.77,0-1.08,0-1.94-1.73-10.13Z"/><path class="cls-1" d="M127.47,83.49c12.51,0,30.61-2.58,30.61-17.46a14,14,0,0,0-.31-3.42l-7.45-32.36c-1.72-7.12-3.23-10.35-15.73-16.6C124.89,8.69,103.76.5,97.51.5,91.69.5,90,8,83.06,8c-6.68,0-11.64-5.6-17.89-5.6-6,0-9.91,4.09-12.93,12.5,0,0-8.41,23.72-9.49,27.16A6.43,6.43,0,0,0,42.53,44c0,9.22,36.3,39.45,84.94,39.45M160,72.07c1.73,8.19,1.73,9.05,1.73,10.13,0,14-15.74,21.77-36.43,21.77C78.54,104,37.58,76.6,37.58,58.49a18.45,18.45,0,0,1,1.51-7.33C22.27,52,.5,55,.5,74.22c0,31.48,74.59,70.28,133.65,70.28,45.28,0,56.7-20.48,56.7-36.65,0-12.72-11-27.16-30.83-35.78"/></svg>

package/dist/styles/base-no-reset.css

@@ -100,6 +100,7 @@
   --pf-global--palette--light-green-500: #6ca100;
   --pf-global--palette--light-green-600: #486b00;
   --pf-global--palette--light-green-700: #253600;
+  --pf-global--palette--orange-50: #fff6ec;
   --pf-global--palette--orange-100: #f4b678;
   --pf-global--palette--orange-200: #ef9234;
   --pf-global--palette--orange-300: #ec7a08;
@@ -123,6 +124,7 @@
   --pf-global--palette--red-500: #2c0000;
   --pf-global--palette--white: #fff;
   --pf-global--BackgroundColor--100: #fff;
+  --pf-global--BackgroundColor--150: #fafafa;
   --pf-global--BackgroundColor--200: #f0f0f0;
   --pf-global--BackgroundColor--light-100: #fff;
   --pf-global--BackgroundColor--light-200: #fafafa;
@@ -298,6 +300,89 @@
   --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhatVF--monospace);
 }
 
+:root:where(.pf-theme-dark) {
+  --pf-global--palette--black-50: #e0e0e0;
+  --pf-global--palette--black-100: #c6c7c8;
+  --pf-global--palette--black-200: #aaabac;
+  --pf-global--palette--black-300: #868789;
+  --pf-global--palette--black-400: #57585a;
+  --pf-global--palette--black-500: #444548;
+  --pf-global--palette--black-600: #36373a;
+  --pf-global--palette--black-700: #26292d;
+  --pf-global--palette--black-800: #1b1d21;
+  --pf-global--palette--black-900: #0f1214;
+  --pf-global--palette--red-9999: #fe5142;
+  --pf-global--palette--red-8888: #fe6a5d;
+  --pf-global--palette--blue-300: #1fa7f8;
+  --pf-global--BackgroundColor--100: #1b1d21;
+  --pf-global--BackgroundColor--150: #212427;
+  --pf-global--BackgroundColor--200: #0f1214;
+  --pf-global--BackgroundColor--300: #26292d;
+  --pf-global--BackgroundColor--400: #36373a;
+  --pf-global--BorderColor--100: #444548;
+  --pf-global--BorderColor--200: #444548;
+  --pf-global--BorderColor--300: #57585a;
+  --pf-global--BorderColor--400: #aaabac;
+  --pf-global--Color--100: #e0e0e0;
+  --pf-global--Color--200: #aaabac;
+  --pf-global--active-color--100: #1fa7f8;
+  --pf-global--primary-color--100: #1fa7f8;
+  --pf-global--primary-color--300: #06c;
+  --pf-global--success-color--100: #5ba352;
+  --pf-global--warning-color--100: #f0ab00;
+  --pf-global--warning-color--200: #f4c145;
+  --pf-global--danger-color--100: #fe5142;
+  --pf-global--danger-color--200: #fe6a5d;
+  --pf-global--link--Color: #1fa7f8;
+  --pf-global--link--Color--hover: #73bcf7;
+  --pf-global--disabled-color--100: #57585a;
+  --pf-global--disabled-color--200: #444548;
+  --pf-global--disabled-color--300: #aaabac;
+  --pf-global--icon--Color--light: #aaabac;
+  --pf-global--icon--Color--dark: #aaabac;
+  --pf-global--Color--dark-100: #e0e0e0;
+  --pf-global--Color--dark-200: #aaabac;
+  --pf-global--Color--light-100: #e0e0e0;
+  --pf-global--Color--light-200: #aaabac;
+  --pf-global--Color--light-300: #3c3f42;
+  --pf-global--BorderColor--dark-100: #444548;
+  --pf-global--BorderColor--light-100: #444548;
+  --pf-global--primary-color--light-100: #1fa7f8;
+  --pf-global--primary-color--dark-100: #1fa7f8;
+  --pf-global--link--Color--light: #1fa7f8;
+  --pf-global--link--Color--light--hover: #73bcf7;
+  --pf-global--link--Color--dark: #1fa7f8;
+  --pf-global--link--Color--dark--hover: #73bcf7;
+  --pf-global--BackgroundColor--light-100: #1b1d21;
+  --pf-global--BackgroundColor--light-200: #0f1214;
+  --pf-global--BackgroundColor--light-300: #26292d;
+  --pf-global--BackgroundColor--dark-100: #1b1d21;
+  --pf-global--BackgroundColor--dark-200: #0f1214;
+  --pf-global--BackgroundColor--dark-300: #26292d;
+  --pf-global--BackgroundColor--dark-400: #36373a;
+  --pf-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.48), 0 0 0.125rem 0 rgba(3, 3, 3, 0.24);
+  --pf-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
+  --pf-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
+  --pf-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
+  --pf-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
+  --pf-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.48), 0 0 0.25rem 0 rgba(3, 3, 3, 0.24);
+  --pf-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
+  --pf-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
+  --pf-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
+  --pf-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
+  --pf-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.64), 0 0 0.375rem 0 rgba(3, 3, 3, 0.32);
+  --pf-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
+  --pf-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
+  --pf-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
+  --pf-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
+  --pf-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.64), 0 0 0.5rem 0 rgba(3, 3, 3, 0.4);
+  --pf-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
+  --pf-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
+  --pf-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
+  --pf-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
+  --pf-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
+}
+
 @font-face {
   font-family: "RedHatDisplay";
   src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
@@ -600,6 +685,10 @@ html {
   font-variant-numeric: tabular-nums;
 }
 
+:root:where(.pf-theme-dark) {
+  color-scheme: dark;
+}
+
 .pf-t-dark.pf-m-transparent {
   background-color: transparent;
 }
@@ -613,11 +702,11 @@ html {
 }
 
 .pf-t-dark.pf-m-opaque-100 {
-  background-color: #3c3f42;
+  background-color: #1b1d21;
 }
 
 .pf-t-dark.pf-m-opaque-200 {
-  background-color: #151515;
+  background-color: #0f1214;
 }
 
 .pf-t-light.pf-m-transparent {
@@ -629,11 +718,11 @@ html {
 }
 
 .pf-t-light.pf-m-opaque-200 {
-  background-color: #fafafa;
+  background-color: #c6c7c8;
 }
 
 .pf-t-light.pf-m-opaque-300 {
-  background-color: #f0f0f0;
+  background-color: #aaabac;
 }
 
 @font-face {

package/dist/styles/base.css

@@ -100,6 +100,7 @@
   --pf-global--palette--light-green-500: #6ca100;
   --pf-global--palette--light-green-600: #486b00;
   --pf-global--palette--light-green-700: #253600;
+  --pf-global--palette--orange-50: #fff6ec;
   --pf-global--palette--orange-100: #f4b678;
   --pf-global--palette--orange-200: #ef9234;
   --pf-global--palette--orange-300: #ec7a08;
@@ -123,6 +124,7 @@
   --pf-global--palette--red-500: #2c0000;
   --pf-global--palette--white: #fff;
   --pf-global--BackgroundColor--100: #fff;
+  --pf-global--BackgroundColor--150: #fafafa;
   --pf-global--BackgroundColor--200: #f0f0f0;
   --pf-global--BackgroundColor--light-100: #fff;
   --pf-global--BackgroundColor--light-200: #fafafa;
@@ -298,6 +300,89 @@
   --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhatVF--monospace);
 }
 
+:root:where(.pf-theme-dark) {
+  --pf-global--palette--black-50: #e0e0e0;
+  --pf-global--palette--black-100: #c6c7c8;
+  --pf-global--palette--black-200: #aaabac;
+  --pf-global--palette--black-300: #868789;
+  --pf-global--palette--black-400: #57585a;
+  --pf-global--palette--black-500: #444548;
+  --pf-global--palette--black-600: #36373a;
+  --pf-global--palette--black-700: #26292d;
+  --pf-global--palette--black-800: #1b1d21;
+  --pf-global--palette--black-900: #0f1214;
+  --pf-global--palette--red-9999: #fe5142;
+  --pf-global--palette--red-8888: #fe6a5d;
+  --pf-global--palette--blue-300: #1fa7f8;
+  --pf-global--BackgroundColor--100: #1b1d21;
+  --pf-global--BackgroundColor--150: #212427;
+  --pf-global--BackgroundColor--200: #0f1214;
+  --pf-global--BackgroundColor--300: #26292d;
+  --pf-global--BackgroundColor--400: #36373a;
+  --pf-global--BorderColor--100: #444548;
+  --pf-global--BorderColor--200: #444548;
+  --pf-global--BorderColor--300: #57585a;
+  --pf-global--BorderColor--400: #aaabac;
+  --pf-global--Color--100: #e0e0e0;
+  --pf-global--Color--200: #aaabac;
+  --pf-global--active-color--100: #1fa7f8;
+  --pf-global--primary-color--100: #1fa7f8;
+  --pf-global--primary-color--300: #06c;
+  --pf-global--success-color--100: #5ba352;
+  --pf-global--warning-color--100: #f0ab00;
+  --pf-global--warning-color--200: #f4c145;
+  --pf-global--danger-color--100: #fe5142;
+  --pf-global--danger-color--200: #fe6a5d;
+  --pf-global--link--Color: #1fa7f8;
+  --pf-global--link--Color--hover: #73bcf7;
+  --pf-global--disabled-color--100: #57585a;
+  --pf-global--disabled-color--200: #444548;
+  --pf-global--disabled-color--300: #aaabac;
+  --pf-global--icon--Color--light: #aaabac;
+  --pf-global--icon--Color--dark: #aaabac;
+  --pf-global--Color--dark-100: #e0e0e0;
+  --pf-global--Color--dark-200: #aaabac;
+  --pf-global--Color--light-100: #e0e0e0;
+  --pf-global--Color--light-200: #aaabac;
+  --pf-global--Color--light-300: #3c3f42;
+  --pf-global--BorderColor--dark-100: #444548;
+  --pf-global--BorderColor--light-100: #444548;
+  --pf-global--primary-color--light-100: #1fa7f8;
+  --pf-global--primary-color--dark-100: #1fa7f8;
+  --pf-global--link--Color--light: #1fa7f8;
+  --pf-global--link--Color--light--hover: #73bcf7;
+  --pf-global--link--Color--dark: #1fa7f8;
+  --pf-global--link--Color--dark--hover: #73bcf7;
+  --pf-global--BackgroundColor--light-100: #1b1d21;
+  --pf-global--BackgroundColor--light-200: #0f1214;
+  --pf-global--BackgroundColor--light-300: #26292d;
+  --pf-global--BackgroundColor--dark-100: #1b1d21;
+  --pf-global--BackgroundColor--dark-200: #0f1214;
+  --pf-global--BackgroundColor--dark-300: #26292d;
+  --pf-global--BackgroundColor--dark-400: #36373a;
+  --pf-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.48), 0 0 0.125rem 0 rgba(3, 3, 3, 0.24);
+  --pf-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
+  --pf-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
+  --pf-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
+  --pf-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
+  --pf-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.48), 0 0 0.25rem 0 rgba(3, 3, 3, 0.24);
+  --pf-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
+  --pf-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
+  --pf-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
+  --pf-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
+  --pf-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.64), 0 0 0.375rem 0 rgba(3, 3, 3, 0.32);
+  --pf-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
+  --pf-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
+  --pf-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
+  --pf-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
+  --pf-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.64), 0 0 0.5rem 0 rgba(3, 3, 3, 0.4);
+  --pf-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
+  --pf-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
+  --pf-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
+  --pf-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
+  --pf-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
+}
+
 @font-face {
   font-family: "RedHatDisplay";
   src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
@@ -728,6 +813,10 @@ a {
   font-weight: var(--pf-global--FontWeight--semi-bold);
 }
 
+:root:where(.pf-theme-dark) {
+  color-scheme: dark;
+}
+
 .pf-t-dark.pf-m-transparent {
   background-color: transparent;
 }
@@ -741,11 +830,11 @@ a {
 }
 
 .pf-t-dark.pf-m-opaque-100 {
-  background-color: #3c3f42;
+  background-color: #1b1d21;
 }
 
 .pf-t-dark.pf-m-opaque-200 {
-  background-color: #151515;
+  background-color: #0f1214;
 }
 
 .pf-t-light.pf-m-transparent {
@@ -757,11 +846,11 @@ a {
 }
 
 .pf-t-light.pf-m-opaque-200 {
-  background-color: #fafafa;
+  background-color: #c6c7c8;
 }
 
 .pf-t-light.pf-m-opaque-300 {
-  background-color: #f0f0f0;
+  background-color: #aaabac;
 }
 
 @font-face {