@patternfly/react-core 6.5.0-prerelease.9 → 6.5.0

package/src/layouts/Grid/examples/Grid.md

@@ -1,7 +1,8 @@
 ---
 id: Grid
 cssPrefix: pf-v6-l-grid
-section: layouts
+section: foundations-and-styles
+subsection: layouts
 propComponents: ['Grid', 'GridItem']
 ---
 
@@ -11,134 +12,38 @@ import './grid.css';
 
 ### Basic
 
-```js
-import { Grid, GridItem } from '@patternfly/react-core';
-
-<Grid>
-  <GridItem span={8}>span = 8</GridItem>
-  <GridItem span={4} rowSpan={2}>
-    span = 4, rowSpan = 2
-  </GridItem>
-  <GridItem span={2} rowSpan={3}>
-    span = 2, rowSpan = 3
-  </GridItem>
-  <GridItem span={2}>span = 2</GridItem>
-  <GridItem span={4}>span = 4</GridItem>
-  <GridItem span={2}>span = 2</GridItem>
-  <GridItem span={2}>span = 2</GridItem>
-  <GridItem span={2}>span = 2</GridItem>
-  <GridItem span={4}>span = 4</GridItem>
-  <GridItem span={2}>span = 2</GridItem>
-  <GridItem span={4}>span = 4</GridItem>
-  <GridItem span={4}>span = 4</GridItem>
-</Grid>;
+```ts file="GridBasic.tsx"
 ```
 
 ### With gutters
 
-```js
-import { Grid, GridItem } from '@patternfly/react-core';
-
-<Grid hasGutter>
-  <GridItem span={8}>span = 8</GridItem>
-  <GridItem span={4} rowSpan={2}>
-    span = 4, rowSpan = 2
-  </GridItem>
-  <GridItem span={2} rowSpan={3}>
-    span = 2, rowSpan = 3
-  </GridItem>
-  <GridItem span={2}>span = 2</GridItem>
-  <GridItem span={4}>span = 4</GridItem>
-  <GridItem span={2}>span = 2</GridItem>
-  <GridItem span={2}>span = 2</GridItem>
-  <GridItem span={2}>span = 2</GridItem>
-  <GridItem span={4}>span = 4</GridItem>
-  <GridItem span={2}>span = 2</GridItem>
-  <GridItem span={4}>span = 4</GridItem>
-  <GridItem span={4}>span = 4</GridItem>
-</Grid>;
+```ts file="GridWithGutters.tsx"
 ```
 
 ### With overrides
 
-```js
-import { Grid, GridItem } from '@patternfly/react-core';
-
-<Grid sm={6} md={4} lg={3} xl2={1}>
-  <GridItem span={3} rowSpan={2}>
-    span = 3 rowSpan= 2
-  </GridItem>
-  <GridItem>Grid Item</GridItem>
-  <GridItem>Grid Item</GridItem>
-  <GridItem>Grid Item</GridItem>
-  <GridItem>Grid Item</GridItem>
-  <GridItem>Grid Item</GridItem>
-  <GridItem>Grid Item</GridItem>
-  <GridItem>Grid Item</GridItem>
-  <GridItem>Grid Item</GridItem>
-  <GridItem>Grid Item</GridItem>
-  <GridItem>Grid Item</GridItem>
-  <GridItem>Grid Item</GridItem>
-</Grid>;
+```ts file="GridWithOverrides.tsx"
 ```
 
 ## Ordering
 
 ### Standard ordering
 
-```js
-import { Grid, GridItem } from '@patternfly/react-core';
-
-<Grid hasGutter span={3}>
-  <GridItem order={{ default: '2' }}>Item A</GridItem>
-  <GridItem>Item B</GridItem>
-  <GridItem order={{ default: '-1' }}>Item C</GridItem>
-</Grid>;
+```ts file="GridStandardOrdering.tsx"
 ```
 
 ### Responsive ordering
 
