@dixy-ui/themes 0.0.0-stage → 0.1.0-beta.0

package/dist/skins/tokyo-transit.js

@@ -0,0 +1,68 @@
+export const tokyoTransit = {
+    id: "dixy/tokyo-transit",
+    name: "Tokyo Transit",
+    version: 1,
+    defaults: {
+        accentColor: "green",
+        neutralColor: "gray",
+        radius: "md",
+        density: "default",
+        material: "matte",
+        shape: "rounded",
+    },
+};
+export const tokyoTransitTheme = {
+    skin: {
+        id: "dixy/tokyo-transit",
+        name: "Tokyo Transit",
+        version: 1,
+        defaults: {
+            accentColor: "green",
+            neutralColor: "gray",
+            radius: "md",
+            density: "default",
+            material: "matte",
+            shape: "rounded",
+        },
+    },
+    appearance: "light",
+    accentColor: "green",
+    neutralColor: "gray",
+    radius: "md",
+    density: "default",
+    shape: "rounded",
+    ornament: "balanced",
+    relief: 1,
+    effects: "static",
+    style: {
+        fontFamily: '"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-sans": '"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-display": '"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-skin-cushion-elevation": "var(--dixy-skin-cushion-cast)",
+        "--dixy-card-shadow": "var(--dixy-shadow-raised)",
+        "--dixy-skin-depth-shadow": "var(--dixy-skin-authored-shadow, var(--dixy-shadow-raised))",
+        "--dixy-stroke-width": "1px",
+        "--dixy-card-border-width": "1px",
+        "--dixy-button-border-width": "1px",
+        "--dixy-input-border-width": "1px",
+        "--dixy-dialog-border-width": "1px",
+        "--dixy-font-heading-lg-family": '"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-heading-md-family": '"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-heading-sm-family": '"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-title-lg-family": '"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-title-md-family": '"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-title-sm-family": '"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-organic-density": "50",
+        "--dixy-organic-cornerDensity": "60",
+        "--dixy-organic-canopyDepth": "40",
+        "--dixy-organic-variation": "40",
+        "--dixy-organic-scale": "22",
+        "--dixy-organic-stemWeight": "40",
+        "--dixy-organic-motion": "30",
+        "--dixy-organic-seed": "5",
+        "--dixy-organic-style": "0",
+        "--dixy-organic-canopy": "0",
+        "--dixy-organic-stem": "0",
+    },
+};
+export default tokyoTransit;

package/dist/skins/winamp-signal.d.ts

@@ -0,0 +1,57 @@
+export declare const winampSignal: {
+    readonly id: "dixy/winamp-signal";
+    readonly name: "Winamp Signal";
+    readonly version: 1;
+    readonly defaults: {
+        readonly accentColor: "lime";
+        readonly neutralColor: "olive";
+        readonly radius: "sm";
+        readonly density: "default";
+        readonly material: "metal";
+        readonly shape: "square";
+    };
+};
+export declare const winampSignalTheme: {
+    readonly skin: {
+        readonly id: "dixy/winamp-signal";
+        readonly name: "Winamp Signal";
+        readonly version: 1;
+        readonly defaults: {
+            readonly accentColor: "lime";
+            readonly neutralColor: "olive";
+            readonly radius: "sm";
+            readonly density: "default";
+            readonly material: "metal";
+            readonly shape: "square";
+        };
+    };
+    readonly appearance: "dark";
+    readonly accentColor: "lime";
+    readonly neutralColor: "olive";
+    readonly radius: "sm";
+    readonly density: "default";
+    readonly shape: "square";
+    readonly ornament: "balanced";
+    readonly relief: 1;
+    readonly effects: "static";
+    readonly style: {
+        readonly fontFamily: "\"Inter Variable\", Inter, ui-sans-serif, system-ui, sans-serif";
+        readonly "--dixy-font-sans": "\"Inter Variable\", Inter, ui-sans-serif, system-ui, sans-serif";
+        readonly "--dixy-font-display": "\"Share Tech Mono\", \"VT323\", ui-monospace, monospace";
+        readonly "--dixy-skin-cushion-elevation": "var(--dixy-skin-cushion-cast)";
+        readonly "--dixy-card-shadow": "var(--dixy-shadow-raised)";
+        readonly "--dixy-skin-depth-shadow": "var(--dixy-skin-authored-shadow, var(--dixy-shadow-raised))";
+        readonly "--dixy-stroke-width": "1px";
+        readonly "--dixy-card-border-width": "1px";
+        readonly "--dixy-button-border-width": "1px";
+        readonly "--dixy-input-border-width": "1px";
+        readonly "--dixy-dialog-border-width": "1px";
+        readonly "--dixy-font-heading-lg-family": "\"Share Tech Mono\", \"VT323\", ui-monospace, monospace";
+        readonly "--dixy-font-heading-md-family": "\"Share Tech Mono\", \"VT323\", ui-monospace, monospace";
+        readonly "--dixy-font-heading-sm-family": "\"Share Tech Mono\", \"VT323\", ui-monospace, monospace";
+        readonly "--dixy-font-title-lg-family": "\"Share Tech Mono\", \"VT323\", ui-monospace, monospace";
+        readonly "--dixy-font-title-md-family": "\"Share Tech Mono\", \"VT323\", ui-monospace, monospace";
+        readonly "--dixy-font-title-sm-family": "\"Share Tech Mono\", \"VT323\", ui-monospace, monospace";
+    };
+};
+export default winampSignal;

