@patternfly/react-core 4.233.0 → 4.234.1

package/dist/js/components/Timestamp/Timestamp.d.ts

@@ -0,0 +1,72 @@
+import * as React from 'react';
+export declare enum TimestampFormat {
+    full = "full",
+    long = "long",
+    medium = "medium",
+    short = "short"
+}
+export declare enum TimestampTooltipVariant {
+    default = "default",
+    custom = "custom"
+}
+export interface TimestampTooltip {
+    /** The variant of the tooltip. The "default" variant displays the date passed into
+     * the timestamp's date prop as a UTC string.
+     */
+    variant: 'default' | 'custom';
+    /** Content displayed in the tooltip when using the "custom" variant. */
+    content?: React.ReactNode;
+    /** Additional props passed to the tooltip. */
+    tooltipProps?: any;
+    /** A custom suffix to apply to a "default" variant tooltip. */
+    suffix?: string;
+}
+export interface TimestampProps extends React.HTMLProps<HTMLSpanElement> {
+    /** Displays custom content inside the timestamp, such as a relative time. This prop will
+     * override the default content that is displayed. Custom content will not be affected by
+     * any props that format or add to displayed content.
+     */
+    children?: React.ReactNode;
+    /** Class to add to the outer span. */
+    className?: string;
+    /** Applies custom formatting to the displayed date and/or time. Passing this prop in will
+     * override the dateFormat and timeFormat props.
+     */
+    customFormat?: {
+        [key: string]: string;
+    };
+    /** Determines the default content that is displayed inside the timestamp and the value of
+     * the inner time element's datetime attribute. */
+    date?: Date;
+    /** Determines the format of the displayed date in the timestamp and UTC tooltip. Examples:
+     * "Full" => Tuesday, August 9, 2022;
+     * "Long" => August 9, 2022;
+     * "Medium" => Aug 9, 2022;
+     * "Short" => 8/9/22
+     */
+    dateFormat?: 'full' | 'long' | 'medium' | 'short';
+    /** Applies a custom suffix to the displayed content, usually after the time, such as a
+     * custom time zone.
+     */
+    displaySuffix?: string;
+    /** Flag for displaying the time in a 12 hour format. If this prop is not passed in,
+     * the hour format will be based on the locale prop's value.
+     */
+    is12Hour?: boolean;
+    /** Determines which locale to use in the displayed content. Defaults to the current locale
+     * when this prop is not passed in. For more information about locale's:
+     * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#Locale_identification_and_negotiation
+     */
+    locale?: string;
+    /** Determines the format of the displayed time in the timestamp and UTC tooltip. Examples:
+     * "Full" => 11:25:00 AM Eastern Daylight Time
+     * "Long" => 11:25:00 AM EDT
+     * "Medium" => 11:25:00 AM
+     * "Short" => 11:25 AM
+     */
+    timeFormat?: 'full' | 'long' | 'medium' | 'short';
+    /** Adds a tooltip to the timestamp. */
+    tooltip?: TimestampTooltip;
+}
+export declare const Timestamp: React.FunctionComponent<TimestampProps>;
+//# sourceMappingURL=Timestamp.d.ts.map

package/dist/js/components/Timestamp/Timestamp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timestamp.d.ts","sourceRoot":"","sources":["../../../../src/components/Timestamp/Timestamp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,eAAe;IACzB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,oBAAY,uBAAuB;IACjC,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,OAAO,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,wEAAwE;IACxE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8CAA8C;IAC9C,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACtE;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACzC;sDACkD;IAClD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAClD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAClD,uCAAuC;IACvC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAwD7D,CAAC"}