-```js
-import { Grid, GridItem } from '@patternfly/react-core';
-
-<Grid hasGutter span={3}>
-  <GridItem order={{ lg: '2' }}>Item A</GridItem>
-  <GridItem>Item B</GridItem>
-  <GridItem order={{ default: '-1', md: '1' }}>Item C</GridItem>
-</Grid>;
+```ts file="GridResponsiveOrdering.tsx"
 ```
 
 ### Grouped ordering
 
-```js
-import { Grid, GridItem } from '@patternfly/react-core';
-
-<Grid hasGutter span={12}>
-  <Grid hasGutter span={6} order={{ default: '2' }}>
-    <GridItem order={{ default: '3' }}>Set 1, Item A</GridItem>
-    <GridItem order={{ default: '1' }}>Set 1, Item B</GridItem>
-    <GridItem>Set 1, Item C</GridItem>
-    <GridItem order={{ default: '2' }}>Set 1, Item D</GridItem>
-  </Grid>
-  <Grid hasGutter span={6}>
-    <GridItem order={{ default: '2' }}>Set 2, Item A</GridItem>
-    <GridItem order={{ default: '1' }}>Set 2, Item B</GridItem>
-    <GridItem>Set 2, Item C</GridItem>
-    <GridItem order={{ default: '2' }}>Set 2, Item D</GridItem>
-  </Grid>
-</Grid>;
+```ts file="GridGroupingOrdering.tsx"
+
 ```
 
 ### Alternative components
 
