reshaped 3.8.3 → 3.8.4-canary.1

package/dist/cjs/themes/_generator/definitions/reshaped.js

@@ -1,210 +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 breakpoints_1 = __importDefault(require("../../../constants/breakpoints"));
-const theme = {
-    fontFamily: {
-        title: {
-            family: "Inter, BlinkMacSystemFont, -apple-system, Roboto, Helvetica, Arial, sans-serif",
-        },
-        body: {
-            family: "Inter, BlinkMacSystemFont, -apple-system, Roboto, Helvetica, Arial, sans-serif",
-        },
-        monospace: {
-            family: "Geist Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
-        },
-    },
-    fontWeight: {
-        regular: { weight: 400 },
-        medium: { weight: 500 },
-        semibold: { weight: 600 },
-        bold: { weight: 700 },
-        extrabold: { weight: 800 },
-        black: { weight: 900 },
-    },
-    font: {
-        title1: {
-            fontSize: { px: 96 },
-            lineHeight: { px: 100 },
-            fontWeightToken: "extrabold",
-            fontFamilyToken: "title",
-        },
-        title2: {
-            fontSize: { px: 80 },
-            lineHeight: { px: 84 },
-            fontWeightToken: "extrabold",
-            fontFamilyToken: "title",
-        },
-        title3: {
-            fontSize: { px: 64 },
-            lineHeight: { px: 68 },
-            fontWeightToken: "extrabold",
-            fontFamilyToken: "title",
-        },
-        title4: {
-            fontSize: { px: 56 },
-            lineHeight: { px: 60 },
-            fontWeightToken: "bold",
-            fontFamilyToken: "title",
-        },
-        title5: {
-            fontSize: { px: 48 },
-            lineHeight: { px: 52 },
-            fontWeightToken: "bold",
-            fontFamilyToken: "title",
-        },
-        title6: {
-            fontSize: { px: 36 },
-            lineHeight: { px: 40 },
-            fontWeightToken: "bold",
-            fontFamilyToken: "title",
-        },
-        featured1: {
-            fontSize: { px: 32 },
-            lineHeight: { px: 40 },
-            fontFamilyToken: "body",
-        },
-        featured2: {
-            fontSize: { px: 24 },
-            lineHeight: { px: 32 },
-            fontFamilyToken: "body",
-        },
-        featured3: {
-            fontSize: { px: 20 },
-            lineHeight: { px: 28 },
-            fontFamilyToken: "body",
-        },
-        body1: {
-            fontSize: { px: 18 },
-            lineHeight: { px: 28 },
-            fontFamilyToken: "body",
-        },
-        body2: {
-            fontSize: { px: 16 },
-            lineHeight: { px: 24 },
-            fontFamilyToken: "body",
-        },
-        body3: {
-            fontSize: { px: 14 },
-            lineHeight: { px: 20 },
-            fontFamilyToken: "body",
-        },
-        caption1: {
-            fontSize: { px: 12 },
-            lineHeight: { px: 16 },
-            fontFamilyToken: "body",
-        },
-        caption2: {
-            fontSize: { px: 10 },
-            lineHeight: { px: 12 },
-            fontFamilyToken: "body",
-        },
-    },
-    unit: {
-        base: { px: 4 },
-    },
-    radius: {
-        small: { px: 4 },
-        medium: { px: 8 },
-        large: { px: 12 },
-    },
-    color: {
-        backgroundPrimary: { hex: "#5a58f2", hexDark: "#524fea" },
-        backgroundPrimaryFaded: { hex: "#ecebfe", hexDark: "#252544" },
-        borderPrimary: { hex: "#3b38ed", hexDark: "#8c8bf3" },
-        borderPrimaryFaded: { hex: "#dedcfb", hexDark: "#323164" },
-        foregroundPrimary: { hex: "#4f4cf0", hexDark: "#8b8af7" },
-        backgroundCritical: { hex: "#e22c2c", hexDark: "#d02626" },
-        backgroundCriticalFaded: { hex: "#fdeded", hexDark: "#3e1f1f" },
-        borderCritical: { hex: "#bf2424", hexDark: "#f46969" },
-        borderCriticalFaded: { hex: "#f3dad6", hexDark: "#5a2e29" },
-        foregroundCritical: { hex: "#c42525", hexDark: "#f36a6a" },
-        backgroundWarning: { hex: "#facc15", hexDark: "#f1c512" },
-        backgroundWarningFaded: { hex: "#fffae9", hexDark: "#2c271f" },
-        borderWarning: { hex: "#cfa90f", hexDark: "#b4920a" },
-        borderWarningFaded: { hex: "#ece2c4", hexDark: "#453c1e" },
-        foregroundWarning: { hex: "#7b6305", hexDark: "#b4920c" },
-        backgroundPositive: { hex: "#118850", hexDark: "#14784a" },
-        backgroundPositiveFaded: { hex: "#edfdf5", hexDark: "#1f2a23" },
-        borderPositive: { hex: "#0c6e40", hexDark: "#21ab6b" },
-        borderPositiveFaded: { hex: "#d2eddb", hexDark: "#264431" },
-        foregroundPositive: { hex: "#0d7544", hexDark: "#18ab66" },
-        backgroundNeutral: { hex: "#dfe2ea", hexDark: "#494f60" },
-        backgroundNeutralFaded: { hex: "#f3f3f5", hexDark: "#222835" },
-        borderNeutral: { hex: "#0000001f", hexDark: "#ffffff24" },
-        borderNeutralFaded: { hex: "#00000014", hexDark: "#ffffff14" },
-        foregroundNeutral: { hex: "#14181f", hexDark: "#eff1f5" },
-        foregroundNeutralFaded: { hex: "#5b667e", hexDark: "#c0c6d6" },
-        backgroundDisabled: { hex: "#eceef2", hexDark: "#1e212a" },
-        backgroundDisabledFaded: { hex: "#f5f6f9", hexDark: "#171921" },
-        borderDisabled: { hex: "#dfe2ea", hexDark: "#262a34" },
-        foregroundDisabled: { hex: "#c6ccda", hexDark: "#434959" },
-        backgroundElevationBase: { hex: "#ffffff", hexDark: "#15171e" },
-        backgroundElevationRaised: { hex: "#ffffff", hexDark: "#191b23" },
-        backgroundElevationOverlay: { hex: "#ffffff", hexDark: "#1c1f28" },
-        backgroundPage: { hex: "#ffffff", hexDark: "#0f1116" },
-        backgroundPageFaded: { hex: "#f9f9fb", hexDark: "#111319" },
-        brand: { hex: "#5a58f2" },
-        white: { hex: "#ffffff" },
-        black: { hex: "#000000" },
-    },
-    duration: {
-        rapid: { ms: 100 },
-        fast: { ms: 200 },
-        medium: { ms: 300 },
-        slow: { ms: 400 },
-    },
-    easing: {
-        standard: { x1: 0.4, y1: 0, x2: 0.2, y2: 1 },
-        accelerate: { x1: 0.4, y1: 0, x2: 1, y2: 1 },
-        decelerate: { x1: 0, y1: 0, x2: 0.2, y2: 1 },
-    },
-    shadow: {
-        raised: [
-            {
-                offsetX: 0,
-                offsetY: 1,
-                blurRadius: 5,
-                spreadRadius: -4,
-                colorToken: "black",
-                opacity: 0.5,
-            },
-            {
-                offsetX: 0,
-                offsetY: 4,
-                blurRadius: 8,
-                colorToken: "black",
-                opacity: 0.05,
-            },
-        ],
-        overlay: [
-            {
-                offsetX: 0,
-                offsetY: 5,
-                blurRadius: 10,
-                colorToken: "black",
-                opacity: 0.05,
-            },
-            {
-                offsetX: 0,
-                offsetY: 15,
-                blurRadius: 25,
-                colorToken: "black",
-                opacity: 0.07,
-            },
-        ],
-    },
-    viewport: {
-        m: { minPx: breakpoints_1.default.m },
-        l: { minPx: breakpoints_1.default.l },
-        xl: { minPx: breakpoints_1.default.xl },
-    },
-    zIndex: {
-        relative: { level: 10 },
-        absolute: { level: 100 },
-        fixed: { level: 200 },
-    },
-};
-exports.default = theme;

