xmlui 0.11.3 → 0.11.6

package/dist/scripts/src/components/Badge/BadgeNative.js

@@ -1,46 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Badge = exports.defaultProps = exports.badgeVariantValues = void 0;
-exports.isBadgeColors = isBadgeColors;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const Badge_module_scss_1 = __importDefault(require("./Badge.module.scss"));
-exports.badgeVariantValues = ["badge", "pill"];
-// --- Type guard for BadgeColors ---
-function isBadgeColors(color) {
-    return (typeof color === "object" &&
-        color !== null &&
-        "label" in color &&
-        "background" in color &&
-        typeof color.label === "string" &&
-        typeof color.background === "string");
-}
-exports.defaultProps = {
-    variant: "badge",
-};
-exports.Badge = (0, react_1.forwardRef)(function Badge(_a, forwardedRef) {
-    var { children, color, variant = exports.defaultProps.variant, style, className } = _a, rest = __rest(_a, ["children", "color", "variant", "style", "className"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, rest, { ref: forwardedRef, className: (0, classnames_1.default)({
-            [Badge_module_scss_1.default.badge]: variant === "badge",
-            [Badge_module_scss_1.default.pill]: variant === "pill",
-        }, className), style: Object.assign(Object.assign({}, (color
-            ? typeof color === "string"
-                ? { backgroundColor: color }
-                : { backgroundColor: color.background, color: color.label }
-            : {})), style), children: children })));
-});

package/dist/scripts/src/components/Bookmark/Bookmark.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.bookmarkComponentRenderer = exports.BookmarkMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const renderers_1 = require("../../components-core/renderers");
-const metadata_helpers_1 = require("../metadata-helpers");
-const BookmarkNative_1 = require("./BookmarkNative");
-const COMP = "Bookmark";
-exports.BookmarkMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "As its name suggests, this component places a bookmark into its parent component's view. The " +
-        "component has an \`id\` that you can use in links to navigate (scroll to) the bookmark's location.",
-    opaque: true,
-    props: {
-        id: {
-            description: "The unique identifier of the bookmark. You can use this identifier in links " +
-                "to navigate to this component's location. If this identifier is not set, you cannot " +
-                "programmatically visit this bookmark.",
-            valueType: "string",
-        },
-        level: {
-            description: "The level of the bookmark. The level is used to determine the bookmark's " +
-                "position in the table of contents.",
-            valueType: "number",
-            defaultValue: BookmarkNative_1.defaultProps.level,
-        },
-        title: {
-            description: "Defines the text to display the bookmark in the table of contents. If this property is " +
-                "empty, the text falls back to the value of \`id\`.",
-            valueType: "string",
-        },
-        omitFromToc: {
-            description: "If true, this bookmark will be excluded from the table of contents.",
-            valueType: "boolean",
-            defaultValue: BookmarkNative_1.defaultProps.omitFromToc,
-        },
-    },
-    apis: {
-        scrollIntoView: {
-            signature: "scrollIntoView()",
-            description: "Scrolls the bookmark into view.",
-        },
-    },
-});
-exports.bookmarkComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.BookmarkMd, (rendererContext) => {
-    const { node, renderChild, extractValue, layoutContext } = rendererContext;
-    return ((0, jsx_runtime_1.jsx)(BookmarkNative_1.Bookmark, { uid: extractValue(node.uid), level: extractValue(node.props.level), title: extractValue(node.props.title), omitFromToc: extractValue.asOptionalBoolean(node.props.omitFromToc), children: renderChild(node.children, layoutContext) }));
-});

package/dist/scripts/src/components/Bookmark/Bookmark.spec.js

