@shapesos/clay 0.1.0

package/dist/tokens.d.ts

@@ -0,0 +1,121 @@
+declare const colors: {
+    readonly white: "#FFFFFF";
+    readonly "white-alpha-85": "rgba(255, 255, 255, 0.85)";
+    readonly "brown-10": "#FAF9F8";
+    readonly "brown-20": "#F5F3F0";
+    readonly "brown-30": "#EEEBE5";
+    readonly "brown-40": "#E6E2DA";
+    readonly "brown-50": "#CFCBC4";
+    readonly "brown-60": "#A19E99";
+    readonly "brown-70": "#73716D";
+    readonly "brown-80": "#5C5A57";
+    readonly "brown-90": "#2E2D2C";
+    readonly "brown-100": "#171716";
+    readonly "brown-alpha-12": "rgba(23, 23, 22, 0.12)";
+    readonly "brown-alpha-20": "rgba(23, 23, 22, 0.20)";
+    readonly "brown-alpha-55": "rgba(23, 23, 22, 0.55)";
+    readonly "brown-alpha-70": "rgba(23, 23, 22, 0.70)";
+    readonly "brown-alpha-80": "rgba(23, 23, 22, 0.80)";
+    readonly "brown-alpha-90": "rgba(23, 23, 22, 0.90)";
+    readonly "fuchsia-50": "#FAF5FF";
+    readonly "fuchsia-300": "#F0ABFC";
+    readonly "fuchsia-500": "#D946EF";
+    readonly "fuchsia-600": "#C026D3";
+    readonly "fuchsia-800": "#86198F";
+    readonly "pink-50": "#FDF2F8";
+    readonly "pink-400": "#F472B6";
+    readonly "pink-600": "#DB2777";
+    readonly "pink-800": "#9D174D";
+    readonly "violet-50": "#F5F3FF";
+    readonly "violet-400": "#A78BFA";
+    readonly "violet-600": "#7C3AED";
+    readonly "violet-800": "#5B21B6";
+    readonly "indigo-50": "#EEF2FF";
+    readonly "indigo-400": "#818CF8";
+    readonly "indigo-500": "#6366F1";
+    readonly "indigo-600": "#4F46E5";
+    readonly "indigo-800": "#3730A3";
+    readonly "cyan-50": "#E7FEFF";
+    readonly "cyan-300": "#67E8F9";
+    readonly "cyan-600": "#0891B2";
+    readonly "cyan-900": "#164E63";
+    readonly "teal-50": "#EBFDF9";
+    readonly "teal-300": "#5EEAD4";
+    readonly "teal-600": "#0D9488";
+    readonly "rose-400": "#FB7185";
+    readonly "purple-400": "#C084FC";
+    readonly "blue-50": "#EFF6FF";
+    readonly "blue-100": "#DBEAFE";
+    readonly "blue-300": "#93C5FD";
+    readonly "blue-400": "#60A5FA";
+    readonly "blue-600": "#2563EB";
+    readonly "blue-800": "#1E40AF";
+    readonly "sky-300": "#7DD3FC";
+    readonly "green-50": "#ECF9F0";
+    readonly "green-100": "#D4F1D9";
+    readonly "green-400": "#3DC269";
+    readonly "green-700": "#277C43";
+    readonly "green-800": "#1C5930";
+    readonly "orange-50": "#FFF7ED";
+    readonly "orange-100": "#FFEDD5";
+    readonly "orange-200": "#FED7AA";
+    readonly "orange-500": "#F97316";
+    readonly "orange-600": "#EA580C";
+    readonly "red-50": "#FEF2F2";
+    readonly "red-100": "#FEE2E2";
+    readonly "red-200": "#FECACA";
+    readonly "red-400": "#F7776C";
+    readonly "red-500": "#EF4444";
+    readonly "red-600": "#DC2626";
+};
+type ColorToken = keyof typeof colors;
+
+declare const fontFamilies: {
+    readonly GEIST: "Geist";
+    readonly CRIMSON_PRO: "Crimson Pro";
+};
+declare const typographyTypes: {
+    readonly GEIST_LABEL_CAPTION_REGULAR: "GEIST_LABEL_CAPTION_REGULAR";
+    readonly GEIST_LABEL_CAPTION_MEDIUM: "GEIST_LABEL_CAPTION_MEDIUM";
+    readonly GEIST_LABEL_CAPTION_SEMI_BOLD: "GEIST_LABEL_CAPTION_SEMI_BOLD";
+    readonly GEIST_BODY_XS_REGULAR: "GEIST_BODY_XS_REGULAR";
+    readonly GEIST_BODY_XS_MEDIUM: "GEIST_BODY_XS_MEDIUM";
+    readonly GEIST_BODY_XS_BOLD: "GEIST_BODY_XS_BOLD";
+    readonly GEIST_BODY_S_REGULAR: "GEIST_BODY_S_REGULAR";
+    readonly GEIST_BODY_S_MEDIUM: "GEIST_BODY_S_MEDIUM";
+    readonly GEIST_BODY_S_SEMI_BOLD: "GEIST_BODY_S_SEMI_BOLD";
+    readonly GEIST_BODY_M_LIGHT: "GEIST_BODY_M_LIGHT";
+    readonly GEIST_BODY_M_REGULAR: "GEIST_BODY_M_REGULAR";
+    readonly GEIST_BODY_M_MEDIUM: "GEIST_BODY_M_MEDIUM";
+    readonly GEIST_BODY_M_SEMI_BOLD: "GEIST_BODY_M_SEMI_BOLD";
+    readonly GEIST_BODY_L_REGULAR: "GEIST_BODY_L_REGULAR";
+    readonly GEIST_BODY_L_MEDIUM: "GEIST_BODY_L_MEDIUM";
+    readonly GEIST_BODY_L_SEMI_BOLD: "GEIST_BODY_L_SEMI_BOLD";
+    readonly GEIST_BODY_L_BOLD: "GEIST_BODY_L_BOLD";
+    readonly GEIST_HEADING_S_REGULAR: "GEIST_HEADING_S_REGULAR";
+    readonly GEIST_HEADING_S_MEDIUM: "GEIST_HEADING_S_MEDIUM";
+    readonly GEIST_HEADING_S_BOLD: "GEIST_HEADING_S_BOLD";
+    readonly GEIST_HEADING_M_BOLD: "GEIST_HEADING_M_BOLD";
+    readonly GEIST_HEADING_L_REGULAR: "GEIST_HEADING_L_REGULAR";
+    readonly GEIST_HEADING_L_MEDIUM: "GEIST_HEADING_L_MEDIUM";
+    readonly GEIST_HEADING_L_SEMI_BOLD: "GEIST_HEADING_L_SEMI_BOLD";
+    readonly GEIST_HEADING_L_BOLD: "GEIST_HEADING_L_BOLD";
+    readonly GEIST_DISPLAY_L_MEDIUM: "GEIST_DISPLAY_L_MEDIUM";
+    readonly CRIMSON_PRO_BODY_S_LIGHT: "CRIMSON_PRO_BODY_S_LIGHT";
+    readonly CRIMSON_PRO_BODY_M_LIGHT: "CRIMSON_PRO_BODY_M_LIGHT";
+    readonly CRIMSON_PRO_HEADING_M_MEDIUM: "CRIMSON_PRO_HEADING_M_MEDIUM";
+    readonly CRIMSON_PRO_DISPLAY_XL_REGULAR: "CRIMSON_PRO_DISPLAY_XL_REGULAR";
+};
+type TypographyType = (typeof typographyTypes)[keyof typeof typographyTypes];
+interface TypographyStyle {
+    fontFamily: string;
+    fontSize: number;
+    fontWeight: number;
+    lineHeight: number;
+    letterSpacing?: number;
+    fontStyle?: string;
+}
+declare const typographyStyles: Record<TypographyType, TypographyStyle>;
+declare function typographyMixin(type: TypographyType): string;
+
+export { type ColorToken, type TypographyStyle, type TypographyType, colors, fontFamilies, typographyMixin, typographyStyles, typographyTypes };

