reshaped 2.2.0 → 2.3.0

package/themes/index.js

@@ -0,0 +1,5 @@
+import transform from "./_generator/transform.js";
+export const getThemeCSS = (name, definition) => {
+    const code = transform(name, definition, { isFragment: true });
+    return code.variables;
+};

package/types/config.d.ts

@@ -1,4 +1,4 @@
-import { PartialUserThemeDefinition } from "../cli/theming/tokens/types";
+import { PartialUserThemeDefinition } from "../themes/_generator/tokens/types";
 export type ReshapedConfig = {
     themes?: Record<string, PartialUserThemeDefinition>;
     themeFragments?: Record<string, PartialUserThemeDefinition>;

package/utilities/a11y.js

@@ -102,10 +102,19 @@ export const trapFocus = (() => {
         const isSelectionMenu = mode === "selection-menu";
         const isTabMode = isDialog || isContentMenu;
         const isArrowsMode = mode === "action-menu" || isSelectionMenu;
+        const focusable = getFocusableElements(root, includeTrigger ? triggerElement : undefined);
         let chainId;
+        // Re-focus on the first element if content has changed
+        const observer = new MutationObserver(() => {
+            const focusable = getFocusableElements(root, includeTrigger ? triggerElement : undefined);
+            if (!focusable.length)
+                return;
+            focusElement(focusable[0], mode);
+        });
         const release = (releaseOptions = {}) => {
             const { withoutFocusReturn } = releaseOptions;
             chain.removePreviousTill(chainId, (item) => document.body.contains(item.data.trigger));
+            observer.disconnect();
             if (triggerElement) {
                 triggerElement.focus({ preventScroll: withoutFocusReturn || !isKeyboardMode() });
             }
@@ -159,7 +168,9 @@ export const trapFocus = (() => {
             resetListeners();
         if (isDialog)
             srTrap = trapScreenReader(root);
-        const focusable = getFocusableElements(root, includeTrigger ? triggerElement : undefined);
+        document.addEventListener("keydown", handleKeyDown);
+        resetListeners = () => document.removeEventListener("keydown", handleKeyDown);
+        observer.observe(root, { childList: true, subtree: true });
         if (!focusable.length)
             return null;
         // Don't add back to the chain if we're traversing back
@@ -168,8 +179,6 @@ export const trapFocus = (() => {
             chainId = chain.add({ root, trigger: triggerElement, options });
             focusElement(focusable[0], mode);
         }
-        document.addEventListener("keydown", handleKeyDown);
-        resetListeners = () => document.removeEventListener("keydown", handleKeyDown);
         return release;
     };
 })();

package/{cli/utilities → utilities}/color.d.ts

@@ -1,4 +1,4 @@
-import { Name } from "../theming/tokens/color/color.types";
+import { Name } from "../themes/_generator/tokens/color/color.types";
 export declare const bgWithDynamicForeground: Name[];
 export declare const hexToRgb: (hex: string) => {
     r: number;

package/utilities/dom.d.ts

@@ -0,0 +1 @@
+export declare const getClosestScrollableParent: (el: HTMLElement | null) => HTMLElement;

package/utilities/dom.js

@@ -0,0 +1,9 @@
+export const getClosestScrollableParent = (el) => {
+    const overflowY = el && window.getComputedStyle(el).overflowY;
+    const isScrollable = overflowY === null || overflowY === void 0 ? void 0 : overflowY.includes("scroll");
+    if (el === document.body || !el)
+        return document.body;
+    if (isScrollable && el.scrollHeight > el.clientHeight)
+        return el;
+    return getClosestScrollableParent(el.parentElement);
+};

package/cli/theming/definitions/minimal.d.ts

@@ -1,3 +0,0 @@
-import { UserThemeDefinition } from "../tokens/types";
-declare const theme: UserThemeDefinition;
-export default theme;

package/cli/theming/definitions/minimal.js

@@ -1,80 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const reshaped_1 = __importDefault(require("./reshaped"));
-const theme = Object.assign(Object.assign({}, reshaped_1.default), { color: Object.assign(Object.assign({}, reshaped_1.default.color), { foregroundNeutral: {
-            hex: "#161a26",
-            hexDark: "#f2f3f5",
-        }, foregroundNeutralFaded: {
-            hex: "#717787",
-            hexDark: "#9f9e9e",
-        }, foregroundPrimary: {
-            hex: "#2383e2",
-            hexDark: "#5098ff",
-        }, foregroundDisabled: {
-            hex: "#d4d0d0",
-            hexDark: "#656565",
-        }, backgroundPrimary: {
-            hex: "#2383e2",
-            hexDark: "#4281DB",
-        }, backgroundPrimaryFaded: {
-            hex: "#e5f4fb",
-            hexDark: "#1e2c45",
-        }, backgroundPrimaryHighlighted: {
-            hex: "#3273CC",
-            hexDark: "#3273CC",
-        }, backgroundElevationBase: {
-            hex: "#ffffff",
-            hexDark: "#232323",
-        }, backgroundElevationRaised: {
-            hex: "#ffffff",
-            hexDark: "#262626",
-        }, backgroundElevationOverlay: {
-            hex: "#ffffff",
-            hexDark: "#292929",
-        }, backgroundNeutral: {
-            hex: "#e3e3e5",
-            hexDark: "#4f5155",
-        }, backgroundNeutralFaded: {
-            hex: "#f2f3f5",
-            hexDark: "#34363f",
-        }, backgroundNeutralHighlighted: {
-            hex: "#dedee1",
-            hexDark: "#595c60",
-        }, backgroundPage: {
-            hex: "#ffffff",
-            hexDark: "#191919",
-        }, backgroundPageFaded: {
-            hex: "#F7F7F5",
-            hexDark: "#202020",
-        }, backgroundDisabled: {
-            hex: "#ECEEF3",
-            hexDark: "#313131",
-        }, backgroundDisabledFaded: {
-            hex: "#F4F5F7",
-            hexDark: "#262626",
-        }, borderPrimary: {
-            hex: "#3D76C7",
-            hexDark: "#5A91E0",
-        }, borderPrimaryFaded: {
-            hex: "#c6d9f4",
-            hexDark: "#163a6a",
-        }, borderNeutral: {
-            hex: "#d2d2d2",
-            hexDark: "#414141",
-        }, borderNeutralFaded: {
-            hex: "#E2E2E2",
-            hexDark: "#464646",
-        }, borderDisabled: {
-            hex: "#E2E2E2",
-            hexDark: "#404040",
-        } }), unit: Object.assign(Object.assign({}, reshaped_1.default.unit), { radiusSmall: {
-            px: 2,
-        }, radiusMedium: {
-            px: 4,
-        }, radiusLarge: {
-            px: 6,
-        } }) });
-exports.default = theme;

package/cli/utilities/tests/color.test.d.ts

@@ -1 +0,0 @@
-export {};

package/cli/utilities/tests/color.test.js

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const color_1 = require("../color");
-describe("cli/utilities/color", () => {
-    test("returns white for black background", () => {
-        expect((0, color_1.getOnColor)({ bgHexColor: "#000000", mode: "light" })).toBe("#ffffff");
-    });
-    test("returns white for dark colored background", () => {
-        expect((0, color_1.getOnColor)({ bgHexColor: "#aa0000", mode: "light" })).toBe("#ffffff");
-    });
-    test("returns black for white background", () => {
-        expect((0, color_1.getOnColor)({ bgHexColor: "#ffffff", mode: "light" })).toBe("#000000");
-    });
-    test("returns white for light colored background", () => {
-        expect((0, color_1.getOnColor)({ bgHexColor: "#dedede", mode: "light" })).toBe("#000000");
-    });
-    /**
-     * 8-digit hex
-     */
-    test("returns black for dark background with alpha: 0", () => {
-        expect((0, color_1.getOnColor)({ bgHexColor: "#00000000", mode: "light" })).toBe("#000000");
-    });
-    test("returns black for light background with alpha: 0", () => {
-        expect((0, color_1.getOnColor)({ bgHexColor: "#ffffff00", mode: "light" })).toBe("#000000");
-    });
-    test("returns black for dark background with alpha: 25%", () => {
-        expect((0, color_1.getOnColor)({ bgHexColor: "#00000040", mode: "light" })).toBe("#000000");
-    });
-    test("returns white for dark background with alpha: 30%", () => {
-        expect((0, color_1.getOnColor)({ bgHexColor: "#0000004D", mode: "light" })).toBe("#ffffff");
-    });
-    /**
-     * Dark mode
-     */
-    test("returns black for white background in dark mode", () => {
-        expect((0, color_1.getOnColor)({ bgHexColor: "#ffffff", mode: "dark" })).toBe("#000000");
-    });
-    test("returns white for dark background with alpha: 25% in dark mode", () => {
-        expect((0, color_1.getOnColor)({ bgHexColor: "#00000040", mode: "dark" })).toBe("#ffffff");
-    });
-    test("returns white for dark background with alpha: 0 in dark mode", () => {
-        expect((0, color_1.getOnColor)({ bgHexColor: "#00000000", mode: "dark" })).toBe("#ffffff");
-    });
-    /**
-     * Custom resolved color
-     */
-    test("returns #999 for white background in dark mode", () => {
-        expect((0, color_1.getOnColor)({
-            bgHexColor: "#ffffff",
-            mode: "dark",
-            lightHexColor: "#eeeeee",
-            darkHexColor: "#999999",
-        })).toBe("#999999");
-    });
-    test("returns #eee for black background in dark mode", () => {
-        expect((0, color_1.getOnColor)({
-            bgHexColor: "#000000",
-            mode: "dark",
-            lightHexColor: "#eeeeee",
-            darkHexColor: "#999999",
-        })).toBe("#eeeeee");
-    });
-});

package/styles/aspectRatio/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/styles/aspectRatio/index.test.js

@@ -1,24 +0,0 @@
-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());
-    });
-};
-import getAspectRatioStyles from "./index.js";
-describe("Styles/AspectRatio", () => {
-    test("handles positive value", () => {
-        expect(getAspectRatioStyles(1 / 2)).toMatchSnapshot();
-    });
-    test("handles 0 value", () => {
-        expect(getAspectRatioStyles(0)).toMatchSnapshot();
-    });
-    test("handles undefined value", () => {
-        expect(getAspectRatioStyles()).toMatchSnapshot();
-    });
-    test("handles responsive value", () => __awaiter(void 0, void 0, void 0, function* () {
-        expect(getAspectRatioStyles({ s: 4, m: 0, l: 2 })).toMatchSnapshot();
-    }));
-});

package/styles/bleed/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/styles/bleed/index.test.js

@@ -1,24 +0,0 @@
-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());
-    });
-};
-import getBleedStyles from "./index.js";
-describe("Styles/Bleed", () => {
-    test("handles positive value", () => {
-        expect(getBleedStyles(4)).toMatchSnapshot();
-    });
-    test("handles 0 value", () => {
-        expect(getBleedStyles(0)).toMatchSnapshot();
-    });
-    test("handles undefined value", () => {
-        expect(getBleedStyles()).toMatchSnapshot();
-    });
-    test("handles responsive value", () => __awaiter(void 0, void 0, void 0, function* () {
-        expect(getBleedStyles({ s: 4, m: 0, l: 2 })).toMatchSnapshot();
-    }));
-});

