@cladd-ui/react 0.0.22 → 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 (71) hide show
  1. package/CHANGELOG.md +11 -1
  2. package/cladd.css +2 -0
  3. package/components/Button.d.ts.map +1 -1
  4. package/components/Button.js +8 -8
  5. package/components/Button.js.map +1 -1
  6. package/components/Chip.d.ts +1 -1
  7. package/components/Chip.d.ts.map +1 -1
  8. package/components/Chip.js +13 -5
  9. package/components/Chip.js.map +1 -1
  10. package/components/Dialog.d.ts +2 -2
  11. package/components/Dialog.d.ts.map +1 -1
  12. package/components/Dialog.js +1 -1
  13. package/components/Dialog.js.map +1 -1
  14. package/components/Input.js +6 -6
  15. package/components/Input.js.map +1 -1
  16. package/components/ListButton.js +1 -1
  17. package/components/ListButton.js.map +1 -1
  18. package/components/ListItem.js +1 -1
  19. package/components/ListItem.js.map +1 -1
  20. package/components/ListTitle.js +1 -1
  21. package/components/ListTitle.js.map +1 -1
  22. package/components/NumberField.js +1 -1
  23. package/components/NumberField.js.map +1 -1
  24. package/components/NumberScrubber.d.ts +54 -0
  25. package/components/NumberScrubber.d.ts.map +1 -0
  26. package/components/NumberScrubber.js +120 -0
  27. package/components/NumberScrubber.js.map +1 -0
  28. package/components/SectionTitle.js +1 -1
  29. package/components/SectionTitle.js.map +1 -1
  30. package/components/Segmented.d.ts.map +1 -1
  31. package/components/Segmented.js +3 -1
  32. package/components/Segmented.js.map +1 -1
  33. package/components/Select.d.ts +1 -1
  34. package/components/Select.d.ts.map +1 -1
  35. package/components/Select.js +3 -5
  36. package/components/Select.js.map +1 -1
  37. package/components/Shortcut.d.ts +1 -1
  38. package/components/Shortcut.d.ts.map +1 -1
  39. package/components/Shortcut.js +11 -5
  40. package/components/Shortcut.js.map +1 -1
  41. package/components/Slider.js +1 -1
  42. package/components/Slider.js.map +1 -1
  43. package/components/Spinner.d.ts +1 -1
  44. package/components/Spinner.d.ts.map +1 -1
  45. package/components/Spinner.js +2 -16
  46. package/components/Spinner.js.map +1 -1
  47. package/components/Textarea.js +6 -6
  48. package/components/Textarea.js.map +1 -1
  49. package/components/Toast.js +1 -1
  50. package/components/Toast.js.map +1 -1
  51. package/components/TooltipPrimitive.js +1 -1
  52. package/components/TooltipPrimitive.js.map +1 -1
  53. package/index.d.ts +1 -0
  54. package/index.d.ts.map +1 -1
  55. package/index.js +1 -0
  56. package/index.js.map +1 -1
  57. package/package.json +1 -1
  58. package/shared/cn.d.ts.map +1 -1
  59. package/shared/cn.js +12 -0
  60. package/shared/cn.js.map +1 -1
  61. package/shared/size-utls.d.ts +1 -1
  62. package/shared/size-utls.d.ts.map +1 -1
  63. package/shared/size-utls.js +5 -0
  64. package/shared/size-utls.js.map +1 -1
  65. package/styles/colors.css +4 -4
  66. package/styles/font-size.css +8 -0
  67. package/styles/radius.css +9 -2
  68. package/styles/safe-areas.css +42 -14
  69. package/styles/scrubber.css +12 -0
  70. package/styles/spacing.css +3 -0
  71. package/styles/spinner.css +2 -60
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cladd-ui/react",
3
- "version": "0.0.22",
3
+ "version": "0.0.23",
4
4
  "description": "",
5
5
  "homepage": "https://cladd.io",