package/dist/tokens.js

@@ -0,0 +1,19 @@
+import "./chunk-C77QMQNT.js";
+import {
+  fontFamilies,
+  typographyMixin,
+  typographyStyles,
+  typographyTypes
+} from "./chunk-A6DKIFWS.js";
+import {
+  colors
+} from "./chunk-6HNZQ2BF.js";
+import "./chunk-5WRI5ZAA.js";
+export {
+  colors,
+  fontFamilies,
+  typographyMixin,
+  typographyStyles,
+  typographyTypes
+};
+//# sourceMappingURL=tokens.js.map

package/dist/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -0,0 +1,110 @@
+{
+  "name": "@shapesos/clay",
+  "version": "0.1.0",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "@playwright/test": "^1.58.2",
+    "@storybook/react": "^10.2.13",
+    "@storybook/react-vite": "^10.2.13",
+    "@tabler/icons-react": "^3.37.1",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^25.3.2",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.4",
+    "@vitest/coverage-v8": "^4.0.18",
+    "eslint": "^10.0.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "jsdom": "^28.1.0",
+    "lefthook": "^2.1.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "storybook": "^10.2.13",
+    "styled-components": "^6.3.11",
+    "tsup": "~8.5.1",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.56.1",
+    "vite": "^7.3.1",
+    "vitest": "~4.0.18"
+  },
+  "peerDependencies": {
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19",
+    "styled-components": "^5 || ^6"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./tokens": {
+      "types": "./dist/tokens.d.ts",
+      "import": "./dist/tokens.js",
+      "require": "./dist/tokens.cjs"
+    },
+    "./chat": {
+      "types": "./dist/chat.d.ts",
+      "import": "./dist/chat.js",
+      "require": "./dist/chat.cjs"
+    },
+    "./icon": {
+      "types": "./dist/icon.d.ts",
+      "import": "./dist/icon.js",
+      "require": "./dist/icon.cjs"
+    },
+    "./lottie": {
+      "types": "./dist/lottie.d.ts",
+      "import": "./dist/lottie.js",
+      "require": "./dist/lottie.cjs"
+    }
+  },
+  "description": "Shapes.co design system — tokens and theming",
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "design-system",
+    "tokens",
+    "colors",
+    "typography",
+    "react",
+    "shapes"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "restricted",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:e2e": "playwright test",
+    "test:e2e:headed": "playwright test --headed",
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix .",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\" \"stories/**/*.tsx\" \".storybook/**/*.ts\"",
+    "typecheck": "tsc --noEmit",
+    "check": "eslint . && tsc --noEmit && vitest run",
+    "prepare": "lefthook install"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "dependencies": {
+    "lottie-react": "^2.4.1",
+    "react-markdown": "^10.1.0",
+    "remark-gfm": "^4.0.1"
+  }
+}