package/dist/js/components/Timestamp/Timestamp.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Timestamp = exports.TimestampTooltipVariant = exports.TimestampFormat = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const timestamp_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Timestamp/timestamp"));
+const react_styles_1 = require("@patternfly/react-styles");
+const Tooltip_1 = require("../Tooltip");
+var TimestampFormat;
+(function (TimestampFormat) {
+    TimestampFormat["full"] = "full";
+    TimestampFormat["long"] = "long";
+    TimestampFormat["medium"] = "medium";
+    TimestampFormat["short"] = "short";
+})(TimestampFormat = exports.TimestampFormat || (exports.TimestampFormat = {}));
+var TimestampTooltipVariant;
+(function (TimestampTooltipVariant) {
+    TimestampTooltipVariant["default"] = "default";
+    TimestampTooltipVariant["custom"] = "custom";
+})(TimestampTooltipVariant = exports.TimestampTooltipVariant || (exports.TimestampTooltipVariant = {}));
+const Timestamp = (_a) => {
+    var { children, className, customFormat, date: dateProp = new Date(), dateFormat, displaySuffix = '', is12Hour, locale, timeFormat, tooltip } = _a, props = tslib_1.__rest(_a, ["children", "className", "customFormat", "date", "dateFormat", "displaySuffix", "is12Hour", "locale", "timeFormat", "tooltip"]);
+    const hasTimeFormat = timeFormat && !customFormat;
+    const formatOptions = Object.assign(Object.assign(Object.assign({}, (dateFormat && !customFormat && { dateStyle: dateFormat })), (customFormat && Object.assign({}, customFormat))), (is12Hour !== undefined && { hour12: is12Hour }));
+    const dateAsLocaleString = new Date(dateProp).toLocaleString(locale, Object.assign(Object.assign({}, formatOptions), (hasTimeFormat && { timeStyle: timeFormat })));
+    const defaultDisplay = `${dateAsLocaleString}${displaySuffix ? ' ' + displaySuffix : ''}`;
+    const utcTimeFormat = timeFormat !== 'short' ? 'medium' : 'short';
+    const convertToUTCString = (date) => new Date(date).toUTCString().slice(0, -3);
+    const utcDateString = new Date(convertToUTCString(dateProp)).toLocaleString(locale, Object.assign(Object.assign({}, formatOptions), (hasTimeFormat && { timeStyle: utcTimeFormat })));
+    const defaultTooltipContent = `${utcDateString}${(tooltip === null || tooltip === void 0 ? void 0 : tooltip.suffix) ? ' ' + tooltip.suffix : ' UTC'}`;
+    const timestamp = (React.createElement("span", Object.assign({ className: react_styles_1.css(timestamp_1.default.timestamp, tooltip && timestamp_1.default.modifiers.helpText, className) }, (tooltip && { tabIndex: 0 }), props),
+        React.createElement("time", { className: "pf-c-timestamp__text", dateTime: props.dateTime || new Date(dateProp).toISOString() }, !children ? defaultDisplay : children)));
+    return tooltip ? (React.createElement(Tooltip_1.Tooltip, Object.assign({ content: tooltip.variant === TimestampTooltipVariant.default ? defaultTooltipContent : tooltip.content }, tooltip.tooltipProps), timestamp)) : (timestamp);
+};
+exports.Timestamp = Timestamp;
+exports.Timestamp.displayName = 'Timestamp';
+//# sourceMappingURL=Timestamp.js.map

package/dist/js/components/Timestamp/Timestamp.js.map

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

package/dist/js/components/Timestamp/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Timestamp';
+//# sourceMappingURL=index.d.ts.map

package/dist/js/components/Timestamp/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Timestamp/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/js/components/Timestamp/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Timestamp"), exports);
+//# sourceMappingURL=index.js.map

package/dist/js/components/Timestamp/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Timestamp/index.ts"],"names":[],"mappings":";;;AAAA,sDAA4B"}

package/dist/js/components/index.d.ts

@@ -73,6 +73,7 @@ export * from './TextArea';
 export * from './TextInput';
 export * from './Tile';
 export * from './TimePicker';
+export * from './Timestamp';
 export * from './Title';
 export * from './ToggleGroup';
 export * from './Toolbar';

package/dist/js/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/js/components/index.js

@@ -76,6 +76,7 @@ tslib_1.__exportStar(require("./TextArea"), exports);
 tslib_1.__exportStar(require("./TextInput"), exports);
 tslib_1.__exportStar(require("./Tile"), exports);
 tslib_1.__exportStar(require("./TimePicker"), exports);
+tslib_1.__exportStar(require("./Timestamp"), exports);
 tslib_1.__exportStar(require("./Title"), exports);
 tslib_1.__exportStar(require("./ToggleGroup"), exports);
 tslib_1.__exportStar(require("./Toolbar"), exports);

