@mizen-labs/ui 0.0.0-stage → 0.1.0

package/dist/styles/shape.stylex.js

@@ -0,0 +1 @@
+import{defineVars}from"@stylexjs/stylex";export const shape={checkboxRadius:"var(--x10btla8)",controlRadius:"var(--xv4me3d)",controlRadiusLarge:"var(--x1hmo0k7)",floatingRadius:"var(--x1d71lw4)",inlineRadius:"var(--x39jwmy)",surfaceRadius:"var(--x11rg8kd)",surfaceRadiusLarge:"var(--x7wr6vg)",__varGroupHash__:"xm3m2j8"};

package/dist/styles/spacing.stylex.d.ts

@@ -0,0 +1,14 @@
+export declare const space: {
+    "0": string;
+    "1": string;
+    "2": string;
+    "3": string;
+    "4": string;
+    "5": string;
+    "6": string;
+    "8": string;
+    "10": string;
+    "12": string;
+    "16": string;
+    px: string;
+};

package/dist/styles/spacing.stylex.js

@@ -0,0 +1,3 @@
+import{defineConsts}from"@stylexjs/stylex";// Numeric keys follow the 4px grid: step × 4 = px. `px` (2px) is reserved for
+// optical corrections.
+export const space={"0":"0","1":"0.25rem","2":"0.5rem","3":"0.75rem","4":"1rem","5":"1.25rem","6":"1.5rem","8":"2rem","10":"2.5rem","12":"3rem","16":"4rem",px:"0.125rem"};

package/dist/styles/themes.d.ts

@@ -0,0 +1,49 @@
+export declare const darkTheme: readonly [import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    accent: string;
+    accentContent: string;
+    backdrop: string;
+    border: string;
+    brandBackground: string;
+    brandForeground: string;
+    chartReference: string;
+    chartSeries1: string;
+    chartSeries2: string;
+    chartSeries3: string;
+    chartSeries4: string;
+    chartSeries5: string;
+    chartSeries6: string;
+    content: string;
+    controlBorderStrong: string;
+    controlSurface: string;
+    controlSurfaceDisabled: string;
+    controlSurfaceHover: string;
+    controlThumb: string;
+    controlThumbContent: string;
+    destructive: string;
+    destructiveContent: string;
+    destructiveSubtle: string;
+    destructiveText: string;
+    floatingHighlight: string;
+    floatingSurface: string;
+    focusRing: string;
+    info: string;
+    infoContent: string;
+    mutedContent: string;
+    primary: string;
+    primaryContent: string;
+    secondary: string;
+    secondaryContent: string;
+    success: string;
+    successContent: string;
+    successSolid: string;
+    surface: string;
+    switchTrackChecked: string;
+    warning: string;
+    warningContent: string;
+    warningSolid: string;
+    workarea: string;
+    workareaControlSurface: string;
+}>, symbol>, symbol>, import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    disabled: string;
+    surface: string;
+}>, symbol>, symbol>];

package/dist/styles/themes.js

@@ -0,0 +1 @@
+import{createTheme}from"@stylexjs/stylex";import"./colors.stylex";import{colors,fieldColors}from"./colors.stylex";const darkColorTheme={xwx9cwh:"xmzuehe xwx9cwh",$$css:true};const darkFieldTheme={x1hrld09:"xjw7ow9 x1hrld09",$$css:true};export const darkTheme=[darkColorTheme,darkFieldTheme];

package/dist/styles/typography.styles.d.ts

