@cladd-ui/react 0.0.21 → 0.0.23

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 (130) hide show
  1. package/CHANGELOG.md +17 -1
  2. package/cladd.css +2 -0
  3. package/components/Button.d.ts +6 -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/Checkbox.d.ts +8 -9
  8. package/components/Checkbox.d.ts.map +1 -1
  9. package/components/Checkbox.js.map +1 -1
  10. package/components/Chip.d.ts +4 -2
  11. package/components/Chip.d.ts.map +1 -1
  12. package/components/Chip.js +13 -5
  13. package/components/Chip.js.map +1 -1
  14. package/components/Dialog.d.ts +3 -2
  15. package/components/Dialog.d.ts.map +1 -1
  16. package/components/Dialog.js +1 -1
  17. package/components/Dialog.js.map +1 -1
  18. package/components/Input.d.ts +1 -0
  19. package/components/Input.d.ts.map +1 -1
  20. package/components/Input.js +6 -6
  21. package/components/Input.js.map +1 -1
  22. package/components/ListButton.d.ts +1 -0
  23. package/components/ListButton.d.ts.map +1 -1
  24. package/components/ListButton.js +1 -1
  25. package/components/ListButton.js.map +1 -1
  26. package/components/ListItem.js +1 -1
  27. package/components/ListItem.js.map +1 -1
  28. package/components/ListTitle.js +1 -1
  29. package/components/ListTitle.js.map +1 -1
  30. package/components/NumberField.d.ts +1 -0
  31. package/components/NumberField.d.ts.map +1 -1
  32. package/components/NumberField.js +1 -1
  33. package/components/NumberField.js.map +1 -1
  34. package/components/NumberScrubber.d.ts +54 -0
  35. package/components/NumberScrubber.d.ts.map +1 -0
  36. package/components/NumberScrubber.js +120 -0
  37. package/components/NumberScrubber.js.map +1 -0
  38. package/components/OTPField.d.ts +1 -0
  39. package/components/OTPField.d.ts.map +1 -1
  40. package/components/OTPField.js.map +1 -1
  41. package/components/Popover.d.ts +4 -1
  42. package/components/Popover.d.ts.map +1 -1
  43. package/components/Popover.js.map +1 -1
  44. package/components/Popup.d.ts +3 -1
  45. package/components/Popup.d.ts.map +1 -1
  46. package/components/Popup.js.map +1 -1
  47. package/components/Radio.d.ts +3 -0
  48. package/components/Radio.d.ts.map +1 -1
  49. package/components/Radio.js.map +1 -1
  50. package/components/SearchField.d.ts +2 -0
  51. package/components/SearchField.d.ts.map +1 -1
  52. package/components/SearchField.js.map +1 -1
  53. package/components/SectionTitle.js +1 -1
  54. package/components/SectionTitle.js.map +1 -1
  55. package/components/Segmented.d.ts +1 -0
  56. package/components/Segmented.d.ts.map +1 -1
  57. package/components/Segmented.js +3 -1
  58. package/components/Segmented.js.map +1 -1
  59. package/components/SegmentedButton.d.ts +1 -0
  60. package/components/SegmentedButton.d.ts.map +1 -1
  61. package/components/SegmentedButton.js.map +1 -1
  62. package/components/Select.d.ts +10 -2
  63. package/components/Select.d.ts.map +1 -1
  64. package/components/Select.js +3 -5
  65. package/components/Select.js.map +1 -1
  66. package/components/Shortcut.d.ts +9 -3
  67. package/components/Shortcut.d.ts.map +1 -1
  68. package/components/Shortcut.js +11 -5
  69. package/components/Shortcut.js.map +1 -1
  70. package/components/Slider.d.ts +4 -1
  71. package/components/Slider.d.ts.map +1 -1
  72. package/components/Slider.js +1 -1
  73. package/components/Slider.js.map +1 -1
  74. package/components/Spinner.d.ts +1 -1
  75. package/components/Spinner.d.ts.map +1 -1
  76. package/components/Spinner.js +2 -16
  77. package/components/Spinner.js.map +1 -1
  78. package/components/Surface.d.ts +4 -1
  79. package/components/Surface.d.ts.map +1 -1
  80. package/components/Surface.js.map +1 -1
  81. package/components/SurfaceCut.d.ts +3 -1
  82. package/components/SurfaceCut.d.ts.map +1 -1
  83. package/components/SurfaceCut.js.map +1 -1
  84. package/components/Switch.d.ts +10 -2
  85. package/components/Switch.d.ts.map +1 -1
  86. package/components/Switch.js.map +1 -1
  87. package/components/{TextArea.d.ts → Textarea.d.ts} +11 -7
  88. package/components/{TextArea.d.ts.map → Textarea.d.ts.map} +1 -1
  89. package/components/{TextArea.js → Textarea.js} +7 -7
  90. package/components/Textarea.js.map +1 -0
  91. package/components/Toast.d.ts +5 -7
  92. package/components/Toast.d.ts.map +1 -1
  93. package/components/Toast.js +3 -7
  94. package/components/Toast.js.map +1 -1
  95. package/components/Toolbar.d.ts +6 -2
  96. package/components/Toolbar.d.ts.map +1 -1
  97. package/components/Toolbar.js.map +1 -1
  98. package/components/ToolbarButton.d.ts +1 -3
  99. package/components/ToolbarButton.d.ts.map +1 -1
  100. package/components/ToolbarButton.js.map +1 -1
  101. package/components/Tooltip.d.ts +10 -2
  102. package/components/Tooltip.d.ts.map +1 -1
  103. package/components/Tooltip.js.map +1 -1
  104. package/components/TooltipPrimitive.d.ts +3 -1
  105. package/components/TooltipPrimitive.d.ts.map +1 -1
  106. package/components/TooltipPrimitive.js +1 -1
  107. package/components/TooltipPrimitive.js.map +1 -1
  108. package/components/UIProvider.d.ts +11 -3
  109. package/components/UIProvider.d.ts.map +1 -1
  110. package/components/UIProvider.js.map +1 -1
  111. package/index.d.ts +2 -1
  112. package/index.d.ts.map +1 -1
  113. package/index.js +2 -1
  114. package/index.js.map +1 -1
  115. package/package.json +1 -1
  116. package/shared/cn.d.ts.map +1 -1
  117. package/shared/cn.js +12 -0
  118. package/shared/cn.js.map +1 -1
  119. package/shared/size-utls.d.ts +1 -1
  120. package/shared/size-utls.d.ts.map +1 -1
  121. package/shared/size-utls.js +5 -0
  122. package/shared/size-utls.js.map +1 -1
  123. package/styles/colors.css +4 -4
  124. package/styles/font-size.css +8 -0
  125. package/styles/radius.css +9 -2
  126. package/styles/safe-areas.css +42 -14
  127. package/styles/scrubber.css +12 -0
  128. package/styles/spacing.css +3 -0
  129. package/styles/spinner.css +2 -60
  130. package/components/TextArea.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"size-utls.d.ts","sourceRoot":"","sources":["../../../src/shared/size-utls.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,GAC1B,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,YAAO,EAC7D,MAAM,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,uBAyD/D,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,YAAO,EAC9C,MAAM,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,uBAqD/D,CAAC"}
