reshaped 1.0.1 → 2.2.0

package/styles/maxHeight/index.js

@@ -0,0 +1,10 @@
+import { responsiveClassNames, responsiveVariables } from "../../utilities/helpers.js";
+import s from "./maxHeight.module.css";
+const getMaxHeightStyles = (value) => {
+    if (!value)
+        return null;
+    const variables = responsiveVariables("--rs-max-h", value);
+    const classNames = responsiveClassNames(s, (value) => (typeof value === "number" ? "unit" : "literal"), value, { excludeValueFromClassName: true });
+    return { classNames, variables };
+};
+export default getMaxHeightStyles;

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

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

package/styles/maxHeight/index.test.js

@@ -0,0 +1,27 @@
+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/maxHeight/maxHeight.module.css

@@ -0,0 +1 @@
+.literal{max-height:var(--rs-max-h-s,auto)}.unit{max-height:calc(var(--rs-max-h-s) * var(--rs-unit-x1))}@media (min-width:660px){.literal--m{max-height:var(--rs-max-h-m)}.unit--m{max-height:calc(var(--rs-max-h-m) * var(--rs-unit-x1))}}@media (min-width:900px){.literal--l{max-height:var(--rs-max-h-l)}.unit--l{max-height:calc(var(--rs-max-h-l) * var(--rs-unit-x1))}}@media (min-width:1280px){.literal--xl{max-height:var(--rs-max-h-xl)}.unit--xl{max-height:calc(var(--rs-max-h-xl) * var(--rs-unit-x1))}}

package/styles/maxWidth/index.d.ts

@@ -0,0 +1,3 @@
+import * as T from "../types";
+declare const getMaxWidthStyles: T.DynamicStyleUtility<string | number>;
+export default getMaxWidthStyles;

package/styles/maxWidth/index.js

@@ -0,0 +1,10 @@
+import { responsiveClassNames, responsiveVariables } from "../../utilities/helpers.js";
+import s from "./maxWidth.module.css";
+const getMaxWidthStyles = (value) => {
+    if (!value)
+        return null;
+    const variables = responsiveVariables("--rs-max-w", value);
+    const classNames = responsiveClassNames(s, (value) => (typeof value === "number" ? "unit" : "literal"), value, { excludeValueFromClassName: true });
+    return { classNames, variables };
+};
+export default getMaxWidthStyles;

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

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

package/styles/maxWidth/index.test.js

@@ -0,0 +1,27 @@
+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/maxWidth/maxWidth.module.css

@@ -0,0 +1 @@
+.literal{max-width:var(--rs-max-w-s,auto)}.unit{max-width:calc(var(--rs-max-w-s) * var(--rs-unit-x1))}@media (min-width:660px){.literal--m{max-width:var(--rs-max-w-m)}.unit--m{max-width:calc(var(--rs-max-w-m) * var(--rs-unit-x1))}}@media (min-width:900px){.literal--l{max-width:var(--rs-max-w-l)}.unit--l{max-width:calc(var(--rs-max-w-l) * var(--rs-unit-x1))}}@media (min-width:1280px){.literal--xl{max-width:var(--rs-max-w-xl)}.unit--xl{max-width:calc(var(--rs-max-w-xl) * var(--rs-unit-x1))}}

package/styles/padding/index.d.ts

@@ -0,0 +1,3 @@
+import * as T from "../types";
+declare const getPaddingStyles: T.DynamicStyleUtility<number>;
+export default getPaddingStyles;

package/styles/padding/index.js

@@ -0,0 +1,9 @@
+import { responsiveVariables } from "../../utilities/helpers.js";
+import s from "./padding.module.css";
+const getPaddingStyles = (value) => {
+    if (!value)
+        return null;
+    const variables = responsiveVariables("--rs-p", value);
+    return { classNames: s.root, variables };
+};
+export default getPaddingStyles;

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

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

package/styles/padding/index.test.js

@@ -0,0 +1,24 @@
+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/padding/padding.module.css

@@ -0,0 +1 @@
+.root{--rs-p-s:0;--rs-p-m:var(--rs-p-s);--rs-p-l:var(--rs-p-m);--rs-p-xl:var(--rs-p-l);--rs-p:var(--rs-p-s);padding:calc(var(--rs-p) * var(--rs-unit-x1))}@media (min-width:660px){.root{--rs-p:var(--rs-p-m)}}@media (min-width:900px){.root{--rs-p:var(--rs-p-l)}}@media (min-width:1280px){.root{--rs-p:var(--rs-p-xl)}}

package/styles/position/index.d.ts

@@ -0,0 +1,3 @@
+import * as T from "../types";
+declare const getPositionStyles: T.StaticStyleUtility<T.Position>;
+export default getPositionStyles;

package/styles/position/index.js

@@ -0,0 +1,9 @@
+import { responsiveClassNames } from "../../utilities/helpers.js";
+import s from "./position.module.css";
+const getPositionStyles = (value) => {
+    if (!value)
+        return null;
+    const classNames = responsiveClassNames(s, "--position", value);
+    return { classNames };
+};
+export default getPositionStyles;

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

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

package/styles/position/index.test.js

@@ -0,0 +1,21 @@
+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/position/position.module.css

@@ -0,0 +1 @@
+.--position-relative{position:relative}.--position-absolute{position:absolute}.--position-fixed{position:fixed}.--position-sticky{position:sticky}@media (min-width:660px){.--position-relative--m{position:relative}.--position-absolute--m{position:absolute}.--position-fixed--m{position:fixed}.--position-sticky--m{position:sticky}}@media (min-width:900px){.--position-relative--l{position:relative}.--position-absolute--l{position:absolute}.--position-fixed--l{position:fixed}.--position-sticky--l{position:sticky}}@media (min-width:1280px){.--position-relative--xl{position:relative}.--position-absolute--xl{position:absolute}.--position-fixed--xl{position:fixed}.--position-sticky--xl{position:sticky}}

package/styles/radius/index.d.ts

@@ -0,0 +1,3 @@
+import * as T from "../types";
+declare const getRadiusStyles: T.StaticStyleUtility<T.Radius>;
+export default getRadiusStyles;

package/styles/radius/index.js

@@ -0,0 +1,10 @@
+import { responsiveClassNames } from "../../utilities/helpers.js";
+import s from "./radius.module.css";
+const getRadiusStyles = (value) => {
+    if (!value)
+        return null;
+    return {
+        classNames: [s.root, ...responsiveClassNames(s, "--radius", value)],
+    };
+};
+export default getRadiusStyles;

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

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

package/styles/radius/index.test.js

@@ -0,0 +1,24 @@
+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/radius/radius.module.css

@@ -0,0 +1 @@
+.root{border-radius:var(--rs-radius)}.--radius-none{--rs-radius:0}.--radius-small{--rs-radius:var(--rs-unit-radius-small)}.--radius-medium{--rs-radius:var(--rs-unit-radius-medium)}.--radius-large{--rs-radius:var(--rs-unit-radius-large)}.--radius-circular{--rs-radius:9999px}@media (min-width:660px){.--radius-none--m{--rs-radius:0}.--radius-small--m{--rs-radius:var(--rs-unit-radius-small)}.--radius-medium--m{--rs-radius:var(--rs-unit-radius-medium)}.--radius-large--m{--rs-radius:var(--rs-unit-radius-large)}.--radius-circular--m{--rs-radius:9999px}}@media (min-width:900px){.--radius-none--l{--rs-radius:0}.--radius-small--l{--rs-radius:var(--rs-unit-radius-small)}.--radius-medium--l{--rs-radius:var(--rs-unit-radius-medium)}.--radius-large--l{--rs-radius:var(--rs-unit-radius-large)}.--radius-circular--l{--rs-radius:9999px}}@media (min-width:1280px){.--radius-none--xl{--rs-radius:0}.--radius-small--xl{--rs-radius:var(--rs-unit-radius-small)}.--radius-medium--xl{--rs-radius:var(--rs-unit-radius-medium)}.--radius-large--xl{--rs-radius:var(--rs-unit-radius-large)}.--radius-circular--xl{--rs-radius:9999px}}

