@koslibs/components 1.5.0 → 1.7.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 (55) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/README.md +85 -0
  3. package/dist/components/Button/button.js +20 -4
  4. package/dist/components/Button/index_module.css +1 -27
  5. package/dist/components/Collapse/collapse.js +3 -1
  6. package/dist/components/Collapse/index_module.css +2 -4
  7. package/dist/components/Input/index_module.css +9 -20
  8. package/dist/components/Input/input.d.ts +1 -1
  9. package/dist/components/Input/vars.css +7 -7
  10. package/dist/components/Modal/components/footer/index_module.css +1 -1
  11. package/dist/components/Modal/components/header/index.d.ts +1 -1
  12. package/dist/components/Modal/components/header/index_module.css +3 -3
  13. package/dist/components/Modal/index_module.css +2 -2
  14. package/dist/components/Popover/components/popover-surface/index.js +1 -1
  15. package/dist/components/Popover/{use-popover-position.d.ts → hooks/use-popover-position.d.ts} +1 -1
  16. package/dist/components/Spinner/preset_module.css +3 -1
  17. package/dist/components/Tabs/context.d.ts +10 -0
  18. package/dist/components/Tabs/context.js +3 -0
  19. package/dist/components/Tabs/hooks/use-tab-indicator.d.ts +11 -0
  20. package/dist/components/Tabs/hooks/use-tab-indicator.js +43 -0
  21. package/dist/components/Tabs/index.d.ts +3 -0
  22. package/dist/components/Tabs/index.js +2 -0
  23. package/dist/components/Tabs/index.module.js +12 -0
  24. package/dist/components/Tabs/index_module.css +92 -0
  25. package/dist/components/Tabs/tab.d.ts +9 -0
  26. package/dist/components/Tabs/tab.js +38 -0
  27. package/dist/components/Tabs/tabs.d.ts +13 -0
  28. package/dist/components/Tabs/tabs.js +116 -0
  29. package/dist/components/Tabs/types.d.ts +61 -0
  30. package/dist/components/Tabs/types.js +0 -0
  31. package/dist/components/Tabs/vars.css +20 -0
  32. package/dist/components/Textarea/hooks/use-autosize.d.ts +2 -0
  33. package/dist/components/Textarea/hooks/use-autosize.js +106 -0
  34. package/dist/components/Textarea/index.d.ts +2 -0
  35. package/dist/components/Textarea/index.js +1 -0
  36. package/dist/components/Textarea/index.module.js +14 -0
  37. package/dist/components/Textarea/index_module.css +269 -0
  38. package/dist/components/Textarea/textarea.d.ts +27 -0
  39. package/dist/components/Textarea/textarea.js +173 -0
  40. package/dist/components/Textarea/types.d.ts +108 -0
  41. package/dist/components/Textarea/types.js +0 -0
  42. package/dist/components/Textarea/vars.css +9 -0
  43. package/dist/components/Typography/index.d.ts +1 -1
  44. package/dist/components/Typography/index_module.css +2 -2
  45. package/dist/components/Typography/preset.module.js +2 -0
  46. package/dist/components/Typography/preset_module.css +4 -0
  47. package/dist/components/Typography/shared.d.ts +1 -1
  48. package/dist/components/Typography/text.d.ts +1 -1
  49. package/dist/components/Typography/vars.css +1 -1
  50. package/dist/index.d.ts +4 -0
  51. package/dist/index.js +2 -0
  52. package/dist/styles/theme.css +1 -0
  53. package/dist/styles/variables.css +63 -0
  54. package/package.json +2 -1
  55. /package/dist/components/Popover/{use-popover-position.js → hooks/use-popover-position.js} +0 -0
package/dist/styles/theme.css CHANGED
@@ -1,4 +1,5 @@
1
1
  @import "./fonts.css";
2
+ @import "./variables.css";
2
3
 
3
4
  @layer koslibs {
4
5
  :root {
package/dist/styles/variables.css ADDED
@@ -0,0 +1,63 @@
1
+ @layer koslibs {
2
+ :root {
3
+ --size-0: 0;
4
+ --size-2: 2px;
5
+ --size-4: 4px;
6
+ --size-6: 6px;
7
+ --size-8: 8px;
8
+ --size-12: 12px;
9
+ --size-16: 16px;
10
+ --size-20: 20px;
11
+ --size-22: 22px;
12
+ --size-24: 24px;
13
+ --size-28: 28px;
14
+ --size-30: 30px;
15
+ --size-32: 32px;
16
+ --size-36: 36px;
17
+ --size-40: 40px;
18
+ --size-44: 44px;
19
+ --size-48: 48px;
20
+ --size-56: 56px;
21
+ --size-64: 64px;
22
+ --size-72: 72px;
23
+ --size-80: 80px;
24
+ --size-96: 96px;
25
+ --size-128: 128px;
26
+ --size-2-neg: -2px;
27
+ --size-4-neg: -4px;
28
+ --size-8-neg: -8px;
29
+ --size-12-neg: -12px;
30
+ --size-16-neg: -16px;
31
+ --size-20-neg: -20px;
32
+ --size-22-neg: -22px;
33
+ --size-24-neg: -24px;
34
+ --size-28-neg: -28px;
35
+ --size-32-neg: -32px;
36
+ --size-36-neg: -36px;
37
+ --size-40-neg: -40px;
38
+ --size-44-neg: -44px;
39
+ --size-48-neg: -48px;
40
+ --size-56-neg: -56px;
41
+ --size-64-neg: -64px;
42
+ --size-72-neg: -72px;
43
+ --size-80-neg: -80px;
44
+ --size-96-neg: -96px;
45
+ --size-128-neg: -128px;
46
+ --border-radius-0: 0;
47
+ --border-radius-2: 2px;
48
+ --border-radius-4: 4px;
49
+ --border-radius-6: 6px;
50
+ --border-radius-8: 8px;
51
+ --border-radius-10: 10px;
52
+ --border-radius-12: 12px;
53
+ --border-radius-16: 16px;
54
+ --border-radius-20: 20px;
55
+ --border-radius-24: 24px;
56
+ --border-radius-32: 32px;
57
+ --border-radius-36: 36px;
58
+ --border-radius-64: 64px;
59
+ --border-radius-circle: 50%;
60
+ --border-radius-pill: 99px;
61
+ }
62
+ }
63
+
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@koslibs/components",
3
- "version": "1.5.0",
3
+ "version": "1.7.0",
4
4
  "description": "Shared React components for koslibs projects",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -11,6 +11,7 @@
11
11
  "import": "./dist/index.js"
12
12
  },
13
13
  "./theme.css": "./dist/styles/theme.css",
14
+ "./variables.css": "./dist/styles/variables.css",
14
15
  "./*": {
15
16
  "types": "./dist/components/*/index.d.ts",
16
17
  "import": "./dist/components/*/index.js"