@ingamigo/ui 1.0.8 → 1.2.0

package/dist/theme/theme.js

@@ -0,0 +1,210 @@
+const primitives = {
+    colors: {
+        white: "#ffffff",
+        black: "#000000",
+        neutral: {
+            50: "#f5f5f5",
+            100: "#e9e9ea",
+            200: "#d5d5d7",
+            300: "#b9b9bd",
+            400: "#97979d",
+            500: "#7b7b82",
+            600: "#5f6066",
+            700: "#45464b",
+            800: "#2e3035",
+            900: "#1d1e20",
+            950: "#141414",
+        },
+        brand: {
+            400: "#63c69d",
+            500: "#4db288",
+            600: "#3d9873",
+        },
+        success: "#4db288",
+        warning: "#e7b94c",
+        danger: "#cc5c6f",
+    },
+    spacing: {
+        1: "4px",
+        2: "8px",
+        3: "12px",
+        4: "16px",
+        5: "20px",
+        6: "24px",
+        7: "28px",
+        8: "32px",
+        10: "40px",
+        12: "48px",
+        16: "64px",
+        20: "80px",
+    },
+    radius: {
+        none: "0px",
+        xs: "8px",
+        sm: "12px",
+        md: "16px",
+        lg: "20px",
+        xl: "24px",
+        "2xl": "28px",
+        full: "9999px",
+    },
+    typography: {
+        fontFamily: `
+      Inter,
+      system-ui,
+      -apple-system,
+      BlinkMacSystemFont,
+      "Segoe UI",
+      Roboto,
+      Helvetica,
+      Arial,
+      sans-serif
+    `,
+        fontSize: {
+            xs: "12px",
+            sm: "14px",
+            md: "16px",
+            lg: "18px",
+            xl: "20px",
+            "2xl": "24px",
+            "3xl": "32px",
+            "4xl": "36px",
+            "5xl": "40px",
+        },
+        fontWeight: {
+            regular: 400,
+            medium: 500,
+            semibold: 600,
+            bold: 700,
+        },
+        lineHeight: {
+            tight: 1.15,
+            normal: 1.4,
+            relaxed: 1.6,
+        },
+    },
+    shadows: {
+        sm: "0 2px 8px rgb(0 0 0 / 18%)",
+        md: "0 6px 16px rgb(0 0 0 / 24%)",
+        lg: "0 12px 32px rgb(0 0 0 / 30%)",
+        xl: "0 20px 48px rgb(0 0 0 / 36%)",
+    },
+    motion: {
+        duration: {
+            fast: "150ms",
+            normal: "200ms",
+            slow: "300ms",
+        },
+        ease: {
+            standard: "ease",
+        },
+    },
+};
+const lightSemantic = {
+    background: {
+        primary: primitives.colors.neutral[50],
+        secondary: primitives.colors.white,
+    },
+    surface: {
+        primary: primitives.colors.white,
+        secondary: primitives.colors.neutral[50],
+        tertiary: primitives.colors.neutral[100],
+    },
+    text: {
+        primary: primitives.colors.neutral[950],
+        secondary: primitives.colors.neutral[600],
+        tertiary: primitives.colors.neutral[500],
+        disabled: primitives.colors.neutral[400],
+        inverse: primitives.colors.white,
+    },
+    border: {
+        default: primitives.colors.neutral[200],
+        strong: primitives.colors.neutral[300],
+        focus: primitives.colors.brand[500],
+    },
+    action: {
+        primary: primitives.colors.brand[500],
+        primaryHover: primitives.colors.brand[600],
+    },
+    status: {
+        success: primitives.colors.success,
+        warning: primitives.colors.warning,
+        danger: primitives.colors.danger,
+    },
+    semanticTypography: {
+        fontSize: {
+            body: primitives.typography.fontSize.md,
+            bodySm: primitives.typography.fontSize.sm,
+            bodyLg: primitives.typography.fontSize.lg,
+            label: primitives.typography.fontSize.sm,
+            heading1: primitives.typography.fontSize["4xl"],
+            heading2: primitives.typography.fontSize["3xl"],
+            heading3: primitives.typography.fontSize["2xl"],
+        },
+        fontWeight: {
+            heading: primitives.typography.fontWeight.bold,
+            body: primitives.typography.fontWeight.regular,
+            label: primitives.typography.fontWeight.medium,
+        },
+    },
+    radiusSemantic: {
+        control: primitives.radius.md,
+        card: primitives.radius.xl,
+        container: primitives.radius.xl,
+    },
+    elevation: {
+        surface: primitives.shadows.sm,
+        floating: primitives.shadows.md,
+        overlay: primitives.shadows.lg,
+    },
+    motionSemantic: {
+        interaction: primitives.motion.duration.normal,
+        transition: primitives.motion.ease.standard,
+    },
+};
+const darkSemantic = {
+    background: {
+        primary: primitives.colors.neutral[950],
+        secondary: primitives.colors.neutral[900],
+    },
+    surface: {
+        primary: primitives.colors.neutral[900],
+        secondary: primitives.colors.neutral[800],
+        tertiary: primitives.colors.neutral[700],
+    },
+    text: {
+        primary: primitives.colors.white,
+        secondary: primitives.colors.neutral[300],
+        tertiary: primitives.colors.neutral[400],
+        disabled: primitives.colors.neutral[500],
+        inverse: primitives.colors.neutral[950],
+    },
+    border: {
+        default: primitives.colors.neutral[800],
+        strong: primitives.colors.neutral[700],
+        focus: primitives.colors.brand[400],
+    },
+    action: {
+        primary: primitives.colors.brand[500],
+        primaryHover: primitives.colors.brand[600],
+    },
+    status: {
+        success: primitives.colors.success,
+        warning: primitives.colors.warning,
+        danger: primitives.colors.danger,
+    },
+    semanticTypography: lightSemantic.semanticTypography,
+    radiusSemantic: lightSemantic.radiusSemantic,
+    elevation: lightSemantic.elevation,
+    motionSemantic: lightSemantic.motionSemantic,
+};
+export const lightTheme = {
+    ...primitives,
+    ...lightSemantic,
+};
+export const darkTheme = {
+    ...primitives,
+    ...darkSemantic,
+};
+export const theme = lightTheme;
+//# sourceMappingURL=theme.js.map