package/styles/height/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/styles/height/index.test.js

@@ -1,27 +0,0 @@
-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());
-    });
-};
-import getHeightStyles from "./index.js";
-describe("Styles/Height", () => {
-    test("handles px value", () => {
-        expect(getHeightStyles("50px")).toMatchSnapshot();
-    });
-    test("handles % value", () => {
-        expect(getHeightStyles("50%")).toMatchSnapshot();
-    });
-    test("handles unit value", () => {
-        expect(getHeightStyles(5)).toMatchSnapshot();
-    });
-    test("handles undefined value", () => {
-        expect(getHeightStyles()).toMatchSnapshot();
-    });
-    test("handles responsive value", () => __awaiter(void 0, void 0, void 0, function* () {
-        expect(getHeightStyles({ s: "50px", l: "50%" })).toMatchSnapshot();
-    }));
-});

package/styles/inset/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/styles/inset/index.test.js

@@ -1,27 +0,0 @@
-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());
-    });
-};
-import getInsetStyles from "./index.js";
-describe("Styles/Inset", () => {
-    test("handles positive value", () => {
-        expect(getInsetStyles(4)).toMatchSnapshot();
-    });
-    test("handles 0 value", () => {
-        expect(getInsetStyles(0)).toMatchSnapshot();
-    });
-    test("handles undefined value", () => {
-        expect(getInsetStyles()).toMatchSnapshot();
-    });
-    test("handles responsive value", () => __awaiter(void 0, void 0, void 0, function* () {
-        expect(getInsetStyles({ s: 4, m: 0, l: 2 })).toMatchSnapshot();
-    }));
-    test("handles value width defined side", () => {
-        expect(getInsetStyles(4, "start")).toMatchSnapshot();
-    });
-});