6
6
  "bugs": {
@@ -1 +1 @@
1
- {"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../src/shared/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAsF7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
1
+ {"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../src/shared/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAkG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
package/shared/cn.js CHANGED
@@ -3,7 +3,16 @@ import { extendTailwindMerge } from 'tailwind-merge';
3
3
  const customTwMerge = extendTailwindMerge({
4
4
  extend: {
5
5
  theme: {
6
+ text: [
7
+ 'cladd-4xs',
8
+ 'cladd-3xs',
9
+ 'cladd-2xs',
10
+ 'cladd-xs',
11
+ 'cladd-sm',
12
+ 'cladd-md',
13
+ ],
6
14
  spacing: [
15
+ 'cladd-3xs',
7
16
  'cladd-2xs',
8
17
  'cladd-xs',
9
18
  'cladd-sm',
@@ -14,6 +23,8 @@ const customTwMerge = extendTailwindMerge({
14
23
  'cladd-thumb-xs',
15
24
  'cladd-thumb-sm',
16
25
  'cladd-thumb-md',
26
+ 'cladd-nested-3xs',
27
+ 'cladd-nested-2xs',
17
28
  'cladd-nested-xs',
18
29
  'cladd-nested-sm',
19
30
  'cladd-nested-md',
@@ -25,6 +36,7 @@ const customTwMerge = extendTailwindMerge({
25
36
  ],
26
37
  radius: [
27
38
  'cladd',
39
+ 'cladd-3xs',
28
40
  'cladd-2xs',
29
41
  'cladd-xs',
30
42
  'cladd-sm',
package/shared/cn.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"cn.js","sourceRoot":"","sources":["../../../src/shared/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,aAAa,GAAG,mBAAmB,CAAC;IACxC,MAAM,EAAE;QACN,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,WAAW;gBACX,UAAU;gBACV,UAAU;gBACV,UAAU;gBACV,UAAU;gBACV,UAAU;gBACV,WAAW;gBACX,gBAAgB;gBAChB,gBAAgB;gBAChB,gBAAgB;gBAChB,iBAAiB;gBACjB,iBAAiB;gBACjB,iBAAiB;gBACjB,iBAAiB;gBACjB,iBAAiB;gBACjB,kBAAkB;gBAClB,gBAAgB;gBAChB,gBAAgB;aACjB;YACD,MAAM,EAAE;gBACN,OAAO;gBACP,WAAW;gBACX,UAAU;gBACV,UAAU;gBACV,UAAU;gBACV,UAAU;gBACV,UAAU;gBACV,WAAW;gBAEX,gBAAgB;gBAChB,eAAe;gBACf,eAAe;gBACf,eAAe;gBACf,eAAe;gBACf,eAAe;gBACf,gBAAgB;gBAEhB,gBAAgB;gBAChB,eAAe;gBACf,eAAe;gBACf,eAAe;gBACf,eAAe;gBACf,eAAe;gBACf,gBAAgB;gBAEhB,qBAAqB;gBACrB,oBAAoB;gBACpB,oBAAoB;gBACpB,oBAAoB;gBACpB,oBAAoB;gBACpB,oBAAoB;gBACpB,qBAAqB;gBAErB,iBAAiB;gBACjB,gBAAgB;gBAChB,gBAAgB;gBAChB,gBAAgB;gBAChB,gBAAgB;gBAChB,gBAAgB;gBAChB,iBAAiB;gBAEjB,sBAAsB;gBACtB,qBAAqB;gBACrB,qBAAqB;gBACrB,qBAAqB;gBACrB,qBAAqB;gBACrB,qBAAqB;gBACrB,sBAAsB;gBAEtB,eAAe;gBACf,cAAc;gBACd,aAAa;gBACb,aAAa;gBACb,eAAe;aAChB;SACF;KACF;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AACrC,CAAC"}
1
+ {"version":3,"file":"cn.js","sourceRoot":"","sources":["../../../src/shared/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,aAAa,GAAG,mBAAmB,CAAC;IACxC,MAAM,EAAE;QACN,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,WAAW;gBACX,WAAW;gBACX,WAAW;gBACX,UAAU;gBACV,UAAU;gBACV,UAAU;aACX;YACD,OAAO,EAAE;gBACP,WAAW;gBACX,WAAW;gBACX,UAAU;gBACV,UAAU;gBACV,UAAU;gBACV,UAAU;gBACV,UAAU;gBACV,WAAW;gBACX,gBAAgB;gBAChB,gBAAgB;gBAChB,gBAAgB;gBAChB,kBAAkB;gBAClB,kBAAkB;gBAClB,iBAAiB;gBACjB,iBAAiB;gBACjB,iBAAiB;gBACjB,iBAAiB;gBACjB,iBAAiB;gBACjB,kBAAkB;gBAClB,gBAAgB;gBAChB,gBAAgB;aACjB;YACD,MAAM,EAAE;gBACN,OAAO;gBACP,WAAW;gBACX,WAAW;gBACX,UAAU;gBACV,UAAU;gBACV,UAAU;gBACV,UAAU;gBACV,UAAU;gBACV,WAAW;gBAEX,gBAAgB;gBAChB,eAAe;gBACf,eAAe;gBACf,eAAe;gBACf,eAAe;gBACf,eAAe;gBACf,gBAAgB;gBAEhB,gBAAgB;gBAChB,eAAe;gBACf,eAAe;gBACf,eAAe;gBACf,eAAe;gBACf,eAAe;gBACf,gBAAgB;gBAEhB,qBAAqB;gBACrB,oBAAoB;gBACpB,oBAAoB;gBACpB,oBAAoB;gBACpB,oBAAoB;gBACpB,oBAAoB;gBACpB,qBAAqB;gBAErB,iBAAiB;gBACjB,gBAAgB;gBAChB,gBAAgB;gBAChB,gBAAgB;gBAChB,gBAAgB;gBAChB,gBAAgB;gBAChB,iBAAiB;gBAEjB,sBAAsB;gBACtB,qBAAqB;gBACrB,qBAAqB;gBACrB,qBAAqB;gBACrB,qBAAqB;gBACrB,qBAAqB;gBACrB,sBAAsB;gBAEtB,eAAe;gBACf,cAAc;gBACd,aAAa;gBACb,aAAa;gBACb,eAAe;aAChB;SACF;KACF;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AACrC,CAAC"}
@@ -1,3 +1,3 @@
1
1
  export declare const rootSizeClasses: (size: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined, prop: "size" | "width" | "height" | "min-width" | "min-height") => string | undefined;
2
- export declare const nestedSizeClasses: (size: "sm" | "md" | "lg" | "xl" | "2xl" | undefined, prop: "size" | "width" | "height" | "min-width" | "min-height") => string | undefined;
2
+ export declare const nestedSizeClasses: (size: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined, prop: "size" | "width" | "height" | "min-width" | "min-height") => string | undefined;
3
3
  //# sourceMappingURL=size-utls.d.ts.map
@@ -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
  }