package/dist/theme/theme.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ingamigo/ui",
-  "version": "1.0.8",
+  "version": "1.2.0",
   "description": "UI component library and design system for IngAmigo",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -20,7 +20,7 @@
     "url": "https://github.com/workshop-ideas/ingamigo-ui/issues"
   },
   "scripts": {
-    "build": "npx webpack && tsc -p tsconfig.build.json",
+    "build": "tsc",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "lint": "eslint .",
@@ -47,10 +47,10 @@
     "@eslint/js": "^10.0.1",
     "@storybook/addon-a11y": "^10.6.0",
     "@storybook/addon-docs": "^10.6.0",
-    "@storybook/addon-webpack5-compiler-swc": "latest",
-    "@storybook/react-webpack5": "^10.6.0",
+    "@storybook/react-vite": "^10.6.0",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "css-loader": "^7.1.5",
@@ -66,9 +66,8 @@
     "ts-loader": "^9.6.2",
     "typescript": "^6.0.3",
     "typescript-eslint": "^8.70.0",
-    "vitest": "^5.0.1",
-    "webpack": "^5.111.1",
-    "webpack-cli": "^7.2.3"
+    "vite": "^8.3.0",
+    "vitest": "^5.0.1"
   },
   "peerDependencies": {
     "react": "*",
@@ -76,5 +75,9 @@
   },
   "files": [
     "dist"
-  ]
+  ],
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1"
+  }
 }

package/dist/index.js.LICENSE.txt

@@ -1,9 +0,0 @@
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */