@sirlund/mindset-ui 0.1.0

package/dist/tokens/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * MindSet Design System - Design Tokens
+ *
+ * This module exports all design tokens for the MindSet Design System.
+ * Import the CSS file to make the CSS variables available in your application.
+ *
+ * @example
+ * ```tsx
+ * // Import CSS tokens
+ * import '@/tokens';
+ *
+ * // Or use TypeScript tokens
+ * import { tokens, colors, spacing } from '@/tokens';
+ * ```
+ */
+import './tokens.css';
+export { default as tokens, colors, spacing, getCSSVar } from './tokens';
+export type { Scale, FontFamily, FontSize, Gap, Radius, Stroke, MaxWidth } from './tokens';
+//# sourceMappingURL=index.d.ts.map

package/dist/tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACzE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC"}

package/dist/tokens/tokens.d.ts

@@ -0,0 +1,194 @@
+/**
+ * MindSet Design System - Design Tokens (TypeScript)
+ * Type-safe access to design tokens
+ */
+export declare const tokens: {
+    readonly scale: {
+        readonly 0: "0px";
+        readonly 12.5: "1px";
+        readonly 25: "2px";
+        readonly 50: "4px";
+        readonly 75: "6px";
+        readonly 100: "8px";
+        readonly 150: "12px";
+        readonly 175: "14px";
+        readonly 200: "16px";
+        readonly 250: "20px";
+        readonly 300: "24px";
+        readonly 400: "32px";
+        readonly 500: "40px";
+        readonly 600: "48px";
+        readonly 700: "56px";
+        readonly 800: "64px";
+        readonly 900: "72px";
+        readonly 1000: "80px";
+        readonly 2000: "160px";
+        readonly 2500: "200px";
+    };
+    readonly typography: {
+        readonly fontFamily: {
+            readonly default: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
+            readonly mono: "'Fira Code', 'Monaco', 'Courier New', monospace";
+        };
+        readonly fontSize: {
+            readonly xs: "12px";
+            readonly s: "14px";
+            readonly m: "16px";
+            readonly l: "20px";
+            readonly xl: "24px";
+        };
+    };
+    readonly gap: {
+        readonly none: "0px";
+        readonly '3xs': "2px";
+        readonly '2xs': "4px";
+        readonly xs: "8px";
+        readonly s: "12px";
+        readonly m: "16px";
+        readonly l: "20px";
+        readonly xl: "24px";
+        readonly '2xl': "32px";
+        readonly '3xl': "40px";
+        readonly '4xl': "48px";
+        readonly '5xl': "56px";
+        readonly '6xl': "64px";
+        readonly '7xl': "80px";
+    };
+    readonly radius: {
+        readonly none: "0px";
+        readonly xs: "4px";
+        readonly s: "6px";
+        readonly m: "8px";
+        readonly l: "12px";
+        readonly xl: "16px";
+        readonly rounded: "9999px";
+    };
+    readonly stroke: {
+        readonly none: "0px";
+        readonly thin: "1px";
+        readonly light: "1.25px";
+        readonly medium: "1.5px";
+        readonly large: "2px";
+    };
+    readonly maxWidth: {
+        readonly mobile: "480px";
+        readonly tabletPortrait: "768px";
+        readonly tabletLandscape: "1024px";
+        readonly desktop: "1440px";
+        readonly desktopLg: "1600px";
+        readonly desktopXl: "1980px";
+    };
+};
+export type Scale = keyof typeof tokens.scale;
+export type FontFamily = keyof typeof tokens.typography.fontFamily;
+export type FontSize = keyof typeof tokens.typography.fontSize;
+export type Gap = keyof typeof tokens.gap;
+export type Radius = keyof typeof tokens.radius;
+export type Stroke = keyof typeof tokens.stroke;
+export type MaxWidth = keyof typeof tokens.maxWidth;
+export declare const getCSSVar: (name: string) => string;
+export declare const spacing: {
+    readonly none: string;
+    readonly '3xs': string;
+    readonly '2xs': string;
+    readonly xs: string;
+    readonly s: string;
+    readonly m: string;
+    readonly l: string;
+    readonly xl: string;
+    readonly '2xl': string;
+    readonly '3xl': string;
+    readonly '4xl': string;
+    readonly '5xl': string;
+    readonly '6xl': string;
+    readonly '7xl': string;
+};
+export declare const colors: {
+    readonly accent: {
+        readonly default: string;
+        readonly subtle: string;
+        readonly strong: string;
+        readonly lighter: string;
+        readonly light: string;
+    };
+    readonly primary: {
+        readonly default: string;
+        readonly inverted: string;
+        readonly subtle: string;
+        readonly light: string;
+    };
+    readonly surface: {
+        readonly background: string;
+        readonly backgroundInverted: string;
+        readonly layer: string;
+        readonly layerStrong: string;
+        readonly layerStronger: string;
+        readonly elevated: string;
+        readonly accent: string;
+        readonly input: string;
+    };
+    readonly content: {
+        readonly heading: string;
+        readonly primary: string;
+        readonly secondary: string;
+        readonly disabled: string;
+        readonly inverted: string;
+        readonly accent: string;
+        readonly error: string;
+        readonly success: string;
+        readonly warning: string;
+    };
+    readonly contentOnInverted: {
+        readonly heading: string;
+        readonly primary: string;
+        readonly secondary: string;
+        readonly disabled: string;
+        readonly accent: string;
+    };
+    readonly icon: {
+        readonly primary: string;
+        readonly secondary: string;
+        readonly disabled: string;
+        readonly inverted: string;
+        readonly accent: string;
+        readonly accentSubtle: string;
+        readonly accentStrong: string;
+        readonly error: string;
+        readonly success: string;
+        readonly warning: string;
+    };
+    readonly stroke: {
+        readonly subtle: string;
+        readonly medium: string;
+        readonly strong: string;
+        readonly alphaSubtle: string;
+        readonly alphaMedium: string;
+        readonly alphaStrong: string;
+    };
+    readonly feedback: {
+        readonly negative: {
+            readonly light: string;
+            readonly default: string;
+            readonly strong: string;
+        };
+        readonly positive: {
+            readonly light: string;
+            readonly default: string;
+            readonly strong: string;
+        };
+        readonly warning: {
+            readonly light: string;
+            readonly default: string;
+            readonly strong: string;
+        };
+    };
+    readonly build: {
+        readonly action: string;
+        readonly data: string;
+        readonly function: string;
+        readonly input: string;
+        readonly workflow: string;
+    };
+};
+export default tokens;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/tokens/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/tokens/tokens.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuFT,CAAC;AAGX,MAAM,MAAM,KAAK,GAAG,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;AAC9C,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC;AACnE,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC;AAC/D,MAAM,MAAM,GAAG,GAAG,MAAM,OAAO,MAAM,CAAC,GAAG,CAAC;AAC1C,MAAM,MAAM,MAAM,GAAG,MAAM,OAAO,MAAM,CAAC,MAAM,CAAC;AAChD,MAAM,MAAM,MAAM,GAAG,MAAM,OAAO,MAAM,CAAC,MAAM,CAAC;AAChD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,CAAC,QAAQ,CAAC;AAGpD,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,KAAG,MAA0B,CAAC;AAGpE,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CAeV,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuGT,CAAC;AAEX,eAAe,MAAM,CAAC"}

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@sirlund/mindset-ui",
+  "description": "MindSet Design System - Storybook documentation and component library extracted from Figma",
+  "version": "0.1.0",
+  "type": "module",
+  "author": "MindSet Team",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "deploy-storybook": "storybook build && gh-pages -d storybook-static",
+    "lint": "eslint .",
+    "dev": "storybook dev -p 6006",
+    "build": "storybook build",
+    "build:lib": "tsup && tsc -p tsconfig.build.json --emitDeclarationOnly && node scripts/build-css.mjs"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^5.0.0",
+    "@eslint/js": "^9.33.0",
+    "@storybook/addon-a11y": "^10.1.11",
+    "@storybook/addon-docs": "^10.1.11",
+    "@storybook/addon-mcp": "^0.2.0",
+    "@storybook/addon-onboarding": "^10.1.11",
+    "@storybook/addon-vitest": "^10.1.11",
+    "@storybook/cli": "^10.1.11",
+    "@storybook/react-vite": "^10.1.11",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7",
+    "@vitejs/plugin-react": "^5.0.0",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "eslint": "^9.33.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "eslint-plugin-storybook": "^10.1.11",
+    "gh-pages": "^6.3.0",
+    "globals": "^16.3.0",
+    "playwright": "^1.55.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "storybook": "^10.1.11",
+    "tsup": "^8.0.0",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.39.1",
+    "vite": "^7.1.2",
+    "vitest": "^3.2.4"
+  }
+}