@wtfalch/design 0.1.0 → 0.3.0

package/dist/valet.d.ts

@@ -0,0 +1,18 @@
+/**
+ * valet's entry: the package, as valet.
+ *
+ * Everything the main entry exports, and on top of it `Brand`, `THEMES`,
+ * `DEFAULT_THEME` and `applyTheme` bound to valet -- a local export shadows
+ * the same name from `export *`. A site is one product, so it imports this
+ * and `@wtfalch/design/valet.css` and nothing of anyone else's.
+ */
+export * from './index';
+export declare const product: import("./products").Product;
+export declare const Brand: (props: {
+    name?: import("./index").BrandName;
+    title?: string;
+    className?: string;
+}) => import("react").JSX.Element;
+export declare const THEMES: Record<string, import("./themes").Theme>;
+export declare const DEFAULT_THEME: string;
+export declare const applyTheme: (theme?: string | import("./themes").Theme, el?: HTMLElement) => void;

package/dist/valet.js

@@ -0,0 +1,17 @@
+/**
+ * valet's entry: the package, as valet.
+ *
+ * Everything the main entry exports, and on top of it `Brand`, `THEMES`,
+ * `DEFAULT_THEME` and `applyTheme` bound to valet -- a local export shadows
+ * the same name from `export *`. A site is one product, so it imports this
+ * and `@wtfalch/design/valet.css` and nothing of anyone else's.
+ */
+export * from './index';
+import { bindProduct } from './products';
+import { valet } from './products/valet';
+const bound = bindProduct(valet);
+export const product = bound.product;
+export const Brand = bound.Brand;
+export const THEMES = bound.THEMES;
+export const DEFAULT_THEME = bound.DEFAULT_THEME;
+export const applyTheme = bound.applyTheme;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wtfalch/design",
-  "version": "0.1.0",
-  "description": "The tf design system: themeable components on a fixed token vocabulary.",
+  "version": "0.3.0",
+  "description": "wtfalch's design system: themeable components on a fixed token vocabulary.",
   "keywords": [
     "design-system",
     "react",
@@ -35,9 +35,19 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
+    "./tf": {
+      "types": "./dist/tf.d.ts",
+      "default": "./dist/tf.js"
+    },
+    "./valet": {
+      "types": "./dist/valet.d.ts",
+      "default": "./dist/valet.js"
+    },
+    "./tf.css": "./dist/tf.css",
+    "./valet.css": "./dist/valet.css",
     "./themes": {
-      "types": "./dist/themes.d.ts",
-      "default": "./dist/themes.js"
+      "types": "./dist/themes/index.d.ts",
+      "default": "./dist/themes/index.js"
     },
     "./tokens.css": "./dist/tokens.css",
     "./styles.css": "./dist/styles/index.css"
@@ -67,7 +77,7 @@
     "vitest": "^4.1.6"
   },
   "scripts": {
-    "build": "rm -rf dist && tsc -p tsconfig.build.json && node scripts/copy-css.mjs",
+    "build": "rm -rf dist && tsc -p tsconfig.build.json && node scripts/copy-css.mjs && node scripts/build-products.mjs",
     "typecheck": "tsc --noEmit",
     "test": "vitest run"
   }