@cladd-ui/react 0.0.15 → 0.0.17
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 +32 -0
- package/cladd.css +11 -0
- package/cladd.css.d.ts +2 -0
- package/components/Backdrop.d.ts.map +1 -1
- package/components/Backdrop.js +1 -1
- package/components/Backdrop.js.map +1 -1
- package/components/Button.d.ts +3 -3
- package/components/Button.d.ts.map +1 -1
- package/components/Button.js +14 -13
- package/components/Button.js.map +1 -1
- package/components/Checkbox.d.ts +3 -3
- package/components/Checkbox.d.ts.map +1 -1
- package/components/Checkbox.js +9 -6
- package/components/Checkbox.js.map +1 -1
- package/components/Chip.d.ts +3 -3
- package/components/Chip.d.ts.map +1 -1
- package/components/Chip.js +13 -18
- package/components/Chip.js.map +1 -1
- package/components/Dialog.d.ts.map +1 -1
- package/components/Dialog.js +8 -6
- package/components/Dialog.js.map +1 -1
- package/components/FocusableLayer.d.ts.map +1 -1
- package/components/FocusableLayer.js +8 -8
- package/components/FocusableLayer.js.map +1 -1
- package/components/Input.d.ts +1 -1
- package/components/Input.d.ts.map +1 -1
- package/components/Input.js +16 -21
- package/components/Input.js.map +1 -1
- package/components/Link.d.ts +2 -2
- package/components/Link.d.ts.map +1 -1
- package/components/Link.js +3 -7
- package/components/Link.js.map +1 -1
- package/components/List.js +1 -1
- package/components/List.js.map +1 -1
- package/components/ListButton.d.ts +1 -1
- package/components/ListButton.d.ts.map +1 -1
- package/components/ListButton.js +2 -2
- package/components/ListButton.js.map +1 -1
- package/components/ListItem.js +1 -1
- package/components/ListItem.js.map +1 -1
- package/components/ListSeparator.js +1 -1
- package/components/ListSeparator.js.map +1 -1
- package/components/ListTitle.js +1 -1
- package/components/ListTitle.js.map +1 -1
- package/components/NumberField.d.ts +1 -1
- package/components/NumberField.d.ts.map +1 -1
- package/components/NumberField.js +1 -1
- package/components/NumberField.js.map +1 -1
- package/components/OTPField.d.ts.map +1 -1
- package/components/OTPField.js +1 -1
- package/components/OTPField.js.map +1 -1
- package/components/OTPFieldInput.d.ts.map +1 -1
- package/components/OTPFieldInput.js +2 -8
- package/components/OTPFieldInput.js.map +1 -1
- package/components/OTPFieldSeparator.js +1 -1
- package/components/OTPFieldSeparator.js.map +1 -1
- package/components/Popover.d.ts +1 -1
- package/components/Popover.d.ts.map +1 -1
- package/components/Popover.js +10 -8
- package/components/Popover.js.map +1 -1
- package/components/Popup.d.ts.map +1 -1
- package/components/Popup.js +12 -18
- package/components/Popup.js.map +1 -1
- package/components/PopupContent.js +1 -1
- package/components/PopupContent.js.map +1 -1
- package/components/Radio.d.ts +3 -3
- package/components/Radio.d.ts.map +1 -1
- package/components/Radio.js +7 -7
- package/components/Radio.js.map +1 -1
- package/components/SearchField.d.ts.map +1 -1
- package/components/SearchField.js +1 -1
- package/components/SearchField.js.map +1 -1
- package/components/SectionTitle.js +1 -1
- package/components/SectionTitle.js.map +1 -1
- package/components/Segmented.d.ts +1 -1
- package/components/Segmented.d.ts.map +1 -1
- package/components/Segmented.js +3 -3
- package/components/Segmented.js.map +1 -1
- package/components/SegmentedButton.d.ts.map +1 -1
- package/components/SegmentedButton.js +1 -1
- package/components/SegmentedButton.js.map +1 -1
- package/components/Select.d.ts +6 -0
- package/components/Select.d.ts.map +1 -1
- package/components/Select.js +7 -7
- package/components/Select.js.map +1 -1
- package/components/Shortcut.d.ts.map +1 -1
- package/components/Shortcut.js +11 -13
- package/components/Shortcut.js.map +1 -1
- package/components/Slider.d.ts.map +1 -1
- package/components/Slider.js +6 -6
- package/components/Slider.js.map +1 -1
- package/components/Spinner.d.ts.map +1 -1
- package/components/Spinner.js +4 -9
- package/components/Spinner.js.map +1 -1
- package/components/Surface.d.ts +4 -4
- package/components/Surface.d.ts.map +1 -1
- package/components/Surface.js +16 -13
- package/components/Surface.js.map +1 -1
- package/components/SurfaceCut.d.ts +2 -2
- package/components/SurfaceCut.d.ts.map +1 -1
- package/components/SurfaceCut.js +7 -7
- package/components/SurfaceCut.js.map +1 -1
- package/components/SurfaceCutContent.d.ts +1 -1
- package/components/SurfaceCutContent.d.ts.map +1 -1
- package/components/SurfaceCutContent.js +2 -2
- package/components/SurfaceCutContent.js.map +1 -1
- package/components/Switch.d.ts +3 -3
- package/components/Switch.d.ts.map +1 -1
- package/components/Switch.js +8 -8
- package/components/Switch.js.map +1 -1
- package/components/TextArea.d.ts +3 -3
- package/components/TextArea.d.ts.map +1 -1
- package/components/TextArea.js +7 -13
- package/components/TextArea.js.map +1 -1
- package/components/ThemeContext.d.ts +4 -1
- package/components/ThemeContext.d.ts.map +1 -1
- package/components/ThemeContext.js +7 -2
- package/components/ThemeContext.js.map +1 -1
- package/components/Toast.d.ts.map +1 -1
- package/components/Toast.js +6 -4
- package/components/Toast.js.map +1 -1
- package/components/Toolbar.d.ts +2 -2
- package/components/Toolbar.d.ts.map +1 -1
- package/components/Toolbar.js +2 -2
- package/components/Toolbar.js.map +1 -1
- package/components/ToolbarSeparator.d.ts.map +1 -1
- package/components/ToolbarSeparator.js +1 -1
- package/components/ToolbarSeparator.js.map +1 -1
- package/components/TooltipPrimitive.d.ts +1 -1
- package/components/TooltipPrimitive.d.ts.map +1 -1
- package/components/TooltipPrimitive.js +6 -4
- package/components/TooltipPrimitive.js.map +1 -1
- package/components/UIProvider.d.ts +4 -0
- package/components/UIProvider.d.ts.map +1 -1
- package/components/UIProvider.js +2 -2
- package/components/UIProvider.js.map +1 -1
- package/hooks/use-focus-trap.d.ts.map +1 -1
- package/hooks/use-focus-trap.js +1 -1
- package/hooks/use-focus-trap.js.map +1 -1
- package/hooks/use-overlays-root.d.ts +2 -0
- package/hooks/use-overlays-root.d.ts.map +1 -0
- package/hooks/use-overlays-root.js +6 -0
- package/hooks/use-overlays-root.js.map +1 -0
- package/index.d.ts +1 -1
- package/index.d.ts.map +1 -1
- package/index.js +1 -1
- package/package.json +9 -3
- package/shared/cn.d.ts.map +1 -1
- package/shared/cn.js +22 -2
- package/shared/cn.js.map +1 -1
- package/shared/rounded-classes.d.ts +1 -5
- package/shared/rounded-classes.d.ts.map +1 -1
- package/shared/rounded-classes.js +42 -30
- package/shared/rounded-classes.js.map +1 -1
- package/shared/size-utls.d.ts +3 -0
- package/shared/size-utls.d.ts.map +1 -0
- package/shared/size-utls.js +110 -0
- package/shared/size-utls.js.map +1 -0
- package/styles/colors.css +329 -295
- package/styles/radius.css +58 -0
- package/styles/safe-areas.css +60 -60
- package/styles/slider.css +16 -14
- package/styles/spacing.css +20 -0
- package/styles/spinner.css +8 -8
- package/ui.css +7 -7
- package/ui.css.d.ts +2 -0
- package/styles/popup.css +0 -14
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cladd-ui/react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.17",
|
|
4
4
|
"description": "",
|
|
5
5
|
"homepage": "https://cladd.io",
|
|
6
6
|
"bugs": {
|
|
@@ -23,8 +23,14 @@
|
|
|
23
23
|
"types": "./index.d.ts",
|
|
24
24
|
"import": "./index.js"
|
|
25
25
|
},
|
|
26
|
-
"./
|
|
27
|
-
|
|
26
|
+
"./cladd.css": {
|
|
27
|
+
"default": "./cladd.css",
|
|
28
|
+
"types": "./cladd.css.d.ts"
|
|
29
|
+
},
|
|
30
|
+
"./css": {
|
|
31
|
+
"default": "./cladd.css",
|
|
32
|
+
"types": "./cladd.css.d.ts"
|
|
33
|
+
},
|
|
28
34
|
"./styles/*": "./styles/*",
|
|
29
35
|
"./package.json": "./package.json"
|
|
30
36
|
},
|
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;AAwB7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
|
package/shared/cn.js
CHANGED
|
@@ -1,6 +1,26 @@
|
|
|
1
1
|
import { clsx } from 'clsx';
|
|
2
|
-
import {
|
|
2
|
+
import { extendTailwindMerge } from 'tailwind-merge';
|
|
3
|
+
const customTwMerge = extendTailwindMerge({
|
|
4
|
+
extend: {
|
|
5
|
+
theme: {
|
|
6
|
+
spacing: [
|
|
7
|
+
'cladd-sm',
|
|
8
|
+
'cladd-md',
|
|
9
|
+
'cladd-lg',
|
|
10
|
+
'cladd-xl',
|
|
11
|
+
'cladd-2xl',
|
|
12
|
+
'cladd-nested-sm',
|
|
13
|
+
'cladd-nested-md',
|
|
14
|
+
'cladd-nested-lg',
|
|
15
|
+
'cladd-nested-xl',
|
|
16
|
+
'cladd-nested-2xl',
|
|
17
|
+
'cladd-thumb-sm',
|
|
18
|
+
'cladd-thumb-md',
|
|
19
|
+
],
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
});
|
|
3
23
|
export function cn(...inputs) {
|
|
4
|
-
return
|
|
24
|
+
return customTwMerge(clsx(inputs));
|
|
5
25
|
}
|
|
6
26
|
//# sourceMappingURL=cn.js.map
|
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,
|
|
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,UAAU;gBACV,UAAU;gBACV,UAAU;gBACV,UAAU;gBACV,WAAW;gBACX,iBAAiB;gBACjB,iBAAiB;gBACjB,iBAAiB;gBACjB,iBAAiB;gBACjB,kBAAkB;gBAClB,gBAAgB;gBAChB,gBAAgB;aACjB;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,8 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import { InputSize } from '../components/Input.js';
|
|
3
|
-
import { NumberFieldSize } from '../components/NumberField.js';
|
|
4
|
-
import { TextAreaSize } from '../components/TextArea.js';
|
|
5
|
-
export declare const roundedClasses: (size: ButtonSize | InputSize | TextAreaSize | NumberFieldSize, rounded?: boolean, multiline?: boolean) => {
|
|
1
|
+
export declare const roundedClasses: (size: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl", rounded?: boolean, multiline?: boolean) => {
|
|
6
2
|
itemRoundedClasses: string;
|
|
7
3
|
focusRoundedClasses: string;
|
|
8
4
|
wrapRoundedClasses: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rounded-classes.d.ts","sourceRoot":"","sources":["../../../src/shared/rounded-classes.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"rounded-classes.d.ts","sourceRoot":"","sources":["../../../src/shared/rounded-classes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,GACzB,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,EACtD,UAAU,OAAO,EACjB,YAAY,OAAO;;;;CAqEpB,CAAC"}
|
|
@@ -1,54 +1,66 @@
|
|
|
1
1
|
export const roundedClasses = (size, rounded, multiline) => {
|
|
2
2
|
const itemRoundedClasses = rounded && multiline
|
|
3
3
|
? {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
'2xs': 'rounded-cladd-full-2xs',
|
|
5
|
+
xs: 'rounded-cladd-full-xs',
|
|
6
|
+
sm: 'rounded-cladd-full-sm',
|
|
7
|
+
md: 'rounded-cladd-full-md',
|
|
8
|
+
lg: 'rounded-cladd-full-lg',
|
|
9
|
+
xl: 'rounded-cladd-full-xl',
|
|
10
|
+
'2xl': 'rounded-cladd-full-2xl',
|
|
9
11
|
}[size]
|
|
10
12
|
: rounded
|
|
11
13
|
? 'rounded-full'
|
|
12
14
|
: {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
'2xs': 'rounded-cladd-2xs',
|
|
16
|
+
xs: 'rounded-cladd-xs',
|
|
17
|
+
sm: 'rounded-cladd-sm',
|
|
18
|
+
md: 'rounded-cladd-md',
|
|
19
|
+
lg: 'rounded-cladd-lg',
|
|
20
|
+
xl: 'rounded-cladd-xl',
|
|
21
|
+
'2xl': 'rounded-cladd-2xl',
|
|
18
22
|
}[size];
|
|
19
23
|
const focusRoundedClasses = rounded && multiline
|
|
20
24
|
? {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
25
|
+
'2xs': 'rounded-cladd-focus-full-2xs',
|
|
26
|
+
xs: 'rounded-cladd-focus-full-xs',
|
|
27
|
+
sm: 'rounded-cladd-focus-full-sm',
|
|
28
|
+
md: 'rounded-cladd-focus-full-md',
|
|
29
|
+
lg: 'rounded-cladd-focus-full-lg',
|
|
30
|
+
xl: 'rounded-cladd-focus-full-xl',
|
|
31
|
+
'2xl': 'rounded-cladd-focus-full-2xl',
|
|
26
32
|
}[size]
|
|
27
33
|
: rounded
|
|
28
34
|
? 'rounded-full'
|
|
29
35
|
: {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
36
|
+
'2xs': 'rounded-cladd-focus-2xs',
|
|
37
|
+
xs: 'rounded-cladd-focus-xs',
|
|
38
|
+
sm: 'rounded-cladd-focus-sm',
|
|
39
|
+
md: 'rounded-cladd-focus-md',
|
|
40
|
+
lg: 'rounded-cladd-focus-lg',
|
|
41
|
+
xl: 'rounded-cladd-focus-xl',
|
|
42
|
+
'2xl': 'rounded-cladd-focus-2xl',
|
|
35
43
|
}[size];
|
|
36
44
|
const wrapRoundedClasses = rounded && multiline
|
|
37
45
|
? {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
46
|
+
'2xs': 'rounded-cladd-wrap-full-2xs',
|
|
47
|
+
xs: 'rounded-cladd-wrap-full-xs',
|
|
48
|
+
sm: 'rounded-cladd-wrap-full-sm',
|
|
49
|
+
md: 'rounded-cladd-wrap-full-md',
|
|
50
|
+
lg: 'rounded-cladd-wrap-full-lg',
|
|
51
|
+
xl: 'rounded-cladd-wrap-full-xl',
|
|
52
|
+
'2xl': 'rounded-cladd-wrap-full-2xl',
|
|
43
53
|
}[size]
|
|
44
54
|
: rounded
|
|
45
55
|
? 'rounded-full'
|
|
46
56
|
: {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
57
|
+
'2xs': 'rounded-cladd-wrap-2xs',
|
|
58
|
+
xs: 'rounded-cladd-wrap-xs',
|
|
59
|
+
sm: 'rounded-cladd-wrap-sm',
|
|
60
|
+
md: 'rounded-cladd-wrap-md',
|
|
61
|
+
lg: 'rounded-cladd-wrap-lg',
|
|
62
|
+
xl: 'rounded-cladd-wrap-xl',
|
|
63
|
+
'2xl': 'rounded-cladd-wrap-2xl',
|
|
52
64
|
}[size];
|
|
53
65
|
return { itemRoundedClasses, focusRoundedClasses, wrapRoundedClasses };
|
|
54
66
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rounded-classes.js","sourceRoot":"","sources":["../../../src/shared/rounded-classes.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"rounded-classes.js","sourceRoot":"","sources":["../../../src/shared/rounded-classes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,IAAsD,EACtD,OAAiB,EACjB,SAAmB,EACnB,EAAE;IACF,MAAM,kBAAkB,GACtB,OAAO,IAAI,SAAS;QAClB,CAAC,CAAC;YACE,KAAK,EAAE,wBAAwB;YAC/B,EAAE,EAAE,uBAAuB;YAC3B,EAAE,EAAE,uBAAuB;YAC3B,EAAE,EAAE,uBAAuB;YAC3B,EAAE,EAAE,uBAAuB;YAC3B,EAAE,EAAE,uBAAuB;YAC3B,KAAK,EAAE,wBAAwB;SAChC,CAAC,IAAI,CAAC;QACT,CAAC,CAAC,OAAO;YACP,CAAC,CAAC,cAAc;YAChB,CAAC,CAAC;gBACE,KAAK,EAAE,mBAAmB;gBAC1B,EAAE,EAAE,kBAAkB;gBACtB,EAAE,EAAE,kBAAkB;gBACtB,EAAE,EAAE,kBAAkB;gBACtB,EAAE,EAAE,kBAAkB;gBACtB,EAAE,EAAE,kBAAkB;gBACtB,KAAK,EAAE,mBAAmB;aAC3B,CAAC,IAAI,CAAC,CAAC;IAChB,MAAM,mBAAmB,GACvB,OAAO,IAAI,SAAS;QAClB,CAAC,CAAC;YACE,KAAK,EAAE,8BAA8B;YACrC,EAAE,EAAE,6BAA6B;YACjC,EAAE,EAAE,6BAA6B;YACjC,EAAE,EAAE,6BAA6B;YACjC,EAAE,EAAE,6BAA6B;YACjC,EAAE,EAAE,6BAA6B;YACjC,KAAK,EAAE,8BAA8B;SACtC,CAAC,IAAI,CAAC;QACT,CAAC,CAAC,OAAO;YACP,CAAC,CAAC,cAAc;YAChB,CAAC,CAAC;gBACE,KAAK,EAAE,yBAAyB;gBAChC,EAAE,EAAE,wBAAwB;gBAC5B,EAAE,EAAE,wBAAwB;gBAC5B,EAAE,EAAE,wBAAwB;gBAC5B,EAAE,EAAE,wBAAwB;gBAC5B,EAAE,EAAE,wBAAwB;gBAC5B,KAAK,EAAE,yBAAyB;aACjC,CAAC,IAAI,CAAC,CAAC;IAChB,MAAM,kBAAkB,GACtB,OAAO,IAAI,SAAS;QAClB,CAAC,CAAC;YACE,KAAK,EAAE,6BAA6B;YACpC,EAAE,EAAE,4BAA4B;YAChC,EAAE,EAAE,4BAA4B;YAChC,EAAE,EAAE,4BAA4B;YAChC,EAAE,EAAE,4BAA4B;YAChC,EAAE,EAAE,4BAA4B;YAChC,KAAK,EAAE,6BAA6B;SACrC,CAAC,IAAI,CAAC;QACT,CAAC,CAAC,OAAO;YACP,CAAC,CAAC,cAAc;YAChB,CAAC,CAAC;gBACE,KAAK,EAAE,wBAAwB;gBAC/B,EAAE,EAAE,uBAAuB;gBAC3B,EAAE,EAAE,uBAAuB;gBAC3B,EAAE,EAAE,uBAAuB;gBAC3B,EAAE,EAAE,uBAAuB;gBAC3B,EAAE,EAAE,uBAAuB;gBAC3B,KAAK,EAAE,wBAAwB;aAChC,CAAC,IAAI,CAAC,CAAC;IAChB,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC;AACzE,CAAC,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
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;
|
|
3
|
+
//# sourceMappingURL=size-utls.d.ts.map
|
|
@@ -0,0 +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"}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
export const rootSizeClasses = (size = 'sm', prop) => {
|
|
2
|
+
if (prop === 'size') {
|
|
3
|
+
return {
|
|
4
|
+
'2xs': 'size-cladd-2xs',
|
|
5
|
+
xs: 'size-cladd-xs',
|
|
6
|
+
sm: 'size-cladd-sm',
|
|
7
|
+
md: 'size-cladd-md',
|
|
8
|
+
lg: 'size-cladd-lg',
|
|
9
|
+
xl: 'size-cladd-xl',
|
|
10
|
+
'2xl': 'size-cladd-2xl',
|
|
11
|
+
}[size];
|
|
12
|
+
}
|
|
13
|
+
if (prop === 'width') {
|
|
14
|
+
return {
|
|
15
|
+
'2xs': 'w-cladd-2xs',
|
|
16
|
+
xs: 'w-cladd-xs',
|
|
17
|
+
sm: 'w-cladd-sm',
|
|
18
|
+
md: 'w-cladd-md',
|
|
19
|
+
lg: 'w-cladd-lg',
|
|
20
|
+
xl: 'w-cladd-xl',
|
|
21
|
+
'2xl': 'w-cladd-2xl',
|
|
22
|
+
}[size];
|
|
23
|
+
}
|
|
24
|
+
if (prop === 'height') {
|
|
25
|
+
return {
|
|
26
|
+
'2xs': 'h-cladd-2xs',
|
|
27
|
+
xs: 'h-cladd-xs',
|
|
28
|
+
sm: 'h-cladd-sm',
|
|
29
|
+
md: 'h-cladd-md',
|
|
30
|
+
lg: 'h-cladd-lg',
|
|
31
|
+
xl: 'h-cladd-xl',
|
|
32
|
+
'2xl': 'h-cladd-2xl',
|
|
33
|
+
}[size];
|
|
34
|
+
}
|
|
35
|
+
if (prop === 'min-width') {
|
|
36
|
+
return {
|
|
37
|
+
'2xs': 'min-w-cladd-2xs',
|
|
38
|
+
xs: 'min-w-cladd-xs',
|
|
39
|
+
sm: 'min-w-cladd-sm',
|
|
40
|
+
md: 'min-w-cladd-md',
|
|
41
|
+
lg: 'min-w-cladd-lg',
|
|
42
|
+
xl: 'min-w-cladd-xl',
|
|
43
|
+
'2xl': 'min-w-cladd-2xl',
|
|
44
|
+
}[size];
|
|
45
|
+
}
|
|
46
|
+
if (prop === 'min-height') {
|
|
47
|
+
return {
|
|
48
|
+
'2xs': 'min-h-cladd-2xs',
|
|
49
|
+
xs: 'min-h-cladd-xs',
|
|
50
|
+
sm: 'min-h-cladd-sm',
|
|
51
|
+
md: 'min-h-cladd-md',
|
|
52
|
+
lg: 'min-h-cladd-lg',
|
|
53
|
+
xl: 'min-h-cladd-xl',
|
|
54
|
+
'2xl': 'min-h-cladd-2xl',
|
|
55
|
+
}[size];
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
export const nestedSizeClasses = (size = 'sm', prop) => {
|
|
59
|
+
if (prop === 'size') {
|
|
60
|
+
return {
|
|
61
|
+
xs: 'size-cladd-nested-xs',
|
|
62
|
+
sm: 'size-cladd-nested-sm',
|
|
63
|
+
md: 'size-cladd-nested-md',
|
|
64
|
+
lg: 'size-cladd-nested-lg',
|
|
65
|
+
xl: 'size-cladd-nested-xl',
|
|
66
|
+
'2xl': 'size-cladd-nested-2xl',
|
|
67
|
+
}[size];
|
|
68
|
+
}
|
|
69
|
+
if (prop === 'width') {
|
|
70
|
+
return {
|
|
71
|
+
xs: 'w-cladd-nested-xs',
|
|
72
|
+
sm: 'w-cladd-nested-sm',
|
|
73
|
+
md: 'w-cladd-nested-md',
|
|
74
|
+
lg: 'w-cladd-nested-lg',
|
|
75
|
+
xl: 'w-cladd-nested-xl',
|
|
76
|
+
'2xl': 'w-cladd-nested-2xl',
|
|
77
|
+
}[size];
|
|
78
|
+
}
|
|
79
|
+
if (prop === 'height') {
|
|
80
|
+
return {
|
|
81
|
+
xs: 'h-cladd-nested-xs',
|
|
82
|
+
sm: 'h-cladd-nested-sm',
|
|
83
|
+
md: 'h-cladd-nested-md',
|
|
84
|
+
lg: 'h-cladd-nested-lg',
|
|
85
|
+
xl: 'h-cladd-nested-xl',
|
|
86
|
+
'2xl': 'h-cladd-nested-2xl',
|
|
87
|
+
}[size];
|
|
88
|
+
}
|
|
89
|
+
if (prop === 'min-width') {
|
|
90
|
+
return {
|
|
91
|
+
xs: 'min-w-cladd-nested-xs',
|
|
92
|
+
sm: 'min-w-cladd-nested-sm',
|
|
93
|
+
md: 'min-w-cladd-nested-md',
|
|
94
|
+
lg: 'min-w-cladd-nested-lg',
|
|
95
|
+
xl: 'min-w-cladd-nested-xl',
|
|
96
|
+
'2xl': 'min-w-cladd-nested-2xl',
|
|
97
|
+
}[size];
|
|
98
|
+
}
|
|
99
|
+
if (prop === 'min-height') {
|
|
100
|
+
return {
|
|
101
|
+
xs: 'min-h-cladd-nested-xs',
|
|
102
|
+
sm: 'min-h-cladd-nested-sm',
|
|
103
|
+
md: 'min-h-cladd-nested-md',
|
|
104
|
+
lg: 'min-h-cladd-nested-lg',
|
|
105
|
+
xl: 'min-h-cladd-nested-xl',
|
|
106
|
+
'2xl': 'min-h-cladd-nested-2xl',
|
|
107
|
+
}[size];
|
|
108
|
+
}
|
|
109
|
+
};
|
|
110
|
+
//# sourceMappingURL=size-utls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"size-utls.js","sourceRoot":"","sources":["../../../src/shared/size-utls.ts"],"names":[],"mappings":"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"}
|