package/dist/skins/winamp-signal.js

@@ -0,0 +1,57 @@
+export const winampSignal = {
+    id: "dixy/winamp-signal",
+    name: "Winamp Signal",
+    version: 1,
+    defaults: {
+        accentColor: "lime",
+        neutralColor: "olive",
+        radius: "sm",
+        density: "default",
+        material: "metal",
+        shape: "square",
+    },
+};
+export const winampSignalTheme = {
+    skin: {
+        id: "dixy/winamp-signal",
+        name: "Winamp Signal",
+        version: 1,
+        defaults: {
+            accentColor: "lime",
+            neutralColor: "olive",
+            radius: "sm",
+            density: "default",
+            material: "metal",
+            shape: "square",
+        },
+    },
+    appearance: "dark",
+    accentColor: "lime",
+    neutralColor: "olive",
+    radius: "sm",
+    density: "default",
+    shape: "square",
+    ornament: "balanced",
+    relief: 1,
+    effects: "static",
+    style: {
+        fontFamily: '"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-sans": '"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-display": '"Share Tech Mono", "VT323", ui-monospace, monospace',
+        "--dixy-skin-cushion-elevation": "var(--dixy-skin-cushion-cast)",
+        "--dixy-card-shadow": "var(--dixy-shadow-raised)",
+        "--dixy-skin-depth-shadow": "var(--dixy-skin-authored-shadow, var(--dixy-shadow-raised))",
+        "--dixy-stroke-width": "1px",
+        "--dixy-card-border-width": "1px",
+        "--dixy-button-border-width": "1px",
+        "--dixy-input-border-width": "1px",
+        "--dixy-dialog-border-width": "1px",
+        "--dixy-font-heading-lg-family": '"Share Tech Mono", "VT323", ui-monospace, monospace',
+        "--dixy-font-heading-md-family": '"Share Tech Mono", "VT323", ui-monospace, monospace',
+        "--dixy-font-heading-sm-family": '"Share Tech Mono", "VT323", ui-monospace, monospace',
+        "--dixy-font-title-lg-family": '"Share Tech Mono", "VT323", ui-monospace, monospace',
+        "--dixy-font-title-md-family": '"Share Tech Mono", "VT323", ui-monospace, monospace',
+        "--dixy-font-title-sm-family": '"Share Tech Mono", "VT323", ui-monospace, monospace',
+    },
+};
+export default winampSignal;

package/dist/skins/y2k-titanium.d.ts