package/styles/types.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import * as G from "../types/global";
+export type Radius = "small" | "medium" | "large" | "circular" | "none";
+export type Position = "relative" | "absolute" | "fixed" | "sticky";
+/**
+ * Utility controlled only with classnames
+ */
+export type StaticStyleUtility<Value> = (value?: G.Responsive<Value>) => null | {
+    classNames: G.ClassName;
+};
+/**
+ * Utility controlled with classNames and css variables
+ * Classnames define the styles, variables define the values for those styles
+ */
+export type DynamicStyleUtilityResult = null | {
+    classNames: G.ClassName;
+    variables: React.CSSProperties;
+};
+export type DynamicStyleUtility<Value> = (value?: G.Responsive<Value>) => DynamicStyleUtilityResult;

package/styles/types.js

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

package/styles/width/index.d.ts

@@ -0,0 +1,3 @@
+import * as T from "../types";
+declare const getWidthStyles: T.DynamicStyleUtility<string | number>;
+export default getWidthStyles;

package/styles/width/index.js

@@ -0,0 +1,10 @@
+import { responsiveClassNames, responsiveVariables } from "../../utilities/helpers.js";
+import s from "./width.module.css";
+const getWidthStyles = (value) => {
+    if (!value)
+        return null;
+    const variables = responsiveVariables("--rs-w", value);
+    const classNames = responsiveClassNames(s, (value) => (typeof value === "number" ? "unit" : "literal"), value, { excludeValueFromClassName: true });
+    return { classNames, variables };
+};
+export default getWidthStyles;

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

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

package/styles/width/index.test.js

@@ -0,0 +1,27 @@
+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/styles/width/width.module.css

@@ -0,0 +1 @@
+.literal{width:var(--rs-w-s,auto)}.unit{width:calc(var(--rs-w-s) * var(--rs-unit-x1))}@media (min-width:660px){.literal--m{width:var(--rs-w-m)}.unit--m{width:calc(var(--rs-w-m) * var(--rs-unit-x1))}}@media (min-width:900px){.literal--l{width:var(--rs-w-l)}.unit--l{width:calc(var(--rs-w-l) * var(--rs-unit-x1))}}@media (min-width:1280px){.literal--xl{width:var(--rs-w-xl)}.unit--xl{width:calc(var(--rs-w-xl) * var(--rs-unit-x1))}}

package/themes/figma/theme.css

@@ -0,0 +1 @@
+[data-rs-theme=figma][data-rs-color-mode=dark],[data-rs-theme=figma][data-rs-color-mode=light]{--rs-font-family-title:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-family-body:Inter,BlinkMacSystemFont,-apple-system,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:80px;--rs-line-height-title-1:84px;--rs-font-family-title-1:var(--rs-font-family-title);--rs-font-weight-title-1:var(--rs-font-weight-semibold);--rs-font-size-title-2:64px;--rs-line-height-title-2:68px;--rs-font-family-title-2:var(--rs-font-family-title);--rs-font-weight-title-2:var(--rs-font-weight-semibold);--rs-font-size-title-3:56px;--rs-line-height-title-3:60px;--rs-font-family-title-3:var(--rs-font-family-title);--rs-font-weight-title-3:var(--rs-font-weight-semibold);--rs-font-size-title-4:40px;--rs-line-height-title-4:44px;--rs-font-family-title-4:var(--rs-font-family-title);--rs-font-weight-title-4:var(--rs-font-weight-semibold);--rs-font-size-title-5:36px;--rs-line-height-title-5:40px;--rs-font-family-title-5:var(--rs-font-family-title);--rs-font-weight-title-5:var(--rs-font-weight-semibold);--rs-font-size-title-6:24px;--rs-line-height-title-6:28px;--rs-font-family-title-6:var(--rs-font-family-title);--rs-font-weight-title-6:var(--rs-font-weight-semibold);--rs-font-size-featured-1:22px;--rs-line-height-featured-1:28px;--rs-font-family-featured-1:var(--rs-font-family-body);--rs-font-size-featured-2:20px;--rs-line-height-featured-2:28px;--rs-font-family-featured-2:var(--rs-font-family-body);--rs-font-size-featured-3:18px;--rs-line-height-featured-3:24px;--rs-font-family-featured-3:var(--rs-font-family-body);--rs-font-size-body-1:14px;--rs-line-height-body-1:20px;--rs-font-family-body-1:var(--rs-font-family-body);--rs-font-size-body-2:13px;--rs-line-height-body-2:20px;--rs-font-family-body-2:var(--rs-font-family-body);--rs-font-size-body-3:11px;--rs-line-height-body-3:16px;--rs-font-family-body-3:var(--rs-font-family-body);--rs-font-size-caption-1:11px;--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:4px;--rs-unit-radius-medium:4px;--rs-unit-radius-large:4px;--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 1px 3px rgba(0,0,0,.15);--rs-shadow-overlay:0px 10px 24px rgba(0,0,0,.1),0px 2px 5px rgba(0,0,0,.04)}[data-rs-theme=figma][data-rs-color-mode=light]{--rs-color-foreground-neutral:#191919;--rs-color-foreground-neutral-faded:#474747;--rs-color-foreground-disabled:#b2b2b2;--rs-color-foreground-primary:#007be5;--rs-color-foreground-positive:#009951;--rs-color-foreground-critical:#dc3412;--rs-color-background-neutral:#dfe2ea;--rs-color-background-neutral-faded:#f5f5f5;--rs-color-background-neutral-highlighted:#d4d8e3;--rs-color-background-disabled:#e4e4e4;--rs-color-background-disabled-faded:#f5f5f5;--rs-color-background-primary:#0d99ff;--rs-color-background-primary-highlighted:#007be5;--rs-color-background-primary-faded:#e5f4ff;--rs-color-background-positive:#14ae5c;--rs-color-background-positive-faded:#daecdf;--rs-color-background-positive-highlighted:#009951;--rs-color-background-critical:#f24822;--rs-color-background-critical-faded:#ffe2e0;--rs-color-background-critical-highlighted:#dc3412;--rs-color-border-neutral:#e6e6e6;--rs-color-border-neutral-faded:#e6e6e6;--rs-color-border-disabled:#e6e6e6;--rs-color-border-primary:#007be5;--rs-color-border-primary-faded:#bde3ff;--rs-color-border-positive:#009951;--rs-color-border-positive-faded:#bbddc6;--rs-color-border-critical:#dc3412;--rs-color-border-critical-faded:#ffc7c2;--rs-color-background-page:#fff;--rs-color-background-page-faded:#fafafa;--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:223,226,234;--rs-color-rgb-background-neutral-faded:245,245,245;--rs-color-rgb-background-neutral-highlighted:212,216,227;--rs-color-rgb-background-disabled:228,228,228;--rs-color-rgb-background-disabled-faded:245,245,245;--rs-color-rgb-background-primary:13,153,255;--rs-color-rgb-background-primary-highlighted:0,123,229;--rs-color-rgb-background-primary-faded:229,244,255;--rs-color-rgb-background-positive:20,174,92;--rs-color-rgb-background-positive-faded:218,236,223;--rs-color-rgb-background-positive-highlighted:0,153,81;--rs-color-rgb-background-critical:242,72,34;--rs-color-rgb-background-critical-faded:255,226,224;--rs-color-rgb-background-critical-highlighted:220,52,18;--rs-color-rgb-background-page:255,255,255;--rs-color-rgb-background-page-faded:250,250,250;--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=figma][data-rs-color-mode=dark]{--rs-color-foreground-neutral:#fff;--rs-color-foreground-neutral-faded:#b2b2b2;--rs-color-foreground-disabled:#656565;--rs-color-foreground-primary:#7cc4f8;--rs-color-foreground-positive:#79d297;--rs-color-foreground-critical:#fca397;--rs-color-background-neutral:#444;--rs-color-background-neutral-faded:#383838;--rs-color-background-neutral-highlighted:#525252;--rs-color-background-disabled:#474747;--rs-color-background-disabled-faded:#3a3a3a;--rs-color-background-primary:#0c8ce9;--rs-color-background-primary-highlighted:#0a6dc2;--rs-color-background-primary-faded:#394360;--rs-color-background-positive:#198f51;--rs-color-background-positive-faded:#3d5749;--rs-color-background-positive-highlighted:#078348;--rs-color-background-critical:#e03e1a;--rs-color-background-critical-faded:#60332a;--rs-color-background-critical-highlighted:#c4381c;--rs-color-border-neutral:#444;--rs-color-border-neutral-faded:#444;--rs-color-border-disabled:#3e3e3e;--rs-color-border-primary:#7cc4f8;--rs-color-border-primary-faded:#2a4d72;--rs-color-border-positive:#79d297;--rs-color-border-positive-faded:#086338;--rs-color-border-critical:#fca397;--rs-color-border-critical-faded:#803226;--rs-color-background-page:#2c2c2c;--rs-color-background-page-faded:#1e1e1e;--rs-color-background-elevation-base:#2c2c2c;--rs-color-background-elevation-raised:#2c2c2c;--rs-color-background-elevation-overlay:#2c2c2c;--rs-color-on-background-neutral:#fff;--rs-color-rgb-background-neutral:68,68,68;--rs-color-rgb-background-neutral-faded:56,56,56;--rs-color-rgb-background-neutral-highlighted:82,82,82;--rs-color-rgb-background-disabled:71,71,71;--rs-color-rgb-background-disabled-faded:58,58,58;--rs-color-rgb-background-primary:12,140,233;--rs-color-rgb-background-primary-highlighted:10,109,194;--rs-color-rgb-background-primary-faded:57,67,96;--rs-color-rgb-background-positive:25,143,81;--rs-color-rgb-background-positive-faded:61,87,73;--rs-color-rgb-background-positive-highlighted:7,131,72;--rs-color-rgb-background-critical:224,62,26;--rs-color-rgb-background-critical-faded:96,51,42;--rs-color-rgb-background-critical-highlighted:196,56,28;--rs-color-rgb-background-page:44,44,44;--rs-color-rgb-background-page-faded:30,30,30;--rs-color-rgb-background-elevation-base:44,44,44;--rs-color-rgb-background-elevation-raised:44,44,44;--rs-color-rgb-background-elevation-overlay:44,44,44}

package/themes/fragments/twitter/theme.css

@@ -0,0 +1 @@
+[data-rs-theme=twitter][data-rs-color-mode=dark],[data-rs-theme=twitter][data-rs-color-mode=light]{--rs-color-background-primary:#1da1f2;--rs-color-background-primary-highlighted:#1a90da;--rs-color-on-background-primary:#fff;--rs-color-rgb-background-primary:29,161,242;--rs-color-rgb-background-primary-highlighted:26,144,218}

package/themes/media.css

@@ -0,0 +1,5 @@
+
+	@custom-media --rs-viewport-s (max-width: 659px);
+@custom-media --rs-viewport-m (min-width: 660px);
+@custom-media --rs-viewport-l (min-width: 900px);
+@custom-media --rs-viewport-xl (min-width: 1280px);

package/themes/minimal/theme.css

@@ -0,0 +1 @@
+[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/themes/reshaped/theme.css

@@ -0,0 +1 @@
+[data-rs-theme=reshaped][data-rs-color-mode=dark],[data-rs-theme=reshaped][data-rs-color-mode=light]{--rs-font-family-title:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-family-body:Inter,BlinkMacSystemFont,-apple-system,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:28px;--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:4px;--rs-unit-radius-medium:8px;--rs-unit-radius-large:12px;--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=reshaped][data-rs-color-mode=light]{--rs-color-foreground-neutral:#14171f;--rs-color-foreground-neutral-faded:#4d5874;--rs-color-foreground-disabled:#c7cddb;--rs-color-foreground-primary:#4d4be7;--rs-color-foreground-positive:#05751f;--rs-color-foreground-critical:#cb101d;--rs-color-background-neutral:#dfe2ea;--rs-color-background-neutral-faded:#f3f4f6;--rs-color-background-neutral-highlighted:#d4d8e3;--rs-color-background-disabled:#eceef3;--rs-color-background-disabled-faded:#f4f5f7;--rs-color-background-primary:#5a58f2;--rs-color-background-primary-highlighted:#6d6bf5;--rs-color-background-primary-faded:#edecfd;--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:#bbc1d3;--rs-color-border-neutral-faded:#dfe2ea;--rs-color-border-disabled:#dfe2ea;--rs-color-border-primary:#4d4be7;--rs-color-border-primary-faded:#d7d5fb;--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:#fafafa;--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:223,226,234;--rs-color-rgb-background-neutral-faded:243,244,246;--rs-color-rgb-background-neutral-highlighted:212,216,227;--rs-color-rgb-background-disabled:236,238,243;--rs-color-rgb-background-disabled-faded:244,245,247;--rs-color-rgb-background-primary:90,88,242;--rs-color-rgb-background-primary-highlighted:109,107,245;--rs-color-rgb-background-primary-faded:237,236,253;--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:250,250,250;--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=reshaped][data-rs-color-mode=dark]{--rs-color-foreground-neutral:#eff0f1;--rs-color-foreground-neutral-faded:#c2c8d6;--rs-color-foreground-disabled:#404a63;--rs-color-foreground-primary:#9d9cf7;--rs-color-foreground-positive:#03ab5f;--rs-color-foreground-critical:#eb6666;--rs-color-background-neutral:#384056;--rs-color-background-neutral-faded:#242838;--rs-color-background-neutral-highlighted:#404a63;--rs-color-background-disabled:#1c202b;--rs-color-background-disabled-faded:#161922;--rs-color-background-primary:#5250f2;--rs-color-background-primary-highlighted:#5f5df4;--rs-color-background-primary-faded:#24254c;--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:#49536f;--rs-color-border-neutral-faded:#313649;--rs-color-border-disabled:#242938;--rs-color-border-primary:#7d7bf4;--rs-color-border-primary-faded:#2e3160;--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:#0d1117;--rs-color-background-page-faded:#0f131a;--rs-color-background-elevation-base:#14181f;--rs-color-background-elevation-raised:#181d25;--rs-color-background-elevation-overlay:#1c212b;--rs-color-on-background-neutral:#fff;--rs-color-rgb-background-neutral:56,64,86;--rs-color-rgb-background-neutral-faded:36,40,56;--rs-color-rgb-background-neutral-highlighted:64,74,99;--rs-color-rgb-background-disabled:28,32,43;--rs-color-rgb-background-disabled-faded:22,25,34;--rs-color-rgb-background-primary:82,80,242;--rs-color-rgb-background-primary-highlighted:95,93,244;--rs-color-rgb-background-primary-faded:36,37,76;--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:13,17,23;--rs-color-rgb-background-page-faded:15,19,26;--rs-color-rgb-background-elevation-base:20,24,31;--rs-color-rgb-background-elevation-raised:24,29,37;--rs-color-rgb-background-elevation-overlay:28,33,43}

package/themes/slate/theme.css

@@ -0,0 +1 @@
+[data-rs-theme=slate][data-rs-color-mode=dark],[data-rs-theme=slate][data-rs-color-mode=light]{--rs-font-family-title:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-family-body:Inter,BlinkMacSystemFont,-apple-system,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:28px;--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=slate][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:#e5f4fb;--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:#c6d9f4;--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:229,244,251;--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=slate][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/types/config.d.ts

@@ -0,0 +1,8 @@
+import { PartialUserThemeDefinition } from "../cli/theming/tokens/types";
+export type ReshapedConfig = {
+    themes?: Record<string, PartialUserThemeDefinition>;
+    themeFragments?: Record<string, PartialUserThemeDefinition>;
+    themeOptions?: {
+        generateOnColorsFor?: string[];
+    };
+};

package/types/config.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/types/global.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+type ClassNameValue = string | null | undefined | false;
+export type ClassName = ClassNameValue | ClassNameValue[];
+export type CSSVariable = `--${string}`;
+export type StyleAttribute = React.CSSProperties & Record<CSSVariable, string | number | undefined>;
+type DataAttributes = Record<`data-${string}`, string | boolean>;
+export type Attributes<TagName = void, O = void> = Omit<(TagName extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[TagName] : React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>) & DataAttributes & {
+    style?: StyleAttribute;
+}, O extends object ? keyof O : "className">;
+export type Viewport = "s" | "m" | "l" | "xl";
+export type ResponsiveOnly<T> = {
+    [key in Viewport]?: T;
+};
+export type Responsive<T> = T | ResponsiveOnly<T>;
+/**
+ * Form handlers
+ */
+type ChangeHandlerArgs<Value, Event> = Value extends Boolean ? {
+    name: string;
+    value?: string;
+    checked: Value;
+    event?: Event;
+} : {
+    name: string;
+    value: Value;
+    event?: Event;
+};
+export type ChangeHandler<Value, Event = React.ChangeEvent<HTMLInputElement>> = (args: ChangeHandlerArgs<Value, Event>) => void;
+export {};

package/types/global.js

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

package/utilities/Chain.d.ts

@@ -0,0 +1,20 @@
+type ID = number;
+type Item<T> = {
+    previousId?: ID | null;
+    nextId?: ID | null;
+    data: T;
+};
+declare class Chain<T = unknown> {
+    chain: Record<ID, Item<T>>;
+    tailId: ID | null;
+    idCounter: ID;
+    generateId(): number;
+    getAll(): Record<number, Item<T>>;
+    get(id: ID): Item<T>;
+    isLast(id: ID): boolean;
+    isEmpty(): boolean;
+    add(data: T): number;
+    remove(id: ID): T | undefined;
+    removePreviousTill(id: ID, condition: (item: Item<T>) => boolean): T | undefined;
+}
+export default Chain;

package/utilities/Chain.js

@@ -0,0 +1,63 @@
+class Chain {
+    constructor() {
+        this.chain = {};
+        this.tailId = null;
+        this.idCounter = 0;
+    }
+    generateId() {
+        this.idCounter += 1;
+        return this.idCounter;
+    }
+    getAll() {
+        return this.chain;
+    }
+    get(id) {
+        return this.chain[id];
+    }
+    isLast(id) {
+        return this.tailId !== null && id === this.tailId;
+    }
+    isEmpty() {
+        return typeof this.tailId !== "number";
+    }
+    add(data) {
+        const previousId = this.tailId;
+        const previousItem = previousId && this.get(previousId);
+        const id = this.generateId();
+        this.chain[id] = { previousId, data };
+        if (previousItem)
+            previousItem.nextId = id;
+        this.tailId = id;
+        return id;
+    }
+    remove(id) {
+        var _a, _b;
+        const target = this.chain[id];
+        if (!target)
+            return;
+        const previousId = target.previousId;
+        const previousItem = previousId && this.get(previousId);
+        const nextId = target.nextId;
+        const nextItem = nextId && this.get(nextId);
+        if (previousItem)
+            previousItem.nextId = (_a = target.nextId) !== null && _a !== void 0 ? _a : null;
+        if (nextItem)
+            nextItem.previousId = (_b = target.previousId) !== null && _b !== void 0 ? _b : null;
+        if (!nextId)
+            this.tailId = previousId !== null && previousId !== void 0 ? previousId : null;
+        const data = this.get(id).data;
+        delete this.chain[id];
+        return data;
+    }
+    removePreviousTill(id, condition) {
+        const target = this.get(id);
+        const data = this.remove(id);
+        if (!target || !target.previousId)
+            return data;
+        const keepIterating = !condition(target);
+        if (keepIterating)
+            return this.removePreviousTill(target.previousId, condition);
+        return data;
+    }
+}
+export default Chain;

package/utilities/a11y.d.ts

@@ -0,0 +1,36 @@
+/**
+ * dialog: Completely trap the focus inside for tab navigation until content is closed
+ * example: Modal
+ *
+ * action-menu: Trap the arrow navigation, while tab moves the focus to
+ * the next element on the page after the trigger
+ * example: Dropdown Menu
+ *
+ * content-menu: Include dropdown content into the tab navigation flow and move the focus to
+ * the next element on the page after the trigger after navigation through the trapped content
+ * example: Header navigation dropdowns
+ *
+ * selection-menu: Keep the focus on the trigger and enable arrow key navigation with pseudo focusing with data-attributes
+ * without moving the focus away from the trigger
+ * example: Autocomplete
+ */
+export type TrapMode = "dialog" | "action-menu" | "content-menu" | "selection-menu";
+type ReleaseOptions = {
+    withoutFocusReturn?: boolean;
+};
+type Release = (options?: ReleaseOptions) => void;
+type TrapOptions = {
+    onNavigateOutside?: () => void;
+    includeTrigger?: boolean;
+    mode?: TrapMode;
+};
+type Trap = Release | null;
+export declare const isKeyboardMode: () => boolean;
+export declare const focusableSelector = "a,button,input:not([type=\"hidden\"]),textarea,select,details,[tabindex]:not([tabindex=\"-1\"])";
+export declare const getActiveElement: () => HTMLButtonElement;
+export declare const focusNextElement: (root: HTMLElement) => void;
+export declare const focusPreviousElement: (root: HTMLElement) => void;
+export declare const focusFirstElement: (root: HTMLElement) => void;
+export declare const focusLastElement: (root: HTMLElement) => void;
+export declare const trapFocus: (root: HTMLElement, options?: TrapOptions) => Trap;
+export {};