1
+ {"version":3,"file":"size-utls.d.ts","sourceRoot":"","sources":["../../../src/shared/size-utls.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,GAC1B,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,YAAO,EAC7D,MAAM,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,uBAyD/D,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,YAAO,EAC7D,MAAM,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,uBA0D/D,CAAC"}
@@ -58,6 +58,7 @@ export const rootSizeClasses = (size = 'sm', prop) => {
58
58
  export const nestedSizeClasses = (size = 'sm', prop) => {
59
59
  if (prop === 'size') {
60
60
  return {
61
+ '2xs': 'size-cladd-nested-2xs',
61
62
  xs: 'size-cladd-nested-xs',
62
63
  sm: 'size-cladd-nested-sm',
63
64
  md: 'size-cladd-nested-md',
@@ -68,6 +69,7 @@ export const nestedSizeClasses = (size = 'sm', prop) => {
68
69
  }
69
70
  if (prop === 'width') {
70
71
  return {
72
+ '2xs': 'w-cladd-nested-2xs',
71
73
  xs: 'w-cladd-nested-xs',
72
74
  sm: 'w-cladd-nested-sm',
73
75
  md: 'w-cladd-nested-md',
@@ -78,6 +80,7 @@ export const nestedSizeClasses = (size = 'sm', prop) => {
78
80
  }
79
81
  if (prop === 'height') {
80
82
  return {
83
+ '2xs': 'h-cladd-nested-2xs',
81
84
  xs: 'h-cladd-nested-xs',
82
85
  sm: 'h-cladd-nested-sm',
83
86
  md: 'h-cladd-nested-md',
@@ -88,6 +91,7 @@ export const nestedSizeClasses = (size = 'sm', prop) => {
88
91
  }
89
92
  if (prop === 'min-width') {
90
93
  return {
94
+ '2xs': 'min-w-cladd-nested-2xs',
91
95
  xs: 'min-w-cladd-nested-xs',
92
96
  sm: 'min-w-cladd-nested-sm',
93
97
  md: 'min-w-cladd-nested-md',
@@ -98,6 +102,7 @@ export const nestedSizeClasses = (size = 'sm', prop) => {
98
102
  }
99
103
  if (prop === 'min-height') {
100
104
  return {
105
+ '2xs': 'min-h-cladd-nested-2xs',
101
106
  xs: 'min-h-cladd-nested-xs',
102
107
  sm: 'min-h-cladd-nested-sm',
103
108
  md: 'min-h-cladd-nested-md',
@@ -1 +1 @@
1
- {"version":3,"file":"size-utls.js","sourceRoot":"","sources":["../../../src/shared/size-utls.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"size-utls.js","sourceRoot":"","sources":["../../../src/shared/size-utls.ts"],"names":[],"mappings":"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"}
package/styles/colors.css CHANGED
@@ -41,7 +41,7 @@
41
41
  --cladd-theme: #fff;
42
42
  }
43
43
  .cladd-color-brand {
44
- --cladd-theme: #d7ff38;
44
+ --cladd-theme: #388AFF;
45
45
  }
46
46
  .cladd-color-red {
47
47
  --cladd-theme: #ff0b0b;
@@ -70,7 +70,7 @@
70
70
  .cladd-color-orange {
71
71
  --cladd-theme: #ff7a00;
72
72
  }
73
- /* NEUTRAL */
73
+ /* NEUTRAL DARK */
74
74
  :root,
75
75
  .cladd-color-neutral {
76
76
  --cladd-bg: #0f0f0f;
@@ -128,7 +128,7 @@
128
128
  color-mix(in oklab, var(--cladd-surface-white) 20%, transparent) inset;
129
129
  }
130
130
 
131
- /* COLORS */
131
+ /* COLORS DARK */
132
132
  [class*="cladd-color-"]:not(.cladd-color-neutral) {
133
133
  --cladd-bg: oklch(from var(--cladd-theme) 0.15 0.02 h);
134
134
  --cladd-backdrop: #000;
@@ -189,7 +189,7 @@
189
189
  --highlight-white-mix: 50%;
190
190
  }
191
191
 
192
- /* DEFAULT LIGHT */
192
+ /* NEUTRAL LIGHT */
193
193
  :root.light,
194
194
  .dark .light,
195
195
  :root .light,
@@ -0,0 +1,8 @@
1
+ @theme {
2
+ --text-cladd-md: 16px;
3
+ --text-cladd-sm: 14px;
4
+ --text-cladd-xs: 12px;
5
+ --text-cladd-2xs: 10px;
6
+ --text-cladd-3xs: 8px;
7
+ --text-cladd-4xs: 6px;
8
+ }
package/styles/radius.css CHANGED
@@ -2,13 +2,20 @@
2
2
  --cladd-radius: 8px;
3
3
  --cladd-radius-ratio: calc(var(--cladd-radius) / var(--spacing-cladd-md));
4
4
  --radius-cladd: var(--cladd-radius);
5
- --radius-cladd-2xs: calc(var(--cladd-radius-ratio) * var(--spacing-cladd-2xs));
5
+ --radius-cladd-3xs: calc(
6
+ var(--cladd-radius-ratio) * var(--spacing-cladd-3xs)
7
+ );
8
+ --radius-cladd-2xs: calc(
9
+ var(--cladd-radius-ratio) * var(--spacing-cladd-2xs)
10
+ );
6
11
  --radius-cladd-xs: calc(var(--cladd-radius-ratio) * var(--spacing-cladd-xs));
7
12
  --radius-cladd-sm: calc(var(--cladd-radius-ratio) * var(--spacing-cladd-sm));
8
13
  --radius-cladd-md: var(--cladd-radius);
9
14
  --radius-cladd-lg: calc(var(--cladd-radius-ratio) * var(--spacing-cladd-lg));
10
15
  --radius-cladd-xl: calc(var(--cladd-radius-ratio) * var(--spacing-cladd-xl));
11
- --radius-cladd-2xl: calc(var(--cladd-radius-ratio) * var(--spacing-cladd-2xl));
16
+ --radius-cladd-2xl: calc(
17
+ var(--cladd-radius-ratio) * var(--spacing-cladd-2xl)
18
+ );
12
19
 
13
20
  --radius-cladd-full-2xs: calc(var(--spacing-cladd-2xs) / 2);
14
21
  --radius-cladd-full-xs: calc(var(--spacing-cladd-xs) / 2);
@@ -72,18 +72,28 @@
72
72
  }
73
73
 
74
74
  @utility ml-safe-* {
75
- margin-left: calc(var(--cladd-safe-area-left) + var(--spacing) * --value(number));
75
+ margin-left: calc(
76
+ var(--cladd-safe-area-left) + var(--spacing) * --value(number)
77
+ );
76
78
  }
77
79
 
78
80
  @utility mr-safe-* {
79
- margin-right: calc(var(--cladd-safe-area-right) + var(--spacing) * --value(number));
81
+ margin-right: calc(
82
+ var(--cladd-safe-area-right) + var(--spacing) * --value(number)
83
+ );
80
84
  }
81
85
  @utility mx-safe-* {
82
- margin-left: calc(var(--cladd-safe-area-left) + var(--spacing) * --value(number));
83
- margin-right: calc(var(--cladd-safe-area-right) + var(--spacing) * --value(number));
86
+ margin-left: calc(
87
+ var(--cladd-safe-area-left) + var(--spacing) * --value(number)
88
+ );
89
+ margin-right: calc(
90
+ var(--cladd-safe-area-right) + var(--spacing) * --value(number)
91
+ );
84
92
  }
85
93
  @utility mt-safe-* {
86
- margin-top: calc(var(--cladd-safe-area-top) + var(--spacing) * --value(number));
94
+ margin-top: calc(
95
+ var(--cladd-safe-area-top) + var(--spacing) * --value(number)
96
+ );
87
97
  }
88
98
  @utility mb-safe-* {
89
99
  margin-bottom: calc(
@@ -91,7 +101,9 @@
91
101
  );
92
102
  }
93
103
  @utility my-safe-* {
94
- margin-top: calc(var(--cladd-safe-area-top) + var(--spacing) * --value(number));
104
+ margin-top: calc(
105
+ var(--cladd-safe-area-top) + var(--spacing) * --value(number)
106
+ );
95
107
  margin-bottom: calc(
96
108
  var(--cladd-safe-area-bottom) + var(--spacing) * --value(number)
97
109
  );
@@ -117,7 +129,9 @@
117
129
  );
118
130
  }
119
131
  @utility pl-safe-* {
120
- padding-left: calc(var(--cladd-safe-area-left) + var(--spacing) * --value(number));
132
+ padding-left: calc(
133
+ var(--cladd-safe-area-left) + var(--spacing) * --value(number)
134
+ );
121
135
  }
122
136
  @utility pr-safe-* {
123
137
  padding-right: calc(
@@ -125,13 +139,17 @@
125
139
  );
126
140
  }
127
141
  @utility px-safe-* {
128
- padding-left: calc(var(--cladd-safe-area-left) + var(--spacing) * --value(number));
142
+ padding-left: calc(
143
+ var(--cladd-safe-area-left) + var(--spacing) * --value(number)
144
+ );
129
145
  padding-right: calc(
130
146
  var(--cladd-safe-area-right) + var(--spacing) * --value(number)
131
147
  );
132
148
  }
133
149
  @utility pt-safe-* {
134
- padding-top: calc(var(--cladd-safe-area-top) + var(--spacing) * --value(number));
150
+ padding-top: calc(
151
+ var(--cladd-safe-area-top) + var(--spacing) * --value(number)
152
+ );
135
153
  }
136
154
  @utility pb-safe-* {
137
155
  padding-bottom: calc(
@@ -139,7 +157,9 @@
139
157
  );
140
158
  }
141
159
  @utility py-safe-* {
142
- padding-top: calc(var(--cladd-safe-area-top) + var(--spacing) * --value(number));
160
+ padding-top: calc(
161
+ var(--cladd-safe-area-top) + var(--spacing) * --value(number)
162
+ );
143
163
  padding-bottom: calc(
144
164
  var(--cladd-safe-area-bottom) + var(--spacing) * --value(number)
145
165
  );
@@ -154,16 +174,24 @@
154
174
  top: calc(var(--cladd-safe-area-top) + var(--spacing) * --value(number));
155
175
  }
156
176
  @utility bottom-safe-* {
157
- bottom: calc(var(--cladd-safe-area-bottom) + var(--spacing) * --value(number));
177
+ bottom: calc(
178
+ var(--cladd-safe-area-bottom) + var(--spacing) * --value(number)
179
+ );
158
180
  }
159
181
  @utility -left-safe-* {
160
- left: calc(0px - var(--cladd-safe-area-left) - var(--spacing) * --value(number));
182
+ left: calc(
183
+ 0px - var(--cladd-safe-area-left) - var(--spacing) * --value(number)
184
+ );
161
185
  }
162
186
  @utility -right-safe-* {
163
- right: calc(0px - var(--cladd-safe-area-right) - var(--spacing) * --value(number));
187
+ right: calc(
188
+ 0px - var(--cladd-safe-area-right) - var(--spacing) * --value(number)
189
+ );
164
190
  }
165
191
  @utility -top-safe-* {
166
- top: calc(0px - var(--cladd-safe-area-top) - var(--spacing) * --value(number));
192
+ top: calc(
193
+ 0px - var(--cladd-safe-area-top) - var(--spacing) * --value(number)
194
+ );
167
195
  }
168
196
  @utility -bottom-safe-* {
169
197
  bottom: calc(
@@ -0,0 +1,12 @@
1
+ @layer base {
2
+ .cladd-number-scrubber {
3
+ input::-webkit-outer-spin-button,
4
+ input::-webkit-inner-spin-button {
5
+ -webkit-appearance: none;
6
+ margin: 0;
7
+ }
8
+ input[type="number"] {
9
+ -moz-appearance: textfield;
10
+ }
11
+ }
12
+ }
@@ -1,4 +1,5 @@
1
1
  @theme {
2
+ --spacing-cladd-3xs: 12px;
2
3
  --spacing-cladd-2xs: 16px;
3
4
  --spacing-cladd-xs: 20px;
4
5
  --spacing-cladd-sm: 24px;
@@ -11,6 +12,8 @@
11
12
  --spacing-cladd-thumb-sm: 20px;
12
13
  --spacing-cladd-thumb-md: 24px;
13
14
 
15
+ --spacing-cladd-nested-3xs: calc(var(--spacing-cladd-3xs) - 8px);
16
+ --spacing-cladd-nested-2xs: calc(var(--spacing-cladd-2xs) - 8px);
14
17
  --spacing-cladd-nested-xs: calc(var(--spacing-cladd-xs) - 8px);
15
18
  --spacing-cladd-nested-sm: calc(var(--spacing-cladd-sm) - 8px);
16
19
  --spacing-cladd-nested-md: calc(var(--spacing-cladd-md) - 8px);
@@ -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
  }
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"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"}