-```js
-import { Grid, GridItem } from '@patternfly/react-core';
-
-<Grid component="ul">
-  <GridItem component="li">Grid item</GridItem>
-  <GridItem component="li">Grid item</GridItem>
-  <GridItem component="li">Grid item</GridItem>
-  <GridItem component="li">Grid item</GridItem>
-  <GridItem component="li">Grid item</GridItem>
-</Grid>;
+```ts file="GridAlternativeComponents.tsx"
 ```

package/src/layouts/Grid/examples/GridAlternativeComponents.tsx

@@ -0,0 +1,11 @@
+import { Grid, GridItem } from '@patternfly/react-core';
+
+export const GridAlternativeComponents: React.FunctionComponent = () => (
+  <Grid component="ul">
+    <GridItem component="li">Grid item</GridItem>
+    <GridItem component="li">Grid item</GridItem>
+    <GridItem component="li">Grid item</GridItem>
+    <GridItem component="li">Grid item</GridItem>
+    <GridItem component="li">Grid item</GridItem>
+  </Grid>
+);

package/src/layouts/Grid/examples/GridBasic.tsx

@@ -0,0 +1,22 @@
+import { Grid, GridItem } from '@patternfly/react-core';
+
+export const GridBasic: React.FunctionComponent = () => (
+  <Grid>
+    <GridItem span={8}>span = 8</GridItem>
+    <GridItem span={4} rowSpan={2}>
+      span = 4, rowSpan = 2
+    </GridItem>
+    <GridItem span={2} rowSpan={3}>
+      span = 2, rowSpan = 3
+    </GridItem>
+    <GridItem span={2}>span = 2</GridItem>
+    <GridItem span={4}>span = 4</GridItem>
+    <GridItem span={2}>span = 2</GridItem>
+    <GridItem span={2}>span = 2</GridItem>
+    <GridItem span={2}>span = 2</GridItem>
+    <GridItem span={4}>span = 4</GridItem>
+    <GridItem span={2}>span = 2</GridItem>
+    <GridItem span={4}>span = 4</GridItem>
+    <GridItem span={4}>span = 4</GridItem>
+  </Grid>
+);

package/src/layouts/Grid/examples/GridGroupingOrdering.tsx

@@ -0,0 +1,18 @@
+import { Grid, GridItem } from '@patternfly/react-core';
+
+export const GridGroupingOrdering: React.FunctionComponent = () => (
+  <Grid hasGutter span={12}>
+    <Grid hasGutter span={6} order={{ default: '2' }}>
+      <GridItem order={{ default: '3' }}>Set 1, Item A</GridItem>
+      <GridItem order={{ default: '1' }}>Set 1, Item B</GridItem>
+      <GridItem>Set 1, Item C</GridItem>
+      <GridItem order={{ default: '2' }}>Set 1, Item D</GridItem>
+    </Grid>
+    <Grid hasGutter span={6}>
+      <GridItem order={{ default: '2' }}>Set 2, Item A</GridItem>
+      <GridItem order={{ default: '1' }}>Set 2, Item B</GridItem>
+      <GridItem>Set 2, Item C</GridItem>
+      <GridItem order={{ default: '2' }}>Set 2, Item D</GridItem>
+    </Grid>
+  </Grid>
+);

package/src/layouts/Grid/examples/GridResponsiveOrdering.tsx

@@ -0,0 +1,9 @@
+import { Grid, GridItem } from '@patternfly/react-core';
+
+export const GridResponsiveOrdering: React.FunctionComponent = () => (
+  <Grid hasGutter span={3}>
+    <GridItem order={{ lg: '2' }}>Item A</GridItem>
+    <GridItem>Item B</GridItem>
+    <GridItem order={{ default: '-1', md: '1' }}>Item C</GridItem>
+  </Grid>
+);

package/src/layouts/Grid/examples/GridStandardOrdering.tsx

@@ -0,0 +1,9 @@
+import { Grid, GridItem } from '@patternfly/react-core';
+
+export const GridStandardOrdering: React.FunctionComponent = () => (
+  <Grid hasGutter span={3}>
+    <GridItem order={{ default: '2' }}>Item A</GridItem>
+    <GridItem>Item B</GridItem>
+    <GridItem order={{ default: '-1' }}>Item C</GridItem>
+  </Grid>
+);

package/src/layouts/Grid/examples/GridWithGutters.tsx

@@ -0,0 +1,22 @@
+import { Grid, GridItem } from '@patternfly/react-core';
+
+export const GridWithGutters: React.FunctionComponent = () => (
+  <Grid hasGutter>
+    <GridItem span={8}>span = 8</GridItem>
+    <GridItem span={4} rowSpan={2}>
+      span = 4, rowSpan = 2
+    </GridItem>
+    <GridItem span={2} rowSpan={3}>
+      span = 2, rowSpan = 3
+    </GridItem>
+    <GridItem span={2}>span = 2</GridItem>
+    <GridItem span={4}>span = 4</GridItem>
+    <GridItem span={2}>span = 2</GridItem>
+    <GridItem span={2}>span = 2</GridItem>
+    <GridItem span={2}>span = 2</GridItem>
+    <GridItem span={4}>span = 4</GridItem>
+    <GridItem span={2}>span = 2</GridItem>
+    <GridItem span={4}>span = 4</GridItem>
+    <GridItem span={4}>span = 4</GridItem>
+  </Grid>
+);

package/src/layouts/Grid/examples/GridWithOverrides.tsx

@@ -0,0 +1,20 @@
+import { Grid, GridItem } from '@patternfly/react-core';
+
+export const GridWithOverrides: React.FunctionComponent = () => (
+  <Grid sm={6} md={4} lg={3} xl2={1}>
+    <GridItem span={3} rowSpan={2}>
+      span = 3 rowSpan= 2
+    </GridItem>
+    <GridItem>Grid Item</GridItem>
+    <GridItem>Grid Item</GridItem>
+    <GridItem>Grid Item</GridItem>
+    <GridItem>Grid Item</GridItem>
+    <GridItem>Grid Item</GridItem>
+    <GridItem>Grid Item</GridItem>
+    <GridItem>Grid Item</GridItem>
+    <GridItem>Grid Item</GridItem>
+    <GridItem>Grid Item</GridItem>
+    <GridItem>Grid Item</GridItem>
+    <GridItem>Grid Item</GridItem>
+  </Grid>
+);

package/src/layouts/Grid/examples/grid.css

@@ -1,5 +1,5 @@
-.ws-react-l-grid > .pf-v6-l-grid,
-.ws-react-l-grid > .pf-v6-l-grid > .pf-v6-l-grid__item {
+.ws-react-f-grid > .pf-v6-l-grid,
+.ws-react-f-grid > .pf-v6-l-grid > .pf-v6-l-grid__item {
   min-height: 75px;
   padding: var(--pf-t--global--spacer--md);
   border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);

package/src/layouts/Level/examples/Level.md

@@ -1,7 +1,8 @@
 ---
 id: Level
 cssPrefix: pf-v6-l-level
-section: layouts
+section: foundations-and-styles
+subsection: layouts
 propComponents: ['Level', 'LevelItem']
 ---
 

package/src/layouts/Level/examples/level.css

@@ -1,13 +1,13 @@
-.ws-react-l-level {
+.ws-react-f-level {
   padding: var(--pf-t--global--spacer--sm);
 }
 
-.ws-react-l-level .pf-v6-l-level {
+.ws-react-f-level .pf-v6-l-level {
   min-height: 160px;
 }
 
-.ws-react-l-level .pf-v6-l-level,
-.ws-react-l-level .pf-v6-l-level > div {
+.ws-react-f-level .pf-v6-l-level,
+.ws-react-f-level .pf-v6-l-level > div {
   padding: var(--pf-t--global--spacer--sm);
   border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
 }

package/src/layouts/Split/examples/Split.md

@@ -1,7 +1,8 @@
 ---
 id: Split
 cssPrefix: pf-v6-l-split
-section: layouts
+section: foundations-and-styles
+subsection: layouts
 propComponents: ['Split', 'SplitItem']
 ---
 

package/src/layouts/Split/examples/split.css

@@ -1,5 +1,5 @@
-.ws-react-l-split .pf-v6-l-split,
-.ws-react-l-split .pf-v6-l-split > .pf-v6-l-split__item {
+.ws-react-f-split .pf-v6-l-split,
+.ws-react-f-split .pf-v6-l-split > .pf-v6-l-split__item {
   padding: var(--pf-t--global--spacer--md);
   border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
 }

package/src/layouts/Stack/examples/Stack.md

@@ -1,7 +1,8 @@
 ---
 id: Stack
 cssPrefix: pf-v6-l-stack
-section: layouts
+section: foundations-and-styles
+subsection: layouts
 propComponents: ['Stack', 'StackItem']
 ---
 
@@ -11,24 +12,10 @@ import './stack.css';
 
 ### Basic
 
-```js
-import { Stack, StackItem } from '@patternfly/react-core';
-
-<Stack>
-  <StackItem>content</StackItem>
-  <StackItem isFilled>pf-m-fill</StackItem>
-  <StackItem>content</StackItem>
-</Stack>;
+```ts file="StackBasic.tsx"
 ```
 
 ### With gutter
 