package/styles/maxHeight/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/styles/maxHeight/index.test.js

@@ -1,27 +0,0 @@
-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());
-    });
-};
-import getMaxHeightStyles from "./index.js";
-describe("Styles/MaxHeight", () => {
-    test("handles px value", () => {
-        expect(getMaxHeightStyles("50px")).toMatchSnapshot();
-    });
-    test("handles % value", () => {
-        expect(getMaxHeightStyles("50%")).toMatchSnapshot();
-    });
-    test("handles unit value", () => {
-        expect(getMaxHeightStyles(5)).toMatchSnapshot();
-    });
-    test("handles undefined value", () => {
-        expect(getMaxHeightStyles()).toMatchSnapshot();
-    });
-    test("handles responsive value", () => __awaiter(void 0, void 0, void 0, function* () {
-        expect(getMaxHeightStyles({ s: "50px", l: "50%" })).toMatchSnapshot();
-    }));
-});

package/styles/maxWidth/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/styles/maxWidth/index.test.js

@@ -1,27 +0,0 @@
-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());
-    });
-};
-import getMaxWidthStyles from "./index.js";
-describe("Styles/MaxWidth", () => {
-    test("handles px value", () => {
-        expect(getMaxWidthStyles("50px")).toMatchSnapshot();
-    });
-    test("handles % value", () => {
-        expect(getMaxWidthStyles("50%")).toMatchSnapshot();
-    });
-    test("handles unit value", () => {
-        expect(getMaxWidthStyles(5)).toMatchSnapshot();
-    });
-    test("handles undefined value", () => {
-        expect(getMaxWidthStyles()).toMatchSnapshot();
-    });
-    test("handles responsive value", () => __awaiter(void 0, void 0, void 0, function* () {
-        expect(getMaxWidthStyles({ s: "50px", l: "50%" })).toMatchSnapshot();
-    }));
-});