@@ -0,0 +1,90 @@
+export declare const typographyStyles: Readonly<{
+    readonly controlLabel: Readonly<{
+        readonly minWidth: import("@stylexjs/stylex").StyleXClassNameFor<"minWidth", 0>;
+        readonly textBox: import("@stylexjs/stylex").StyleXClassNameFor<"textBox", "trim-both cap alphabetic">;
+    }>;
+    readonly tabularNums: Readonly<{
+        readonly fontVariantNumeric: import("@stylexjs/stylex").StyleXClassNameFor<"fontVariantNumeric", "tabular-nums">;
+    }>;
+}>;
+export declare const typeRoles: Readonly<{
+    readonly body: Readonly<{
+        readonly fontSize: import("@stylexjs/stylex").StyleXClassNameFor<"fontSize", string>;
+        readonly fontSizeAdjust: import("@stylexjs/stylex").StyleXClassNameFor<"fontSizeAdjust", string>;
+        readonly fontWeight: import("@stylexjs/stylex").StyleXClassNameFor<"fontWeight", number>;
+        readonly letterSpacing: import("@stylexjs/stylex").StyleXClassNameFor<"letterSpacing", string>;
+        readonly lineHeight: import("@stylexjs/stylex").StyleXClassNameFor<"lineHeight", string>;
+        readonly textWrap: import("@stylexjs/stylex").StyleXClassNameFor<"textWrap", "pretty">;
+    }>;
+    readonly caption: Readonly<{
+        readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", string>;
+        readonly fontSize: import("@stylexjs/stylex").StyleXClassNameFor<"fontSize", string>;
+        readonly fontSizeAdjust: import("@stylexjs/stylex").StyleXClassNameFor<"fontSizeAdjust", string>;
+        readonly fontWeight: import("@stylexjs/stylex").StyleXClassNameFor<"fontWeight", number>;
+        readonly letterSpacing: import("@stylexjs/stylex").StyleXClassNameFor<"letterSpacing", string>;
+        readonly lineHeight: import("@stylexjs/stylex").StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly display: Readonly<{
+        readonly fontSize: import("@stylexjs/stylex").StyleXClassNameFor<"fontSize", string>;
+        readonly fontSizeAdjust: import("@stylexjs/stylex").StyleXClassNameFor<"fontSizeAdjust", string>;
+        readonly fontWeight: import("@stylexjs/stylex").StyleXClassNameFor<"fontWeight", number>;
+        readonly letterSpacing: import("@stylexjs/stylex").StyleXClassNameFor<"letterSpacing", string>;
+        readonly lineHeight: import("@stylexjs/stylex").StyleXClassNameFor<"lineHeight", string>;
+        readonly textWrap: import("@stylexjs/stylex").StyleXClassNameFor<"textWrap", "balance">;
+    }>;
+    readonly heading: Readonly<{
+        readonly fontSize: import("@stylexjs/stylex").StyleXClassNameFor<"fontSize", string>;
+        readonly fontSizeAdjust: import("@stylexjs/stylex").StyleXClassNameFor<"fontSizeAdjust", string>;
+        readonly fontWeight: import("@stylexjs/stylex").StyleXClassNameFor<"fontWeight", number>;
+        readonly letterSpacing: import("@stylexjs/stylex").StyleXClassNameFor<"letterSpacing", string>;
+        readonly lineHeight: import("@stylexjs/stylex").StyleXClassNameFor<"lineHeight", string>;
+        readonly textWrap: import("@stylexjs/stylex").StyleXClassNameFor<"textWrap", "balance">;
+    }>;
+    readonly label: Readonly<{
+        readonly fontSize: import("@stylexjs/stylex").StyleXClassNameFor<"fontSize", string>;
+        readonly fontSizeAdjust: import("@stylexjs/stylex").StyleXClassNameFor<"fontSizeAdjust", string>;
+        readonly fontWeight: import("@stylexjs/stylex").StyleXClassNameFor<"fontWeight", number>;
+        readonly letterSpacing: import("@stylexjs/stylex").StyleXClassNameFor<"letterSpacing", string>;
+        readonly lineHeight: import("@stylexjs/stylex").StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly mono: Readonly<{
+        readonly fontFamily: import("@stylexjs/stylex").StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: import("@stylexjs/stylex").StyleXClassNameFor<"fontSize", string>;
+        readonly fontSizeAdjust: import("@stylexjs/stylex").StyleXClassNameFor<"fontSizeAdjust", string>;
+        readonly fontWeight: import("@stylexjs/stylex").StyleXClassNameFor<"fontWeight", number>;
+        readonly letterSpacing: import("@stylexjs/stylex").StyleXClassNameFor<"letterSpacing", string>;
+        readonly lineHeight: import("@stylexjs/stylex").StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly numeric: Readonly<{
+        readonly fontSize: import("@stylexjs/stylex").StyleXClassNameFor<"fontSize", string>;
+        readonly fontSizeAdjust: import("@stylexjs/stylex").StyleXClassNameFor<"fontSizeAdjust", string>;
+        readonly fontVariantNumeric: import("@stylexjs/stylex").StyleXClassNameFor<"fontVariantNumeric", "tabular-nums">;
+        readonly fontWeight: import("@stylexjs/stylex").StyleXClassNameFor<"fontWeight", number>;
+        readonly letterSpacing: import("@stylexjs/stylex").StyleXClassNameFor<"letterSpacing", string>;
+        readonly lineHeight: import("@stylexjs/stylex").StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly subheading: Readonly<{
+        readonly fontSize: import("@stylexjs/stylex").StyleXClassNameFor<"fontSize", string>;
+        readonly fontSizeAdjust: import("@stylexjs/stylex").StyleXClassNameFor<"fontSizeAdjust", string>;
+        readonly fontWeight: import("@stylexjs/stylex").StyleXClassNameFor<"fontWeight", number>;
+        readonly letterSpacing: import("@stylexjs/stylex").StyleXClassNameFor<"letterSpacing", string>;
+        readonly lineHeight: import("@stylexjs/stylex").StyleXClassNameFor<"lineHeight", string>;
+        readonly textWrap: import("@stylexjs/stylex").StyleXClassNameFor<"textWrap", "balance">;
+    }>;
+    readonly title: Readonly<{
+        readonly fontSize: import("@stylexjs/stylex").StyleXClassNameFor<"fontSize", string>;
+        readonly fontSizeAdjust: import("@stylexjs/stylex").StyleXClassNameFor<"fontSizeAdjust", string>;
+        readonly fontWeight: import("@stylexjs/stylex").StyleXClassNameFor<"fontWeight", number>;
+        readonly letterSpacing: import("@stylexjs/stylex").StyleXClassNameFor<"letterSpacing", string>;
+        readonly lineHeight: import("@stylexjs/stylex").StyleXClassNameFor<"lineHeight", string>;
+        readonly textWrap: import("@stylexjs/stylex").StyleXClassNameFor<"textWrap", "balance">;
+    }>;
+    readonly ui: Readonly<{
+        readonly fontSize: import("@stylexjs/stylex").StyleXClassNameFor<"fontSize", string>;
+        readonly fontSizeAdjust: import("@stylexjs/stylex").StyleXClassNameFor<"fontSizeAdjust", string>;
+        readonly fontWeight: import("@stylexjs/stylex").StyleXClassNameFor<"fontWeight", number>;
+        readonly letterSpacing: import("@stylexjs/stylex").StyleXClassNameFor<"letterSpacing", string>;
+        readonly lineHeight: import("@stylexjs/stylex").StyleXClassNameFor<"lineHeight", string>;
+        readonly textWrap: import("@stylexjs/stylex").StyleXClassNameFor<"textWrap", "pretty">;
+    }>;
+}>;

package/dist/styles/typography.styles.js

@@ -0,0 +1,8 @@
+import{create}from"@stylexjs/stylex";import"./colors.stylex";import{colors}from"./colors.stylex";import"./conditions.stylex";import{conditions}from"./conditions.stylex";import"./fonts.stylex";import{fonts}from"./fonts.stylex";import"./typography.stylex";import{fontSize,fontWeight,letterSpacing,lineHeight}from"./typography.stylex";// Trims a control label's box to its cap height so text centers optically
+// next to icons.
+export const typographyStyles={controlLabel:{k7Eaqz:"xeuugli",k9R4zC:"x68av9p",$$css:true},tabularNums:{kcqcaj:"xss6m8b",$$css:true}};// Type roles (design direction, "Type roles and spacing rhythm"). Each
+// role fixes size, absolute line height, weight, and tracking, and normalizes
+// x-height through fonts.sizeAdjust. Roles inherit ink so they work inside
+// filled controls; caption defaults to muted. Pair `ui` with muted ink for
+// supporting text.
+export const typeRoles={body:{kGuDYH:"x12ama9c",kC21eY:"x2vx8kg",k63SB2:"x1lo1l87",kb6lSQ:"x1pypwqs",kLWn49:"x1rn0pvf",kN2L0X:"x1fzhlzt",$$css:true},caption:{kMwMTN:"x125omll",kGuDYH:"x1ws78te",kC21eY:"x2vx8kg",k63SB2:"x1lo1l87",kb6lSQ:"xdee7k9",kLWn49:"x76y1r9",$$css:true},display:{kGuDYH:"x293o5f x11gnphl",kC21eY:"x2vx8kg",k63SB2:"xlw70nr",kb6lSQ:"x164e7fw",kLWn49:"xawsjzw x6n3yxk",kN2L0X:"x1w2vvpw",$$css:true},heading:{kGuDYH:"x1d88w5i",kC21eY:"x2vx8kg",k63SB2:"xlw70nr",kb6lSQ:"x1urmmxc",kLWn49:"x1f0yedn",kN2L0X:"x1w2vvpw",$$css:true},label:{kGuDYH:"xlh8hku",kC21eY:"x2vx8kg",k63SB2:"xuku2lm",kb6lSQ:"x1pypwqs",kLWn49:"x2xzzt7",$$css:true},mono:{kMv6JI:"x18brtc5",kGuDYH:"xzi51bj",kC21eY:"x2vx8kg",k63SB2:"x1lo1l87",kb6lSQ:"x1pypwqs",kLWn49:"x2xzzt7",$$css:true},numeric:{kGuDYH:"x1xp0p4o x1d88w5i",kC21eY:"x2vx8kg",kcqcaj:"xss6m8b",k63SB2:"xuku2lm",kb6lSQ:"xx5sj2c",kLWn49:"x7ju516 x1f0yedn",$$css:true},subheading:{kGuDYH:"x12ama9c",kC21eY:"x2vx8kg",k63SB2:"xlw70nr",kb6lSQ:"x15nokgc",kLWn49:"x1rn0pvf",kN2L0X:"x1w2vvpw",$$css:true},title:{kGuDYH:"xy9e1u6",kC21eY:"x2vx8kg",k63SB2:"xlw70nr",kb6lSQ:"xx5sj2c",kLWn49:"x7r35du",kN2L0X:"x1w2vvpw",$$css:true},ui:{kGuDYH:"xlh8hku",kC21eY:"x2vx8kg",k63SB2:"x1lo1l87",kb6lSQ:"x1pypwqs",kLWn49:"x2xzzt7",kN2L0X:"x1fzhlzt",$$css:true}};

package/dist/styles/typography.stylex.d.ts

@@ -0,0 +1,35 @@
+export declare const fontSize: {
+    "12": string;
+    "13": string;
+    "14": string;
+    "16": string;
+    "20": string;
+    "28": string;
+    "32": string;
+    "40": string;
+};
+export declare const fontWeight: {
+    bold: number;
+    medium: number;
+    regular: number;
+    semibold: number;
+};
+export declare const lineHeight: {
+    "16": string;
+    "20": string;
+    "24": string;
+    "28": string;
+    "32": string;
+    "36": string;
+    "44": string;
+    none: number;
+};
+export declare const letterSpacing: {
+    caption: string;
+    display: string;
+    heading: string;
+    normal: string;
+    subheading: string;
+    title: string;
+    wide: string;
+};

package/dist/styles/typography.stylex.js

@@ -0,0 +1,5 @@
+import{defineConsts}from"@stylexjs/stylex";export const fontSize={"12":"0.75rem","13":"0.8125rem","14":"0.875rem","16":"1rem","20":"1.25rem","28":"1.75rem","32":"2rem","40":"2.5rem"};export const fontWeight={bold:700,medium:500,regular:400,semibold:600};// Absolute line heights keep every role on the 4px grid, independent of font
+// metrics. Keys name the pixel height at a 16px root; `none` is for single-line
+// boxes such as badges and glyph wrappers.
+export const lineHeight={"16":"1rem","20":"1.25rem","24":"1.5rem","28":"1.75rem","32":"2rem","36":"2.25rem","44":"2.75rem",none:1};// Role tracking follows one size curve in em, small enough for any family.
+export const letterSpacing={caption:"0.01em",display:"-0.025em",heading:"-0.012em",normal:"0",subheading:"-0.006em",title:"-0.02em",wide:"0.02em"};