@patternfly/patternfly-doc-core 1.6.0 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.astro/collections/examples.schema.json +19 -0
- package/.astro/collections/textContent.schema.json +19 -0
- package/.astro/content-modules.mjs +1 -0
- package/dist/client/_astro/{PageContext.D1pNBMhh.js → Button.IBWho7ny.js} +2 -2
- package/dist/client/_astro/CSSTable.V4xaGXjj.js +1185 -0
- package/dist/client/_astro/Content.Dv9vgAns.js +1 -0
- package/dist/client/_astro/DropdownGroup.DmTizX-Q.js +1 -0
- package/dist/client/_astro/DropdownList.BUcpBUVP.js +1 -0
- package/dist/client/_astro/LiveExample.CiM2pGMB.js +18 -0
- package/dist/client/_astro/Navigation.CnvE1VCH.js +1 -0
- package/dist/client/_astro/PageContext.ipir86Hm.js +1 -0
- package/dist/client/_astro/PageSidebarBody.vGxFk_DU.js +1 -0
- package/dist/client/_astro/PageToggle.C6_rp-Bm.js +1 -0
- package/dist/client/_astro/PageToggleButton.CagcouJB.js +1 -0
- package/dist/client/_astro/SearchInput.BwWsXfyf.js +1 -0
- package/dist/client/_astro/SectionGallery.DqD5bUWQ.js +1 -0
- package/dist/client/_astro/Toolbar.BmilfRHR.js +1 -0
- package/dist/client/_astro/ToolbarContent.Cd-kqxku.js +1 -0
- package/dist/client/_astro/_page_.BWicMEzd.css +1 -0
- package/dist/client/_astro/_page_.Chv_bGyU.css +1 -0
- package/dist/client/_astro/angle-left-icon.C3MzYN3k.js +1 -0
- package/dist/client/_astro/{client.CTJTt880.js → client.zs76E0tG.js} +1 -1
- package/dist/client/_astro/divider.O4WEhuBq.js +1 -0
- package/dist/client/_astro/help-icon.Du6t7nyh.js +8 -0
- package/dist/client/_astro/{index.Dhi-S4Ah.js → index.BQFV5hT1.js} +1 -1
- package/dist/client/_astro/index.BkswdOFP.js +16 -0
- package/dist/client/_astro/index.CAChmxYj.js +1 -0
- package/dist/client/_astro/{index.Dkaqzkgy.js → index.eCxJ45ll.js} +2 -2
- package/dist/client/_astro/page.BTC3Kf3x.js +1 -0
- package/dist/client/components/accordion/index.html +42 -17
- package/dist/client/components/accordion/react/index.html +110 -0
- package/dist/client/components/all-components/index.html +97 -0
- package/dist/client/design-foundations/typography/index.html +36 -9
- package/dist/client/design-foundations/usage-and-behavior/index.html +36 -9
- package/dist/client/get-started/contribute/index.html +36 -9
- package/dist/client/index.html +3 -4
- package/dist/server/chunks/Button_DVSwQ8oX.mjs +639 -0
- package/dist/server/chunks/CSSTable_CG80uW98.mjs +740 -0
- package/dist/server/chunks/CSSTable_Dj2CroFz.mjs +4 -0
- package/dist/server/chunks/{PropsTables_IgCNCQTX.mjs → PropsTables_DUo7F9VR.mjs} +36 -47
- package/dist/server/chunks/Stack_Xm3fJVbK.mjs +22 -0
- package/dist/server/chunks/_astro_data-layer-content_D4Ib_RjR.mjs +1 -0
- package/dist/server/chunks/{angle-down-icon_C5YQ7k8s.mjs → angle-down-icon_DtGGiMR5.mjs} +5 -637
- package/dist/server/chunks/content-modules_fX1c2JRG.mjs +1 -0
- package/dist/server/entry.mjs +3 -2
- package/dist/server/{manifest_DoNTQyvZ.mjs → manifest_CXkcH4VT.mjs} +1 -1
- package/jest.config.ts +1 -1
- package/package.json +1 -1
- package/src/components/AutoLinkHeader.tsx +56 -0
- package/src/components/CSSSearch.tsx +33 -0
- package/src/components/CSSTable.astro +33 -0
- package/src/components/CSSTable.tsx +268 -0
- package/src/components/NavEntry.tsx +3 -0
- package/src/components/Navigation.astro +16 -9
- package/src/components/section-gallery/SectionGallery.astro +19 -0
- package/src/components/section-gallery/SectionGallery.css +20 -0
- package/src/components/section-gallery/SectionGallery.tsx +111 -0
- package/src/components/section-gallery/SectionGalleryGridLayout.tsx +97 -0
- package/src/components/section-gallery/SectionGalleryListLayout.tsx +108 -0
- package/src/components/section-gallery/SectionGalleryToolbar.tsx +93 -0
- package/src/content.config.ts +11 -3
- package/src/layouts/Main.astro +12 -8
- package/src/pages/[section]/[...page].astro +20 -6
- package/src/pages/[section]/[page]/[...tab].astro +29 -23
- package/src/pages/index.astro +0 -1
- package/src/styles/global.scss +47 -1
- package/src/utils/index.ts +1 -0
- package/src/utils/slugger.ts +14 -0
- package/textContent/AllComponents.mdx +16 -0
- package/textContent/components-data.js +476 -0
- package/textContent/contribute.md +19 -13
- package/textContent/examples/Accordion/Accordion.mdx +1 -0
- package/dist/client/_astro/LiveExample.Df-EUsee.js +0 -40
- package/dist/client/_astro/Navigation.CabjIYg4.js +0 -1
- package/dist/client/_astro/PageSidebarBody.Y-7d6zQM.js +0 -1
- package/dist/client/_astro/PageToggle.CbfM9bJB.js +0 -1
- package/dist/client/_astro/PageToggleButton.CZ3xPbcc.js +0 -1
- package/dist/client/_astro/Toolbar.9-YSFh3P.js +0 -1
- package/dist/client/_astro/ToolbarContent.BXdFKbs9.js +0 -1
- package/dist/client/_astro/_page_.B8cBYNKa.css +0 -1
- package/dist/client/_astro/_tab_.YrfmckTJ.css +0 -1
- package/dist/client/_astro/divider.DjbDHO_6.js +0 -1
- package/dist/client/_astro/page.CDtWFZb5.js +0 -1
- /package/dist/client/_astro/{_tab_.DxJDkZPc.css → _page_.DxJDkZPc.css} +0 -0
- /package/dist/server/chunks/{Accordion_CGgMUho2.mjs → Accordion_BJka4Qvb.mjs} +0 -0
- /package/dist/server/chunks/{Accordion_DlM2LvlF.mjs → Accordion_BQIphkaZ.mjs} +0 -0
- /package/dist/server/chunks/{_astro_data-layer-content_Ni7IDnLe.mjs → AllComponents_CRhgTsiT.mjs} +0 -0
- /package/dist/server/chunks/{content-modules_BzUEG69n.mjs → AllComponents_CjOtwUH6.mjs} +0 -0
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { c as createComponent, a as createAstro, r as renderComponent, b as renderTemplate } from './astro/server_Cl9jPh4p.mjs';
|
|
2
2
|
import 'kleur/colors';
|
|
3
3
|
import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
|
|
4
|
-
import { c as css, b as createIcon, B as Button,
|
|
4
|
+
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';
|
|
5
5
|
/* empty css */
|
|
6
|
+
import { S as Stack } from './Stack_Xm3fJVbK.mjs';
|
|
6
7
|
import { __rest } from 'tslib';
|
|
7
|
-
/* empty css */
|
|
8
8
|
import { useRef, useEffect, forwardRef, useImperativeHandle, createContext, useState, createRef, Fragment, createElement, cloneElement, useContext } from 'react';
|
|
9
|
+
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';
|
|
9
10
|
import mergeWith from 'lodash/mergeWith.js';
|
|
11
|
+
/* empty css */
|
|
10
12
|
import { createFocusTrap } from 'focus-trap';
|
|
11
13
|
|
|
12
14
|
/**
|
|
@@ -61,7 +63,7 @@ const FocusTrap = forwardRef(function FocusTrap(_a, forwardedRef) {
|
|
|
61
63
|
});
|
|
62
64
|
FocusTrap.displayName = 'FocusTrap';
|
|
63
65
|
|
|
64
|
-
const styles$
|
|
66
|
+
const styles$4 = {
|
|
65
67
|
"actionList": "pf-v6-c-action-list",
|
|
66
68
|
"modifiers": {
|
|
67
69
|
"icons": "pf-m-icons"
|
|
@@ -70,13 +72,13 @@ const styles$5 = {
|
|
|
70
72
|
|
|
71
73
|
const ActionList = (_a) => {
|
|
72
74
|
var { children, isIconList, className } = _a, props = __rest(_a, ["children", "isIconList", "className"]);
|
|
73
|
-
return (jsx("div", Object.assign({ className: css(styles$
|
|
75
|
+
return (jsx("div", Object.assign({ className: css(styles$4.actionList, isIconList && styles$4.modifiers.icons, className) }, props, { children: children })));
|
|
74
76
|
};
|
|
75
77
|
ActionList.displayName = 'ActionList';
|
|
76
78
|
|
|
77
79
|
const ActionListItem = (_a) => {
|
|
78
80
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
79
|
-
return (jsx("div", Object.assign({ className: css(`${styles$
|
|
81
|
+
return (jsx("div", Object.assign({ className: css(`${styles$4.actionList}__item`, className) }, props, { children: children })));
|
|
80
82
|
};
|
|
81
83
|
ActionListItem.displayName = 'ActionListItem';
|
|
82
84
|
|
|
@@ -91,7 +93,7 @@ const GripVerticalIconConfig = {
|
|
|
91
93
|
|
|
92
94
|
const GripVerticalIcon = createIcon(GripVerticalIconConfig);
|
|
93
95
|
|
|
94
|
-
const styles$
|
|
96
|
+
const styles$3 = {
|
|
95
97
|
"modifiers": {
|
|
96
98
|
"noPadding": "pf-m-no-padding",
|
|
97
99
|
"widthAuto": "pf-m-width-auto",
|
|
@@ -129,50 +131,50 @@ const PopoverContext = createContext({});
|
|
|
129
131
|
|
|
130
132
|
const PopoverContent = (_a) => {
|
|
131
133
|
var { className = null, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
132
|
-
return (jsx("div", Object.assign({ className: css(styles$
|
|
134
|
+
return (jsx("div", Object.assign({ className: css(styles$3.popoverContent, className) }, props, { children: children })));
|
|
133
135
|
};
|
|
134
136
|
PopoverContent.displayName = 'PopoverContent';
|
|
135
137
|
|
|
136
138
|
const PopoverBody = (_a) => {
|
|
137
139
|
var { children, id, className } = _a, props = __rest(_a, ["children", "id", "className"]);
|
|
138
|
-
return (jsx("div", Object.assign({ className: css(styles$
|
|
140
|
+
return (jsx("div", Object.assign({ className: css(styles$3.popoverBody, className), id: id }, props, { children: children })));
|
|
139
141
|
};
|
|
140
142
|
PopoverBody.displayName = 'PopoverBody';
|
|
141
143
|
|
|
142
144
|
const PopoverHeaderIcon = (_a) => {
|
|
143
145
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
144
|
-
return (jsx("span", Object.assign({ className: css(styles$
|
|
146
|
+
return (jsx("span", Object.assign({ className: css(styles$3.popoverTitleIcon, className) }, props, { children: children })));
|
|
145
147
|
};
|
|
146
148
|
PopoverHeaderIcon.displayName = 'PopoverHeaderIcon';
|
|
147
149
|
|
|
148
150
|
const PopoverHeaderText = (_a) => {
|
|
149
151
|
var { children, className, headingLevel } = _a, props = __rest(_a, ["children", "className", "headingLevel"]);
|
|
150
152
|
const HeadingLevel = headingLevel;
|
|
151
|
-
return (jsx(HeadingLevel, Object.assign({ className: css(styles$
|
|
153
|
+
return (jsx(HeadingLevel, Object.assign({ className: css(styles$3.popoverTitleText, className) }, props, { children: children })));
|
|
152
154
|
};
|
|
153
155
|
PopoverHeaderText.displayName = 'PopoverHeaderText';
|
|
154
156
|
|
|
155
157
|
const PopoverHeader = (_a) => {
|
|
156
158
|
var { children, icon, className, titleHeadingLevel = 'h6', alertSeverityVariant, id, alertSeverityScreenReaderText } = _a, props = __rest(_a, ["children", "icon", "className", "titleHeadingLevel", "alertSeverityVariant", "id", "alertSeverityScreenReaderText"]);
|
|
157
|
-
return (jsx("header", Object.assign({ className: css(styles$
|
|
159
|
+
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] })] }) })));
|
|
158
160
|
};
|
|
159
161
|
PopoverHeader.displayName = 'PopoverHeader';
|
|
160
162
|
|
|
161
163
|
const PopoverFooter = (_a) => {
|
|
162
164
|
var { children, className = '' } = _a, props = __rest(_a, ["children", "className"]);
|
|
163
|
-
return (jsx("footer", Object.assign({ className: css(styles$
|
|
165
|
+
return (jsx("footer", Object.assign({ className: css(styles$3.popoverFooter, className) }, props, { children: children })));
|
|
164
166
|
};
|
|
165
167
|
PopoverFooter.displayName = 'PopoverFooter';
|
|
166
168
|
|
|
167
169
|
const PopoverCloseButton = (_a) => {
|
|
168
170
|
var { onClose = () => undefined } = _a, props = __rest(_a, ["onClose"]);
|
|
169
|
-
return (jsx("div", { className: css(styles$
|
|
171
|
+
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, {}) })) }));
|
|
170
172
|
};
|
|
171
173
|
PopoverCloseButton.displayName = 'PopoverCloseButton';
|
|
172
174
|
|
|
173
175
|
const PopoverArrow = (_a) => {
|
|
174
176
|
var { className = '' } = _a, props = __rest(_a, ["className"]);
|
|
175
|
-
return jsx("div", Object.assign({ className: css(styles$
|
|
177
|
+
return jsx("div", Object.assign({ className: css(styles$3.popoverArrow, className) }, props));
|
|
176
178
|
};
|
|
177
179
|
PopoverArrow.displayName = 'PopoverArrow';
|
|
178
180
|
|
|
@@ -205,11 +207,11 @@ var PopoverPosition;
|
|
|
205
207
|
PopoverPosition["rightEnd"] = "right-end";
|
|
206
208
|
})(PopoverPosition || (PopoverPosition = {}));
|
|
207
209
|
const alertStyle = {
|
|
208
|
-
custom: styles$
|
|
209
|
-
info: styles$
|
|
210
|
-
success: styles$
|
|
211
|
-
warning: styles$
|
|
212
|
-
danger: styles$
|
|
210
|
+
custom: styles$3.modifiers.custom,
|
|
211
|
+
info: styles$3.modifiers.info,
|
|
212
|
+
success: styles$3.modifiers.success,
|
|
213
|
+
warning: styles$3.modifiers.warning,
|
|
214
|
+
danger: styles$3.modifiers.danger
|
|
213
215
|
};
|
|
214
216
|
const Popover = (_a) => {
|
|
215
217
|
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) => {
|
|
|
256
258
|
setVisible(false);
|
|
257
259
|
};
|
|
258
260
|
const positionModifiers = {
|
|
259
|
-
top: styles$
|
|
260
|
-
bottom: styles$
|
|
261
|
-
left: styles$
|
|
262
|
-
right: styles$
|
|
263
|
-
'top-start': styles$
|
|
264
|
-
'top-end': styles$
|
|
265
|
-
'bottom-start': styles$
|
|
266
|
-
'bottom-end': styles$
|
|
267
|
-
'left-start': styles$
|
|
268
|
-
'left-end': styles$
|
|
269
|
-
'right-start': styles$
|
|
270
|
-
'right-end': styles$
|
|
261
|
+
top: styles$3.modifiers.top,
|
|
262
|
+
bottom: styles$3.modifiers.bottom,
|
|
263
|
+
left: styles$3.modifiers.left,
|
|
264
|
+
right: styles$3.modifiers.right,
|
|
265
|
+
'top-start': styles$3.modifiers.topLeft,
|
|
266
|
+
'top-end': styles$3.modifiers.topRight,
|
|
267
|
+
'bottom-start': styles$3.modifiers.bottomLeft,
|
|
268
|
+
'bottom-end': styles$3.modifiers.bottomRight,
|
|
269
|
+
'left-start': styles$3.modifiers.leftTop,
|
|
270
|
+
'left-end': styles$3.modifiers.leftBottom,
|
|
271
|
+
'right-start': styles$3.modifiers.rightTop,
|
|
272
|
+
'right-end': styles$3.modifiers.rightBottom
|
|
271
273
|
};
|
|
272
274
|
const hasCustomMinWidth = minWidth !== c_popover_MinWidth.value;
|
|
273
275
|
const hasCustomMaxWidth = maxWidth !== c_popover_MaxWidth.value;
|
|
@@ -387,7 +389,7 @@ const Popover = (_a) => {
|
|
|
387
389
|
}
|
|
388
390
|
return node;
|
|
389
391
|
}
|
|
390
|
-
}, preventScrollOnDeactivate: true, className: css(styles$
|
|
392
|
+
}, 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: {
|
|
391
393
|
minWidth: hasCustomMinWidth ? minWidth : null,
|
|
392
394
|
maxWidth: hasCustomMaxWidth ? maxWidth : null
|
|
393
395
|
} }, 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 = {
|
|
|
427
429
|
}
|
|
428
430
|
};
|
|
429
431
|
|
|
430
|
-
const styles$
|
|
432
|
+
const styles$2 = {
|
|
431
433
|
"modifiers": {
|
|
432
434
|
"editable": "pf-m-editable"}
|
|
433
435
|
};
|
|
@@ -597,23 +599,10 @@ const Label = (_a) => {
|
|
|
597
599
|
labelComponentChild = (jsx(Tooltip, { content: children, position: tooltipPosition, children: labelComponentChild }));
|
|
598
600
|
}
|
|
599
601
|
const LabelComponent = (isOverflowLabel ? 'button' : 'span');
|
|
600
|
-
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$
|
|
602
|
+
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)))] })));
|
|
601
603
|
};
|
|
602
604
|
Label.displayName = 'Label';
|
|
603
605
|
|
|
604
|
-
const styles$2 = {
|
|
605
|
-
"modifiers": {
|
|
606
|
-
"gutter": "pf-m-gutter"
|
|
607
|
-
},
|
|
608
|
-
"stack": "pf-v6-l-stack"};
|
|
609
|
-
|
|
610
|
-
const Stack = (_a) => {
|
|
611
|
-
var { hasGutter = false, className = '', children = null, component = 'div' } = _a, props = __rest(_a, ["hasGutter", "className", "children", "component"]);
|
|
612
|
-
const Component = component;
|
|
613
|
-
return (jsx(Component, Object.assign({}, props, { className: css(styles$2.stack, hasGutter && styles$2.modifiers.gutter, className), children: children })));
|
|
614
|
-
};
|
|
615
|
-
Stack.displayName = 'Stack';
|
|
616
|
-
|
|
617
606
|
const EllipsisVIconConfig = {
|
|
618
607
|
name: 'EllipsisVIcon',
|
|
619
608
|
height: 512,
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { __rest } from 'tslib';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
/* empty css */
|
|
4
|
+
import { c as css } from './Button_DVSwQ8oX.mjs';
|
|
5
|
+
|
|
6
|
+
const styles = {
|
|
7
|
+
"modifiers": {
|
|
8
|
+
"fill": "pf-m-fill",
|
|
9
|
+
"gutter": "pf-m-gutter"
|
|
10
|
+
},
|
|
11
|
+
"stack": "pf-v6-l-stack",
|
|
12
|
+
"stackItem": "pf-v6-l-stack__item"
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
const Stack = (_a) => {
|
|
16
|
+
var { hasGutter = false, className = '', children = null, component = 'div' } = _a, props = __rest(_a, ["hasGutter", "className", "children", "component"]);
|
|
17
|
+
const Component = component;
|
|
18
|
+
return (jsx(Component, Object.assign({}, props, { className: css(styles.stack, hasGutter && styles.modifiers.gutter, className), children: children })));
|
|
19
|
+
};
|
|
20
|
+
Stack.displayName = 'Stack';
|
|
21
|
+
|
|
22
|
+
export { Stack as S, styles as s };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
// Contents removed by Astro as it's used for prerendering only
|