package/styles/padding/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/styles/padding/index.test.js

@@ -1,24 +0,0 @@
-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());
-    });
-};
-import getPaddingStyles from "./index.js";
-describe("Styles/Padding", () => {
-    test("handles positive value", () => {
-        expect(getPaddingStyles(4)).toMatchSnapshot();
-    });
-    test("handles 0 value", () => {
-        expect(getPaddingStyles(0)).toMatchSnapshot();
-    });
-    test("handles undefined value", () => {
-        expect(getPaddingStyles()).toMatchSnapshot();
-    });
-    test("handles responsive value", () => __awaiter(void 0, void 0, void 0, function* () {
-        expect(getPaddingStyles({ s: 4, m: 0, l: 2 })).toMatchSnapshot();
-    }));
-});

package/styles/position/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/styles/position/index.test.js

@@ -1,21 +0,0 @@
-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());
-    });
-};
-import getPositionStyles from "./index.js";
-describe("Styles/Position", () => {
-    test("handles value", () => {
-        expect(getPositionStyles("absolute")).toMatchSnapshot();
-    });
-    test("handles undefined value", () => {
-        expect(getPositionStyles()).toMatchSnapshot();
-    });
-    test("handles responsive value", () => __awaiter(void 0, void 0, void 0, function* () {
-        expect(getPositionStyles({ s: "absolute", l: "fixed" })).toMatchSnapshot();
-    }));
-});

package/styles/radius/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/styles/radius/index.test.js

