@khipu/design-system 0.1.0-alpha.12

package/dist/khipu-logo-color-TV75AKOV.svg

@@ -0,0 +1,19 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 45 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="logo-khipu-color" clip-path="url(#clip0_0_10215)">
+<path id="Vector" d="M16.6416 11.8338C16.7272 11.9195 16.8271 11.9623 16.9471 11.9623H18.9627C19.0797 11.9623 19.1825 11.9195 19.2682 11.8338C19.3538 11.7482 19.3967 11.6482 19.3967 11.5283V7.12885C19.3967 6.50075 19.311 5.95545 19.1397 5.4958C18.9684 5.03615 18.7315 4.65931 18.4288 4.35954C18.1234 4.05977 17.7579 3.83993 17.3325 3.69433C16.9043 3.55158 16.4361 3.47735 15.925 3.47735C15.4226 3.47735 14.98 3.58013 14.5975 3.78854C14.212 3.99696 13.9294 4.21394 13.7495 4.43662V1.03065C13.7495 0.913595 13.7067 0.810815 13.621 0.72802C13.5354 0.642375 13.4355 0.59955 13.3184 0.59955H11.2942C11.1772 0.59955 11.0744 0.642375 10.9888 0.72802C10.9031 0.81367 10.8603 0.913595 10.8603 1.03065V11.5283C10.8603 11.6454 10.9031 11.7482 10.9888 11.8338C11.0744 11.9195 11.1743 11.9623 11.2942 11.9623H13.3098C13.4269 11.9623 13.5297 11.9195 13.6125 11.8338C13.6982 11.7482 13.7409 11.6482 13.7409 11.5283V7.48C13.7409 7.02035 13.8495 6.6521 14.0693 6.37515C14.2891 6.0982 14.6374 5.9583 15.1171 5.9583C15.5967 5.9583 15.9479 6.0982 16.1734 6.37515C16.3961 6.6521 16.5103 7.02035 16.5103 7.48V11.5283C16.5132 11.6482 16.5559 11.7482 16.6416 11.8338Z" fill="var(--fill-0, #8347AD)"/>
+<path id="Vector_2" d="M23.6191 3.64009H21.6007C21.4836 3.64009 21.3808 3.68292 21.2952 3.76857C21.2095 3.85422 21.1667 3.95414 21.1667 4.07119V11.5283C21.1667 11.6454 21.2095 11.7482 21.2952 11.8338C21.3808 11.9195 21.4808 11.9623 21.6007 11.9623H23.6163C23.7333 11.9623 23.8361 11.9195 23.9189 11.8338C24.0046 11.7482 24.0474 11.6483 24.0474 11.5283V4.07119C24.0474 3.95414 24.0046 3.85136 23.9189 3.76857C23.8361 3.68292 23.7362 3.64009 23.6191 3.64009Z" fill="var(--fill-0, #8347AD)"/>
+<path id="Vector_3" d="M34.1882 10.0724C34.3852 9.6127 34.4937 9.07025 34.5165 8.4393C34.5279 8.2794 34.5336 8.06245 34.5336 7.7912C34.5336 7.52 34.5279 7.303 34.5165 7.14315C34.4937 6.51505 34.3852 5.96975 34.1882 5.5101C33.9913 5.05045 33.7314 4.67074 33.4117 4.36525C33.0919 4.05977 32.7179 3.83708 32.2925 3.69434C31.8643 3.55159 31.4132 3.47736 30.9336 3.47736C30.5824 3.47736 30.2855 3.50591 30.0457 3.56586C29.8059 3.62582 29.6032 3.70005 29.4376 3.78855C29.272 3.87991 29.135 3.98269 29.0208 4.09974C28.9094 4.2168 28.8038 4.32814 28.7096 4.43663V4.06834C28.7096 3.95128 28.6667 3.8485 28.5811 3.76286C28.4954 3.67721 28.3955 3.63438 28.2785 3.63438H26.3428C26.2257 3.63438 26.123 3.67721 26.0373 3.76286C25.9517 3.8485 25.9088 3.94843 25.9088 4.06834V14.5661C25.9088 14.6831 25.9517 14.7859 26.0373 14.8716C26.123 14.9572 26.2229 15 26.3428 15H28.3584C28.4755 15 28.5782 14.9572 28.6639 14.8716C28.7495 14.7859 28.7924 14.686 28.7924 14.5661V11.163C28.8666 11.26 28.9637 11.3628 29.0807 11.4741C29.1978 11.5855 29.3434 11.6911 29.5118 11.7853C29.6831 11.8824 29.8858 11.9623 30.1199 12.0252C30.354 12.088 30.6252 12.1222 30.9364 12.1222C31.4161 12.1222 31.87 12.048 32.2954 11.8995C32.7207 11.7511 33.0948 11.5227 33.4146 11.2201C33.7315 10.9146 33.9913 10.532 34.1882 10.0724ZM31.6502 8.248C31.6188 8.622 31.496 8.94745 31.2819 9.2244C31.0678 9.50135 30.7109 9.64125 30.2084 9.64125C29.9743 9.64125 29.7716 9.6041 29.6003 9.5299C29.429 9.45565 29.2891 9.35575 29.1749 9.23295C29.0636 9.1102 28.9751 8.97315 28.9123 8.8247C28.8495 8.67625 28.8066 8.5221 28.7838 8.35935C28.761 8.19945 28.7524 8.0139 28.7524 7.7998C28.7524 7.58565 28.7638 7.4001 28.7838 7.2402C28.8038 7.08035 28.8466 6.92615 28.9123 6.77485C28.9751 6.6264 29.0636 6.48935 29.1749 6.3666C29.2863 6.2438 29.429 6.1439 29.6003 6.06965C29.7716 5.99545 29.9743 5.9583 30.2084 5.9583C30.7109 5.9583 31.0678 6.0982 31.2819 6.37515C31.496 6.6521 31.6188 6.97755 31.6502 7.35155C31.6844 7.6513 31.6844 7.9511 31.6502 8.248Z" fill="var(--fill-0, #8347AD)"/>
+<path id="Vector_4" d="M41.7482 11.8339C41.8338 11.9195 41.9338 11.9623 42.0537 11.9623H43.9094C44.0265 11.9623 44.1292 11.9195 44.212 11.8339C44.2977 11.7482 44.3405 11.6483 44.3405 11.5284V4.07119C44.3405 3.95414 44.2977 3.85136 44.212 3.76857C44.1264 3.68292 44.0265 3.64009 43.9094 3.64009H41.8938C41.7767 3.64009 41.674 3.68292 41.5883 3.76857C41.5027 3.85422 41.4598 3.95414 41.4598 4.07119V8.11955C41.4598 8.5792 41.3599 8.9475 41.1629 9.2244C40.9659 9.50135 40.6319 9.64125 40.1637 9.64125C39.6955 9.64125 39.3586 9.50135 39.1559 9.2244C38.9532 8.9475 38.8504 8.5792 38.8504 8.11955V4.07119C38.8504 3.95414 38.8076 3.85136 38.7219 3.76857C38.6363 3.68292 38.5364 3.64009 38.4164 3.64009H36.4008C36.2838 3.64009 36.181 3.68292 36.0954 3.76857C36.0097 3.85422 35.9669 3.95414 35.9669 4.07119V8.4707C35.9669 9.72975 36.2724 10.6519 36.8862 11.24C37.5 11.8282 38.3251 12.1194 39.3586 12.1194C39.6898 12.1194 39.9753 12.0908 40.2151 12.0309C40.4549 11.9709 40.6662 11.8967 40.846 11.8082C41.0287 11.7168 41.1801 11.6169 41.3028 11.5027C41.4256 11.3914 41.5284 11.2772 41.614 11.1601V11.5284C41.6197 11.6483 41.6625 11.7482 41.7482 11.8339Z" fill="var(--fill-0, #8347AD)"/>
+<path id="Vector_5" d="M22.5571 2.78074C21.7891 2.78074 21.1667 2.1555 21.1667 1.39037C21.1667 0.622385 21.792 0 22.5571 0C23.3251 0 23.9475 0.62524 23.9475 1.39037C23.9503 2.1555 23.3251 2.78074 22.5571 2.78074Z" fill="var(--fill-0, #3CB4E5)"/>
+<path id="Vector_6" d="M3.13758 7.44005V4.78207L2.3439 5.77845C2.22113 5.93265 2.21542 6.1496 2.32962 6.31235L3.13758 7.44005Z" fill="var(--fill-0, #743CEB)"/>
+<g id="Group 294">
+<path id="Vector_7" d="M2.96345 0.722369C2.88351 0.642434 2.78074 0.599609 2.66368 0.599609H0.40826C0.299771 0.599609 0.205557 0.639579 0.122763 0.722369C0.0428246 0.802309 0 0.905089 0 1.02214V11.557C0 11.6655 0.0399696 11.7597 0.122763 11.8425C0.202703 11.9224 0.299771 11.9652 0.40826 11.9652H2.66368C2.78359 11.9652 2.88351 11.9253 2.96345 11.8425C3.04339 11.7625 3.08622 11.6655 3.08622 11.557V8.41081L2.83783 8.08246L2.83212 8.07676L2.82642 8.06821L1.81576 6.65216C1.55024 6.28101 1.56166 5.76996 1.84716 5.41306L2.84069 4.16261L3.08622 3.84285V1.01929C3.08622 0.902234 3.04625 0.802309 2.96345 0.722369Z" fill="var(--fill-0, #8347AD)"/>
+<path id="Vector_8" d="M9.6098 11.9625C9.70685 11.9625 9.78965 11.9282 9.85245 11.8568C9.91815 11.7855 9.94955 11.7084 9.94955 11.6227C9.94955 11.5371 9.9267 11.4714 9.88385 11.4286L5.8926 6.0384L9.59265 1.13642C9.6355 1.08217 9.6583 1.01651 9.6583 0.942284C9.6583 0.856634 9.62405 0.776694 9.5527 0.708174C9.50985 0.665349 9.4585 0.633944 9.40425 0.616814C9.37285 0.608249 9.3357 0.602539 9.30145 0.602539H6.7377C6.56355 0.602539 6.4265 0.636799 6.3237 0.708174C6.22095 0.779549 6.141 0.850924 6.0896 0.928009L3.32886 4.54525L2.32962 5.80145C2.27252 5.8728 2.24112 5.95845 2.24112 6.04695C2.23826 6.13545 2.26396 6.2211 2.3182 6.2982L2.83495 7.0205L3.32886 7.70855L6.29805 11.6199C6.32945 11.6627 6.3951 11.7312 6.49215 11.8226C6.5521 11.8797 6.6349 11.9197 6.7377 11.9425C6.8005 11.9568 6.869 11.9625 6.9461 11.9625H9.6098Z" fill="var(--fill-0, #3CB4E5)"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_0_10215">
+<rect width="44.5" height="15" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/package.json