@@ -0,0 +1,57 @@
+export declare const y2kTitanium: {
+    readonly id: "dixy/y2k-titanium";
+    readonly name: "Y2K Titanium";
+    readonly version: 1;
+    readonly defaults: {
+        readonly accentColor: "cyan";
+        readonly neutralColor: "slate";
+        readonly radius: "none";
+        readonly density: "default";
+        readonly material: "metal";
+        readonly shape: "rounded";
+    };
+};
+export declare const y2kTitaniumTheme: {
+    readonly skin: {
+        readonly id: "dixy/y2k-titanium";
+        readonly name: "Y2K Titanium";
+        readonly version: 1;
+        readonly defaults: {
+            readonly accentColor: "cyan";
+            readonly neutralColor: "slate";
+            readonly radius: "none";
+            readonly density: "default";
+            readonly material: "metal";
+            readonly shape: "rounded";
+        };
+    };
+    readonly appearance: "light";
+    readonly accentColor: "cyan";
+    readonly neutralColor: "slate";
+    readonly radius: "none";
+    readonly density: "default";
+    readonly shape: "rounded";
+    readonly ornament: "balanced";
+    readonly relief: 1;
+    readonly effects: "static";
+    readonly style: {
+        readonly fontFamily: "\"Inter Variable\", Inter, ui-sans-serif, system-ui, sans-serif";
+        readonly "--dixy-font-sans": "\"Inter Variable\", Inter, ui-sans-serif, system-ui, sans-serif";
+        readonly "--dixy-font-display": "\"Orbitron Variable\", \"Orbitron\", \"Eurostile\", \"Bank Gothic\", ui-sans-serif, sans-serif";
+        readonly "--dixy-skin-cushion-elevation": "var(--dixy-skin-cushion-cast)";
+        readonly "--dixy-card-shadow": "var(--dixy-shadow-raised)";
+        readonly "--dixy-skin-depth-shadow": "var(--dixy-skin-authored-shadow, var(--dixy-shadow-raised))";
+        readonly "--dixy-stroke-width": "1px";
+        readonly "--dixy-card-border-width": "1px";
+        readonly "--dixy-button-border-width": "1px";
+        readonly "--dixy-input-border-width": "1px";
+        readonly "--dixy-dialog-border-width": "1px";
+        readonly "--dixy-font-heading-lg-family": "\"Orbitron Variable\", \"Orbitron\", \"Eurostile\", \"Bank Gothic\", ui-sans-serif, sans-serif";
+        readonly "--dixy-font-heading-md-family": "\"Orbitron Variable\", \"Orbitron\", \"Eurostile\", \"Bank Gothic\", ui-sans-serif, sans-serif";
+        readonly "--dixy-font-heading-sm-family": "\"Orbitron Variable\", \"Orbitron\", \"Eurostile\", \"Bank Gothic\", ui-sans-serif, sans-serif";
+        readonly "--dixy-font-title-lg-family": "\"Orbitron Variable\", \"Orbitron\", \"Eurostile\", \"Bank Gothic\", ui-sans-serif, sans-serif";
+        readonly "--dixy-font-title-md-family": "\"Orbitron Variable\", \"Orbitron\", \"Eurostile\", \"Bank Gothic\", ui-sans-serif, sans-serif";
+        readonly "--dixy-font-title-sm-family": "\"Orbitron Variable\", \"Orbitron\", \"Eurostile\", \"Bank Gothic\", ui-sans-serif, sans-serif";
+    };
+};
+export default y2kTitanium;

package/dist/skins/y2k-titanium.js

@@ -0,0 +1,57 @@
+export const y2kTitanium = {
+    id: "dixy/y2k-titanium",
+    name: "Y2K Titanium",
+    version: 1,
+    defaults: {
+        accentColor: "cyan",
+        neutralColor: "slate",
+        radius: "none",
+        density: "default",
+        material: "metal",
+        shape: "rounded",
+    },
+};
+export const y2kTitaniumTheme = {
+    skin: {
+        id: "dixy/y2k-titanium",
+        name: "Y2K Titanium",
+        version: 1,
+        defaults: {
+            accentColor: "cyan",
+            neutralColor: "slate",
+            radius: "none",
+            density: "default",
+            material: "metal",
+            shape: "rounded",
+        },
+    },
+    appearance: "light",
+    accentColor: "cyan",
+    neutralColor: "slate",
+    radius: "none",
+    density: "default",
+    shape: "rounded",
+    ornament: "balanced",
+    relief: 1,
+    effects: "static",
+    style: {
+        fontFamily: '"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-sans": '"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-display": '"Orbitron Variable", "Orbitron", "Eurostile", "Bank Gothic", ui-sans-serif, sans-serif',
+        "--dixy-skin-cushion-elevation": "var(--dixy-skin-cushion-cast)",
+        "--dixy-card-shadow": "var(--dixy-shadow-raised)",
+        "--dixy-skin-depth-shadow": "var(--dixy-skin-authored-shadow, var(--dixy-shadow-raised))",
+        "--dixy-stroke-width": "1px",
+        "--dixy-card-border-width": "1px",
+        "--dixy-button-border-width": "1px",
+        "--dixy-input-border-width": "1px",
+        "--dixy-dialog-border-width": "1px",
+        "--dixy-font-heading-lg-family": '"Orbitron Variable", "Orbitron", "Eurostile", "Bank Gothic", ui-sans-serif, sans-serif',
+        "--dixy-font-heading-md-family": '"Orbitron Variable", "Orbitron", "Eurostile", "Bank Gothic", ui-sans-serif, sans-serif',
+        "--dixy-font-heading-sm-family": '"Orbitron Variable", "Orbitron", "Eurostile", "Bank Gothic", ui-sans-serif, sans-serif',
+        "--dixy-font-title-lg-family": '"Orbitron Variable", "Orbitron", "Eurostile", "Bank Gothic", ui-sans-serif, sans-serif',
+        "--dixy-font-title-md-family": '"Orbitron Variable", "Orbitron", "Eurostile", "Bank Gothic", ui-sans-serif, sans-serif',
+        "--dixy-font-title-sm-family": '"Orbitron Variable", "Orbitron", "Eurostile", "Bank Gothic", ui-sans-serif, sans-serif',
+    },
+};
+export default y2kTitanium;

package/dist/skins/yule-knit.d.ts

@@ -0,0 +1,68 @@
+export declare const yuleKnit: {
+    readonly id: "dixy/yule-knit";
+    readonly name: "Yule Knit";
+    readonly version: 1;
+    readonly defaults: {
+        readonly accentColor: "crimson";
+        readonly neutralColor: "sage";
+        readonly radius: "md";
+        readonly density: "default";
+        readonly material: "soft";
+        readonly shape: "rounded";
+    };
+};
+export declare const yuleKnitTheme: {
+    readonly skin: {
+        readonly id: "dixy/yule-knit";
+        readonly name: "Yule Knit";
+        readonly version: 1;
+        readonly defaults: {
+            readonly accentColor: "crimson";
+            readonly neutralColor: "sage";
+            readonly radius: "md";
+            readonly density: "default";
+            readonly material: "soft";
+            readonly shape: "rounded";
+        };
+    };
+    readonly appearance: "light";
+    readonly accentColor: "crimson";
+    readonly neutralColor: "sage";
+    readonly radius: "md";
+    readonly density: "default";
+    readonly shape: "rounded";
+    readonly ornament: "balanced";
+    readonly relief: 1;
+    readonly effects: "static";
+    readonly style: {
+        readonly fontFamily: "\"Inter Variable\", Inter, ui-sans-serif, system-ui, sans-serif";
+        readonly "--dixy-font-sans": "\"Inter Variable\", Inter, ui-sans-serif, system-ui, sans-serif";
+        readonly "--dixy-font-display": "\"Fraunces Variable\", \"Fraunces\", ui-serif, Georgia, serif";
+        readonly "--dixy-skin-cushion-elevation": "var(--dixy-skin-cushion-cast)";
+        readonly "--dixy-card-shadow": "var(--dixy-shadow-raised)";
+        readonly "--dixy-skin-depth-shadow": "var(--dixy-skin-authored-shadow, var(--dixy-shadow-raised))";
+        readonly "--dixy-stroke-width": "1px";
+        readonly "--dixy-card-border-width": "1px";
+        readonly "--dixy-button-border-width": "1px";
+        readonly "--dixy-input-border-width": "1px";
+        readonly "--dixy-dialog-border-width": "1px";
+        readonly "--dixy-font-heading-lg-family": "\"Fraunces Variable\", \"Fraunces\", ui-serif, Georgia, serif";
+        readonly "--dixy-font-heading-md-family": "\"Fraunces Variable\", \"Fraunces\", ui-serif, Georgia, serif";
+        readonly "--dixy-font-heading-sm-family": "\"Fraunces Variable\", \"Fraunces\", ui-serif, Georgia, serif";
+        readonly "--dixy-font-title-lg-family": "\"Fraunces Variable\", \"Fraunces\", ui-serif, Georgia, serif";
+        readonly "--dixy-font-title-md-family": "\"Fraunces Variable\", \"Fraunces\", ui-serif, Georgia, serif";
+        readonly "--dixy-font-title-sm-family": "\"Fraunces Variable\", \"Fraunces\", ui-serif, Georgia, serif";
+        readonly "--dixy-organic-density": "50";
+        readonly "--dixy-organic-cornerDensity": "60";
+        readonly "--dixy-organic-canopyDepth": "40";
+        readonly "--dixy-organic-variation": "30";
+        readonly "--dixy-organic-scale": "20";
+        readonly "--dixy-organic-stemWeight": "40";
+        readonly "--dixy-organic-motion": "25";
+        readonly "--dixy-organic-seed": "12";
+        readonly "--dixy-organic-style": "0";
+        readonly "--dixy-organic-canopy": "0";
+        readonly "--dixy-organic-stem": "0";
+    };
+};
+export default yuleKnit;

