@patternfly/patternfly-doc-core 1.6.0 → 1.7.0

package/dist/server/chunks/CSSTable_Dj2CroFz.mjs

@@ -0,0 +1,4 @@
+import './astro/server_Cl9jPh4p.mjs';
+import 'kleur/colors';
+export { $ as default, a as file, b as url } from './CSSTable_CG80uW98.mjs';
+import './Stack_Xm3fJVbK.mjs';

package/dist/server/chunks/{PropsTables_IgCNCQTX.mjs → PropsTables_DUo7F9VR.mjs}

@@ -1,12 +1,14 @@
 import { c as createComponent, a as createAstro, r as renderComponent, b as renderTemplate } from './astro/server_Cl9jPh4p.mjs';
 import 'kleur/colors';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
-import { c as css, b as createIcon, B as Button, T as TimesIcon, F as getUniqueId, P as Popper, K as KeyTypes, H as useIsomorphicLayoutEffect, I as Tooltip, J as BellIcon, L as InfoCircleIcon, d as ExclamationCircleIcon, E as ExclamationTriangleIcon, C as CheckCircleIcon, x as Dropdown, M as MenuToggle, y as DropdownList, D as Divider, z as DropdownItem, k as AngleDownIcon, N as checkStyles, O as StarIcon, Q as Checkbox, R as setTabIndex, u as useOUIAProps, U as handleArrows } from './angle-down-icon_C5YQ7k8s.mjs';
+import { c as css, b as createIcon, B as Button, r as getUniqueId, K as KeyTypes, v as BellIcon, I as InfoCircleIcon, d as ExclamationCircleIcon, E as ExclamationTriangleIcon, C as CheckCircleIcon, u as useOUIAProps } from './Button_DVSwQ8oX.mjs';
 /* empty css                          */
+import { S as Stack } from './Stack_Xm3fJVbK.mjs';
 import { __rest } from 'tslib';
-/* empty css                         */
 import { useRef, useEffect, forwardRef, useImperativeHandle, createContext, useState, createRef, Fragment, createElement, cloneElement, useContext } from 'react';
+import { T as TimesIcon, P as Popper, u as useIsomorphicLayoutEffect, e as Tooltip, b as Dropdown, M as MenuToggle, c as DropdownList, D as Divider, d as DropdownItem, a as AngleDownIcon, f as checkStyles, S as StarIcon, g as Checkbox, s as setTabIndex, h as handleArrows } from './angle-down-icon_DtGGiMR5.mjs';
 import mergeWith from 'lodash/mergeWith.js';