@@ -1,230 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../testing/fixtures");
-// =============================================================================
-// BASIC FUNCTIONALITY TESTS
-// =============================================================================
-fixtures_1.test.describe("Basic Functionality", () => {
-    (0, fixtures_1.test)("renders as standalone bookmark", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Bookmark id="test-bookmark" />`);
-        const bookmark = page.locator("#test-bookmark");
-        yield (0, fixtures_1.expect)(bookmark).toHaveCount(1);
-    }));
-    (0, fixtures_1.test)("renders children", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <Bookmark id="test-bookmark">
-        <Text>Bookmark content</Text>
-      </Bookmark>
-    `);
-        const bookmark = page.locator("#test-bookmark");
-        yield (0, fixtures_1.expect)(bookmark).toBeVisible();
-        yield (0, fixtures_1.expect)(bookmark).toContainText("Bookmark content");
-    }));
-    (0, fixtures_1.test)("renders children without id", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Bookmark>Content without id</Bookmark>`);
-        yield (0, fixtures_1.expect)(page.getByText("Content without id")).toBeVisible();
-    }));
-    // =============================================================================
-    // DOCUMENTATION USAGE PATTERNS
-    // =============================================================================
-    fixtures_1.test.describe("Documentation Usage Patterns", () => {
-        (0, fixtures_1.test)("links navigate to standalone bookmarks", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            // Based on documentation example with standalone bookmarks and adjacent content
-            yield initTestBed(`
-        <VStack height="600px" gap="100px">
-          <Link to="#red-section">Jump to red</Link>
-          <Link to="#green-section">Jump to green</Link>
-          <Bookmark id="red-section" />
-          <VStack height="700px" backgroundColor="red">Red content</VStack>
-          <Bookmark id="green-section" />
-          <VStack height="700px" backgroundColor="green">Green content</VStack>
-        </VStack>
-      `);
-            const redLink = page.getByRole("link", { name: "Jump to red" });
-            const greenLink = page.getByRole("link", { name: "Jump to green" });
-            const redContent = page.getByText("Red content");
-            const greenContent = page.getByText("Green content");
-            yield (0, fixtures_1.expect)(redContent).toBeInViewport();
-            yield (0, fixtures_1.expect)(greenContent).not.toBeInViewport();
-            yield greenLink.click();
-            yield page.waitForURL(/#green-section$/);
-            yield (0, fixtures_1.expect)(redContent).not.toBeInViewport();
-            yield (0, fixtures_1.expect)(greenContent).toBeInViewport();
-            yield redLink.click();
-            yield page.waitForURL(/#red-section$/);
-            yield (0, fixtures_1.expect)(redContent).toBeInViewport();
-            yield (0, fixtures_1.expect)(greenContent).not.toBeInViewport();
-        }));
-        (0, fixtures_1.test)("links navigate to nested bookmarks", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            // Based on documentation example with standalone bookmarks and adjacent content
-            yield initTestBed(`
-        <VStack height="600px" gap="100px">
-          <Link to="#red-section">Jump to red</Link>
-          <Link to="#green-section">Jump to green</Link>
-          <Bookmark id="red-section" >
-            <VStack height="700px" backgroundColor="red">Red content</VStack>
-          </Bookmark>
-          <Bookmark id="green-section" >
-            <VStack height="700px" backgroundColor="green">Green content</VStack>
-          </Bookmark>
-        </VStack>
-      `);
-            const redLink = page.getByRole("link", { name: "Jump to red" });
-            const greenLink = page.getByRole("link", { name: "Jump to green" });
-            const redContent = page.getByText("Red content");
-            const greenContent = page.getByText("Green content");
-            yield (0, fixtures_1.expect)(redContent).toBeInViewport();
-            yield (0, fixtures_1.expect)(greenContent).not.toBeInViewport();
-            yield greenLink.click();
-            yield page.waitForURL(/#green-section$/);
-            yield (0, fixtures_1.expect)(redContent).not.toBeInViewport();
-            yield (0, fixtures_1.expect)(greenContent).toBeInViewport();
-            yield redLink.click();
-            yield page.waitForURL(/#red-section$/);
-            yield (0, fixtures_1.expect)(redContent).toBeInViewport();
-            yield (0, fixtures_1.expect)(greenContent).not.toBeInViewport();
-        }));
-    });
-    // =============================================================================
-    // ID PROPERTY TESTS
-    // =============================================================================
-    fixtures_1.test.describe("id property", () => {
-        (0, fixtures_1.test)("handles special characters in id", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Bookmark id="bookmark-with_special.chars" />`);
-            const anchor = page.locator('[id="bookmark-with_special.chars"]');
-            yield (0, fixtures_1.expect)(anchor).toHaveCount(1);
-        }));
-        (0, fixtures_1.test)("handles unicode characters in id", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Bookmark id="书签-émojis🚀" />`);
-            const anchor = page.locator('[id="书签-émojis🚀"]');
-            yield (0, fixtures_1.expect)(anchor).toHaveCount(1);
-        }));
-        (0, fixtures_1.test)("handles null id gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Bookmark id="{null}">Content</Bookmark>`);
-            yield (0, fixtures_1.expect)(page.getByText("Content")).toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles undefined id gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Bookmark id="{undefined}">Content</Bookmark>`);
-            yield (0, fixtures_1.expect)(page.getByText("Content")).toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles object id gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Bookmark id="{{a: 1}}">Content</Bookmark>`);
-            const anchor = page.locator('[id="[object Object]"]');
-            yield (0, fixtures_1.expect)(anchor).toHaveCount(1);
-        }));
-    });
-    // =============================================================================
-    // SCROLL INTO VIEW API TESTS
-    // =============================================================================
-    fixtures_1.test.describe("scrollIntoView API", () => {
-        (0, fixtures_1.test)("scrollIntoView works in scrollable container", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <VStack height="300px">
-          <Button onClick="target.scrollIntoView()" >Scroll to Target</Button>
-          <VStack height="700px" backgroundColor="lightblue">Top spacer</VStack>
-          <Bookmark id="target" ref="bookmarkRef">Target content</Bookmark>
-        </VStack>
-      `);
-            const bookmark = page.locator("#target");
-            yield (0, fixtures_1.expect)(bookmark).not.toBeInViewport();
-            const button = page.getByRole("button", { name: "Scroll to Target" });
-            yield button.click();
-            yield (0, fixtures_1.expect)(bookmark).toBeInViewport();
-        }));
-    });
-});
-// =============================================================================
-// ACCESSIBILITY TESTS
-// =============================================================================
-fixtures_1.test.describe("Accessibility", () => {
-    (0, fixtures_1.test)("supports keyboard navigation to content", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <Bookmark id="keyboard-test">
-        <Button>Focusable Content</Button>
-      </Bookmark>
-    `);
-        yield page.keyboard.press("Tab");
-        const button = page.getByRole("button", { name: "Focusable Content" });
-        yield (0, fixtures_1.expect)(button).toBeFocused();
-    }));
-});
-// =============================================================================
-// OTHER EDGE CASE TESTS
-// =============================================================================
-fixtures_1.test.describe("Other Edge Cases", () => {
-    (0, fixtures_1.test)("links navigate to bookmarks with 'null' other props", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <VStack height="600px">
-        <Link to="#green-section">Jump to green</Link>
-        <VStack height="700px" backgroundColor="red">Red content</VStack>
-        <Bookmark id="green-section" level="{null}" title="{null}" omitFromToc="{null}" />
-        <VStack height="700px" backgroundColor="green">Green content</VStack>
-      </VStack>
-    `);
-        const greenContent = page.getByText("Green content");
-        yield (0, fixtures_1.expect)(greenContent).not.toBeInViewport();
-        const greenLink = page.getByRole("link", { name: "Jump to green" });
-        yield greenLink.click();
-        yield page.waitForURL(/#green-section$/);
-        yield (0, fixtures_1.expect)(greenContent).toBeInViewport();
-    }));
-    (0, fixtures_1.test)("links navigate to bookmarks with valid other props", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <VStack height="600px">
-        <Link to="#green-section">Jump to green</Link>
-        <VStack height="700px" backgroundColor="red">Red content</VStack>
-        <Bookmark id="green-section" level="{50}" title="green content section" omitFromToc="{true}" />
-        <VStack height="700px" backgroundColor="green">Green content</VStack>
-      </VStack>
-    `);
-        const greenContent = page.getByText("Green content");
-        yield (0, fixtures_1.expect)(greenContent).not.toBeInViewport();
-        const greenLink = page.getByRole("link", { name: "Jump to green" });
-        yield greenLink.click();
-        yield page.waitForURL(/#green-section$/);
-        yield (0, fixtures_1.expect)(greenContent).toBeInViewport();
-    }));
-    (0, fixtures_1.test)("links navigate to bookmarks with empty children", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <VStack height="600px">
-        <Link to="#green-section">Jump to green</Link>
-        <VStack height="700px" backgroundColor="red">Red content</VStack>
-        <Bookmark id="green-section" level="{50}" title="green content section" omitFromToc="{true}" ></Bookmark>
-        <VStack height="700px" backgroundColor="green">Green content</VStack>
-      </VStack>
-    `);
-        const greenContent = page.getByText("Green content");
-        yield (0, fixtures_1.expect)(greenContent).not.toBeInViewport();
-        const greenLink = page.getByRole("link", { name: "Jump to green" });
-        yield greenLink.click();
-        yield page.waitForURL(/#green-section$/);
-        yield (0, fixtures_1.expect)(greenContent).toBeInViewport();
-    }));
-    (0, fixtures_1.test)("navigates to dynamic 'id' prop", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <VStack var.dynId="initial-id" height="600px">
-        <Link to="#green-section">Jump to green</Link>
-        <Button onClick="dynId = 'green-section'">Set green section id</Button>
-        <VStack height="700px" backgroundColor="red">Red content</VStack>
-        <Bookmark id="{dynId}" />
-        <VStack height="700px" backgroundColor="green">Green content</VStack>
-      </VStack>
-    `);
-        const greenContent = page.getByText("Green content");
-        yield (0, fixtures_1.expect)(greenContent).not.toBeInViewport();
-        yield page.getByRole("button", { name: "Set green section id" }).click();
-        const greenLink = page.getByRole("link", { name: "Jump to green" });
-        yield greenLink.click();
-        yield page.waitForURL(/#green-section$/);
-        yield (0, fixtures_1.expect)(greenContent).toBeInViewport();
-    }));
-});