package/dist/skins/yule-knit.js

@@ -0,0 +1,68 @@
+export const yuleKnit = {
+    id: "dixy/yule-knit",
+    name: "Yule Knit",
+    version: 1,
+    defaults: {
+        accentColor: "crimson",
+        neutralColor: "sage",
+        radius: "md",
+        density: "default",
+        material: "soft",
+        shape: "rounded",
+    },
+};
+export const yuleKnitTheme = {
+    skin: {
+        id: "dixy/yule-knit",
+        name: "Yule Knit",
+        version: 1,
+        defaults: {
+            accentColor: "crimson",
+            neutralColor: "sage",
+            radius: "md",
+            density: "default",
+            material: "soft",
+            shape: "rounded",
+        },
+    },
+    appearance: "light",
+    accentColor: "crimson",
+    neutralColor: "sage",
+    radius: "md",
+    density: "default",
+    shape: "rounded",
+    ornament: "balanced",
+    relief: 1,
+    effects: "static",
+    style: {
+        fontFamily: '"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-sans": '"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-display": '"Fraunces Variable", "Fraunces", ui-serif, Georgia, serif',
+        "--dixy-skin-cushion-elevation": "var(--dixy-skin-cushion-cast)",
+        "--dixy-card-shadow": "var(--dixy-shadow-raised)",
+        "--dixy-skin-depth-shadow": "var(--dixy-skin-authored-shadow, var(--dixy-shadow-raised))",
+        "--dixy-stroke-width": "1px",
+        "--dixy-card-border-width": "1px",
+        "--dixy-button-border-width": "1px",
+        "--dixy-input-border-width": "1px",
+        "--dixy-dialog-border-width": "1px",
+        "--dixy-font-heading-lg-family": '"Fraunces Variable", "Fraunces", ui-serif, Georgia, serif',
+        "--dixy-font-heading-md-family": '"Fraunces Variable", "Fraunces", ui-serif, Georgia, serif',
+        "--dixy-font-heading-sm-family": '"Fraunces Variable", "Fraunces", ui-serif, Georgia, serif',
+        "--dixy-font-title-lg-family": '"Fraunces Variable", "Fraunces", ui-serif, Georgia, serif',
+        "--dixy-font-title-md-family": '"Fraunces Variable", "Fraunces", ui-serif, Georgia, serif',
+        "--dixy-font-title-sm-family": '"Fraunces Variable", "Fraunces", ui-serif, Georgia, serif',
+        "--dixy-organic-density": "50",
+        "--dixy-organic-cornerDensity": "60",
+        "--dixy-organic-canopyDepth": "40",
+        "--dixy-organic-variation": "30",
+        "--dixy-organic-scale": "20",
+        "--dixy-organic-stemWeight": "40",
+        "--dixy-organic-motion": "25",
+        "--dixy-organic-seed": "12",
+        "--dixy-organic-style": "0",
+        "--dixy-organic-canopy": "0",
+        "--dixy-organic-stem": "0",
+    },
+};
+export default yuleKnit;