@patternfly/react-core 6.0.0-alpha.80 → 6.0.0-alpha.82

package/dist/js/components/Toolbar/ToolbarToggleGroup.d.ts

@@ -17,14 +17,6 @@ export interface ToolbarToggleGroupProps extends ToolbarGroupProps {
         xl?: 'hidden' | 'visible';
         '2xl'?: 'hidden' | 'visible';
     };
-    /** Alignment at various breakpoints. */
-    alignment?: {
-        default?: 'alignEnd' | 'alignStart';
-        md?: 'alignEnd' | 'alignStart';
-        lg?: 'alignEnd' | 'alignStart';
-        xl?: 'alignEnd' | 'alignStart';
-        '2xl'?: 'alignEnd' | 'alignStart';
-    };
     /** Sets both the column and row gap at various breakpoints. */
     gap?: {
         default?: 'gapNone' | 'gapXs' | 'gapSm' | 'gapMd' | 'gapLg' | 'gapXl' | 'gap_2xl' | 'gap_3xl' | 'gap_4xl';

package/dist/js/components/Toolbar/ToolbarToggleGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarToggleGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarToggleGroup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToolbarToggleGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAQnD,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE,2FAA2F;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC7C,sEAAsE;IACtE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,4EAA4E;IAC5E,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACvC,yCAAyC;IACzC,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,+DAA+D;IAC/D,GAAG,CAAC,EAAE;QACJ,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;QAC1G,EAAE,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;QACrG,EAAE,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;QACrG,EAAE,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;QACrG,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;KACzG,CAAC;IACF,uDAAuD;IACvD,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EACJ,eAAe,GACf,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,eAAe,CAAC;QACpB,EAAE,CAAC,EACC,eAAe,GACf,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,eAAe,CAAC;QACpB,EAAE,CAAC,EACC,eAAe,GACf,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,eAAe,CAAC;QACpB,EAAE,CAAC,EACC,eAAe,GACf,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,eAAe,CAAC;QACpB,KAAK,CAAC,EACF,eAAe,GACf,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,eAAe,CAAC;KACrB,CAAC;IACF,oDAAoD;IACpD,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EACJ,YAAY,GACZ,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;QACjB,EAAE,CAAC,EACC,YAAY,GACZ,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;QACjB,EAAE,CAAC,EACC,YAAY,GACZ,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;QACjB,EAAE,CAAC,EACC,YAAY,GACZ,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;QACjB,KAAK,CAAC,EACF,YAAY,GACZ,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;KAClB,CAAC;IACF,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACzC,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,sGAAsG;IACtG,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,kFAAkF;IAClF,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,cAAM,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC;IACvE,MAAM,CAAC,WAAW,SAAwB;IAC1C,SAAS,qCAAwC;IACjD,oBAAoB,kCAAqC;IAEzD,cAAc,gBAIZ;IAEF,MAAM;CAyHP;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/js/components/Toolbar/ToolbarToggleGroup.js

@@ -24,7 +24,7 @@ class ToolbarToggleGroup extends React.Component {
         };
     }
     render() {
-        const _a = this.props, { toggleIcon, variant, visibility, breakpoint, alignment, gap, columnGap, rowGap, className, children, isExpanded, onToggle, labelContainerRef, clearAllFilters, showClearFiltersButton, clearFiltersButtonText } = _a, props = tslib_1.__rest(_a, ["toggleIcon", "variant", "visibility", "breakpoint", "alignment", "gap", "columnGap", "rowGap", "className", "children", "isExpanded", "onToggle", "labelContainerRef", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText"]);
+        const _a = this.props, { toggleIcon, variant, visibility, breakpoint, gap, columnGap, rowGap, className, children, isExpanded, onToggle, labelContainerRef, clearAllFilters, showClearFiltersButton, clearFiltersButtonText } = _a, props = tslib_1.__rest(_a, ["toggleIcon", "variant", "visibility", "breakpoint", "gap", "columnGap", "rowGap", "className", "children", "isExpanded", "onToggle", "labelContainerRef", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText"]);
         if (!breakpoint && !toggleIcon) {
             // eslint-disable-next-line no-console
             console.error('ToolbarToggleGroup will not be visible without a breakpoint or toggleIcon.');
@@ -39,7 +39,8 @@ class ToolbarToggleGroup extends React.Component {
                 const expandableContent = (React.createElement(ToolbarExpandableContent_1.ToolbarExpandableContent, { id: expandableContentId, expandableContentRef: this.expandableContentRef, isExpanded: _isExpanded, clearAllFilters: clearAllFilters || clearAllFiltersContext, showClearFiltersButton: showClearFiltersButton || showClearFiltersButtonContext, clearFiltersButtonText: clearFiltersButtonText || clearFiltersButtonContext, labelContainerRef: _labelContainerRef }, children));
                 const toggleButton = (React.createElement("div", { className: (0, react_styles_1.css)(toolbar_1.default.toolbarToggle) },
                     React.createElement(Button_1.Button, Object.assign({ variant: "plain", onClick: _onToggle, "aria-label": "Show Filters" }, (_isExpanded && { 'aria-expanded': true }), { "aria-haspopup": _isExpanded && this.isContentPopup(), "aria-controls": _isExpanded ? expandableContentId : undefined, ref: this.toggleRef, icon: toggleIcon }))));
-                return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(toolbar_1.default.toolbarGroup, toolbar_1.default.modifiers.toggleGroup, variant && toolbar_1.default.modifiers[(0, util_1.toCamel)(variant)], (0, util_1.formatBreakpointMods)(breakpointMod, toolbar_1.default, '', getBreakpoint(width)), (0, util_1.formatBreakpointMods)(visibility, toolbar_1.default, '', getBreakpoint(width)), (0, util_1.formatBreakpointMods)(alignment, toolbar_1.default, '', getBreakpoint(width)), (0, util_1.formatBreakpointMods)(gap, toolbar_1.default, '', getBreakpoint(width)), (0, util_1.formatBreakpointMods)(columnGap, toolbar_1.default, '', getBreakpoint(width)), (0, util_1.formatBreakpointMods)(rowGap, toolbar_1.default, '', getBreakpoint(width)), className) }, props),
+                return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(toolbar_1.default.toolbarGroup, toolbar_1.default.modifiers.toggleGroup, variant &&
+                        toolbar_1.default.modifiers[(0, util_1.toCamel)(variant)], (0, util_1.formatBreakpointMods)(breakpointMod, toolbar_1.default, '', getBreakpoint(width)), (0, util_1.formatBreakpointMods)(visibility, toolbar_1.default, '', getBreakpoint(width)), (0, util_1.formatBreakpointMods)(gap, toolbar_1.default, '', getBreakpoint(width)), (0, util_1.formatBreakpointMods)(columnGap, toolbar_1.default, '', getBreakpoint(width)), (0, util_1.formatBreakpointMods)(rowGap, toolbar_1.default, '', getBreakpoint(width)), className) }, props),
                     toggleButton,
                     _isExpanded && ReactDOM.createPortal(expandableContent, expandableContentRef.current),
                     !_isExpanded && children));

package/dist/js/components/Toolbar/ToolbarToggleGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarToggleGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarToggleGroup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToolbarToggleGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarToggleGroup.tsx"],"names":[],"mappings":"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"}

package/dist/js/components/Toolbar/ToolbarUtils.js

@@ -22,9 +22,9 @@ exports.ToolbarContentContext = React.createContext({
     clearAllFilters: () => { }
 });
 exports.globalBreakpoints = {
-    md: parseInt(global_breakpoint_md_1.default.value),
-    lg: parseInt(global_breakpoint_lg_1.default.value),
-    xl: parseInt(global_breakpoint_xl_1.default.value),
-    '2xl': parseInt(global_breakpoint_2xl_1.default.value)
+    md: parseInt(global_breakpoint_md_1.default.value) * 16,
+    lg: parseInt(global_breakpoint_lg_1.default.value) * 16,
+    xl: parseInt(global_breakpoint_xl_1.default.value) * 16,
+    '2xl': parseInt(global_breakpoint_2xl_1.default.value) * 16
 };
 //# sourceMappingURL=ToolbarUtils.js.map

package/dist/js/components/Toolbar/ToolbarUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarUtils.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarUtils.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;;;;;AAoBlB,QAAA,cAAc,GAAG,KAAK,CAAC,aAAa,CAAsB;IACrE,UAAU,EAAE,KAAK;IACjB,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC1B,oBAAoB,EAAE,IAAI;IAC1B,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC7B,eAAe,EAAE,CAAC;IAClB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;CAC1B,CAAC,CAAC;AAYU,QAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA6B;IACnF,oBAAoB,EAAE,IAAI;IAC1B,mBAAmB,EAAE,EAAE;IACvB,iBAAiB,EAAE,IAAI;IACvB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;CAC1B,CAAC,CAAC;AAEU,QAAA,iBAAiB,GAAG;IAC/B,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC;IACtC,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC;IACtC,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC;IACtC,KAAK,EAAE,QAAQ,CAAC,+BAAmB,CAAC,KAAK,CAAC;CAC3C,CAAC"}
+{"version":3,"file":"ToolbarUtils.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarUtils.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;;;;;AAoBlB,QAAA,cAAc,GAAG,KAAK,CAAC,aAAa,CAAsB;IACrE,UAAU,EAAE,KAAK;IACjB,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC1B,oBAAoB,EAAE,IAAI;IAC1B,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC7B,eAAe,EAAE,CAAC;IAClB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;CAC1B,CAAC,CAAC;AAYU,QAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA6B;IACnF,oBAAoB,EAAE,IAAI;IAC1B,mBAAmB,EAAE,EAAE;IACvB,iBAAiB,EAAE,IAAI;IACvB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;CAC1B,CAAC,CAAC;AAEU,QAAA,iBAAiB,GAAG;IAC/B,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC,GAAG,EAAE;IAC3C,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC,GAAG,EAAE;IAC3C,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC,GAAG,EAAE;IAC3C,KAAK,EAAE,QAAQ,CAAC,+BAAmB,CAAC,KAAK,CAAC,GAAG,EAAE;CAChD,CAAC"}

package/dist/js/demos/DashboardHeader.js

@@ -55,9 +55,9 @@ const DashboardHeader = ({ notificationBadge }) => {
         react_1.default.createElement(components_1.MastheadContent, null,
             react_1.default.createElement(components_1.Toolbar, { id: "toolbar", isFullHeight: true, isStatic: true },
                 react_1.default.createElement(components_1.ToolbarContent, null,
-                    react_1.default.createElement(components_1.ToolbarGroup, { variant: "icon-button-group", align: { default: 'alignEnd' }, gap: { default: 'gapNone', md: 'gapMd' } }, notificationBadge !== null && notificationBadge !== void 0 ? notificationBadge : (react_1.default.createElement(components_1.ToolbarItem, null,
+                    react_1.default.createElement(components_1.ToolbarGroup, { variant: "action-group-plain", align: { default: 'alignEnd' }, gap: { default: 'gapNone', md: 'gapMd' } }, notificationBadge !== null && notificationBadge !== void 0 ? notificationBadge : (react_1.default.createElement(components_1.ToolbarItem, null,
                         react_1.default.createElement(components_1.Button, { "aria-label": "Notifications", variant: components_1.ButtonVariant.plain, icon: react_1.default.createElement(bell_icon_1.default, null), onClick: () => { } }))),
-                        react_1.default.createElement(components_1.ToolbarGroup, { variant: "icon-button-group", visibility: { default: 'hidden', lg: 'visible' } },
+                        react_1.default.createElement(components_1.ToolbarGroup, { variant: "action-group-plain", visibility: { default: 'hidden', lg: 'visible' } },
                             react_1.default.createElement(components_1.ToolbarItem, null,
                                 react_1.default.createElement(components_1.Button, { "aria-label": "Settings", variant: components_1.ButtonVariant.plain, icon: react_1.default.createElement(cog_icon_1.default, null) })),
                             react_1.default.createElement(components_1.ToolbarItem, null,

package/dist/js/demos/DashboardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardHeader.js","sourceRoot":"","sources":["../../../src/demos/DashboardHeader.tsx"],"names":[],"mappings":";;;;AAAA,uDAAwC;AACxC,8CAqBuB;;;;;;;AAOvB,uHAAmF;AACnF,8IAAyF;AAOlF,MAAM,eAAe,GAAmC,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE;IACvF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACtE,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9E,MAAM,kBAAkB,GAAG,CACzB;QACE,8BAAC,yBAAY;YACX,8BAAC,kBAAO,OAAG;wBACE;QACf,8BAAC,yBAAY;YACX,8BAAC,mBAAQ,OAAG;oBACC,CACd,CACJ,CAAC;IAEF,MAAM,iBAAiB,GAAG,CACxB;QACE,8BAAC,yBAAY,IAAC,GAAG,EAAC,iBAAiB,iBAA0B;QAC7D,8BAAC,yBAAY,IAAC,GAAG,EAAC,cAAc,sBAA+B;QAC/D,8BAAC,yBAAY,IAAC,GAAG,EAAC,gBAAgB,aAAsB,CACvD,CACJ,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,sBAAsB,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,0BAA0B,CAAC,CAAC,uBAAuB,CAAC,CAAC;IACvD,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,0BAA0B,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,qBAAQ;QACP,8BAAC,2BAAc;YACb,8BAAC,6BAAgB,IAAC,OAAO,EAAC,OAAO,gBAAY,mBAAmB;gBAC9D,8BAAC,mBAAQ,OAAG,CACK,CACJ;QACjB,8BAAC,yBAAY;YACX,8BAAC,0BAAa;gBACZ,8BAAC,kBAAK,IAAC,GAAG,EAAE,qCAAM,EAAE,GAAG,EAAC,YAAY,EAAC,OAAO,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAI,CACvD,CACH;QACf,8BAAC,4BAAe;YACd,8BAAC,oBAAO,IAAC,EAAE,EAAC,SAAS,EAAC,YAAY,QAAC,QAAQ;gBACzC,8BAAC,2BAAc;oBACb,8BAAC,yBAAY,IACX,OAAO,EAAC,mBAAmB,EAC3B,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAC9B,GAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,IAEvC,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,CACpB,8BAAC,wBAAW;wBACV,8BAAC,mBAAM,kBACM,eAAe,EAC1B,OAAO,EAAE,0BAAa,CAAC,KAAK,EAC5B,IAAI,EAAE,8BAAC,mBAAQ,OAAG,EAClB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GACjB,CACU,CACf;wBACD,8BAAC,yBAAY,IAAC,OAAO,EAAC,mBAAmB,EAAC,UAAU,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE;4BACxF,8BAAC,wBAAW;gCACV,8BAAC,mBAAM,kBAAY,UAAU,EAAC,OAAO,EAAE,0BAAa,CAAC,KAAK,EAAE,IAAI,EAAE,8BAAC,kBAAO,OAAG,GAAI,CACrE;4BACd,8BAAC,wBAAW;gCACV,8BAAC,mBAAM,kBAAY,MAAM,EAAC,OAAO,EAAE,0BAAa,CAAC,KAAK,EAAE,IAAI,EAAE,8BAAC,8BAAkB,OAAG,GAAI,CAC5E,CACD;wBACf,8BAAC,wBAAW,IAAC,UAAU,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE;4BACzE,8BAAC,qBAAQ,IACP,MAAM,EAAE,mBAAmB,EAC3B,QAAQ,EAAE,qBAAqB,EAC/B,YAAY,EAAE,sBAAsB,EACpC,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAClC,MAAM,EAAE,CAAC,SAA+B,EAAE,EAAE,CAAC,CAC3C,8BAAC,uBAAU,IACT,GAAG,EAAE,SAAS,EACd,UAAU,EAAE,mBAAmB,EAC/B,OAAO,EAAE,qBAAqB,EAC9B,OAAO,EAAC,OAAO,gBACJ,mBAAmB;oCAE9B,8BAAC,yBAAa,mBAAa,MAAM,GAAG,CACzB,CACd;gCAED,8BAAC,yBAAY,QAAE,kBAAkB,CAAgB,CACxC,CACC;wBACd,8BAAC,wBAAW,IAAC,UAAU,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE;4BACvC,8BAAC,qBAAQ,IACP,MAAM,EAAE,uBAAuB,EAC/B,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,0BAA0B,EACxC,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAClC,MAAM,EAAE,CAAC,SAA+B,EAAE,EAAE,CAAC,CAC3C,8BAAC,uBAAU,IACT,GAAG,EAAE,SAAS,EACd,UAAU,EAAE,uBAAuB,EACnC,OAAO,EAAE,iBAAiB,EAC1B,OAAO,EAAC,OAAO,gBACJ,cAAc;oCAEzB,8BAAC,yBAAa,mBAAa,MAAM,GAAG,CACzB,CACd;gCAED,8BAAC,0BAAa,IAAC,GAAG,EAAC,SAAS,gBAAY,cAAc;oCACpD,8BAAC,yBAAY,QAAE,iBAAiB,CAAgB,CAClC;gCAChB,8BAAC,oBAAO,OAAG;gCACX,8BAAC,yBAAY,QAAE,kBAAkB,CAAgB,CACxC,CACC,CACD;oBACf,8BAAC,wBAAW,IAAC,UAAU,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE;wBAC3D,8BAAC,qBAAQ,IACP,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,gBAAgB,EAC1B,YAAY,EAAE,iBAAiB,EAC/B,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAClC,MAAM,EAAE,CAAC,SAA+B,EAAE,EAAE,CAAC,CAC3C,8BAAC,uBAAU,IACT,GAAG,EAAE,SAAS,EACd,UAAU,EAAE,cAAc,EAC1B,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,8BAAC,mBAAM,IAAC,GAAG,EAAE,uBAAS,EAAE,GAAG,EAAC,EAAE,GAAG,EACvC,YAAY,yBAGD,CACd;4BAED,8BAAC,yBAAY,QAAE,iBAAiB,CAAgB,CACvC,CACC,CACC,CACT,CACM,CACT,CACZ,CAAC;AACJ,CAAC,CAAC;AA/JW,QAAA,eAAe,mBA+J1B;AACF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"DashboardHeader.js","sourceRoot":"","sources":["../../../src/demos/DashboardHeader.tsx"],"names":[],"mappings":"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"}

package/dist/js/helpers/constants.js

@@ -37,18 +37,18 @@ exports.KeyTypes = {
     ArrowRight: 'ArrowRight'
 };
 exports.globalWidthBreakpoints = {
-    sm: parseInt(global_breakpoint_sm_1.default.value),
-    md: parseInt(global_breakpoint_md_1.default.value),
-    lg: parseInt(global_breakpoint_lg_1.default.value),
-    xl: parseInt(global_breakpoint_xl_1.default.value),
-    '2xl': parseInt(global_breakpoint_2xl_1.default.value)
+    sm: parseInt(global_breakpoint_sm_1.default.value) * 16,
+    md: parseInt(global_breakpoint_md_1.default.value) * 16,
+    lg: parseInt(global_breakpoint_lg_1.default.value) * 16,
+    xl: parseInt(global_breakpoint_xl_1.default.value) * 16,
+    '2xl': parseInt(global_breakpoint_2xl_1.default.value) * 16
 };
 exports.globalHeightBreakpoints = {
-    sm: parseInt(global_breakpoint_height_sm_1.default.value),
-    md: parseInt(global_breakpoint_height_md_1.default.value),
-    lg: parseInt(global_breakpoint_height_lg_1.default.value),
-    xl: parseInt(global_breakpoint_height_xl_1.default.value),
-    '2xl': parseInt(global_breakpoint_height_2xl_1.default.value)
+    sm: parseInt(global_breakpoint_height_sm_1.default.value) * 16,
+    md: parseInt(global_breakpoint_height_md_1.default.value) * 16,
+    lg: parseInt(global_breakpoint_height_lg_1.default.value) * 16,
+    xl: parseInt(global_breakpoint_height_xl_1.default.value) * 16,
+    '2xl': parseInt(global_breakpoint_height_2xl_1.default.value) * 16
 };
 exports.statusIcons = {
     success: check_circle_icon_1.default,

package/dist/js/helpers/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/helpers/constants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAkBa,QAAA,IAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAEpE,QAAA,oBAAoB,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAE7F,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,uCAAmB,CAAA;IACnB,uCAAmB,CAAA;AACrB,CAAC,EALW,gBAAgB,gCAAhB,gBAAgB,QAK3B;AAEY,QAAA,QAAQ,GAAG;IACtB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;CACzB,CAAC;AAEW,QAAA,sBAAsB,GAAG;IACpC,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC;IACtC,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC;IACtC,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC;IACtC,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC;IACtC,KAAK,EAAE,QAAQ,CAAC,+BAAmB,CAAC,KAAK,CAAC;CAC3C,CAAC;AAEW,QAAA,uBAAuB,GAAG;IACrC,EAAE,EAAE,QAAQ,CAAC,qCAAwB,CAAC,KAAK,CAAC;IAC5C,EAAE,EAAE,QAAQ,CAAC,qCAAwB,CAAC,KAAK,CAAC;IAC5C,EAAE,EAAE,QAAQ,CAAC,qCAAwB,CAAC,KAAK,CAAC;IAC5C,EAAE,EAAE,QAAQ,CAAC,qCAAwB,CAAC,KAAK,CAAC;IAC5C,KAAK,EAAE,QAAQ,CAAC,sCAAyB,CAAC,KAAK,CAAC;CACjD,CAAC;AAEW,QAAA,WAAW,GAAG;IACzB,OAAO,EAAE,2BAAe;IACxB,MAAM,EAAE,iCAAqB;IAC7B,OAAO,EAAE,mCAAuB;IAChC,IAAI,EAAE,0BAAc;IACpB,MAAM,EAAE,mBAAQ;CACjB,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/helpers/constants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAkBa,QAAA,IAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAEpE,QAAA,oBAAoB,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAE7F,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,uCAAmB,CAAA;IACnB,uCAAmB,CAAA;AACrB,CAAC,EALW,gBAAgB,gCAAhB,gBAAgB,QAK3B;AAEY,QAAA,QAAQ,GAAG;IACtB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;CACzB,CAAC;AAEW,QAAA,sBAAsB,GAAG;IACpC,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC,GAAG,EAAE;IAC3C,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC,GAAG,EAAE;IAC3C,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC,GAAG,EAAE;IAC3C,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC,GAAG,EAAE;IAC3C,KAAK,EAAE,QAAQ,CAAC,+BAAmB,CAAC,KAAK,CAAC,GAAG,EAAE;CAChD,CAAC;AAEW,QAAA,uBAAuB,GAAG;IACrC,EAAE,EAAE,QAAQ,CAAC,qCAAwB,CAAC,KAAK,CAAC,GAAG,EAAE;IACjD,EAAE,EAAE,QAAQ,CAAC,qCAAwB,CAAC,KAAK,CAAC,GAAG,EAAE;IACjD,EAAE,EAAE,QAAQ,CAAC,qCAAwB,CAAC,KAAK,CAAC,GAAG,EAAE;IACjD,EAAE,EAAE,QAAQ,CAAC,qCAAwB,CAAC,KAAK,CAAC,GAAG,EAAE;IACjD,KAAK,EAAE,QAAQ,CAAC,sCAAyB,CAAC,KAAK,CAAC,GAAG,EAAE;CACtD,CAAC;AAEW,QAAA,WAAW,GAAG;IACzB,OAAO,EAAE,2BAAe;IACxB,MAAM,EAAE,iCAAqB;IAC7B,OAAO,EAAE,mCAAuB;IAChC,IAAI,EAAE,0BAAc;IACpB,MAAM,EAAE,mBAAQ;CACjB,CAAC"}

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

@@ -60,7 +60,7 @@
 }
 
 @font-face {
-  font-family: RedHatTextVF;
+  font-family: "Red Hat Text";
   font-style: normal;
   font-weight: 400 500;
   src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
@@ -68,7 +68,7 @@
 }
 
 @font-face {
-  font-family: RedHatTextVF;
+  font-family: "Red Hat Text";
   font-style: italic;
   font-weight: 400 500;
   src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
@@ -76,7 +76,7 @@
 }
 
 @font-face {
-  font-family: RedHatDisplayVF;
+  font-family: "Red Hat Display";
   font-style: normal;
   font-weight: 400 700;
   src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
@@ -84,7 +84,7 @@
 }
 
 @font-face {
-  font-family: RedHatDisplayVF;
+  font-family: "Red Hat Display";
   font-style: italic;
   font-weight: 400 700;
   src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
@@ -92,7 +92,7 @@
 }
 
 @font-face {
-  font-family: RedHatMonoVF;
+  font-family: "Red Hat Mono";
   font-style: normal;
   font-weight: 400;
   src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
@@ -100,7 +100,7 @@
 }
 
 @font-face {
-  font-family: RedHatMonoVF;
+  font-family: "Red Hat Mono";
   font-style: italic;
   font-weight: 400;
   src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
@@ -910,15 +910,15 @@
   --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
   --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
   --pf-t--global--box-shadow--spread--100: 0px;
-  --pf-t--global--breakpoint--100: 0px;
-  --pf-t--global--breakpoint--200: 576px;
-  --pf-t--global--breakpoint--250: 640px;
-  --pf-t--global--breakpoint--300: 768px;
-  --pf-t--global--breakpoint--350: 960px;
-  --pf-t--global--breakpoint--400: 992px;
-  --pf-t--global--breakpoint--500: 1200px;
-  --pf-t--global--breakpoint--550: 1280px;
-  --pf-t--global--breakpoint--600: 1450px;
+  --pf-t--global--breakpoint--100: 0rem;
+  --pf-t--global--breakpoint--200: 36rem;
+  --pf-t--global--breakpoint--250: 40rem;
+  --pf-t--global--breakpoint--300: 48rem;
+  --pf-t--global--breakpoint--350: 60rem;
+  --pf-t--global--breakpoint--400: 62rem;
+  --pf-t--global--breakpoint--500: 75rem;
+  --pf-t--global--breakpoint--550: 80rem;
+  --pf-t--global--breakpoint--600: 90.625rem;
   --pf-t--global--delay--100: 0ms;
   --pf-t--global--delay--200: 50ms;
   --pf-t--global--delay--300: 100ms;
@@ -930,37 +930,41 @@
   --pf-t--global--duration--50: 50ms;
   --pf-t--global--duration--500: 500ms;
   --pf-t--global--duration--600: 600ms;
-  --pf-t--global--font--family--100: "Red Hat Text VF";
-  --pf-t--global--font--family--200: "Red Hat Display VF";
-  --pf-t--global--font--family--300: "Red Hat Mono VF";
+  --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
+  --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
+  --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
   --pf-t--global--font--line-height--100: 1.3;
   --pf-t--global--font--line-height--200: 1.5;
-  --pf-t--global--font--size--100: 12px;
-  --pf-t--global--font--size--200: 14px;
-  --pf-t--global--font--size--300: 16px;
-  --pf-t--global--font--size--400: 18px;
-  --pf-t--global--font--size--500: 20px;
-  --pf-t--global--font--size--600: 22px;
-  --pf-t--global--font--size--700: 28px;
-  --pf-t--global--font--size--800: 36px;
+  --pf-t--global--font--size--100: 0.75rem;
+  --pf-t--global--font--size--200: 0.875rem;
+  --pf-t--global--font--size--300: 1rem;
+  --pf-t--global--font--size--400: 1.125rem;
+  --pf-t--global--font--size--500: 1.25rem;
+  --pf-t--global--font--size--600: 1.375rem;
+  --pf-t--global--font--size--700: 1.75rem;
+  --pf-t--global--font--size--800: 2.25rem;
   --pf-t--global--font--weight--100: 400;
   --pf-t--global--font--weight--200: 500;
   --pf-t--global--font--weight--300: 700;
   --pf-t--global--font--weight--400: 700;
-  --pf-t--global--icon--size--100: 12px;
-  --pf-t--global--icon--size--200: 14px;
-  --pf-t--global--icon--size--250: 16px;
-  --pf-t--global--icon--size--300: 22px;
-  --pf-t--global--icon--size--400: 56px;
-  --pf-t--global--icon--size--500: 96px;
-  --pf-t--global--spacer--100: 4px;
-  --pf-t--global--spacer--200: 8px;
-  --pf-t--global--spacer--300: 16px;
-  --pf-t--global--spacer--400: 24px;
-  --pf-t--global--spacer--500: 32px;
-  --pf-t--global--spacer--600: 48px;
-  --pf-t--global--spacer--700: 64px;
-  --pf-t--global--spacer--800: 80px;
+  --pf-t--global--icon--size--100: 0.75rem;
+  --pf-t--global--icon--size--200: 0.875rem;
+  --pf-t--global--icon--size--250: 1rem;
+  --pf-t--global--icon--size--300: 1.375rem;
+  --pf-t--global--icon--size--400: 3.5rem;
+  --pf-t--global--icon--size--500: 6rem;
+  --pf-t--global--spacer--100: 0.25rem;
+  --pf-t--global--spacer--200: 0.5rem;
+  --pf-t--global--spacer--300: 1rem;
+  --pf-t--global--spacer--400: 1.5rem;
+  --pf-t--global--spacer--500: 2rem;
+  --pf-t--global--spacer--600: 3rem;
+  --pf-t--global--spacer--700: 4rem;
+  --pf-t--global--spacer--800: 5rem;
+  --pf-t--global--text-decoration--line--100: none;
+  --pf-t--global--text-decoration--line--200: underline;
+  --pf-t--global--text-decoration--style--100: solid;
+  --pf-t--global--text-decoration--style--200: dashed;
   --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
   --pf-t--global--timing-function--200: cubic-bezier(.4, 0, .2, 1);
   --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
@@ -1161,6 +1165,18 @@
   --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
   --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
   --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
+  --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
+  --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
+  --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
+  --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
+  --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
+  --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
   --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
   --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
   --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -1329,6 +1345,8 @@
   --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
   --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
   --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
+  --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
+  --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
   --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
   --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
   --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
@@ -1342,6 +1360,8 @@
   --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
   --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
   --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
+  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
+  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
   --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
   --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
   --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
@@ -1512,24 +1532,8 @@
   --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
   --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
   --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
-  --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
-  --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
-  --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
-  --pf-t--global--font--line-height--100: 1.3;
-  --pf-t--global--font--line-height--200: 1.5;
-  --pf-t--global--font--weight--body--100: 400;
-  --pf-t--global--font--weight--body--200: 500;
-  --pf-t--global--font--weight--heading--100: 700;
-  --pf-t--global--font--weight--heading--200: 700;
-  --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
-  --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
-  --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
-  --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
-  --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
-  --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
-  --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
-  --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
-  --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
+  --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
+  --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
   --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
   --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
   --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);

package/dist/styles/base.css

@@ -181,7 +181,7 @@ button) {
 }
 
 @font-face {
-  font-family: RedHatTextVF;
+  font-family: "Red Hat Text";
   font-style: normal;
   font-weight: 400 500;
   src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
@@ -189,7 +189,7 @@ button) {
 }
 
 @font-face {
-  font-family: RedHatTextVF;
+  font-family: "Red Hat Text";
   font-style: italic;
   font-weight: 400 500;
   src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
@@ -197,7 +197,7 @@ button) {
 }
 
 @font-face {
-  font-family: RedHatDisplayVF;
+  font-family: "Red Hat Display";
   font-style: normal;
   font-weight: 400 700;
   src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
@@ -205,7 +205,7 @@ button) {
 }
 
 @font-face {
-  font-family: RedHatDisplayVF;
+  font-family: "Red Hat Display";
   font-style: italic;
   font-weight: 400 700;
   src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
@@ -213,7 +213,7 @@ button) {
 }
 
 @font-face {
-  font-family: RedHatMonoVF;
+  font-family: "Red Hat Mono";
   font-style: normal;
   font-weight: 400;
   src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
@@ -221,7 +221,7 @@ button) {
 }
 
 @font-face {
-  font-family: RedHatMonoVF;
+  font-family: "Red Hat Mono";
   font-style: italic;
   font-weight: 400;
   src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
@@ -1031,15 +1031,15 @@ button) {
   --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
   --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
   --pf-t--global--box-shadow--spread--100: 0px;
-  --pf-t--global--breakpoint--100: 0px;
-  --pf-t--global--breakpoint--200: 576px;
-  --pf-t--global--breakpoint--250: 640px;
-  --pf-t--global--breakpoint--300: 768px;
-  --pf-t--global--breakpoint--350: 960px;
-  --pf-t--global--breakpoint--400: 992px;
-  --pf-t--global--breakpoint--500: 1200px;
-  --pf-t--global--breakpoint--550: 1280px;
-  --pf-t--global--breakpoint--600: 1450px;
+  --pf-t--global--breakpoint--100: 0rem;
+  --pf-t--global--breakpoint--200: 36rem;
+  --pf-t--global--breakpoint--250: 40rem;
+  --pf-t--global--breakpoint--300: 48rem;
+  --pf-t--global--breakpoint--350: 60rem;
+  --pf-t--global--breakpoint--400: 62rem;
+  --pf-t--global--breakpoint--500: 75rem;
+  --pf-t--global--breakpoint--550: 80rem;
+  --pf-t--global--breakpoint--600: 90.625rem;
   --pf-t--global--delay--100: 0ms;
   --pf-t--global--delay--200: 50ms;
   --pf-t--global--delay--300: 100ms;
@@ -1051,37 +1051,41 @@ button) {
   --pf-t--global--duration--50: 50ms;
   --pf-t--global--duration--500: 500ms;
   --pf-t--global--duration--600: 600ms;
-  --pf-t--global--font--family--100: "Red Hat Text VF";
-  --pf-t--global--font--family--200: "Red Hat Display VF";
-  --pf-t--global--font--family--300: "Red Hat Mono VF";
+  --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
+  --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
+  --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
   --pf-t--global--font--line-height--100: 1.3;
   --pf-t--global--font--line-height--200: 1.5;
-  --pf-t--global--font--size--100: 12px;
-  --pf-t--global--font--size--200: 14px;
-  --pf-t--global--font--size--300: 16px;
-  --pf-t--global--font--size--400: 18px;
-  --pf-t--global--font--size--500: 20px;
-  --pf-t--global--font--size--600: 22px;
-  --pf-t--global--font--size--700: 28px;
-  --pf-t--global--font--size--800: 36px;
+  --pf-t--global--font--size--100: 0.75rem;
+  --pf-t--global--font--size--200: 0.875rem;
+  --pf-t--global--font--size--300: 1rem;
+  --pf-t--global--font--size--400: 1.125rem;
+  --pf-t--global--font--size--500: 1.25rem;
+  --pf-t--global--font--size--600: 1.375rem;
+  --pf-t--global--font--size--700: 1.75rem;
+  --pf-t--global--font--size--800: 2.25rem;
   --pf-t--global--font--weight--100: 400;
   --pf-t--global--font--weight--200: 500;
   --pf-t--global--font--weight--300: 700;
   --pf-t--global--font--weight--400: 700;
-  --pf-t--global--icon--size--100: 12px;
-  --pf-t--global--icon--size--200: 14px;
-  --pf-t--global--icon--size--250: 16px;
-  --pf-t--global--icon--size--300: 22px;
-  --pf-t--global--icon--size--400: 56px;
-  --pf-t--global--icon--size--500: 96px;
-  --pf-t--global--spacer--100: 4px;
-  --pf-t--global--spacer--200: 8px;
-  --pf-t--global--spacer--300: 16px;
-  --pf-t--global--spacer--400: 24px;
-  --pf-t--global--spacer--500: 32px;
-  --pf-t--global--spacer--600: 48px;
-  --pf-t--global--spacer--700: 64px;
-  --pf-t--global--spacer--800: 80px;
+  --pf-t--global--icon--size--100: 0.75rem;
+  --pf-t--global--icon--size--200: 0.875rem;
+  --pf-t--global--icon--size--250: 1rem;
+  --pf-t--global--icon--size--300: 1.375rem;
+  --pf-t--global--icon--size--400: 3.5rem;
+  --pf-t--global--icon--size--500: 6rem;
+  --pf-t--global--spacer--100: 0.25rem;
+  --pf-t--global--spacer--200: 0.5rem;
+  --pf-t--global--spacer--300: 1rem;
+  --pf-t--global--spacer--400: 1.5rem;
+  --pf-t--global--spacer--500: 2rem;
+  --pf-t--global--spacer--600: 3rem;
+  --pf-t--global--spacer--700: 4rem;
+  --pf-t--global--spacer--800: 5rem;
+  --pf-t--global--text-decoration--line--100: none;
+  --pf-t--global--text-decoration--line--200: underline;
+  --pf-t--global--text-decoration--style--100: solid;
+  --pf-t--global--text-decoration--style--200: dashed;
   --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
   --pf-t--global--timing-function--200: cubic-bezier(.4, 0, .2, 1);
   --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
@@ -1282,6 +1286,18 @@ button) {
   --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
   --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
   --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
+  --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
+  --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
+  --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
+  --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
+  --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
+  --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
   --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
   --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
   --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -1450,6 +1466,8 @@ button) {
   --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
   --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
   --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
+  --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
+  --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
   --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
   --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
   --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
@@ -1463,6 +1481,8 @@ button) {
   --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
   --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
   --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
+  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
+  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
   --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
   --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
   --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
@@ -1633,24 +1653,8 @@ button) {
   --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
   --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
   --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
-  --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
-  --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
-  --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
-  --pf-t--global--font--line-height--100: 1.3;
-  --pf-t--global--font--line-height--200: 1.5;
-  --pf-t--global--font--weight--body--100: 400;
-  --pf-t--global--font--weight--body--200: 500;
-  --pf-t--global--font--weight--heading--100: 700;
-  --pf-t--global--font--weight--heading--200: 700;
-  --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
-  --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
-  --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
-  --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
-  --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
-  --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
-  --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
-  --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
-  --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
+  --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
+  --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
   --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
   --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
   --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);