@@ -1,24 +0,0 @@
-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());
-    });
-};
-import getRadiusStyles from "./index.js";
-describe("Styles/Radius", () => {
-    test("handles value", () => {
-        expect(getRadiusStyles("large")).toMatchSnapshot();
-    });
-    test("handles none", () => {
-        expect(getRadiusStyles("none")).toMatchSnapshot();
-    });
-    test("handles undefined value", () => {
-        expect(getRadiusStyles()).toMatchSnapshot();
-    });
-    test("handles responsive value", () => __awaiter(void 0, void 0, void 0, function* () {
-        expect(getRadiusStyles({ s: "small", m: "none", l: "circular" })).toMatchSnapshot();
-    }));
-});

package/styles/width/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/styles/width/index.test.js

@@ -1,27 +0,0 @@
-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());
-    });
-};
-import getWidthStyles from "./index.js";
-describe("Styles/Width", () => {
-    test("handles px value", () => {
-        expect(getWidthStyles("50px")).toMatchSnapshot();
-    });
-    test("handles % value", () => {
-        expect(getWidthStyles("50%")).toMatchSnapshot();
-    });
-    test("handles unit value", () => {
-        expect(getWidthStyles(5)).toMatchSnapshot();
-    });
-    test("handles undefined value", () => {
-        expect(getWidthStyles()).toMatchSnapshot();
-    });
-    test("handles responsive value", () => __awaiter(void 0, void 0, void 0, function* () {
-        expect(getWidthStyles({ s: "50px", l: "50%" })).toMatchSnapshot();
-    }));
-});

package/themes/minimal/theme.css