package/dist/js/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AACjC,uDAA6B;AAC7B,sDAA4B;AAC5B,uDAA6B;AAC7B,kDAAwB;AACxB,uDAA6B;AAC7B,gEAAsC;AACtC,mDAAyB;AACzB,sDAA4B;AAC5B,qDAA2B;AAC3B,4DAAkC;AAClC,kDAAwB;AACxB,mDAAyB;AACzB,kDAAwB;AACxB,uDAA6B;AAC7B,mDAAyB;AACzB,0DAAgC;AAChC,iDAAuB;AACvB,qDAA2B;AAC3B,iDAAuB;AACvB,sDAA4B;AAC5B,0DAAgC;AAChC,sDAA4B;AAC5B,4DAAkC;AAClC,qDAA2B;AAC3B,uDAA6B;AAC7B,4DAAkC;AAClC,oDAA0B;AAC1B,mDAAyB;AACzB,qDAA2B;AAC3B,6DAAmC;AACnC,uDAA6B;AAC7B,8DAAoC;AACpC,uDAA6B;AAC7B,iDAAuB;AACvB,uDAA6B;AAC7B,uDAA6B;AAC7B,iDAAuB;AACvB,uDAA6B;AAC7B,sDAA4B;AAC5B,kDAAwB;AACxB,uDAA6B;AAC7B,iDAAuB;AACvB,sDAA4B;AAC5B,qDAA2B;AAC3B,iDAAuB;AACvB,uDAA6B;AAC7B,kDAAwB;AACxB,+DAAqC;AACrC,gDAAsB;AACtB,8DAAoC;AACpC,+DAAqC;AACrC,wDAA8B;AAC9B,yDAA+B;AAC/B,iDAAuB;AACvB,uDAA6B;AAC7B,oDAA0B;AAC1B,qDAA2B;AAC3B,4DAAkC;AAClC,kDAAwB;AACxB,wDAA8B;AAC9B,mDAAyB;AACzB,oDAA0B;AAC1B,uDAA6B;AAC7B,qDAA2B;AAC3B,0DAAgC;AAChC,mDAAyB;AACzB,oDAA0B;AAC1B,mDAAyB;AACzB,iDAAuB;AACvB,iDAAuB;AACvB,qDAA2B;AAC3B,sDAA4B;AAC5B,iDAAuB;AACvB,uDAA6B;AAC7B,kDAAwB;AACxB,wDAA8B;AAC9B,oDAA0B;AAC1B,oDAA0B;AAC1B,wDAA8B;AAC9B,qDAA2B;AAC3B,mDAAyB;AACzB,qDAA2B;AAC3B,2DAAiC;AACjC,kDAAwB;AACxB,qDAA2B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AACjC,uDAA6B;AAC7B,sDAA4B;AAC5B,uDAA6B;AAC7B,kDAAwB;AACxB,uDAA6B;AAC7B,gEAAsC;AACtC,mDAAyB;AACzB,sDAA4B;AAC5B,qDAA2B;AAC3B,4DAAkC;AAClC,kDAAwB;AACxB,mDAAyB;AACzB,kDAAwB;AACxB,uDAA6B;AAC7B,mDAAyB;AACzB,0DAAgC;AAChC,iDAAuB;AACvB,qDAA2B;AAC3B,iDAAuB;AACvB,sDAA4B;AAC5B,0DAAgC;AAChC,sDAA4B;AAC5B,4DAAkC;AAClC,qDAA2B;AAC3B,uDAA6B;AAC7B,4DAAkC;AAClC,oDAA0B;AAC1B,mDAAyB;AACzB,qDAA2B;AAC3B,6DAAmC;AACnC,uDAA6B;AAC7B,8DAAoC;AACpC,uDAA6B;AAC7B,iDAAuB;AACvB,uDAA6B;AAC7B,uDAA6B;AAC7B,iDAAuB;AACvB,uDAA6B;AAC7B,sDAA4B;AAC5B,kDAAwB;AACxB,uDAA6B;AAC7B,iDAAuB;AACvB,sDAA4B;AAC5B,qDAA2B;AAC3B,iDAAuB;AACvB,uDAA6B;AAC7B,kDAAwB;AACxB,+DAAqC;AACrC,gDAAsB;AACtB,8DAAoC;AACpC,+DAAqC;AACrC,wDAA8B;AAC9B,yDAA+B;AAC/B,iDAAuB;AACvB,uDAA6B;AAC7B,oDAA0B;AAC1B,qDAA2B;AAC3B,4DAAkC;AAClC,kDAAwB;AACxB,wDAA8B;AAC9B,mDAAyB;AACzB,oDAA0B;AAC1B,uDAA6B;AAC7B,qDAA2B;AAC3B,0DAAgC;AAChC,mDAAyB;AACzB,oDAA0B;AAC1B,mDAAyB;AACzB,iDAAuB;AACvB,iDAAuB;AACvB,qDAA2B;AAC3B,sDAA4B;AAC5B,iDAAuB;AACvB,uDAA6B;AAC7B,sDAA4B;AAC5B,kDAAwB;AACxB,wDAA8B;AAC9B,oDAA0B;AAC1B,oDAA0B;AAC1B,wDAA8B;AAC9B,qDAA2B;AAC3B,mDAAyB;AACzB,qDAA2B;AAC3B,2DAAiC;AACjC,kDAAwB;AACxB,qDAA2B"}

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

@@ -317,7 +317,7 @@
   --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--red-8888: #ff7468;
   --pf-global--palette--blue-300: #1fa7f8;
   --pf-global--BackgroundColor--100: #1b1d21;
   --pf-global--BackgroundColor--150: #212427;
@@ -337,7 +337,7 @@
   --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--danger-color--200: #ff7468;
   --pf-global--link--Color: #1fa7f8;
   --pf-global--link--Color--hover: #73bcf7;
   --pf-global--link--Color--visited: #a18fff;

package/dist/styles/base.css