@@ -0,0 +1,125 @@
+{
+  "name": "@khipu/design-system",
+  "version": "0.1.0-alpha.12",
+  "description": "Khipu Design System - UI components and design tokens for the Khipu payment platform",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ],
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js"
+    },
+    "./tokens": {
+      "types": "./dist/tokens/index.d.ts",
+      "import": "./dist/tokens/index.esm.js",
+      "require": "./dist/tokens/index.js"
+    },
+    "./css": "./dist/tokens/css-variables.css",
+    "./components/core": {
+      "types": "./dist/components/core/index.d.ts",
+      "import": "./dist/components/core/index.esm.js",
+      "require": "./dist/components/core/index.js"
+    },
+    "./components/domain": {
+      "types": "./dist/components/domain/index.d.ts",
+      "import": "./dist/components/domain/index.esm.js",
+      "require": "./dist/components/domain/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts --clean",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --watch",
+    "demo": "vite --config demo/vite.config.ts",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src --ext .ts,.tsx",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "coverage": "vitest run --coverage",
+    "storybook": "bash scripts/sync-brand-guide.sh && storybook dev -p 6006",
+    "build-storybook": "bash scripts/sync-brand-guide.sh && storybook build",
+    "prepublishOnly": "npm run build",
+    "tokens:export": "node scripts/export-tokens-json.js",
+    "tokens:generate": "npm run build && npm run tokens:export && node scripts/generate-css-variables.js && node scripts/generate-tokens.js --kotlin-output=android/designsystem/src/main/java/com/khipu/designsystem/tokens/KdsTokens.kt",
+    "generate:tokens": "npm run tokens:generate",
+    "generate:tokens:android": "npm run tokens:generate",
+    "android:build": "cd android && ./gradlew :designsystem:assembleRelease",
+    "android:test": "cd android && ./gradlew :designsystem:testDebugUnitTest",
+    "android:publish-local": "cd android && ./gradlew :designsystem:publishToMavenLocal",
+    "android:publish": "cd android && ./gradlew :designsystem:publish",
+    "android:clean": "cd android && ./gradlew clean",
+    "grails:build": "cd grails && ../android/gradlew build -x test",
+    "grails:test": "cd grails && ../android/gradlew test",
+    "grails:publish-local": "cd grails && ../android/gradlew publishToMavenLocal",
+    "grails:publish": "cd grails && ../android/gradlew publish",
+    "grails:clean": "cd grails && ../android/gradlew clean",
+    "grails:info": "cd grails && ../android/gradlew printInfo"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@storybook/addon-docs": "10.2.16",
+    "@storybook/addon-links": "10.2.16",
+    "@storybook/addon-mcp": "0.3.4",
+    "@storybook/react": "10.2.16",
+    "@storybook/react-vite": "10.2.16",
+    "@testing-library/jest-dom": "^6.1.0",
+    "@testing-library/react": "^14.0.0",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "eslint": "^8.50.0",
+    "eslint-plugin-react": "^7.33.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "react-router-dom": "^6.28.0",
+    "storybook": "10.2.16",
+    "tsup": "^8.0.0",
+    "typescript": "5.4.5",
+    "vite": "^5.4.0",
+    "vitest": "^1.0.0",
+    "yaml": "2.8.2"
+  },
+  "keywords": [
+    "khipu",
+    "design-system",
+    "react",
+    "components",
+    "ui",
+    "payment",
+    "fintech"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/khipu/design-system.git"
+  },
+  "license": "UNLICENSED",
+  "private": false,
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "dependencies": {
+    "@emotion/react": "11.11.4",
+    "@emotion/styled": "11.11.5",
+    "@mui/icons-material": "7.3.4",
+    "@mui/material": "7.3.4"
+  }
+}