package/dist/cjs/themes/_generator/definitions/slate.d.ts

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

package/dist/cjs/themes/_generator/definitions/slate.js

@@ -1,12 +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 generateColors_1 = __importDefault(require("../tokens/color/utilities/generateColors"));
-const theme = {
-    ...reshaped_1.default,
-    color: (0, generateColors_1.default)(),
-};
-exports.default = theme;

package/dist/cjs/themes/_generator/tokens/color/color.transforms.d.ts

@@ -1,4 +0,0 @@
-import type * as T from "./color.types";
-import type { Transformer } from "../types";
-declare const transformToken: Transformer<T.Token>;
-export default transformToken;

package/dist/cjs/themes/_generator/tokens/color/color.transforms.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const transformTokenForMode = (args, themeOptions) => {
-    const { hex, oklch } = args;
-    if (oklch && themeOptions?.colorOutputFormat !== "hex") {
-        const components = `${Number(oklch.l.toFixed(4))} ${Number(oklch.c.toFixed(4))} ${Number(oklch.h?.toFixed(4) || 0)}`;
-        const alphaSuffix = oklch?.alpha === undefined ? "" : ` / ${Number(oklch.alpha.toFixed(4))}`;
-        return `oklch(${components}${alphaSuffix})`;
-    }
-    if (hex)
-        return hex;
-    throw new Error(`[Reshaped] ${JSON.stringify(args)} is missing a color value`);
-};
-const transformToken = (name, token, { themeOptions }) => {
-    const { hex, hexDark, oklch, oklchDark } = token;
-    // Apply color to both modes if dark mode is not available
-    const hasDark = !!hexDark || !!oklchDark;
-    const value = transformTokenForMode({ oklch, hex }, themeOptions);
-    const darkValue = hasDark
-        ? transformTokenForMode({ oklch: oklchDark, hex: hexDark }, themeOptions)
-        : undefined;
-    const separateModes = hasDark && value !== darkValue;
-    const defaultMode = separateModes ? "light" : undefined;
-    const result = [
-        {
-            name,
-            tokenType: "color",
-            type: "variable",
-            value,
-            mode: defaultMode,
-        },
-    ];
-    if (darkValue && separateModes) {
-        result.push({
-            name,
-            tokenType: "color",
-            type: "variable",
-            value: darkValue,
-            mode: "dark",
-        });
-    }
-    return result;
-};
-exports.default = transformToken;