-```js
-import { Stack, StackItem } from '@patternfly/react-core';
-
-<Stack hasGutter>
-  <StackItem>content</StackItem>
-  <StackItem isFilled>pf-m-fill</StackItem>
-  <StackItem>content</StackItem>
-</Stack>;
+```ts file="StackWithGutter.tsx"
 ```

package/src/layouts/Stack/examples/StackBasic.tsx

@@ -0,0 +1,9 @@
+import { Stack, StackItem } from '@patternfly/react-core';
+
+export const StackBasic: React.FunctionComponent = () => (
+  <Stack>
+    <StackItem>content</StackItem>
+    <StackItem isFilled>pf-m-fill</StackItem>
+    <StackItem>content</StackItem>
+  </Stack>
+);

package/src/layouts/Stack/examples/StackWithGutter.tsx

@@ -0,0 +1,9 @@
+import { Stack, StackItem } from '@patternfly/react-core';
+
+export const StackWithGutter: React.FunctionComponent = () => (
+  <Stack hasGutter>
+    <StackItem>content</StackItem>
+    <StackItem isFilled>pf-m-fill</StackItem>
+    <StackItem>content</StackItem>
+  </Stack>
+);

package/src/layouts/Stack/examples/stack.css

@@ -1,15 +1,15 @@
-.ws-react-l-stack {
+.ws-react-f-stack {
   min-height: 30em;
   display: flex;
   flex-direction: column;
 }
 
-.ws-react-l-stack > .pf-v6-l-stack {
+.ws-react-f-stack > .pf-v6-l-stack {
   flex-grow: 1;
 }
 
-.ws-react-l-stack .pf-v6-l-stack,
-.ws-react-l-stack .pf-v6-l-stack > .pf-v6-l-stack__item {
+.ws-react-f-stack .pf-v6-l-stack,
+.ws-react-f-stack .pf-v6-l-stack > .pf-v6-l-stack__item {
   padding: var(--pf-t--global--spacer--md);
   border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
 }

package/dist/esm/components/Compass/CompassPanel.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-interface CompassPanelProps extends React.HTMLProps<HTMLDivElement> {
-    /** Content of the panel. */
-    children: React.ReactNode;
-    /** Additional classes added to the panel. */
-    className?: string;
-    /** Indicates the panel should have a pill border radius */
-    isPill?: boolean;
-    /** Indicates the panel should expand to fill the available height */
-    isFullHeight?: boolean;
-    /** Indicates the panel should scroll its overflow */
-    isScrollable?: boolean;
-    /** Indicates the panel should have no border */
-    hasNoBorder?: boolean;
-    /** Indicates the panel should have no padding */
-    hasNoPadding?: boolean;
-    /** Indicates the panel should have a "thinking" animation */
-    isThinking?: boolean;
-}
-export declare const CompassPanel: React.FunctionComponent<CompassPanelProps>;
-export {};
-//# sourceMappingURL=CompassPanel.d.ts.map

package/dist/esm/components/Compass/CompassPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompassPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassPanel.tsx"],"names":[],"mappings":";AAGA,UAAU,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACjE,4BAA4B;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qDAAqD;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CA0BnE,CAAC"}

package/dist/esm/components/Compass/CompassPanel.js

@@ -1,10 +0,0 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from '@patternfly/react-styles/css/components/Compass/compass.mjs';
-import { css } from '@patternfly/react-styles';
-export const CompassPanel = (_a) => {
-    var { children, className, isPill, hasNoBorder, hasNoPadding, isThinking, isFullHeight, isScrollable } = _a, props = __rest(_a, ["children", "className", "isPill", "hasNoBorder", "hasNoPadding", "isThinking", "isFullHeight", "isScrollable"]);
-    return (_jsx("div", Object.assign({ className: css(styles.compassPanel, isPill && styles.modifiers.pill, hasNoBorder && styles.modifiers.noBorder, hasNoPadding && styles.modifiers.noPadding, isThinking && 'pf-v6-m-thinking', isFullHeight && styles.modifiers.fullHeight, isScrollable && styles.modifiers.scrollable, className) }, props, { children: children })));
-};
-CompassPanel.displayName = 'CompassPanel';
-//# sourceMappingURL=CompassPanel.js.map

package/dist/esm/components/Compass/CompassPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompassPanel.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassPanel.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAqB/C,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,EAUxE,EAAE,EAAE;QAVoE,EACvE,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,YAAY,OAEb,EADI,KAAK,cAT+D,gHAUxE,CADS;IACJ,OAAA,CACJ,4BACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,YAAY,EACnB,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,EAC/B,WAAW,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACxC,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,UAAU,IAAI,kBAAkB,EAChC,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,SAAS,CACV,IACG,KAAK,cAER,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/js/components/Compass/CompassPanel.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-interface CompassPanelProps extends React.HTMLProps<HTMLDivElement> {
-    /** Content of the panel. */
-    children: React.ReactNode;
-    /** Additional classes added to the panel. */
-    className?: string;
-    /** Indicates the panel should have a pill border radius */
-    isPill?: boolean;
-    /** Indicates the panel should expand to fill the available height */
-    isFullHeight?: boolean;
-    /** Indicates the panel should scroll its overflow */
-    isScrollable?: boolean;
-    /** Indicates the panel should have no border */
-    hasNoBorder?: boolean;
-    /** Indicates the panel should have no padding */
-    hasNoPadding?: boolean;
-    /** Indicates the panel should have a "thinking" animation */
-    isThinking?: boolean;
-}
-export declare const CompassPanel: React.FunctionComponent<CompassPanelProps>;
-export {};
-//# sourceMappingURL=CompassPanel.d.ts.map

package/dist/js/components/Compass/CompassPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompassPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassPanel.tsx"],"names":[],"mappings":";AAGA,UAAU,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACjE,4BAA4B;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qDAAqD;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CA0BnE,CAAC"}

package/dist/js/components/Compass/CompassPanel.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CompassPanel = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const compass_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Compass/compass"));
-const react_styles_1 = require("@patternfly/react-styles");
-const CompassPanel = (_a) => {
-    var { children, className, isPill, hasNoBorder, hasNoPadding, isThinking, isFullHeight, isScrollable } = _a, props = tslib_1.__rest(_a, ["children", "className", "isPill", "hasNoBorder", "hasNoPadding", "isThinking", "isFullHeight", "isScrollable"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassPanel, isPill && compass_1.default.modifiers.pill, hasNoBorder && compass_1.default.modifiers.noBorder, hasNoPadding && compass_1.default.modifiers.noPadding, isThinking && 'pf-v6-m-thinking', isFullHeight && compass_1.default.modifiers.fullHeight, isScrollable && compass_1.default.modifiers.scrollable, className) }, props, { children: children })));
-};
-exports.CompassPanel = CompassPanel;
-exports.CompassPanel.displayName = 'CompassPanel';
-//# sourceMappingURL=CompassPanel.js.map

package/dist/js/components/Compass/CompassPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompassPanel.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassPanel.tsx"],"names":[],"mappings":";;;;;AAAA,8GAA6E;AAC7E,2DAA+C;AAqBxC,MAAM,YAAY,GAA+C,CAAC,EAUxE,EAAE,EAAE;QAVoE,EACvE,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,YAAY,OAEb,EADI,KAAK,sBAT+D,gHAUxE,CADS;IACJ,OAAA,CACJ,8CACE,SAAS,EAAE,IAAA,kBAAG,EACZ,iBAAM,CAAC,YAAY,EACnB,MAAM,IAAI,iBAAM,CAAC,SAAS,CAAC,IAAI,EAC/B,WAAW,IAAI,iBAAM,CAAC,SAAS,CAAC,QAAQ,EACxC,YAAY,IAAI,iBAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,UAAU,IAAI,kBAAkB,EAChC,YAAY,IAAI,iBAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,YAAY,IAAI,iBAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,SAAS,CACV,IACG,KAAK,cAER,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AA1BW,QAAA,YAAY,gBA0BvB;AAEF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/src/components/Compass/CompassPanel.tsx

@@ -1,51 +0,0 @@
-import styles from '@patternfly/react-styles/css/components/Compass/compass';
-import { css } from '@patternfly/react-styles';
-
-interface CompassPanelProps extends React.HTMLProps<HTMLDivElement> {
-  /** Content of the panel. */
-  children: React.ReactNode;
-  /** Additional classes added to the panel. */
-  className?: string;
-  /** Indicates the panel should have a pill border radius */
-  isPill?: boolean;
-  /** Indicates the panel should expand to fill the available height */
-  isFullHeight?: boolean;
-  /** Indicates the panel should scroll its overflow */
-  isScrollable?: boolean;
-  /** Indicates the panel should have no border */
-  hasNoBorder?: boolean;
-  /** Indicates the panel should have no padding */
-  hasNoPadding?: boolean;
-  /** Indicates the panel should have a "thinking" animation */
-  isThinking?: boolean;
-}
-
-export const CompassPanel: React.FunctionComponent<CompassPanelProps> = ({
-  children,
-  className,
-  isPill,
-  hasNoBorder,
-  hasNoPadding,
-  isThinking,
-  isFullHeight,
-  isScrollable,
-  ...props
-}) => (
-  <div
-    className={css(
-      styles.compassPanel,
-      isPill && styles.modifiers.pill,
-      hasNoBorder && styles.modifiers.noBorder,
-      hasNoPadding && styles.modifiers.noPadding,
-      isThinking && 'pf-v6-m-thinking',
-      isFullHeight && styles.modifiers.fullHeight,
-      isScrollable && styles.modifiers.scrollable,
-      className
-    )}
-    {...props}
-  >
-    {children}
-  </div>
-);
-
-CompassPanel.displayName = 'CompassPanel';

package/src/components/Compass/__tests__/CompassPanel.test.tsx

@@ -1,86 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import { CompassPanel } from '../CompassPanel';
-import styles from '@patternfly/react-styles/css/components/Compass/compass';
-
-test('Renders with children', () => {
-  render(<CompassPanel>Test content</CompassPanel>);
-  expect(screen.getByText('Test content')).toBeVisible();
-});
-
-test('Renders with custom class name when className prop is provided', () => {
-  render(<CompassPanel className="custom-class">Test</CompassPanel>);
-  expect(screen.getByText('Test')).toHaveClass('custom-class');
-});
-
-test(`Renders with default ${styles.compassPanel} class`, () => {
-  render(<CompassPanel>Test</CompassPanel>);
-  expect(screen.getByText('Test')).toHaveClass(styles.compassPanel);
-});
-
-test(`Renders with ${styles.modifiers.pill} when isPill is true`, () => {
-  render(<CompassPanel isPill>Test</CompassPanel>);
-  expect(screen.getByText('Test')).toHaveClass(styles.modifiers.pill);
-});
-
-test(`Renders with ${styles.modifiers.noBorder} when hasNoBorder is true`, () => {
-  render(<CompassPanel hasNoBorder>Test</CompassPanel>);
-  expect(screen.getByText('Test')).toHaveClass(styles.modifiers.noBorder);
-});
-
-test(`Renders with ${styles.modifiers.noPadding} when hasNoPadding is true`, () => {
-  render(<CompassPanel hasNoPadding>Test</CompassPanel>);
-  expect(screen.getByText('Test')).toHaveClass(styles.modifiers.noPadding);
-});
-
-test('Renders with pf-v6-m-thinking when isThinking is true', () => {
-  render(<CompassPanel isThinking>Test</CompassPanel>);
-  expect(screen.getByText('Test')).toHaveClass('pf-v6-m-thinking');
-});
-
-test(`Renders with ${styles.modifiers.fullHeight} when isFullHeight is true`, () => {
-  render(<CompassPanel isFullHeight>Test</CompassPanel>);
-  expect(screen.getByText('Test')).toHaveClass(styles.modifiers.fullHeight);
-});
-
-test(`Renders with ${styles.modifiers.scrollable} when isScrollable is true`, () => {
-  render(<CompassPanel isScrollable>Test</CompassPanel>);
-  expect(screen.getByText('Test')).toHaveClass(styles.modifiers.scrollable);
-});
-
-test('Renders with multiple modifier classes when multiple props are true', () => {
-  render(
-    <CompassPanel isPill hasNoBorder hasNoPadding isThinking isFullHeight isScrollable>
-      Test
-    </CompassPanel>
-  );
-  const panelElement = screen.getByText('Test');
-  expect(panelElement).toHaveClass(styles.modifiers.pill);
-  expect(panelElement).toHaveClass(styles.modifiers.noBorder);
-  expect(panelElement).toHaveClass(styles.modifiers.noPadding);
-  expect(panelElement).toHaveClass('pf-v6-m-thinking');
-  expect(panelElement).toHaveClass(styles.modifiers.fullHeight);
-  expect(panelElement).toHaveClass(styles.modifiers.scrollable);
-});
-
-test('Renders with additional props spread to the component', () => {
-  render(<CompassPanel aria-label="Test label">Test</CompassPanel>);
-  expect(screen.getByText('Test')).toHaveAccessibleName('Test label');
-});
-
-test('Matches the snapshot with all modifiers', () => {
-  const { asFragment } = render(
-    <CompassPanel isPill hasNoBorder hasNoPadding isThinking isFullHeight isScrollable>
-      <div>Panel with all modifiers</div>
-    </CompassPanel>
-  );
-  expect(asFragment()).toMatchSnapshot();
-});
-
-test('Matches the snapshot with no modifiers', () => {
-  const { asFragment } = render(
-    <CompassPanel>
-      <div>Basic panel</div>
-    </CompassPanel>
-  );
-  expect(asFragment()).toMatchSnapshot();
-});