@kanso-labs/kanso-ui 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (112) hide show
  1. package/LICENSE +20 -0
  2. package/README.md +83 -0
  3. package/dist/assets/stylex.css +1623 -0
  4. package/dist/cjs/assets/stylex.css +1623 -0
  5. package/dist/cjs/components/avatar/index.cjs +89 -0
  6. package/dist/cjs/components/avatar/index.cjs.map +1 -0
  7. package/dist/cjs/components/avatar/index.d.cts +29 -0
  8. package/dist/cjs/components/badge/index.cjs +93 -0
  9. package/dist/cjs/components/badge/index.cjs.map +1 -0
  10. package/dist/cjs/components/badge/index.d.cts +27 -0
  11. package/dist/cjs/components/button/index.cjs +101 -0
  12. package/dist/cjs/components/button/index.cjs.map +1 -0
  13. package/dist/cjs/components/button/index.d.cts +22 -0
  14. package/dist/cjs/components/card/index.cjs +84 -0
  15. package/dist/cjs/components/card/index.cjs.map +1 -0
  16. package/dist/cjs/components/card/index.d.cts +29 -0
  17. package/dist/cjs/components/chip/index.cjs +53 -0
  18. package/dist/cjs/components/chip/index.cjs.map +1 -0
  19. package/dist/cjs/components/chip/index.d.cts +13 -0
  20. package/dist/cjs/components/currency/index.cjs +56 -0
  21. package/dist/cjs/components/currency/index.cjs.map +1 -0
  22. package/dist/cjs/components/currency/index.d.cts +36 -0
  23. package/dist/cjs/components/icon-button/index.cjs +80 -0
  24. package/dist/cjs/components/icon-button/index.cjs.map +1 -0
  25. package/dist/cjs/components/icon-button/index.d.cts +32 -0
  26. package/dist/cjs/components/index.d.cts +15 -0
  27. package/dist/cjs/components/link/index.cjs +61 -0
  28. package/dist/cjs/components/link/index.cjs.map +1 -0
  29. package/dist/cjs/components/link/index.d.cts +30 -0
  30. package/dist/cjs/components/list-item/index.cjs +42 -0
  31. package/dist/cjs/components/list-item/index.cjs.map +1 -0
  32. package/dist/cjs/components/list-item/index.d.cts +22 -0
  33. package/dist/cjs/components/separator/index.cjs +34 -0
  34. package/dist/cjs/components/separator/index.cjs.map +1 -0
  35. package/dist/cjs/components/separator/index.d.cts +14 -0
  36. package/dist/cjs/components/sheet/index.cjs +266 -0
  37. package/dist/cjs/components/sheet/index.cjs.map +1 -0
  38. package/dist/cjs/components/sheet/index.d.cts +73 -0
  39. package/dist/cjs/components/tabs/index.cjs +77 -0
  40. package/dist/cjs/components/tabs/index.cjs.map +1 -0
  41. package/dist/cjs/components/tabs/index.d.cts +24 -0
  42. package/dist/cjs/components/text/index.cjs +173 -0
  43. package/dist/cjs/components/text/index.cjs.map +1 -0
  44. package/dist/cjs/components/text/index.d.cts +19 -0
  45. package/dist/cjs/components/text-field/index.cjs +53 -0
  46. package/dist/cjs/components/text-field/index.cjs.map +1 -0
  47. package/dist/cjs/components/text-field/index.d.cts +30 -0
  48. package/dist/cjs/hooks/useRipple.cjs +391 -0
  49. package/dist/cjs/hooks/useRipple.cjs.map +1 -0
  50. package/dist/cjs/index.cjs +29 -0
  51. package/dist/cjs/index.d.cts +16 -0
  52. package/dist/cjs/node_modules/@stylexjs/stylex/lib/es/stylex.cjs +121 -0
  53. package/dist/cjs/node_modules/@stylexjs/stylex/lib/es/stylex.cjs.map +1 -0
  54. package/dist/cjs/styles/ripple.cjs +33 -0
  55. package/dist/cjs/styles/ripple.cjs.map +1 -0
  56. package/dist/cjs/tokens/values.cjs +36 -0
  57. package/dist/cjs/tokens/values.cjs.map +1 -0
  58. package/dist/components/avatar/index.d.ts +29 -0
  59. package/dist/components/avatar/index.js +89 -0
  60. package/dist/components/avatar/index.js.map +1 -0
  61. package/dist/components/badge/index.d.ts +27 -0
  62. package/dist/components/badge/index.js +93 -0
  63. package/dist/components/badge/index.js.map +1 -0
  64. package/dist/components/button/index.d.ts +22 -0
  65. package/dist/components/button/index.js +101 -0
  66. package/dist/components/button/index.js.map +1 -0
  67. package/dist/components/card/index.d.ts +29 -0
  68. package/dist/components/card/index.js +84 -0
  69. package/dist/components/card/index.js.map +1 -0
  70. package/dist/components/chip/index.d.ts +13 -0
  71. package/dist/components/chip/index.js +53 -0
  72. package/dist/components/chip/index.js.map +1 -0
  73. package/dist/components/currency/index.d.ts +36 -0
  74. package/dist/components/currency/index.js +56 -0
  75. package/dist/components/currency/index.js.map +1 -0
  76. package/dist/components/icon-button/index.d.ts +32 -0
  77. package/dist/components/icon-button/index.js +80 -0
  78. package/dist/components/icon-button/index.js.map +1 -0
  79. package/dist/components/index.d.ts +15 -0
  80. package/dist/components/link/index.d.ts +30 -0
  81. package/dist/components/link/index.js +61 -0
  82. package/dist/components/link/index.js.map +1 -0
  83. package/dist/components/list-item/index.d.ts +22 -0
  84. package/dist/components/list-item/index.js +42 -0
  85. package/dist/components/list-item/index.js.map +1 -0
  86. package/dist/components/separator/index.d.ts +14 -0
  87. package/dist/components/separator/index.js +34 -0
  88. package/dist/components/separator/index.js.map +1 -0
  89. package/dist/components/sheet/index.d.ts +73 -0
  90. package/dist/components/sheet/index.js +266 -0
  91. package/dist/components/sheet/index.js.map +1 -0
  92. package/dist/components/tabs/index.d.ts +24 -0
  93. package/dist/components/tabs/index.js +77 -0
  94. package/dist/components/tabs/index.js.map +1 -0
  95. package/dist/components/text/index.d.ts +19 -0
  96. package/dist/components/text/index.js +173 -0
  97. package/dist/components/text/index.js.map +1 -0
  98. package/dist/components/text-field/index.d.ts +30 -0
  99. package/dist/components/text-field/index.js +53 -0
  100. package/dist/components/text-field/index.js.map +1 -0
  101. package/dist/hooks/useRipple.js +391 -0
  102. package/dist/hooks/useRipple.js.map +1 -0
  103. package/dist/index.d.ts +16 -0
  104. package/dist/index.js +15 -0
  105. package/dist/node_modules/@stylexjs/stylex/lib/es/stylex.js +121 -0
  106. package/dist/node_modules/@stylexjs/stylex/lib/es/stylex.js.map +1 -0
  107. package/dist/styles/ripple.js +33 -0
  108. package/dist/styles/ripple.js.map +1 -0
  109. package/dist/tokens/values.js +34 -0
  110. package/dist/tokens/values.js.map +1 -0
  111. package/dist/tokens.css +282 -0
  112. package/package.json +109 -0