@@ -317,7 +317,7 @@
   --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--red-8888: #ff7468;
   --pf-global--palette--blue-300: #1fa7f8;
   --pf-global--BackgroundColor--100: #1b1d21;
   --pf-global--BackgroundColor--150: #212427;
@@ -337,7 +337,7 @@
   --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--danger-color--200: #ff7468;
   --pf-global--link--Color: #1fa7f8;
   --pf-global--link--Color--hover: #73bcf7;
   --pf-global--link--Color--visited: #a18fff;

package/dist/umd/react-core.css

@@ -2590,6 +2590,10 @@ button.pf-c-breadcrumb__link {
   --pf-c-button--m-tertiary--focus--Color: var(--pf-global--palette--black-100);
   --pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--BorderColor--100);
   --pf-c-button--m-tertiary--active--Color: var(--pf-global--palette--black-100);
+  --pf-c-button--m-warning--Color: var(--pf-global--palette--black-900);
+  --pf-c-button--m-warning--hover--Color: var(--pf-global--palette--black-900);
+  --pf-c-button--m-warning--focus--Color: var(--pf-global--palette--black-900);
+  --pf-c-button--m-warning--active--Color: var(--pf-global--palette--black-900);
   --pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--warning-color--200);
   --pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--warning-color--200);
   --pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--warning-color--200);
@@ -8560,6 +8564,10 @@ label.pf-c-check, .pf-c-check__label,
   overflow: hidden;
 }
 
+.pf-c-expandable-section.pf-m-detached {
+  --pf-c-expandable-section--m-truncate__toggle--MarginTop: 0;
+}
+
 .pf-c-expandable-section__toggle {
   display: flex;
   padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
@@ -20886,6 +20894,44 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
 }
 
+.pf-c-timestamp {
+  --pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-timestamp--Color: var(--pf-global--Color--200);
+  --pf-c-timestamp--OutlineOffset: 0.1875rem;
+  --pf-c-timestamp--m-help-text--TextDecorationLine: underline;
+  --pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
+  --pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
+  --pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
+  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
+  --pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
+  --pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
+  --pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
+  --pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
+  display: inline-block;
+  font-size: var(--pf-c-timestamp--FontSize);
+  color: var(--pf-c-timestamp--Color);
+  outline-offset: var(--pf-c-timestamp--OutlineOffset);
+}
+
+.pf-c-timestamp.pf-m-help-text {
+  cursor: pointer;
+  text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
+  text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
+  text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
+  text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
+  text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
+}
+
+.pf-c-timestamp.pf-m-help-text:hover {
+  --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
+  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor);
+}
+
+.pf-c-timestamp.pf-m-help-text:focus {
+  --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
+  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor);
+}
+
 .pf-c-title {
   --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
   --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);
@@ -24041,75 +24087,6 @@ label.pf-c-tree-view__node-text {
     direction: ltr;
   }
 }
-.pf-l-gallery {
-  --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
-  --pf-l-gallery--GridTemplateColumns--min: 250px;
-  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
-  --pf-l-gallery--GridTemplateColumns--max: 1fr;
-  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
-  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
-  --pf-l-gallery--GridTemplateRows: auto;
-  display: grid;
-  grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
-  grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
-  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
-  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
-}
-
-.pf-l-gallery.pf-m-gutter {
-  grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
-}
-
-@media (min-width: 576px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
-  }
-}
-@media (min-width: 768px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
-  }
-}
-@media (min-width: 992px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
-  }
-}
-@media (min-width: 1200px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
-  }
-}
-@media (min-width: 1450px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
-  }
-}
-@media (min-width: 576px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
-  }
-}
-@media (min-width: 768px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
-  }
-}
-@media (min-width: 992px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
-  }
-}
-@media (min-width: 1200px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
-  }
-}
-@media (min-width: 1450px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
-  }
-}
 .pf-l-flex {
   --pf-l-flex--Display: flex;
   --pf-l-flex--FlexWrap: wrap;
@@ -26186,6 +26163,75 @@ label.pf-c-tree-view__node-text {
     --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
   }
 }
+.pf-l-gallery {
+  --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
+  --pf-l-gallery--GridTemplateColumns--min: 250px;
+  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
+  --pf-l-gallery--GridTemplateColumns--max: 1fr;
+  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
+  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
+  --pf-l-gallery--GridTemplateRows: auto;
+  display: grid;
+  grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
+  grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
+  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
+  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
+}
+
+.pf-l-gallery.pf-m-gutter {
+  grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
+}
+
+@media (min-width: 576px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
+  }
+}
+@media (min-width: 768px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
+  }
+}
+@media (min-width: 576px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
+  }
+}
+@media (min-width: 768px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
+  }
+}
 .pf-l-grid {
   --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
   --pf-l-grid__item--GridColumnStart: auto;