@cladd-ui/react 0.0.22 → 0.0.24

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 (78) hide show
  1. package/CHANGELOG.md +17 -1
  2. package/cladd.css +2 -0
  3. package/components/Button.d.ts +3 -3
  4. package/components/Button.d.ts.map +1 -1
  5. package/components/Button.js +8 -8
  6. package/components/Button.js.map +1 -1
  7. package/components/Chip.d.ts +1 -1
  8. package/components/Chip.d.ts.map +1 -1
  9. package/components/Chip.js +13 -5
  10. package/components/Chip.js.map +1 -1
  11. package/components/Dialog.d.ts +2 -2
  12. package/components/Dialog.d.ts.map +1 -1
  13. package/components/Dialog.js +1 -1
  14. package/components/Dialog.js.map +1 -1
  15. package/components/Input.js +6 -6
  16. package/components/Input.js.map +1 -1
  17. package/components/ListButton.js +1 -1
  18. package/components/ListButton.js.map +1 -1
  19. package/components/ListItem.js +1 -1
  20. package/components/ListItem.js.map +1 -1
  21. package/components/ListTitle.js +1 -1
  22. package/components/ListTitle.js.map +1 -1
  23. package/components/NumberField.js +1 -1
  24. package/components/NumberField.js.map +1 -1
  25. package/components/NumberScrubber.d.ts +54 -0
  26. package/components/NumberScrubber.d.ts.map +1 -0
  27. package/components/NumberScrubber.js +120 -0
  28. package/components/NumberScrubber.js.map +1 -0
  29. package/components/SectionTitle.js +1 -1
  30. package/components/SectionTitle.js.map +1 -1
  31. package/components/Segmented.d.ts.map +1 -1
  32. package/components/Segmented.js +3 -1
  33. package/components/Segmented.js.map +1 -1
  34. package/components/Select.d.ts +1 -1
  35. package/components/Select.d.ts.map +1 -1
  36. package/components/Select.js +3 -5
  37. package/components/Select.js.map +1 -1
  38. package/components/Shortcut.d.ts +1 -1
  39. package/components/Shortcut.d.ts.map +1 -1
  40. package/components/Shortcut.js +11 -5
  41. package/components/Shortcut.js.map +1 -1
  42. package/components/Slider.d.ts +1 -1
  43. package/components/Slider.d.ts.map +1 -1
  44. package/components/Slider.js +3 -3
  45. package/components/Slider.js.map +1 -1
  46. package/components/Spinner.d.ts +3 -3
  47. package/components/Spinner.d.ts.map +1 -1
  48. package/components/Spinner.js +2 -16
  49. package/components/Spinner.js.map +1 -1
  50. package/components/Switch.d.ts +9 -9
  51. package/components/Switch.d.ts.map +1 -1
  52. package/components/Switch.js +2 -2
  53. package/components/Switch.js.map +1 -1
  54. package/components/Textarea.js +6 -6
  55. package/components/Textarea.js.map +1 -1
  56. package/components/Toast.js +1 -1
  57. package/components/Toast.js.map +1 -1
  58. package/components/TooltipPrimitive.js +1 -1
  59. package/components/TooltipPrimitive.js.map +1 -1
  60. package/index.d.ts +1 -0
  61. package/index.d.ts.map +1 -1
  62. package/index.js +1 -0
  63. package/index.js.map +1 -1
  64. package/package.json +1 -1
  65. package/shared/cn.d.ts.map +1 -1
  66. package/shared/cn.js +12 -0
  67. package/shared/cn.js.map +1 -1
  68. package/shared/size-utls.d.ts +1 -1
  69. package/shared/size-utls.d.ts.map +1 -1
  70. package/shared/size-utls.js +5 -0
  71. package/shared/size-utls.js.map +1 -1
  72. package/styles/colors.css +4 -4
  73. package/styles/font-size.css +8 -0
  74. package/styles/radius.css +9 -2
  75. package/styles/safe-areas.css +42 -14
  76. package/styles/scrubber.css +12 -0
  77. package/styles/spacing.css +3 -0
  78. package/styles/spinner.css +2 -60
package/styles/spinner.css CHANGED
@@ -1,71 +1,13 @@
1
- @layer base {
2
- .cladd-spinner-wrap {
3
- transform-origin: center;
4
- animation: cladd-spinner-rotate 4s infinite;
5
- }
6
- .cladd-spinner-knob {
7
- transform-origin: left;
8
- animation:
9
- cladd-spinner-knob-move 1s infinite,
10
- cladd-spinner-knob-scale 1s infinite;
11
- }
1
+ @theme {
2
+ --animate-cladd-spinner: cladd-spinner-rotate 1.5s infinite linear;
12
3
 
13
4
  @keyframes cladd-spinner-rotate {
14
5
  0% {
15
6
  transform: rotate(0deg);
16
7
  }
17
- 12.5%,
18
- 25% {
19
- transform: rotate(90deg);
20
- }
21
-
22
- 37.5%,
23
- 50% {
24
- transform: rotate(180deg);
25
- }
26
- 62.5%,
27
- 75% {
28
- transform: rotate(270deg);
29
- }
30
- 87.5%,
31
8
  100% {
32
9
  transform: rotate(360deg);
33
10
  }
34
11
  }
35
12
 
36
- @keyframes cladd-spinner-knob-move {
37
- 0%,
38
- 10% {
39
- translate: 0px;
40
- }
41
- 40%,
42
- 60% {
43
- translate: calc(100%);
44
- }
45
- 90%,
46
- 100% {
47
- translate: 0px;
48
- }
49
- }
50
-
51
- @keyframes cladd-spinner-knob-scale {
52
- 0% {
53
- scale: 0.9 1;
54
- transform-origin: left;
55
- }
56
- 25% {
57
- scale: 1.2 0.95;
58
- }
59
- 50% {
60
- scale: 0.9 1;
61
- transform-origin: right;
62
- }
63
- 75% {
64
- scale: 1.2 0.95;
65
- }
66
- 100% {
67
- scale: 0.9 1;
68
- transform-origin: left;
69
- }
70
- }
71
13
  }