@tokis/tokens 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Tokis Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,54 @@
+# /tokens
+
+Design token engine for the Tokis design system — color primitives, semantic scales, spacing, typography, shadows, motion, and CSS variable generation.
+
+## Installation
+
+```bash
+npm install /tokens
+```
+
+> Or install everything at once: `npm install tokis`
+
+## Usage
+
+### TypeScript / JavaScript
+
+```ts
+import {
+  colors,
+  spacing,
+  radius,
+  typography,
+  shadows,
+  motion,
+  lightTheme,
+  darkTheme,
+  generateCSSVars,
+} from '/tokens';
+
+// Generate CSS custom properties from a theme
+const css = generateCSSVars(lightTheme);
+```
+
+### CSS
+
+```css
+@import '/tokens/css';
+```
+
+## What's Included
+
+- **Primitive Tokens** — Colors, spacing, radius, typography, shadows, motion, z-index, breakpoints
+- **Semantic Tokens** — Color roles, surface levels, text hierarchy, border styles
+- **Themes** — Light and dark theme definitions
+- **CSS Generation** — `generateCSSVars()` to produce CSS custom properties from any theme object
+- **Full TypeScript** — Every token is fully typed
+
+## Documentation
+
+Visit [tokis.dev](https://tokis.dev/docs/theming) for the theming and token guide.
+
+## License
+
+MIT

package/dist/cjs/css/generate-css-vars.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateCssVariables = generateCssVariables;
+const colors_js_1 = require("../primitives/colors");
+const spacing_js_1 = require("../primitives/spacing");
+const radius_js_1 = require("../primitives/radius");
+const typography_js_1 = require("../primitives/typography");
+const shadows_js_1 = require("../primitives/shadows");
+const motion_js_1 = require("../primitives/motion");
+const zIndex_js_1 = require("../primitives/zIndex");
+const breakpoints_js_1 = require("../primitives/breakpoints");
+const color_js_1 = require("../semantic/color");
+const surface_js_1 = require("../semantic/surface");
+const text_js_1 = require("../semantic/text");
+const border_js_1 = require("../semantic/border");
+function generateCssVariables(scope = ':root') {
+    const vars = [];
+    const prefix = '--tokis-';
+    const add = (name, value) => {
+        vars.push(`  ${prefix}${name}: ${String(value)};`);
+    };
+    // Primitive: Colors
+    Object.entries(colors_js_1.colors).forEach(([key, value]) => add(`color-${key}`, value));
+    // Primitive: Spacing
+    Object.entries(spacing_js_1.spacing).forEach(([key, value]) => add(`spacing-${key}`, value));
+    // Primitive: Radius
+    Object.entries(radius_js_1.radius).forEach(([key, value]) => add(`radius-${key}`, value));
+    // Primitive: Typography
+    Object.entries(typography_js_1.typography.fontSize).forEach(([key, value]) => add(`font-size-${key}`, value));
+    Object.entries(typography_js_1.typography.fontWeight).forEach(([key, value]) => add(`font-weight-${key}`, String(value)));
+    add('font-family', typography_js_1.typography.fontFamily);
+    // Primitive: Shadows
+    Object.entries(shadows_js_1.shadows).forEach(([key, value]) => add(`shadow-${key}`, value));
+    // Primitive: Motion
+    Object.entries(motion_js_1.motion.duration).forEach(([key, value]) => add(`motion-duration-${key}`, value));
+    Object.entries(motion_js_1.motion.easing).forEach(([key, value]) => add(`motion-easing-${key}`, value));
+    // Primitive: Z-Index
+    Object.entries(zIndex_js_1.zIndex).forEach(([key, value]) => add(`z-index-${key}`, String(value)));
+    // Primitive: Breakpoints
+    Object.entries(breakpoints_js_1.breakpoints).forEach(([key, value]) => add(`breakpoint-${key}`, value));
+    // Semantic: Colors
+    Object.entries(color_js_1.semanticColors).forEach(([key, value]) => add(`semantic-color-${key}`, value));
+    // Semantic: Surface
+    Object.entries(surface_js_1.surface).forEach(([key, value]) => add(`surface-${key}`, value));
+    // Semantic: Text
+    Object.entries(text_js_1.text).forEach(([key, value]) => add(`text-${key}`, value));
+    // Semantic: Border
+    Object.entries(border_js_1.border).forEach(([key, value]) => add(`border-${key}`, value));
+    return `${scope} {\n${vars.join('\n')}\n}`;
+}

package/dist/cjs/index.js

@@ -0,0 +1,32 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./primitives/colors"), exports);
+__exportStar(require("./primitives/spacing"), exports);
+__exportStar(require("./primitives/radius"), exports);
+__exportStar(require("./primitives/typography"), exports);
+__exportStar(require("./primitives/shadows"), exports);
+__exportStar(require("./primitives/motion"), exports);
+__exportStar(require("./primitives/zIndex"), exports);
+__exportStar(require("./primitives/breakpoints"), exports);
+__exportStar(require("./semantic/color"), exports);
+__exportStar(require("./semantic/surface"), exports);
+__exportStar(require("./semantic/text"), exports);
+__exportStar(require("./semantic/border"), exports);
+__exportStar(require("./themes/light"), exports);
+__exportStar(require("./themes/dark"), exports);
+__exportStar(require("./css/generate-css-vars"), exports);
+__exportStar(require("./types"), exports);

package/dist/cjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/dist/cjs/primitives/breakpoints.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.breakpoints = void 0;
+exports.breakpoints = {
+    sm: '640px',
+    md: '768px',
+    lg: '1024px',
+    xl: '1280px',
+};

package/dist/cjs/primitives/colors.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colors = void 0;
+exports.colors = {
+    primary: '#0066ff',
+    secondary: '#ff6600',
+    background: '#ffffff',
+    surface: '#f5f5f5',
+    error: '#d32f2f',
+    warning: '#f57c00',
+    success: '#388e3c',
+    neutral100: '#f5f5f5',
+    neutral200: '#eeeeee',
+    neutral300: '#e0e0e0',
+    neutral400: '#bdbdbd',
+    neutral500: '#9e9e9e',
+    neutral600: '#757575',
+    neutral700: '#616161',
+    neutral800: '#424242',
+    neutral900: '#212121',
+    onPrimary: '#ffffff',
+    onSecondary: '#ffffff',
+    onBackground: '#212121',
+    onSurface: '#424242',
+    onError: '#ffffff',
+};

package/dist/cjs/primitives/motion.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.motion = void 0;
+exports.motion = {
+    duration: {
+        fast: '150ms',
+        normal: '300ms',
+        slow: '500ms',
+    },
+    easing: {
+        easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
+    },
+};

package/dist/cjs/primitives/radius.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.radius = void 0;
+exports.radius = {
+    none: '0px',
+    sm: '2px',
+    md: '4px',
+    lg: '8px',
+    full: '9999px',
+};

package/dist/cjs/primitives/shadows.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shadows = void 0;
+exports.shadows = {
+    sm: '0 1px 2px rgba(0,0,0,0.05)',
+    md: '0 4px 6px rgba(0,0,0,0.1)',
+    lg: '0 10px 15px rgba(0,0,0,0.15)',
+};

package/dist/cjs/primitives/spacing.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.spacing = void 0;
+exports.spacing = {
+    xs: '4px',
+    sm: '8px',
+    md: '16px',
+    lg: '24px',
+    xl: '32px',
+};

package/dist/cjs/primitives/typography.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typography = void 0;
+exports.typography = {
+    fontFamily: 'system-ui, sans-serif',
+    fontSize: {
+        xs: '0.75rem',
+        sm: '0.875rem',
+        md: '1rem',
+        lg: '1.125rem',
+        xl: '1.25rem',
+    },
+    fontWeight: {
+        normal: 400,
+        medium: 500,
+        bold: 700,
+    },
+};

package/dist/cjs/primitives/zIndex.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.zIndex = void 0;
+exports.zIndex = {
+    dropdown: 1000,
+    modal: 2000,
+    tooltip: 3000,
+};

package/dist/cjs/semantic/border.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.border = void 0;
+const colors_js_1 = require("../primitives/colors");
+const color_js_1 = require("./color");
+exports.border = {
+    default: color_js_1.semanticColors.onSurface,
+    focus: colors_js_1.colors.primary,
+};

package/dist/cjs/semantic/color.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.semanticColors = void 0;
+const colors_js_1 = require("../primitives/colors");
+exports.semanticColors = {
+    primary: colors_js_1.colors.primary,
+    secondary: colors_js_1.colors.secondary,
+    background: colors_js_1.colors.background,
+    surface: colors_js_1.colors.surface,
+    error: colors_js_1.colors.error,
+    onPrimary: colors_js_1.colors.onPrimary,
+    onSecondary: colors_js_1.colors.onSecondary,
+    onBackground: colors_js_1.colors.onBackground,
+    onSurface: colors_js_1.colors.onSurface,
+    onError: colors_js_1.colors.onError,
+};

package/dist/cjs/semantic/surface.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.surface = void 0;
+const color_js_1 = require("./color");
+exports.surface = {
+    default: color_js_1.semanticColors.surface,
+    elevated: color_js_1.semanticColors.background,
+};

package/dist/cjs/semantic/text.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.text = void 0;
+const colors_js_1 = require("../primitives/colors");
+const color_js_1 = require("./color");
+exports.text = {
+    primary: color_js_1.semanticColors.onBackground,
+    secondary: color_js_1.semanticColors.onSurface,
+    disabled: colors_js_1.colors.neutral500,
+    error: colors_js_1.colors.error,
+    onPrimary: color_js_1.semanticColors.onPrimary,
+};

package/dist/cjs/themes/dark.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.darkTheme = void 0;
+const colors_js_1 = require("../primitives/colors");
+const color_js_1 = require("../semantic/color");
+const darkColors = {
+    ...colors_js_1.colors,
+    background: '#121212',
+    surface: '#1e1e1e',
+    onBackground: '#f5f5f5',
+    onSurface: '#e0e0e0',
+};
+exports.darkTheme = {
+    colors: darkColors,
+    semanticColors: {
+        ...color_js_1.semanticColors,
+        background: darkColors.background,
+        surface: darkColors.surface,
+        onBackground: darkColors.onBackground,
+        onSurface: darkColors.onSurface,
+    },
+    mode: 'dark',
+};

package/dist/cjs/themes/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.darkTheme = exports.lightTheme = void 0;
+var light_js_1 = require("./light");
+Object.defineProperty(exports, "lightTheme", { enumerable: true, get: function () { return light_js_1.lightTheme; } });
+var dark_js_1 = require("./dark");
+Object.defineProperty(exports, "darkTheme", { enumerable: true, get: function () { return dark_js_1.darkTheme; } });

package/dist/cjs/themes/light.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.lightTheme = void 0;
+const colors_js_1 = require("../primitives/colors");
+const color_js_1 = require("../semantic/color");
+exports.lightTheme = {
+    colors: colors_js_1.colors,
+    semanticColors: color_js_1.semanticColors,
+    mode: 'light',
+};

package/dist/cjs/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/css/generate-css-vars.d.ts

@@ -0,0 +1,2 @@
+export declare function generateCssVariables(scope?: string): string;
+//# sourceMappingURL=generate-css-vars.d.ts.map

package/dist/css/generate-css-vars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-css-vars.d.ts","sourceRoot":"","sources":["../../src/css/generate-css-vars.ts"],"names":[],"mappings":"AAaA,wBAAgB,oBAAoB,CAAC,KAAK,SAAU,GAAG,MAAM,CAgD5D"}

package/dist/css/generate-css-vars.js

@@ -0,0 +1,48 @@
+import { colors } from '../primitives/colors.js';
+import { spacing } from '../primitives/spacing.js';
+import { radius } from '../primitives/radius.js';
+import { typography } from '../primitives/typography.js';
+import { shadows } from '../primitives/shadows.js';
+import { motion } from '../primitives/motion.js';
+import { zIndex } from '../primitives/zIndex.js';
+import { breakpoints } from '../primitives/breakpoints.js';
+import { semanticColors } from '../semantic/color.js';
+import { surface } from '../semantic/surface.js';
+import { text } from '../semantic/text.js';
+import { border } from '../semantic/border.js';
+export function generateCssVariables(scope = ':root') {
+    const vars = [];
+    const prefix = '--tokis-';
+    const add = (name, value) => {
+        vars.push(`  ${prefix}${name}: ${String(value)};`);
+    };
+    // Primitive: Colors
+    Object.entries(colors).forEach(([key, value]) => add(`color-${key}`, value));
+    // Primitive: Spacing
+    Object.entries(spacing).forEach(([key, value]) => add(`spacing-${key}`, value));
+    // Primitive: Radius
+    Object.entries(radius).forEach(([key, value]) => add(`radius-${key}`, value));
+    // Primitive: Typography
+    Object.entries(typography.fontSize).forEach(([key, value]) => add(`font-size-${key}`, value));
+    Object.entries(typography.fontWeight).forEach(([key, value]) => add(`font-weight-${key}`, String(value)));
+    add('font-family', typography.fontFamily);
+    // Primitive: Shadows
+    Object.entries(shadows).forEach(([key, value]) => add(`shadow-${key}`, value));
+    // Primitive: Motion
+    Object.entries(motion.duration).forEach(([key, value]) => add(`motion-duration-${key}`, value));
+    Object.entries(motion.easing).forEach(([key, value]) => add(`motion-easing-${key}`, value));
+    // Primitive: Z-Index
+    Object.entries(zIndex).forEach(([key, value]) => add(`z-index-${key}`, String(value)));
+    // Primitive: Breakpoints
+    Object.entries(breakpoints).forEach(([key, value]) => add(`breakpoint-${key}`, value));
+    // Semantic: Colors
+    Object.entries(semanticColors).forEach(([key, value]) => add(`semantic-color-${key}`, value));
+    // Semantic: Surface
+    Object.entries(surface).forEach(([key, value]) => add(`surface-${key}`, value));
+    // Semantic: Text
+    Object.entries(text).forEach(([key, value]) => add(`text-${key}`, value));
+    // Semantic: Border
+    Object.entries(border).forEach(([key, value]) => add(`border-${key}`, value));
+    return `${scope} {\n${vars.join('\n')}\n}`;
+}
+//# sourceMappingURL=generate-css-vars.js.map

package/dist/css/generate-css-vars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-css-vars.js","sourceRoot":"","sources":["../../src/css/generate-css-vars.ts"],"names":[],"mappings":"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"}

package/dist/css/index.css

@@ -0,0 +1,30 @@
+/*
+ * TOKIS Design Tokens — CSS Variables
+ *
+ * This file is auto-generated by generateCssVariables().
+ * Do not edit manually.
+ *
+ * Usage:
+ *   import '/tokens/dist/css/index.css';
+ *
+ * Theme switching:
+ *   :root              → light theme (default)
+ *   [data-theme="dark"] → dark theme override
+ *
+ * Variable naming convention:
+ *   --tokis-color-{name}
+ *   --tokis-spacing-{scale}
+ *   --tokis-radius-{scale}
+ *   --tokis-font-size-{scale}
+ *   --tokis-font-weight-{scale}
+ *   --tokis-shadow-{scale}
+ *   --tokis-motion-duration-{scale}
+ *   --tokis-motion-easing-{name}
+ *   --tokis-z-index-{layer}
+ *   --tokis-semantic-color-{name}
+ *   --tokis-surface-{name}
+ *   --tokis-text-{name}
+ *   --tokis-border-{name}
+ */
+
+/* Populated at build time via generateCssVariables() */

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+export * from './primitives/colors.js';
+export * from './primitives/spacing.js';
+export * from './primitives/radius.js';
+export * from './primitives/typography.js';
+export * from './primitives/shadows.js';
+export * from './primitives/motion.js';
+export * from './primitives/zIndex.js';
+export * from './primitives/breakpoints.js';
+export * from './semantic/color.js';
+export * from './semantic/surface.js';
+export * from './semantic/text.js';
+export * from './semantic/border.js';
+export * from './themes/light.js';
+export * from './themes/dark.js';
+export * from './css/generate-css-vars.js';
+export * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,17 @@
+export * from './primitives/colors.js';
+export * from './primitives/spacing.js';
+export * from './primitives/radius.js';
+export * from './primitives/typography.js';
+export * from './primitives/shadows.js';
+export * from './primitives/motion.js';
+export * from './primitives/zIndex.js';
+export * from './primitives/breakpoints.js';
+export * from './semantic/color.js';
+export * from './semantic/surface.js';
+export * from './semantic/text.js';
+export * from './semantic/border.js';
+export * from './themes/light.js';
+export * from './themes/dark.js';
+export * from './css/generate-css-vars.js';
+export * from './types.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,YAAY,CAAC"}

package/dist/primitives/breakpoints.d.ts

@@ -0,0 +1,7 @@
+export declare const breakpoints: {
+    readonly sm: "640px";
+    readonly md: "768px";
+    readonly lg: "1024px";
+    readonly xl: "1280px";
+};
+//# sourceMappingURL=breakpoints.d.ts.map

package/dist/primitives/breakpoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../src/primitives/breakpoints.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;CAKd,CAAC"}

package/dist/primitives/breakpoints.js

@@ -0,0 +1,7 @@
+export const breakpoints = {
+    sm: '640px',
+    md: '768px',
+    lg: '1024px',
+    xl: '1280px',
+};
+//# sourceMappingURL=breakpoints.js.map

package/dist/primitives/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../src/primitives/breakpoints.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;CACJ,CAAC"}

package/dist/primitives/colors.d.ts

@@ -0,0 +1,24 @@
+export declare const colors: {
+    readonly primary: "#0066ff";
+    readonly secondary: "#ff6600";
+    readonly background: "#ffffff";
+    readonly surface: "#f5f5f5";
+    readonly error: "#d32f2f";
+    readonly warning: "#f57c00";
+    readonly success: "#388e3c";
+    readonly neutral100: "#f5f5f5";
+    readonly neutral200: "#eeeeee";
+    readonly neutral300: "#e0e0e0";
+    readonly neutral400: "#bdbdbd";
+    readonly neutral500: "#9e9e9e";
+    readonly neutral600: "#757575";
+    readonly neutral700: "#616161";
+    readonly neutral800: "#424242";
+    readonly neutral900: "#212121";
+    readonly onPrimary: "#ffffff";
+    readonly onSecondary: "#ffffff";
+    readonly onBackground: "#212121";
+    readonly onSurface: "#424242";
+    readonly onError: "#ffffff";
+};
+//# sourceMappingURL=colors.d.ts.map

package/dist/primitives/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/primitives/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAsBT,CAAC"}

package/dist/primitives/colors.js

@@ -0,0 +1,24 @@
+export const colors = {
+    primary: '#0066ff',
+    secondary: '#ff6600',
+    background: '#ffffff',
+    surface: '#f5f5f5',
+    error: '#d32f2f',
+    warning: '#f57c00',
+    success: '#388e3c',
+    neutral100: '#f5f5f5',
+    neutral200: '#eeeeee',
+    neutral300: '#e0e0e0',
+    neutral400: '#bdbdbd',
+    neutral500: '#9e9e9e',
+    neutral600: '#757575',
+    neutral700: '#616161',
+    neutral800: '#424242',
+    neutral900: '#212121',
+    onPrimary: '#ffffff',
+    onSecondary: '#ffffff',
+    onBackground: '#212121',
+    onSurface: '#424242',
+    onError: '#ffffff',
+};
+//# sourceMappingURL=colors.js.map

package/dist/primitives/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/primitives/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,SAAS;IACtB,YAAY,EAAE,SAAS;IACvB,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,SAAS;CACV,CAAC"}

package/dist/primitives/motion.d.ts

@@ -0,0 +1,11 @@
+export declare const motion: {
+    readonly duration: {
+        readonly fast: "150ms";
+        readonly normal: "300ms";
+        readonly slow: "500ms";
+    };
+    readonly easing: {
+        readonly easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)";
+    };
+};
+//# sourceMappingURL=motion.d.ts.map

package/dist/primitives/motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/primitives/motion.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;CAST,CAAC"}

package/dist/primitives/motion.js

@@ -0,0 +1,11 @@
+export const motion = {
+    duration: {
+        fast: '150ms',
+        normal: '300ms',
+        slow: '500ms',
+    },
+    easing: {
+        easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
+    },
+};
+//# sourceMappingURL=motion.js.map

package/dist/primitives/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.js","sourceRoot":"","sources":["../../src/primitives/motion.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE;QACR,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,OAAO;QACf,IAAI,EAAE,OAAO;KACd;IACD,MAAM,EAAE;QACN,SAAS,EAAE,8BAA8B;KAC1C;CACO,CAAC"}