@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.
- package/CHANGELOG.md +11 -1
- package/cladd.css +2 -0
- package/components/Button.d.ts.map +1 -1
- package/components/Button.js +8 -8
- package/components/Button.js.map +1 -1
- package/components/Chip.d.ts +1 -1
- package/components/Chip.d.ts.map +1 -1
- package/components/Chip.js +13 -5
- package/components/Chip.js.map +1 -1
- package/components/Dialog.d.ts +2 -2
- package/components/Dialog.d.ts.map +1 -1
- package/components/Dialog.js +1 -1
- package/components/Dialog.js.map +1 -1
- package/components/Input.js +6 -6
- package/components/Input.js.map +1 -1
- package/components/ListButton.js +1 -1
- package/components/ListButton.js.map +1 -1
- package/components/ListItem.js +1 -1
- package/components/ListItem.js.map +1 -1
- package/components/ListTitle.js +1 -1
- package/components/ListTitle.js.map +1 -1
- package/components/NumberField.js +1 -1
- package/components/NumberField.js.map +1 -1
- package/components/NumberScrubber.d.ts +54 -0
- package/components/NumberScrubber.d.ts.map +1 -0
- package/components/NumberScrubber.js +120 -0
- package/components/NumberScrubber.js.map +1 -0
- package/components/SectionTitle.js +1 -1
- package/components/SectionTitle.js.map +1 -1
- package/components/Segmented.d.ts.map +1 -1
- package/components/Segmented.js +3 -1
- package/components/Segmented.js.map +1 -1
- package/components/Select.d.ts +1 -1
- package/components/Select.d.ts.map +1 -1
- package/components/Select.js +3 -5
- package/components/Select.js.map +1 -1
- package/components/Shortcut.d.ts +1 -1
- package/components/Shortcut.d.ts.map +1 -1
- package/components/Shortcut.js +11 -5
- package/components/Shortcut.js.map +1 -1
- package/components/Slider.js +1 -1
- package/components/Slider.js.map +1 -1
- package/components/Spinner.d.ts +1 -1
- package/components/Spinner.d.ts.map +1 -1
- package/components/Spinner.js +2 -16
- package/components/Spinner.js.map +1 -1
- package/components/Textarea.js +6 -6
- package/components/Textarea.js.map +1 -1
- package/components/Toast.js +1 -1
- package/components/Toast.js.map +1 -1
- package/components/TooltipPrimitive.js +1 -1
- package/components/TooltipPrimitive.js.map +1 -1
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/shared/cn.d.ts.map +1 -1
- package/shared/cn.js +12 -0
- package/shared/cn.js.map +1 -1
- package/shared/size-utls.d.ts +1 -1
- package/shared/size-utls.d.ts.map +1 -1
- package/shared/size-utls.js +5 -0
- package/shared/size-utls.js.map +1 -1
- package/styles/colors.css +4 -4
- package/styles/font-size.css +8 -0
- package/styles/radius.css +9 -2
- package/styles/safe-areas.css +42 -14
- package/styles/scrubber.css +12 -0
- package/styles/spacing.css +3 -0
- 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":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAI1D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAqC,MAAM,qBAAqB,CAAC;AAChF,OAAO,EACL,QAAQ,GAGT,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAiC,MAAM,mBAAmB,CAAC;AACxE,OAAO,EACL,MAAM,EACN,WAAW,EACX,UAAU,EACV,aAAa,GAEd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAmC,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAkB,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,IAAI,EAAkB,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AACrE,OAAO,EACL,aAAa,GAEd,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,SAAS,EAAuB,MAAM,wBAAwB,CAAC;AACxE,OAAO,EACL,WAAW,GAGZ,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,cAAc,GAGf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AACrE,OAAO,EACL,aAAa,GAEd,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,iBAAiB,GAElB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,OAAO,EACP,YAAY,EACZ,WAAW,EACX,cAAc,GAEf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,KAAK,EACL,UAAU,EACV,SAAS,EACT,YAAY,GAEb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,YAAY,GAEb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,KAAK,EAAmC,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAyB,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EACL,YAAY,GAEb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAuB,MAAM,wBAAwB,CAAC;AACxE,OAAO,EACL,eAAe,GAEhB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EACL,QAAQ,GAGT,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAqC,MAAM,qBAAqB,CAAC;AAChF,OAAO,EACL,OAAO,GAGR,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,OAAO,EAAqB,MAAM,sBAAsB,CAAC;AAClE,OAAO,EACL,cAAc,GAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EACL,iBAAiB,GAElB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,MAAM,EAAqC,MAAM,qBAAqB,CAAC;AAChF,OAAO,EACL,QAAQ,GAGT,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,KAAK,EACL,UAAU,EACV,SAAS,EACT,YAAY,GAEb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAqB,MAAM,sBAAsB,CAAC;AAClE,OAAO,EACL,aAAa,GAEd,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,gBAAgB,GAEjB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EACL,OAAO,GAGR,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,gBAAgB,GAEjB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC"}
|
package/package.json
CHANGED
package/shared/cn.d.ts.map
CHANGED
|
@@ -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;
|
|
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"}
|
package/shared/size-utls.d.ts
CHANGED
|
@@ -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,
|
|
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"}
|
package/shared/size-utls.js
CHANGED
|
@@ -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',
|
package/shared/size-utls.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"size-utls.js","sourceRoot":"","sources":["../../../src/shared/size-utls.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,OAAyD,IAAI,EAC7D,IAA8D,EAC9D,EAAE;IACF,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,OAAO;YACL,KAAK,EAAE,gBAAgB;YACvB,EAAE,EAAE,eAAe;YACnB,EAAE,EAAE,eAAe;YACnB,EAAE,EAAE,eAAe;YACnB,EAAE,EAAE,eAAe;YACnB,EAAE,EAAE,eAAe;YACnB,KAAK,EAAE,gBAAgB;SACxB,CAAC,IAAI,CAAC,CAAC;IACV,CAAC;IACD,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QACrB,OAAO;YACL,KAAK,EAAE,aAAa;YACpB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,KAAK,EAAE,aAAa;SACrB,CAAC,IAAI,CAAC,CAAC;IACV,CAAC;IACD,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO;YACL,KAAK,EAAE,aAAa;YACpB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,KAAK,EAAE,aAAa;SACrB,CAAC,IAAI,CAAC,CAAC;IACV,CAAC;IACD,IAAI,IAAI,KAAK,WAAW,EAAE,CAAC;QACzB,OAAO;YACL,KAAK,EAAE,iBAAiB;YACxB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;YACpB,KAAK,EAAE,iBAAiB;SACzB,CAAC,IAAI,CAAC,CAAC;IACV,CAAC;IACD,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;QAC1B,OAAO;YACL,KAAK,EAAE,iBAAiB;YACxB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;YACpB,KAAK,EAAE,iBAAiB;SACzB,CAAC,IAAI,CAAC,CAAC;IACV,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,
|
|
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: #
|
|
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
|
-
/*
|
|
192
|
+
/* NEUTRAL LIGHT */
|
|
193
193
|
:root.light,
|
|
194
194
|
.dark .light,
|
|
195
195
|
:root .light,
|
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-
|
|
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(
|
|
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);
|
package/styles/safe-areas.css
CHANGED
|
@@ -72,18 +72,28 @@
|
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
@utility ml-safe-* {
|
|
75
|
-
margin-left: calc(
|
|
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(
|
|
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(
|
|
83
|
-
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
177
|
+
bottom: calc(
|
|
178
|
+
var(--cladd-safe-area-bottom) + var(--spacing) * --value(number)
|
|
179
|
+
);
|
|
158
180
|
}
|
|
159
181
|
@utility -left-safe-* {
|
|
160
|
-
left: calc(
|
|
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(
|
|
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(
|
|
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(
|
package/styles/spacing.css
CHANGED
|
@@ -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);
|
package/styles/spinner.css
CHANGED
|
@@ -1,71 +1,13 @@
|
|
|
1
|
-
@
|
|
2
|
-
|
|
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
|
}
|