@@ -1 +0,0 @@
-[data-rs-theme=minimal][data-rs-color-mode=dark],[data-rs-theme=minimal][data-rs-color-mode=light]{--rs-font-family-title:Inter,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--rs-font-family-body:Inter,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--rs-font-weight-regular:400;--rs-font-weight-medium:500;--rs-font-weight-semibold:600;--rs-font-weight-bold:700;--rs-font-weight-heavy:800;--rs-font-weight-black:900;--rs-font-size-title-1:96px;--rs-line-height-title-1:100px;--rs-font-family-title-1:var(--rs-font-family-title);--rs-font-weight-title-1:var(--rs-font-weight-heavy);--rs-font-size-title-2:80px;--rs-line-height-title-2:84px;--rs-font-family-title-2:var(--rs-font-family-title);--rs-font-weight-title-2:var(--rs-font-weight-heavy);--rs-font-size-title-3:64px;--rs-line-height-title-3:68px;--rs-font-family-title-3:var(--rs-font-family-title);--rs-font-weight-title-3:var(--rs-font-weight-heavy);--rs-font-size-title-4:56px;--rs-line-height-title-4:60px;--rs-font-family-title-4:var(--rs-font-family-title);--rs-font-weight-title-4:var(--rs-font-weight-bold);--rs-font-size-title-5:48px;--rs-line-height-title-5:52px;--rs-font-family-title-5:var(--rs-font-family-title);--rs-font-weight-title-5:var(--rs-font-weight-bold);--rs-font-size-title-6:36px;--rs-line-height-title-6:40px;--rs-font-family-title-6:var(--rs-font-family-title);--rs-font-weight-title-6:var(--rs-font-weight-bold);--rs-font-size-featured-1:32px;--rs-line-height-featured-1:40px;--rs-font-family-featured-1:var(--rs-font-family-body);--rs-font-size-featured-2:24px;--rs-line-height-featured-2:32px;--rs-font-family-featured-2:var(--rs-font-family-body);--rs-font-size-featured-3:20px;--rs-line-height-featured-3:28px;--rs-font-family-featured-3:var(--rs-font-family-body);--rs-font-size-body-1:18px;--rs-line-height-body-1:24px;--rs-font-family-body-1:var(--rs-font-family-body);--rs-font-size-body-2:16px;--rs-line-height-body-2:24px;--rs-font-family-body-2:var(--rs-font-family-body);--rs-font-size-body-3:14px;--rs-line-height-body-3:20px;--rs-font-family-body-3:var(--rs-font-family-body);--rs-font-size-caption-1:12px;--rs-line-height-caption-1:16px;--rs-font-family-caption-1:var(--rs-font-family-body);--rs-font-size-caption-2:10px;--rs-line-height-caption-2:12px;--rs-font-family-caption-2:var(--rs-font-family-body);--rs-unit-base:4px;--rs-unit-radius-small:2px;--rs-unit-radius-medium:4px;--rs-unit-radius-large:6px;--rs-unit-x1:4px;--rs-unit-x2:8px;--rs-unit-x3:12px;--rs-unit-x4:16px;--rs-unit-x5:20px;--rs-unit-x6:24px;--rs-unit-x7:28px;--rs-unit-x8:32px;--rs-unit-x9:36px;--rs-unit-x10:40px;--rs-color-black:#000;--rs-color-white:#fff;--rs-color-on-background-primary:#fff;--rs-color-on-background-positive:#fff;--rs-color-on-background-critical:#fff;--rs-color-rgb-black:0,0,0;--rs-color-rgb-white:255,255,255;--rs-duration-fast:200ms;--rs-duration-medium:300ms;--rs-duration-slow:400ms;--rs-easing-standard:cubic-bezier(0.4,0,0.2,1);--rs-easing-accelerate:cubic-bezier(0.4,0,1,1);--rs-easing-decelerate:cubic-bezier(0,0,0.2,1);--rs-shadow-raised:0px 2px 3px rgba(0,0,0,.1),0px 1px 2px -1px rgba(0,0,0,.1);--rs-shadow-overlay:0px 5px 10px rgba(0,0,0,.05),0px 15px 25px rgba(0,0,0,.07)}[data-rs-theme=minimal][data-rs-color-mode=light]{--rs-color-foreground-neutral:#161a26;--rs-color-foreground-neutral-faded:#717787;--rs-color-foreground-disabled:#d4d0d0;--rs-color-foreground-primary:#2383e2;--rs-color-foreground-positive:#05751f;--rs-color-foreground-critical:#cb101d;--rs-color-background-neutral:#e3e3e5;--rs-color-background-neutral-faded:#f2f3f5;--rs-color-background-neutral-highlighted:#dedee1;--rs-color-background-disabled:#eceef3;--rs-color-background-disabled-faded:#f4f5f7;--rs-color-background-primary:#2383e2;--rs-color-background-primary-highlighted:#3273cc;--rs-color-background-primary-faded:#d6ebf6;--rs-color-background-positive:#118850;--rs-color-background-positive-faded:#ebfef6;--rs-color-background-positive-highlighted:#009950;--rs-color-background-critical:#e22c2c;--rs-color-background-critical-faded:#fef1f2;--rs-color-background-critical-highlighted:#eb4747;--rs-color-border-neutral:#d2d2d2;--rs-color-border-neutral-faded:#e2e2e2;--rs-color-border-disabled:#e2e2e2;--rs-color-border-primary:#3d76c7;--rs-color-border-primary-faded:#508de4;--rs-color-border-positive:#05751f;--rs-color-border-positive-faded:#cdedd5;--rs-color-border-critical:#cb101d;--rs-color-border-critical-faded:#fbd5d8;--rs-color-background-page:#fff;--rs-color-background-page-faded:#f7f7f5;--rs-color-background-elevation-base:#fff;--rs-color-background-elevation-raised:#fff;--rs-color-background-elevation-overlay:#fff;--rs-color-on-background-neutral:#000;--rs-color-rgb-background-neutral:227,227,229;--rs-color-rgb-background-neutral-faded:242,243,245;--rs-color-rgb-background-neutral-highlighted:222,222,225;--rs-color-rgb-background-disabled:236,238,243;--rs-color-rgb-background-disabled-faded:244,245,247;--rs-color-rgb-background-primary:35,131,226;--rs-color-rgb-background-primary-highlighted:50,115,204;--rs-color-rgb-background-primary-faded:214,235,246;--rs-color-rgb-background-positive:17,136,80;--rs-color-rgb-background-positive-faded:235,254,246;--rs-color-rgb-background-positive-highlighted:0,153,80;--rs-color-rgb-background-critical:226,44,44;--rs-color-rgb-background-critical-faded:254,241,242;--rs-color-rgb-background-critical-highlighted:235,71,71;--rs-color-rgb-background-page:255,255,255;--rs-color-rgb-background-page-faded:247,247,245;--rs-color-rgb-background-elevation-base:255,255,255;--rs-color-rgb-background-elevation-raised:255,255,255;--rs-color-rgb-background-elevation-overlay:255,255,255}[data-rs-theme=minimal][data-rs-color-mode=dark]{--rs-color-foreground-neutral:#f2f3f5;--rs-color-foreground-neutral-faded:#9f9e9e;--rs-color-foreground-disabled:#656565;--rs-color-foreground-primary:#5098ff;--rs-color-foreground-positive:#03ab5f;--rs-color-foreground-critical:#eb6666;--rs-color-background-neutral:#4f5155;--rs-color-background-neutral-faded:#34363f;--rs-color-background-neutral-highlighted:#595c60;--rs-color-background-disabled:#313131;--rs-color-background-disabled-faded:#262626;--rs-color-background-primary:#4281db;--rs-color-background-primary-highlighted:#3273cc;--rs-color-background-primary-faded:#1e2c45;--rs-color-background-positive:#06743f;--rs-color-background-positive-faded:#0f2921;--rs-color-background-positive-highlighted:#008545;--rs-color-background-critical:#ab1717;--rs-color-background-critical-faded:#2f1e1f;--rs-color-background-critical-highlighted:#c11515;--rs-color-border-neutral:#414141;--rs-color-border-neutral-faded:#464646;--rs-color-border-disabled:#404040;--rs-color-border-primary:#5a91e0;--rs-color-border-primary-faded:#163a6a;--rs-color-border-positive:#03a059;--rs-color-border-positive-faded:#163c30;--rs-color-border-critical:#e95454;--rs-color-border-critical-faded:#412a2b;--rs-color-background-page:#191919;--rs-color-background-page-faded:#202020;--rs-color-background-elevation-base:#232323;--rs-color-background-elevation-raised:#262626;--rs-color-background-elevation-overlay:#292929;--rs-color-on-background-neutral:#fff;--rs-color-rgb-background-neutral:79,81,85;--rs-color-rgb-background-neutral-faded:52,54,63;--rs-color-rgb-background-neutral-highlighted:89,92,96;--rs-color-rgb-background-disabled:49,49,49;--rs-color-rgb-background-disabled-faded:38,38,38;--rs-color-rgb-background-primary:66,129,219;--rs-color-rgb-background-primary-highlighted:50,115,204;--rs-color-rgb-background-primary-faded:30,44,69;--rs-color-rgb-background-positive:6,116,63;--rs-color-rgb-background-positive-faded:15,41,33;--rs-color-rgb-background-positive-highlighted:0,133,69;--rs-color-rgb-background-critical:171,23,23;--rs-color-rgb-background-critical-faded:47,30,31;--rs-color-rgb-background-critical-highlighted:193,21,21;--rs-color-rgb-background-page:25,25,25;--rs-color-rgb-background-page-faded:32,32,32;--rs-color-rgb-background-elevation-base:35,35,35;--rs-color-rgb-background-elevation-raised:38,38,38;--rs-color-rgb-background-elevation-overlay:41,41,41}

package/utilities/testPresets.d.ts

@@ -1,25 +0,0 @@
-import React from "react";
-type Renderer<P> = (props: P) => React.ReactElement;
-export declare const testChildren: (renderer: Renderer<{
-    children: React.ReactNode;
-}>) => void;
-export declare const testLinkBehavior: (renderer: Renderer<{
-    href: string;
-}>) => void;
-export declare const testLinkButtonBehavior: (renderer: Renderer<{
-    href: string;
-    onClick: () => void;
-}>) => void;
-export declare const testButtonBehavior: (renderer: Renderer<{
-    onClick: () => void;
-}>) => void;
-export declare const testButtonType: (renderer: Renderer<{
-    type: string;
-}>) => void;
-export declare const testDisabledButton: (renderer: Renderer<{
-    onClick: () => void;
-}>) => void;
-export declare const testAriaLabel: (renderer: Renderer<{
-    ariaLabel: string;
-}>) => void;
-export {};