package/dist/scripts/src/components/Bookmark/BookmarkNative.js

@@ -1,55 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Bookmark = exports.defaultProps = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const TableOfContentsContext_1 = require("../../components-core/TableOfContentsContext");
-const Bookmark_module_scss_1 = __importDefault(require("./Bookmark.module.scss"));
-exports.defaultProps = {
-    level: 1,
-    omitFromToc: false,
-};
-const Bookmark = (_a) => {
-    var { uid, level = exports.defaultProps.level, children, title, omitFromToc = exports.defaultProps.omitFromToc, registerComponentApi } = _a, rest = __rest(_a, ["uid", "level", "children", "title", "omitFromToc", "registerComponentApi"]);
-    const elementRef = (0, react_1.useRef)(null);
-    const tableOfContentsContext = (0, react_1.useContext)(TableOfContentsContext_1.TableOfContentsContext);
-    const registerHeading = tableOfContentsContext === null || tableOfContentsContext === void 0 ? void 0 : tableOfContentsContext.registerHeading;
-    const observeIntersection = tableOfContentsContext === null || tableOfContentsContext === void 0 ? void 0 : tableOfContentsContext.hasTableOfContents;
-    const scrollIntoView = (0, react_1.useCallback)((options) => {
-        if (elementRef.current) {
-            elementRef.current.scrollIntoView(Object.assign({ behavior: "smooth", block: "start" }, options));
-        }
-    }, []);
-    (0, react_1.useEffect)(() => {
-        registerComponentApi === null || registerComponentApi === void 0 ? void 0 : registerComponentApi({
-            scrollIntoView,
-        });
-    }, [registerComponentApi, scrollIntoView]);
-    (0, react_1.useLayoutEffect)(() => {
-        var _a, _b, _c;
-        if (observeIntersection && elementRef.current && uid && !omitFromToc) {
-            return registerHeading === null || registerHeading === void 0 ? void 0 : registerHeading({
-                id: uid,
-                level,
-                text: title || ((_c = (_b = (_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) === null || _c === void 0 ? void 0 : _c.replace(/#$/, "")) || uid,
-                anchor: elementRef.current,
-            });
-        }
-    }, [uid, observeIntersection, registerHeading, level, title, omitFromToc]);
-    return ((0, jsx_runtime_1.jsx)("span", Object.assign({}, rest, { ref: elementRef, id: uid, "data-anchor": true, className: Bookmark_module_scss_1.default.anchorRef, children: children })));
-};
-exports.Bookmark = Bookmark;

package/dist/scripts/src/components/Breakout/Breakout.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.breakoutComponentRenderer = exports.BreakoutMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const renderers_1 = require("../../components-core/renderers");
-const metadata_helpers_1 = require("../metadata-helpers");
-const BreakoutNative_1 = require("./BreakoutNative");
-const COMP = "Breakout";
-exports.BreakoutMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: `The \`${COMP}\` component creates a breakout section. It allows its child to ` +
-        `occupy the entire width of the UI even if the app or the parent container constrains ` +
-        `the maximum content width.`,
-});
-exports.breakoutComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.BreakoutMd, ({ node, renderChild }) => {
-    return (0, jsx_runtime_1.jsx)(BreakoutNative_1.Breakout, { children: renderChild(node.children) });
-});

package/dist/scripts/src/components/Breakout/Breakout.spec.js

@@ -1,56 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const component_test_helpers_1 = require("../../testing/component-test-helpers");
-const fixtures_1 = require("../../testing/fixtures");
-// =============================================================================
-// BASIC FUNCTIONALITY TESTS
-// =============================================================================
-(0, fixtures_1.test)("component renders with basic content", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-    yield initTestBed(`<Breakout>Content inside breakout</Breakout>`);
-    yield (0, fixtures_1.expect)(page.getByText("Content inside breakout")).toBeVisible();
-}));
-// =============================================================================
-// ACCESSIBILITY TESTS
-// =============================================================================
-(0, fixtures_1.test)("children are focusable", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-    yield initTestBed(`<Breakout><Button label="focusable button" /></Breakout>`);
-    yield page.keyboard.press("Tab");
-    yield (0, fixtures_1.expect)(page.getByRole("button")).toBeFocused();
-}));
-// =============================================================================
-// VISUAL STATE TESTS
-// =============================================================================
-(0, fixtures_1.test)("has the expected CSS attributes", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-    yield initTestBed(`<Breakout testId="bo">Content inside breakout</Breakout>`);
-    const breakout = page.getByTestId("bo");
-    const windowWidth = yield page.evaluate(() => { return window.innerWidth; });
-    yield (0, fixtures_1.expect)(breakout).toHaveCSS("position", "relative");
-    yield (0, fixtures_1.expect)(breakout).toHaveCSS("left", `${Math.floor(windowWidth / 2)}px`);
-    yield (0, fixtures_1.expect)(breakout).toHaveCSS("right", `${Math.floor(windowWidth / 2)}px`);
-    yield (0, fixtures_1.expect)(breakout).toHaveCSS("margin-left", `-${Math.floor(windowWidth / 2)}px`);
-    yield (0, fixtures_1.expect)(breakout).toHaveCSS("margin-right", `-${Math.floor(windowWidth / 2)}px`);
-    yield (0, fixtures_1.expect)(breakout).toHaveCSS("width", `${windowWidth}px`);
-}));
-// =============================================================================
-// EDGE CASE TESTS
-// =============================================================================
-(0, fixtures_1.test)("component maintains height based on its content", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-    yield initTestBed(`
-    <Breakout testId="bo">
-      <Stack height="150px" backgroundColor="red">
-        <Text>Tall content</Text>
-      </Stack>
-    </Breakout>`);
-    const breakout = page.getByTestId("bo");
-    const { height: boHeight } = yield (0, component_test_helpers_1.getBoundingRect)(breakout);
-    (0, fixtures_1.expect)(boHeight).toBeCloseTo(150);
-}));

package/dist/scripts/src/components/Breakout/BreakoutNative.js

@@ -1,24 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Breakout = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Breakout_module_scss_1 = __importDefault(require("./Breakout.module.scss"));
-const Breakout = (_a) => {
-    var { children, style } = _a, rest = __rest(_a, ["children", "style"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, rest, { style: style, className: Breakout_module_scss_1.default.breakout, children: children })));
-};
-exports.Breakout = Breakout;