package/package.json ADDED
@@ -0,0 +1,109 @@
1
+ {
2
+ "name": "@kanso-labs/kanso-ui",
3
+ "version": "0.2.0",
4
+ "description": "A React component library built on Base UI primitives and styled with StyleX, with design tokens sourced from a single W3C DTCG file and compiled via Style Dictionary",
5
+ "keywords": [
6
+ "react",
7
+ "component-library",
8
+ "design-system",
9
+ "base-ui",
10
+ "stylex",
11
+ "design-tokens",
12
+ "style-dictionary",
13
+ "storybook"
14
+ ],
15
+ "license": "MIT",
16
+ "files": [
17
+ "dist"
18
+ ],
19
+ "publishConfig": {
20
+ "access": "public"
21
+ },
22
+ "type": "module",
23
+ "module": "./dist/index.js",
24
+ "main": "./dist/cjs/index.cjs",
25
+ "types": "./dist/index.d.ts",
26
+ "exports": {
27
+ ".": {
28
+ "types": "./dist/index.d.ts",
29
+ "import": "./dist/index.js",
30
+ "require": "./dist/cjs/index.cjs"
31
+ },
32
+ "./tokens.css": "./dist/tokens.css",
33
+ "./package.json": "./package.json"
34
+ },
35
+ "sideEffects": [
36
+ "**/*.css"
37
+ ],
38
+ "repository": {
39
+ "type": "git",
40
+ "url": "git+https://github.com/kanso-labs/kanso-ui.git"
41
+ },
42
+ "scripts": {
43
+ "build": "tsc -b && tsdown",
44
+ "build-storybook": "storybook build",
45
+ "chromatic": "npx chromatic",
46
+ "clean": "rimraf dist",
47
+ "dev": "npm run storybook",
48
+ "format": "oxfmt",
49
+ "format:check": "oxfmt --check",
50
+ "lint": "oxlint --type-aware . && eslint . && npm run format:check",
51
+ "prepare": "husky && playwright install --with-deps",
52
+ "storybook": "storybook dev -p ${PORT:-6006}",
53
+ "test": "vitest run",
54
+ "test:coverage": "vitest run --coverage",
55
+ "tokens:build": "node scripts/build-tokens.mjs"
56
+ },
57
+ "dependencies": {
58
+ "@base-ui/react": "1.7.0"
59
+ },
60
+ "devDependencies": {
61
+ "@babel/core": "8.0.1",
62
+ "@chromatic-com/storybook": "5.3.0",
63
+ "@commitlint/cli": "21.2.2",
64
+ "@commitlint/config-conventional": "21.2.2",
65
+ "@eslint/js": "10.0.1",
66
+ "@kanso-labs/unplugin-style-dictionary": "0.2.1",
67
+ "@rolldown/plugin-babel": "0.2.3",
68
+ "@storybook/addon-a11y": "10.5.10",
69
+ "@storybook/addon-docs": "10.5.10",
70
+ "@storybook/addon-vitest": "10.5.10",
71
+ "@storybook/builder-vite": "10.5.10",
72
+ "@storybook/react-vite": "10.5.10",
73
+ "@stylexjs/unplugin": "0.19.0",
74
+ "@testing-library/react": "16.3.2",
75
+ "@types/react": "19.2.18",
76
+ "@types/react-dom": "19.2.4",
77
+ "@vitejs/plugin-react": "6.1.0",
78
+ "@vitest/browser-playwright": "4.1.11",
79
+ "@vitest/coverage-v8": "4.1.11",
80
+ "babel-plugin-react-compiler": "1.0.0",
81
+ "eslint": "10.8.1",
82
+ "eslint-plugin-oxlint": "1.78.0",
83
+ "eslint-plugin-perfectionist": "5.10.1",
84
+ "eslint-plugin-react-hooks": "7.1.1",
85
+ "eslint-plugin-react-refresh": "0.5.4",
86
+ "eslint-plugin-storybook": "10.5.10",
87
+ "globals": "17.11.0",
88
+ "husky": "9.1.7",
89
+ "lint-staged": "17.3.0",
90
+ "oxfmt": "0.64.0",
91
+ "oxlint": "1.78.0",
92
+ "oxlint-tsgolint": "7.0.2001",
93
+ "playwright": "1.62.1",
94
+ "react": "19.2.8",
95
+ "react-dom": "19.2.8",
96
+ "rimraf": "6.1.3",
97
+ "storybook": "10.5.10",
98
+ "style-dictionary": "5.5.2",
99
+ "tsdown": "0.22.14",
100
+ "typescript": "6.0.3",
101
+ "typescript-eslint": "8.67.0",
102
+ "vite": "8.2.2",
103
+ "vitest": "4.1.11"
104
+ },
105
+ "peerDependencies": {
106
+ "react": ">=19.0.0",
107
+ "react-dom": ">=19.0.0"
108
+ }
109
+ }