package/dist/cjs/themes/_generator/tokens/color/color.types.d.ts

@@ -1,33 +0,0 @@
-import type { Oklch } from "culori/fn";
-export type Hue = "primary" | "positive" | "critical" | "warning" | "neutral" | "brand";
-export type Name = "foregroundNeutral" | "foregroundNeutralFaded" | "foregroundDisabled" | "foregroundPrimary" | "foregroundCritical" | "foregroundWarning" | "foregroundPositive" | "borderNeutral" | "borderNeutralFaded" | "borderDisabled" | "borderPrimary" | "borderPrimaryFaded" | "borderCritical" | "borderCriticalFaded" | "borderWarning" | "borderWarningFaded" | "borderPositive" | "borderPositiveFaded" | "backgroundNeutral" | "backgroundNeutralFaded" | "backgroundDisabled" | "backgroundDisabledFaded" | "backgroundPrimary" | "backgroundPrimaryFaded" | "backgroundCritical" | "backgroundCriticalFaded" | "backgroundWarning" | "backgroundWarningFaded" | "backgroundPositive" | "backgroundPositiveFaded" | "backgroundPage" | "backgroundPageFaded" | "backgroundElevationBase" | "backgroundElevationRaised" | "backgroundElevationOverlay" | "brand" | "white" | "black";
-export type GeneratedOnName = "onBackgroundNeutral" | "onBackgroundPrimary" | "onBackgroundPositive" | "onBackgroundWarning" | "onBackgroundCritical";
-export type GeneratedRGBName = "rgbBackgroundNeutral" | "rgbBackgroundNeutralFaded" | "rgbBackgroundDisabled" | "rgbBackgroundDisabledFaded" | "rgbBackgroundPrimary" | "rgbBackgroundPrimaryFaded" | "rgbBackgroundCritical" | "rgbBackgroundCriticalFaded" | "rgbBackgroundWarning" | "rgbBackgroundWarningFaded" | "rgbBackgroundPositive" | "rgbBackgroundPositiveFaded" | "rgbBackgroundPage" | "rgbBackgroundPageFaded" | "rgbBackgroundElevationBase" | "rgbBackgroundElevationRaised" | "rgbBackgroundElevationOverlay";
-export type RgbColor = {
-    r: number;
-    g: number;
-    b: number;
-};
-export type OklchColor = Omit<Oklch, "mode">;
-export type HexColor = string;
-export type ColorValue = HexColor | PassedToken;
-export type OklchOnlyToken = {
-    oklch: OklchColor;
-    oklchDark?: OklchColor;
-};
-export type OklchToken = OklchOnlyToken & {
-    hex?: never;
-    hexDark?: never;
-};
-export type HexToken = {
-    hex: HexColor;
-    hexDark?: HexColor;
-    oklch?: never;
-    oklchDark?: never;
-};
-export type PassedToken = HexToken | OklchToken;
-export type InternalToken = {
-    oklch: Oklch;
-    oklchDark?: Oklch;
-};
-export type Token = Pick<HexToken, "hex" | "hexDark"> & Partial<OklchOnlyToken>;

package/dist/cjs/themes/_generator/tokens/color/color.types.js

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

package/dist/cjs/themes/_generator/tokens/color/utilities/a11y.d.ts

@@ -1,20 +0,0 @@
-import { type Oklch } from "culori/fn";
-export declare const getOnColorWCAG: (args: {
-    bgColor: Oklch;
-    lightColor: Oklch;
-    darkColor: Oklch;
-}) => Oklch;
-export declare const getOnColorAPCA: (args: {
-    bgColor: Oklch;
-    lightColor: Oklch;
-    darkColor: Oklch;
-}) => Oklch;
-/**
- * General
- */
-export declare const getOnColor: (args: {
-    bgColor: Oklch;
-    lightColor: Oklch;
-    darkColor: Oklch;
-    algorithm?: "wcag" | "apca";
-}) => Oklch;

package/dist/cjs/themes/_generator/tokens/color/utilities/a11y.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getOnColor = exports.getOnColorAPCA = exports.getOnColorWCAG = void 0;
-const convert_1 = require("./convert");
-/**
- * WCAG
- */
-const RED = 0.2126;
-const GREEN = 0.7152;
-const BLUE = 0.0722;
-const GAMMA = 2.4;
-function luminanceWCAG(r, g, b) {
-    const a = [r, g, b].map((v) => {
-        return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, GAMMA);
-    });
-    return a[0] * RED + a[1] * GREEN + a[2] * BLUE;
-}
-function contrastWCAG(rgb1, rgb2) {
-    const lum1 = luminanceWCAG(...rgb1);
-    const lum2 = luminanceWCAG(...rgb2);
-    const brightest = Math.max(lum1, lum2);
-    const darkest = Math.min(lum1, lum2);
-    return (brightest + 0.05) / (darkest + 0.05);
-}
-const getOnColorWCAG = (args) => {
-    const { bgColor, lightColor, darkColor } = args;
-    const bgRgb = (0, convert_1.oklchToRgb)(bgColor);
-    const lightRgb = (0, convert_1.oklchToRgb)(lightColor);
-    return contrastWCAG([bgRgb.r, bgRgb.g, bgRgb.b], [lightRgb.r, lightRgb.g, lightRgb.b]) > 4.5
-        ? lightColor
-        : darkColor;
-};
-exports.getOnColorWCAG = getOnColorWCAG;
-/**
- * APCA
- */
-function luminanceAPCA(oklch) {
-    const { r, g, b } = (0, convert_1.oklchToRgb)(oklch);
-    return (0.2126 * Math.pow(r / 255, 2.2) +
-        0.7152 * Math.pow(g / 255, 2.2) +
-        0.0722 * Math.pow(b / 255, 2.2));
-}
-const getOnColorAPCA = (args) => {
-    const { bgColor, lightColor, darkColor } = args;
-    const backgroundLuminance = luminanceAPCA(bgColor);
-    const lightLuminance = luminanceAPCA(lightColor);
-    const darkLuminance = luminanceAPCA(darkColor);
-    const contrastWithLight = Math.abs(lightLuminance - backgroundLuminance);
-    const contrastWithDark = Math.abs(darkLuminance - backgroundLuminance);
-    return contrastWithLight > contrastWithDark ? lightColor : darkColor;
-};
-exports.getOnColorAPCA = getOnColorAPCA;
-/**
- * General
- */
-const getOnColor = (args) => {
-    if (args.algorithm === "apca") {
-        return (0, exports.getOnColorAPCA)(args);
-    }
-    else {
-        return (0, exports.getOnColorWCAG)(args);
-    }
-};
-exports.getOnColor = getOnColor;

package/dist/cjs/themes/_generator/tokens/color/utilities/convert.d.ts

@@ -1,11 +0,0 @@
-import { type Oklch } from "culori/fn";
-import type * as TColor from "../color.types";
-export declare const hexToOklch: (hex: string) => Oklch;
-export declare const oklchToRgb: (oklch: Oklch) => {
-    r: number;
-    g: number;
-    b: number;
-    mode: "rgb";
-    alpha?: number;
-};
-export declare const tokenToOklchToken: (token: TColor.PassedToken) => TColor.InternalToken;

package/dist/cjs/themes/_generator/tokens/color/utilities/convert.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.tokenToOklchToken = exports.oklchToRgb = exports.hexToOklch = void 0;
-const fn_1 = require("culori/require");
-// eslint-disable-next-line react-hooks/rules-of-hooks
-const oklch = (0, fn_1.useMode)(fn_1.modeOklch);
-// eslint-disable-next-line react-hooks/rules-of-hooks
-const rgb = (0, fn_1.useMode)(fn_1.modeRgb);
-const hexToOklch = (hex) => {
-    const result = oklch((0, fn_1.formatHex)(hex));
-    if (!result)
-        throw new Error(`[Reshaped] Can't convert ${hex} to oklch`);
-    return result;
-};
-exports.hexToOklch = hexToOklch;
-const oklchToRgb = (oklch) => {
-    const value = rgb(oklch);
-    return {
-        ...value,
-        r: Number(value.r.toFixed(4)),
-        g: Number(value.g.toFixed(4)),
-        b: Number(value.b.toFixed(4)),
-    };
-};
-exports.oklchToRgb = oklchToRgb;
-const tokenToOklchToken = (token) => {
-    const hexDarkFallback = token.hexDark ? (0, exports.hexToOklch)(token.hexDark) : undefined;
-    return {
-        oklch: token.oklch ? { ...token.oklch, mode: "oklch" } : (0, exports.hexToOklch)(token.hex),
-        oklchDark: token.oklchDark ? { ...token.oklchDark, mode: "oklch" } : hexDarkFallback,
-    };
-};
-exports.tokenToOklchToken = tokenToOklchToken;

package/dist/cjs/themes/_generator/tokens/color/utilities/generateColors.d.ts

@@ -1,4 +0,0 @@
-import type { PassedThemeDefinition } from "../../types";
-import { type ColorValue, Hue } from "../color.types";
-declare const generateColors: (args?: Partial<Record<Hue, ColorValue>>) => NonNullable<PassedThemeDefinition["color"]>;
-export default generateColors;

package/dist/cjs/themes/_generator/tokens/color/utilities/generateColors.js

@@ -1,152 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const convert_1 = require("./convert");
-const parseColor = (color) => {
-    const isString = typeof color === "string";
-    if (!isString && "oklch" in color && color.oklch) {
-        return {
-            light: color.oklch,
-            dark: color.oklchDark,
-        };
-    }
-    const hexLight = isString ? color : color.hex;
-    const hexDark = isString ? undefined : color.hexDark;
-    const light = (0, convert_1.hexToOklch)(hexLight);
-    const dark = hexDark ? (0, convert_1.hexToOklch)(hexDark) : undefined;
-    if (!light) {
-        throw new Error(`[Reshaped] Failed when parsing color: ${JSON.stringify(color)}`);
-    }
-    return { light, dark };
-};
-const getDarkModeColor = (lch) => {
-    const { l, c } = lch;
-    // Top boundary at which background colors are perceived as vibrant
-    const vibrancyThreshold = 0.25;
-    // A linear modifier of how gray a color is, gray = 1, vibrant = 0
-    const neutralFactor = Math.min(1, Math.max(0, (vibrancyThreshold - c) / vibrancyThreshold));
-    // Non-linear modification to make gray color inversion progress faster
-    const easedVibrancy = 1 - Math.pow(neutralFactor, 2);
-    const invertedL = 1 - l;
-    // Take plain inversion and increase it back by vibrancy modifier
-    // Vibrant colors should get back to almost the original value
-    // while non-briant colors should lean towards full inversion
-    // Example:
-    // Black should become white in dark mode
-    // Light gray should become dark gray
-    // Vibrant blue should stay vibrant blue
-    const darkL = invertedL + (l - invertedL) * easedVibrancy;
-    // Make sure dark mode value doesn't become too dark and is still visible on dark page background
-    const clampedDarkL = Math.max(0.36, darkL);
-    return { ...lch, c: c * 0.8, l: clampedDarkL };
-};
-const generateColorValues = (key, token) => {
-    const { light: bg, dark } = parseColor(token);
-    const capitalizedKey = key.charAt(0).toUpperCase() + key.slice(1);
-    const neutral = key === "neutral";
-    const warning = key === "warning";
-    const bgDark = dark || getDarkModeColor(bg);
-    const bgFaded = {
-        ...bg,
-        l: 0.97,
-        c: neutral ? 0.005 : warning ? 0.04 : 0.02,
-    };
-    const bgFadedDark = {
-        ...bgDark,
-        l: 0.25,
-        // For primary color with low chroma, we still have to make sure it stays low
-        c: neutral ? 0.01 : bgDark.c / 5,
-    };
-    const fg = neutral ? { ...bg, l: 0.2 } : { ...bg, l: 0.5 };
-    const fgDark = neutral ? { ...bgDark, l: 0.96 } : { ...bgDark, l: 0.75, c: bg.c * 0.85 };
-    const bd = neutral ? { ...bg, l: 0, alpha: 0.12 } : { ...bg, l: bg.l - 0.08 };
-    const bdDark = neutral ? { ...bgDark, l: 1, alpha: 0.16 } : { ...bgDark, l: bgDark.l + 0.1 };
-    const bdFaded = neutral
-        ? { ...bgFaded, l: 0, alpha: 0.08 }
-        : { ...bgFaded, l: bgFaded.l - 0.05, c: bgFaded.c + 0.01 };
-    const bdFadedDark = neutral
-        ? { ...bgFadedDark, l: 1, alpha: 0.08 }
-        : { ...bgFadedDark, l: bgFadedDark.l + 0.1 };
-    const output = {
-        [`background${capitalizedKey}`]: {
-            oklch: bg,
-            oklchDark: bgDark,
-        },
-        [`background${capitalizedKey}Faded`]: {
-            oklch: bgFaded,
-            oklchDark: bgFadedDark,
-        },
-        [`border${capitalizedKey}`]: {
-            oklch: bd,
-            oklchDark: bdDark,
-        },
-        [`border${capitalizedKey}Faded`]: {
-            oklch: bdFaded,
-            oklchDark: bdFadedDark,
-        },
-        [`foreground${capitalizedKey}`]: {
-            oklch: fg,
-            oklchDark: fgDark,
-        },
-    };
-    if (neutral) {
-        output[`foreground${capitalizedKey}Faded`] = {
-            oklch: { ...fg, l: fg.l + 0.25 },
-            oklchDark: { ...fgDark, l: fgDark.l - 0.15 },
-        };
-        output[`backgroundDisabled`] = {
-            oklch: { ...bg, l: 0.95, c: 0 },
-            oklchDark: { ...bgDark, l: 0.28, c: 0 },
-        };
-        output[`backgroundDisabledFaded`] = {
-            oklch: { ...bg, l: 0.98, c: 0 },
-            oklchDark: { ...bgDark, l: 0.23, c: 0 },
-        };
-        output[`borderDisabled`] = {
-            oklch: { ...bd, alpha: 0.06 },
-            oklchDark: { ...bgDark, l: 0.28, c: 0 },
-        };
-        output[`foregroundDisabled`] = {
-            oklch: { ...fg, l: 0.84, c: 0 },
-            oklchDark: { ...fgDark, l: 0.4, c: 0 },
-        };
-        output[`backgroundElevationBase`] = {
-            oklch: { ...bg, l: 1, c: 0 },
-            oklchDark: { ...bgDark, l: 0.2, c: 0 },
-        };
-        output[`backgroundElevationRaised`] = {
-            oklch: { ...bg, l: 1, c: 0 },
-            oklchDark: { ...bgDark, l: 0.21, c: 0 },
-        };
-        output[`backgroundElevationOverlay`] = {
-            oklch: { ...bg, l: 1, c: 0 },
-            oklchDark: { ...bgDark, l: 0.22, c: 0 },
-        };
-        output[`backgroundPage`] = {
-            oklch: { ...bg, l: 1, c: 0 },
-            oklchDark: { ...bgDark, l: 0.16, c: 0 },
-        };
-        output[`backgroundPageFaded`] = {
-            oklch: { ...bg, l: 0.97, c: 0 },
-            oklchDark: { ...bgDark, l: 0.18, c: 0 },
-        };
-    }
-    return output;
-};
-const getOklchToken = (color) => {
-    const token = typeof color === "string" ? { hex: color } : color;
-    return (0, convert_1.tokenToOklchToken)(token);
-};
-const generateColors = (args = {}) => {
-    const { primary = { oklch: { l: 0.55, c: 0.24, h: 262.67 } }, critical = { oklch: { l: 0.59, c: 0.22, h: 26.97 } }, warning = { oklch: { l: 0.83, c: 0.2, h: 80 } }, positive = { oklch: { l: 0.53, c: 0.13, h: 153.78 } }, neutral = { oklch: { l: 0.92, c: 0.01, h: 262.67 } }, brand, } = args;
-    return {
-        ...generateColorValues("primary", getOklchToken(primary)),
-        ...generateColorValues("critical", getOklchToken(critical)),
-        ...generateColorValues("warning", getOklchToken(warning)),
-        ...generateColorValues("positive", getOklchToken(positive)),
-        ...generateColorValues("neutral", getOklchToken(neutral)),
-        brand: getOklchToken(brand || primary),
-        white: getOklchToken("#ffffff"),
-        black: getOklchToken("#000000"),
-    };
-};
-exports.default = generateColors;

package/dist/cjs/themes/_generator/tokens/color/utilities/generateMetaColors.d.ts

@@ -1,4 +0,0 @@
-import type * as T from "../../../types";
-import { PassedThemeDefinition } from "../../types";
-declare const generateMetaColors: (definition: PassedThemeDefinition, themeOptions?: T.PublicOptions["themeOptions"]) => PassedThemeDefinition["color"] | undefined;
-export default generateMetaColors;