+/* empty css                          */
 import { createFocusTrap } from 'focus-trap';
 
 /**
@@ -61,7 +63,7 @@ const FocusTrap = forwardRef(function FocusTrap(_a, forwardedRef) {
 });
 FocusTrap.displayName = 'FocusTrap';
 
-const styles$5 = {
+const styles$4 = {
   "actionList": "pf-v6-c-action-list",
   "modifiers": {
     "icons": "pf-m-icons"
@@ -70,13 +72,13 @@ const styles$5 = {
 
 const ActionList = (_a) => {
     var { children, isIconList, className } = _a, props = __rest(_a, ["children", "isIconList", "className"]);
-    return (jsx("div", Object.assign({ className: css(styles$5.actionList, isIconList && styles$5.modifiers.icons, className) }, props, { children: children })));
+    return (jsx("div", Object.assign({ className: css(styles$4.actionList, isIconList && styles$4.modifiers.icons, className) }, props, { children: children })));
 };
 ActionList.displayName = 'ActionList';
 
 const ActionListItem = (_a) => {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    return (jsx("div", Object.assign({ className: css(`${styles$5.actionList}__item`, className) }, props, { children: children })));
+    return (jsx("div", Object.assign({ className: css(`${styles$4.actionList}__item`, className) }, props, { children: children })));
 };
 ActionListItem.displayName = 'ActionListItem';
 
@@ -91,7 +93,7 @@ const GripVerticalIconConfig = {
 
 const GripVerticalIcon = createIcon(GripVerticalIconConfig);
 
-const styles$4 = {
+const styles$3 = {
   "modifiers": {
     "noPadding": "pf-m-no-padding",
     "widthAuto": "pf-m-width-auto",
@@ -129,50 +131,50 @@ const PopoverContext = createContext({});
 
 const PopoverContent = (_a) => {
     var { className = null, children } = _a, props = __rest(_a, ["className", "children"]);
-    return (jsx("div", Object.assign({ className: css(styles$4.popoverContent, className) }, props, { children: children })));
+    return (jsx("div", Object.assign({ className: css(styles$3.popoverContent, className) }, props, { children: children })));
 };
 PopoverContent.displayName = 'PopoverContent';
 
 const PopoverBody = (_a) => {
     var { children, id, className } = _a, props = __rest(_a, ["children", "id", "className"]);
-    return (jsx("div", Object.assign({ className: css(styles$4.popoverBody, className), id: id }, props, { children: children })));
+    return (jsx("div", Object.assign({ className: css(styles$3.popoverBody, className), id: id }, props, { children: children })));
 };
 PopoverBody.displayName = 'PopoverBody';
 
 const PopoverHeaderIcon = (_a) => {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    return (jsx("span", Object.assign({ className: css(styles$4.popoverTitleIcon, className) }, props, { children: children })));
+    return (jsx("span", Object.assign({ className: css(styles$3.popoverTitleIcon, className) }, props, { children: children })));
 };
 PopoverHeaderIcon.displayName = 'PopoverHeaderIcon';
 
 const PopoverHeaderText = (_a) => {
     var { children, className, headingLevel } = _a, props = __rest(_a, ["children", "className", "headingLevel"]);
     const HeadingLevel = headingLevel;
-    return (jsx(HeadingLevel, Object.assign({ className: css(styles$4.popoverTitleText, className) }, props, { children: children })));
+    return (jsx(HeadingLevel, Object.assign({ className: css(styles$3.popoverTitleText, className) }, props, { children: children })));
 };
 PopoverHeaderText.displayName = 'PopoverHeaderText';
 
 const PopoverHeader = (_a) => {
     var { children, icon, className, titleHeadingLevel = 'h6', alertSeverityVariant, id, alertSeverityScreenReaderText } = _a, props = __rest(_a, ["children", "icon", "className", "titleHeadingLevel", "alertSeverityVariant", "id", "alertSeverityScreenReaderText"]);
-    return (jsx("header", Object.assign({ className: css(styles$4.popoverHeader, className) }, props, { children: jsxs("div", { className: css(styles$4.popoverTitle), id: id, children: [icon && jsx(PopoverHeaderIcon, { children: icon }), jsxs(PopoverHeaderText, { headingLevel: titleHeadingLevel, children: [alertSeverityVariant && alertSeverityScreenReaderText && (jsx("span", { className: "pf-v6-screen-reader", children: alertSeverityScreenReaderText })), children] })] }) })));
+    return (jsx("header", Object.assign({ className: css(styles$3.popoverHeader, className) }, props, { children: jsxs("div", { className: css(styles$3.popoverTitle), id: id, children: [icon && jsx(PopoverHeaderIcon, { children: icon }), jsxs(PopoverHeaderText, { headingLevel: titleHeadingLevel, children: [alertSeverityVariant && alertSeverityScreenReaderText && (jsx("span", { className: "pf-v6-screen-reader", children: alertSeverityScreenReaderText })), children] })] }) })));
 };
 PopoverHeader.displayName = 'PopoverHeader';
 
 const PopoverFooter = (_a) => {
     var { children, className = '' } = _a, props = __rest(_a, ["children", "className"]);
-    return (jsx("footer", Object.assign({ className: css(styles$4.popoverFooter, className) }, props, { children: children })));
+    return (jsx("footer", Object.assign({ className: css(styles$3.popoverFooter, className) }, props, { children: children })));
 };
 PopoverFooter.displayName = 'PopoverFooter';
 
 const PopoverCloseButton = (_a) => {
     var { onClose = () => undefined } = _a, props = __rest(_a, ["onClose"]);
-    return (jsx("div", { className: css(styles$4.popoverClose), children: jsx(Button, Object.assign({ onClick: onClose, variant: "plain", "aria-label": true }, props, { style: { pointerEvents: 'auto' }, icon: jsx(TimesIcon, {}) })) }));
+    return (jsx("div", { className: css(styles$3.popoverClose), children: jsx(Button, Object.assign({ onClick: onClose, variant: "plain", "aria-label": true }, props, { style: { pointerEvents: 'auto' }, icon: jsx(TimesIcon, {}) })) }));
 };
 PopoverCloseButton.displayName = 'PopoverCloseButton';
 
 const PopoverArrow = (_a) => {
     var { className = '' } = _a, props = __rest(_a, ["className"]);
-    return jsx("div", Object.assign({ className: css(styles$4.popoverArrow, className) }, props));
+    return jsx("div", Object.assign({ className: css(styles$3.popoverArrow, className) }, props));
 };
 PopoverArrow.displayName = 'PopoverArrow';
 
@@ -205,11 +207,11 @@ var PopoverPosition;
     PopoverPosition["rightEnd"] = "right-end";
 })(PopoverPosition || (PopoverPosition = {}));
 const alertStyle = {
-    custom: styles$4.modifiers.custom,
-    info: styles$4.modifiers.info,
-    success: styles$4.modifiers.success,
-    warning: styles$4.modifiers.warning,
-    danger: styles$4.modifiers.danger
+    custom: styles$3.modifiers.custom,
+    info: styles$3.modifiers.info,
+    success: styles$3.modifiers.success,
+    warning: styles$3.modifiers.warning,
+    danger: styles$3.modifiers.danger
 };
 const Popover = (_a) => {
     var { children, position = 'top', enableFlip = true, className = '', isVisible = null, shouldClose = () => null, shouldOpen = () => null, 'aria-label': ariaLabel = '', bodyContent, headerContent = null, headerComponent = 'h6', headerIcon = null, alertSeverityVariant, alertSeverityScreenReaderText, footerContent = null, appendTo = () => document.body, hideOnOutsideClick = true, onHide = () => null, onHidden = () => null, onShow = () => null, onShown = () => null, onMount = () => null, zIndex = 9999, triggerAction = 'click', minWidth = c_popover_MinWidth && c_popover_MinWidth.value, maxWidth = c_popover_MaxWidth && c_popover_MaxWidth.value, closeBtnAriaLabel = 'Close', showClose = true, distance = 25, flipBehavior = [
@@ -256,18 +258,18 @@ const Popover = (_a) => {
         setVisible(false);
     };
     const positionModifiers = {
-        top: styles$4.modifiers.top,
-        bottom: styles$4.modifiers.bottom,
-        left: styles$4.modifiers.left,
-        right: styles$4.modifiers.right,
-        'top-start': styles$4.modifiers.topLeft,
-        'top-end': styles$4.modifiers.topRight,
-        'bottom-start': styles$4.modifiers.bottomLeft,
-        'bottom-end': styles$4.modifiers.bottomRight,
-        'left-start': styles$4.modifiers.leftTop,
-        'left-end': styles$4.modifiers.leftBottom,
-        'right-start': styles$4.modifiers.rightTop,
-        'right-end': styles$4.modifiers.rightBottom
+        top: styles$3.modifiers.top,
+        bottom: styles$3.modifiers.bottom,
+        left: styles$3.modifiers.left,
+        right: styles$3.modifiers.right,
+        'top-start': styles$3.modifiers.topLeft,
+        'top-end': styles$3.modifiers.topRight,
+        'bottom-start': styles$3.modifiers.bottomLeft,
+        'bottom-end': styles$3.modifiers.bottomRight,
+        'left-start': styles$3.modifiers.leftTop,
+        'left-end': styles$3.modifiers.leftBottom,
+        'right-start': styles$3.modifiers.rightTop,
+        'right-end': styles$3.modifiers.rightBottom
     };
     const hasCustomMinWidth = minWidth !== c_popover_MinWidth.value;
     const hasCustomMaxWidth = maxWidth !== c_popover_MaxWidth.value;
@@ -387,7 +389,7 @@ const Popover = (_a) => {
                 }
                 return node;
             }
-        }, preventScrollOnDeactivate: true, className: css(styles$4.popover, alertSeverityVariant && alertStyle[alertSeverityVariant], hasNoPadding && styles$4.modifiers.noPadding, hasAutoWidth && styles$4.modifiers.widthAuto, className), role: "dialog", "aria-modal": "true", "aria-label": headerContent ? undefined : ariaLabel, "aria-labelledby": headerContent ? `popover-${uniqueId}-header` : undefined, "aria-describedby": `popover-${uniqueId}-body`, onMouseDown: onContentMouseDown, style: {
+        }, preventScrollOnDeactivate: true, className: css(styles$3.popover, alertSeverityVariant && alertStyle[alertSeverityVariant], hasNoPadding && styles$3.modifiers.noPadding, hasAutoWidth && styles$3.modifiers.widthAuto, className), role: "dialog", "aria-modal": "true", "aria-label": headerContent ? undefined : ariaLabel, "aria-labelledby": headerContent ? `popover-${uniqueId}-header` : undefined, "aria-describedby": `popover-${uniqueId}-body`, onMouseDown: onContentMouseDown, style: {
             minWidth: hasCustomMinWidth ? minWidth : null,
             maxWidth: hasCustomMaxWidth ? maxWidth : null
         } }, rest, { children: [jsx(PopoverArrow, {}), jsxs(PopoverContent, { children: [showClose && triggerAction === 'click' && (jsx(PopoverCloseButton, { onClose: closePopover, "aria-label": closeBtnAriaLabel })), headerContent && (jsx(PopoverHeader, { id: `popover-${uniqueId}-header`, icon: headerIcon, alertSeverityVariant: alertSeverityVariant, alertSeverityScreenReaderText: alertSeverityScreenReaderText || `${alertSeverityVariant} alert:`, titleHeadingLevel: headerComponent, children: typeof headerContent === 'function' ? headerContent(hide) : headerContent })), jsx(PopoverBody, { id: `popover-${uniqueId}-body`, children: typeof bodyContent === 'function' ? bodyContent(hide) : bodyContent }), footerContent && (jsx(PopoverFooter, { id: `popover-${uniqueId}-footer`, children: typeof footerContent === 'function' ? footerContent(hide) : footerContent }))] })] })));
@@ -427,7 +429,7 @@ const labelStyles = {
   }
 };
 
-const styles$3 = {
+const styles$2 = {
   "modifiers": {
     "editable": "pf-m-editable"}
 };
@@ -597,23 +599,10 @@ const Label = (_a) => {
         labelComponentChild = (jsx(Tooltip, { content: children, position: tooltipPosition, children: labelComponentChild }));
     }
     const LabelComponent = (isOverflowLabel ? 'button' : 'span');
-    return (jsxs(LabelComponent, Object.assign({}, props, { className: css(labelStyles.label, isClickableDisabled && labelStyles.modifiers.disabled, colorStyles[color], variant === 'filled' && labelStyles.modifiers.filled, variant === 'outline' && labelStyles.modifiers.outline, status && labelStyles.modifiers[status], isOverflowLabel && labelStyles.modifiers.overflow, isCompact && labelStyles.modifiers.compact, isEditable && styles$3.modifiers.editable, isEditableActive && labelStyles.modifiers.editableActive, isClickable && labelStyles.modifiers.clickable, isAddLabel && labelStyles.modifiers.add, className), onClick: isOverflowLabel || isAddLabel ? onLabelClick : undefined }, (LabelComponent === 'button' && { type: 'button' }), { children: [!isEditableActive && labelComponentChild, !isEditableActive && onClose && closeButton, isEditableActive && (jsx("input", Object.assign({ className: css(labelStyles.labelContent), type: "text", id: "editable-input", ref: editableInputRef, value: currValue, onChange: updateVal }, editableProps)))] })));
+    return (jsxs(LabelComponent, Object.assign({}, props, { className: css(labelStyles.label, isClickableDisabled && labelStyles.modifiers.disabled, colorStyles[color], variant === 'filled' && labelStyles.modifiers.filled, variant === 'outline' && labelStyles.modifiers.outline, status && labelStyles.modifiers[status], isOverflowLabel && labelStyles.modifiers.overflow, isCompact && labelStyles.modifiers.compact, isEditable && styles$2.modifiers.editable, isEditableActive && labelStyles.modifiers.editableActive, isClickable && labelStyles.modifiers.clickable, isAddLabel && labelStyles.modifiers.add, className), onClick: isOverflowLabel || isAddLabel ? onLabelClick : undefined }, (LabelComponent === 'button' && { type: 'button' }), { children: [!isEditableActive && labelComponentChild, !isEditableActive && onClose && closeButton, isEditableActive && (jsx("input", Object.assign({ className: css(labelStyles.labelContent), type: "text", id: "editable-input", ref: editableInputRef, value: currValue, onChange: updateVal }, editableProps)))] })));
 };
 Label.displayName = 'Label';
 
-const styles$2 = {
-  "modifiers": {
-    "gutter": "pf-m-gutter"
-  },
-  "stack": "pf-v6-l-stack"};
-
-const Stack = (_a) => {
-    var { hasGutter = false, className = '', children = null, component = 'div' } = _a, props = __rest(_a, ["hasGutter", "className", "children", "component"]);
-    const Component = component;
-    return (jsx(Component, Object.assign({}, props, { className: css(styles$2.stack, hasGutter && styles$2.modifiers.gutter, className), children: children })));
-};
-Stack.displayName = 'Stack';
-
 const EllipsisVIconConfig = {
   name: 'EllipsisVIcon',
   height: 512,

package/dist/server/chunks/Stack_Xm3fJVbK.mjs

@@ -0,0 +1,22 @@
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+/* empty css                          */
+import { c as css } from './Button_DVSwQ8oX.mjs';
+
+const styles = {
+  "modifiers": {
+    "fill": "pf-m-fill",
+    "gutter": "pf-m-gutter"
+  },
+  "stack": "pf-v6-l-stack",
+  "stackItem": "pf-v6-l-stack__item"
+};
+
+const Stack = (_a) => {
+    var { hasGutter = false, className = '', children = null, component = 'div' } = _a, props = __rest(_a, ["hasGutter", "className", "children", "component"]);
+    const Component = component;
+    return (jsx(Component, Object.assign({}, props, { className: css(styles.stack, hasGutter && styles.modifiers.gutter, className), children: children })));
+};
+Stack.displayName = 'Stack';
+
+export { Stack as S, styles as s };