@korsolutions/ui 0.0.85 → 0.0.87
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/AGENTS.md +3 -3
- package/dist/module/components/alert-dialog/components/alert-dialog-root.js +1 -1
- package/dist/module/components/alert-dialog/components/alert-dialog-root.js.map +1 -1
- package/dist/module/components/alert-dialog/variants/default.js +93 -85
- package/dist/module/components/alert-dialog/variants/default.js.map +1 -1
- package/dist/module/components/button/button.js +1 -1
- package/dist/module/components/button/button.js.map +1 -1
- package/dist/module/components/button/variants/default.js +48 -44
- package/dist/module/components/button/variants/default.js.map +1 -1
- package/dist/module/components/button/variants/ghost.js +64 -60
- package/dist/module/components/button/variants/ghost.js.map +1 -1
- package/dist/module/components/button/variants/secondary.js +66 -62
- package/dist/module/components/button/variants/secondary.js.map +1 -1
- package/dist/module/components/combobox/components/combobox-root.js +1 -1
- package/dist/module/components/combobox/components/combobox-root.js.map +1 -1
- package/dist/module/components/combobox/variants/default.js +91 -88
- package/dist/module/components/combobox/variants/default.js.map +1 -1
- package/dist/module/components/icon-button/icon-button.js +4 -5
- package/dist/module/components/icon-button/icon-button.js.map +1 -1
- package/dist/module/components/icon-button/variants/default.js +31 -24
- package/dist/module/components/icon-button/variants/default.js.map +1 -1
- package/dist/module/components/icon-button/variants/ghost.js +32 -25
- package/dist/module/components/icon-button/variants/ghost.js.map +1 -1
- package/dist/module/components/icon-button/variants/secondary.js +34 -27
- package/dist/module/components/icon-button/variants/secondary.js.map +1 -1
- package/dist/module/components/index.js +1 -0
- package/dist/module/components/index.js.map +1 -1
- package/dist/module/components/input/input.js +1 -1
- package/dist/module/components/input/input.js.map +1 -1
- package/dist/module/components/input/variants/default.js +39 -37
- package/dist/module/components/input/variants/default.js.map +1 -1
- package/dist/module/components/input/variants/secondary.js +39 -37
- package/dist/module/components/input/variants/secondary.js.map +1 -1
- package/dist/module/components/phone-input/components/phone-input-root.js +2 -1
- package/dist/module/components/phone-input/components/phone-input-root.js.map +1 -1
- package/dist/module/components/phone-input/variants/default.js +115 -112
- package/dist/module/components/phone-input/variants/default.js.map +1 -1
- package/dist/module/components/select/components/select-root.js +1 -1
- package/dist/module/components/select/components/select-root.js.map +1 -1
- package/dist/module/components/select/variants/default.js +75 -73
- package/dist/module/components/select/variants/default.js.map +1 -1
- package/dist/module/components/sidebar/components/sidebar-content.js +19 -0
- package/dist/module/components/sidebar/components/sidebar-content.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-footer.js +18 -0
- package/dist/module/components/sidebar/components/sidebar-footer.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-group-label.js +18 -0
- package/dist/module/components/sidebar/components/sidebar-group-label.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-group.js +18 -0
- package/dist/module/components/sidebar/components/sidebar-group.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-header.js +18 -0
- package/dist/module/components/sidebar/components/sidebar-header.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-menu-item.js +36 -0
- package/dist/module/components/sidebar/components/sidebar-menu-item.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-menu-sub.js +22 -0
- package/dist/module/components/sidebar/components/sidebar-menu-sub.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-menu.js +18 -0
- package/dist/module/components/sidebar/components/sidebar-menu.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-provider.js +47 -0
- package/dist/module/components/sidebar/components/sidebar-provider.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-root.js +27 -0
- package/dist/module/components/sidebar/components/sidebar-root.js.map +1 -0
- package/dist/module/components/sidebar/context.js +12 -0
- package/dist/module/components/sidebar/context.js.map +1 -0
- package/dist/module/components/sidebar/index.js +26 -0
- package/dist/module/components/sidebar/index.js.map +1 -0
- package/dist/module/components/sidebar/types.js +4 -0
- package/dist/module/components/sidebar/types.js.map +1 -0
- package/dist/module/components/sidebar/variants/default.js +101 -0
- package/dist/module/components/sidebar/variants/default.js.map +1 -0
- package/dist/module/components/sidebar/variants/index.js +7 -0
- package/dist/module/components/sidebar/variants/index.js.map +1 -0
- package/dist/module/themes/default/index.js +1 -0
- package/dist/module/themes/default/index.js.map +1 -1
- package/dist/module/themes/provider.js +1 -0
- package/dist/module/themes/provider.js.map +1 -1
- package/dist/module/themes/utils.js +2 -1
- package/dist/module/themes/utils.js.map +1 -1
- package/dist/module/utils/size-scale.js +42 -0
- package/dist/module/utils/size-scale.js.map +1 -0
- package/dist/module/utils/use-themed-styles.js +4 -1
- package/dist/module/utils/use-themed-styles.js.map +1 -1
- package/dist/typescript/src/components/alert-dialog/components/alert-dialog-root.d.ts +2 -0
- package/dist/typescript/src/components/alert-dialog/components/alert-dialog-root.d.ts.map +1 -1
- package/dist/typescript/src/components/alert-dialog/variants/default.d.ts +3 -2
- package/dist/typescript/src/components/alert-dialog/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/alert-dialog/variants/index.d.ts +1 -1
- package/dist/typescript/src/components/button/button.d.ts +2 -0
- package/dist/typescript/src/components/button/button.d.ts.map +1 -1
- package/dist/typescript/src/components/button/variants/default.d.ts +2 -1
- package/dist/typescript/src/components/button/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/button/variants/ghost.d.ts +2 -1
- package/dist/typescript/src/components/button/variants/ghost.d.ts.map +1 -1
- package/dist/typescript/src/components/button/variants/index.d.ts +3 -3
- package/dist/typescript/src/components/button/variants/secondary.d.ts +2 -1
- package/dist/typescript/src/components/button/variants/secondary.d.ts.map +1 -1
- package/dist/typescript/src/components/combobox/components/combobox-root.d.ts +2 -0
- package/dist/typescript/src/components/combobox/components/combobox-root.d.ts.map +1 -1
- package/dist/typescript/src/components/combobox/variants/default.d.ts +2 -1
- package/dist/typescript/src/components/combobox/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/icon-button/icon-button.d.ts +2 -1
- package/dist/typescript/src/components/icon-button/icon-button.d.ts.map +1 -1
- package/dist/typescript/src/components/icon-button/variants/default.d.ts +2 -1
- package/dist/typescript/src/components/icon-button/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/icon-button/variants/ghost.d.ts +2 -1
- package/dist/typescript/src/components/icon-button/variants/ghost.d.ts.map +1 -1
- package/dist/typescript/src/components/icon-button/variants/index.d.ts +3 -3
- package/dist/typescript/src/components/icon-button/variants/secondary.d.ts +2 -1
- package/dist/typescript/src/components/icon-button/variants/secondary.d.ts.map +1 -1
- package/dist/typescript/src/components/index.d.ts +1 -0
- package/dist/typescript/src/components/index.d.ts.map +1 -1
- package/dist/typescript/src/components/input/input.d.ts +2 -0
- package/dist/typescript/src/components/input/input.d.ts.map +1 -1
- package/dist/typescript/src/components/input/variants/default.d.ts +2 -1
- package/dist/typescript/src/components/input/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/input/variants/secondary.d.ts +3 -2
- package/dist/typescript/src/components/input/variants/secondary.d.ts.map +1 -1
- package/dist/typescript/src/components/phone-input/components/phone-input-root.d.ts +3 -1
- package/dist/typescript/src/components/phone-input/components/phone-input-root.d.ts.map +1 -1
- package/dist/typescript/src/components/phone-input/variants/default.d.ts +2 -1
- package/dist/typescript/src/components/phone-input/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/select/components/select-root.d.ts +2 -0
- package/dist/typescript/src/components/select/components/select-root.d.ts.map +1 -1
- package/dist/typescript/src/components/select/variants/default.d.ts +3 -2
- package/dist/typescript/src/components/select/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/sidebar/components/sidebar-content.d.ts +8 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-content.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-footer.d.ts +8 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-footer.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-group-label.d.ts +8 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-group-label.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-group.d.ts +8 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-group.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-header.d.ts +8 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-header.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-menu-item.d.ts +12 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-menu-item.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-menu-sub.d.ts +10 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-menu-sub.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-menu.d.ts +8 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-menu.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-provider.d.ts +17 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-provider.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-root.d.ts +8 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-root.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/context.d.ts +12 -0
- package/dist/typescript/src/components/sidebar/context.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/index.d.ts +35 -0
- package/dist/typescript/src/components/sidebar/index.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/types.d.ts +29 -0
- package/dist/typescript/src/components/sidebar/types.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/variants/default.d.ts +3 -0
- package/dist/typescript/src/components/sidebar/variants/default.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/variants/index.d.ts +5 -0
- package/dist/typescript/src/components/sidebar/variants/index.d.ts.map +1 -0
- package/dist/typescript/src/index.d.ts +2 -0
- package/dist/typescript/src/index.d.ts.map +1 -1
- package/dist/typescript/src/themes/default/index.d.ts.map +1 -1
- package/dist/typescript/src/themes/provider.d.ts +1 -0
- package/dist/typescript/src/themes/provider.d.ts.map +1 -1
- package/dist/typescript/src/themes/types.d.ts +5 -0
- package/dist/typescript/src/themes/types.d.ts.map +1 -1
- package/dist/typescript/src/themes/utils.d.ts.map +1 -1
- package/dist/typescript/src/utils/size-scale.d.ts +20 -0
- package/dist/typescript/src/utils/size-scale.d.ts.map +1 -0
- package/dist/typescript/src/utils/use-themed-styles.d.ts +5 -0
- package/dist/typescript/src/utils/use-themed-styles.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/alert-dialog/components/alert-dialog-root.tsx +3 -1
- package/src/components/alert-dialog/variants/default.tsx +88 -79
- package/src/components/button/button.tsx +3 -1
- package/src/components/button/variants/default.tsx +14 -10
- package/src/components/button/variants/ghost.tsx +14 -10
- package/src/components/button/variants/secondary.tsx +14 -10
- package/src/components/combobox/components/combobox-root.tsx +3 -1
- package/src/components/combobox/variants/default.tsx +17 -14
- package/src/components/icon-button/icon-button.tsx +6 -6
- package/src/components/icon-button/variants/default.tsx +12 -6
- package/src/components/icon-button/variants/ghost.tsx +12 -6
- package/src/components/icon-button/variants/secondary.tsx +12 -6
- package/src/components/index.ts +1 -0
- package/src/components/input/input.tsx +3 -1
- package/src/components/input/variants/default.tsx +11 -9
- package/src/components/input/variants/secondary.tsx +12 -10
- package/src/components/phone-input/components/phone-input-root.tsx +4 -1
- package/src/components/phone-input/variants/default.tsx +21 -18
- package/src/components/select/components/select-root.tsx +3 -1
- package/src/components/select/variants/default.tsx +16 -14
- package/src/components/sidebar/components/sidebar-content.tsx +19 -0
- package/src/components/sidebar/components/sidebar-footer.tsx +15 -0
- package/src/components/sidebar/components/sidebar-group-label.tsx +15 -0
- package/src/components/sidebar/components/sidebar-group.tsx +15 -0
- package/src/components/sidebar/components/sidebar-header.tsx +15 -0
- package/src/components/sidebar/components/sidebar-menu-item.tsx +61 -0
- package/src/components/sidebar/components/sidebar-menu-sub.tsx +23 -0
- package/src/components/sidebar/components/sidebar-menu.tsx +15 -0
- package/src/components/sidebar/components/sidebar-provider.tsx +73 -0
- package/src/components/sidebar/components/sidebar-root.tsx +19 -0
- package/src/components/sidebar/context.ts +21 -0
- package/src/components/sidebar/index.ts +37 -0
- package/src/components/sidebar/types.ts +31 -0
- package/src/components/sidebar/variants/default.tsx +96 -0
- package/src/components/sidebar/variants/index.ts +5 -0
- package/src/index.tsx +2 -0
- package/src/themes/default/index.ts +1 -0
- package/src/themes/provider.tsx +2 -0
- package/src/themes/types.ts +5 -0
- package/src/themes/utils.ts +1 -0
- package/src/utils/size-scale.ts +45 -0
- package/src/utils/use-themed-styles.ts +8 -0
package/AGENTS.md
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
# AGENTS.md -
|
|
1
|
+
# AGENTS.md - KorUI Library
|
|
2
2
|
|
|
3
3
|
## Overview
|
|
4
4
|
|
|
5
|
-
This is the main UI component library package (`@korsolutions/ui`)
|
|
5
|
+
This is the main UI component library package (`@korsolutions/ui`), a minimal-dependency, cross-platform UI library for React Native and Expo. Flexible components with beautiful default styling.
|
|
6
6
|
|
|
7
7
|
## Core Principles
|
|
8
8
|
|
|
9
9
|
1. **Minimal Dependencies** - Keep external dependencies to a minimum
|
|
10
|
-
2. **
|
|
10
|
+
2. **Beautiful Defaults** - Components ship with production-ready styling
|
|
11
11
|
3. **Variant System** - Use themed style hooks for component variants
|
|
12
12
|
4. **Compound Components** - Export components as objects with sub-components
|
|
13
13
|
5. **Type Safety** - Full TypeScript coverage with strict mode enabled
|
|
@@ -10,7 +10,7 @@ export function AlertDialogRoot(props) {
|
|
|
10
10
|
const {
|
|
11
11
|
children
|
|
12
12
|
} = props;
|
|
13
|
-
const variantStyles = AlertDialogVariants[props.variant || "default"]();
|
|
13
|
+
const variantStyles = AlertDialogVariants[props.variant || "default"](props.size ?? "md");
|
|
14
14
|
const componentConfig = useComponentConfig("alertDialog");
|
|
15
15
|
const [isOpen, setIsOpen] = useState(false);
|
|
16
16
|
const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","useState","useComponentConfig","mergeStyles","AlertDialogContext","AlertDialogVariants","jsx","_jsx","AlertDialogRoot","props","children","variantStyles","variant","componentConfig","isOpen","setIsOpen","mergedStyles","styles","contextValue","Provider","value"],"sourceRoot":"../../../../../src","sources":["components/alert-dialog/components/alert-dialog-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAChD,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,WAAW,QAAQ,oCAAiC;
|
|
1
|
+
{"version":3,"names":["React","useMemo","useState","useComponentConfig","mergeStyles","AlertDialogContext","AlertDialogVariants","jsx","_jsx","AlertDialogRoot","props","children","variantStyles","variant","size","componentConfig","isOpen","setIsOpen","mergedStyles","styles","contextValue","Provider","value"],"sourceRoot":"../../../../../src","sources":["components/alert-dialog/components/alert-dialog-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAChD,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,WAAW,QAAQ,oCAAiC;AAE7D,SAASC,kBAAkB,QAAsC,eAAY;AAC7E,SAASC,mBAAmB,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQlD,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IAAEC;EAAS,CAAC,GAAGD,KAAK;EAC1B,MAAME,aAAa,GAAGN,mBAAmB,CAACI,KAAK,CAACG,OAAO,IAAI,SAAS,CAAC,CAACH,KAAK,CAACI,IAAI,IAAI,IAAI,CAAC;EACzF,MAAMC,eAAe,GAAGZ,kBAAkB,CAAC,aAAa,CAAC;EACzD,MAAM,CAACa,MAAM,EAAEC,SAAS,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;EAE3C,MAAMgB,YAAY,GAAGd,WAAW,CAACQ,aAAa,EAAEG,eAAe,EAAEI,MAAM,CAAC;EAExE,MAAMC,YAAqC,GAAGnB,OAAO,CACnD,OAAO;IACLe,MAAM;IACNC,SAAS;IACTE,MAAM,EAAED;EACV,CAAC,CAAC,EACF,CAACF,MAAM,EAAEE,YAAY,CACvB,CAAC;EAED,oBAAOV,IAAA,CAACH,kBAAkB,CAACgB,QAAQ;IAACC,KAAK,EAAEF,YAAa;IAAAT,QAAA,EAAEA;EAAQ,CAA8B,CAAC;AACnG","ignoreList":[]}
|
|
@@ -1,95 +1,103 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useThemedStyles } from "../../../utils/use-themed-styles.js";
|
|
4
|
-
export const useAlertDialogVariantDefault =
|
|
4
|
+
export const useAlertDialogVariantDefault = size => {
|
|
5
5
|
return useThemedStyles(({
|
|
6
6
|
colors,
|
|
7
7
|
radius,
|
|
8
8
|
fontFamily,
|
|
9
|
-
fontSize
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
borderRadius: radius,
|
|
25
|
-
padding: 24,
|
|
26
|
-
maxWidth: 400,
|
|
27
|
-
width: "90%",
|
|
28
|
-
shadowColor: "#000",
|
|
29
|
-
shadowOffset: {
|
|
30
|
-
width: 0,
|
|
31
|
-
height: 2
|
|
9
|
+
fontSize,
|
|
10
|
+
sizeScale
|
|
11
|
+
}) => {
|
|
12
|
+
const s = sizeScale(size);
|
|
13
|
+
return {
|
|
14
|
+
overlay: {
|
|
15
|
+
position: "absolute",
|
|
16
|
+
top: 0,
|
|
17
|
+
left: 0,
|
|
18
|
+
right: 0,
|
|
19
|
+
bottom: 0,
|
|
20
|
+
backgroundColor: "rgba(0, 0, 0, 0.5)",
|
|
21
|
+
justifyContent: "center",
|
|
22
|
+
alignItems: "center",
|
|
23
|
+
zIndex: 999
|
|
32
24
|
},
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
25
|
+
content: {
|
|
26
|
+
backgroundColor: colors.background,
|
|
27
|
+
borderRadius: radius,
|
|
28
|
+
padding: 24,
|
|
29
|
+
maxWidth: 400,
|
|
30
|
+
width: "90%",
|
|
31
|
+
shadowColor: "#000",
|
|
32
|
+
shadowOffset: {
|
|
33
|
+
width: 0,
|
|
34
|
+
height: 2
|
|
35
|
+
},
|
|
36
|
+
shadowOpacity: 0.25,
|
|
37
|
+
shadowRadius: 8,
|
|
38
|
+
elevation: 5,
|
|
39
|
+
position: "absolute",
|
|
40
|
+
top: "50%",
|
|
41
|
+
left: "50%",
|
|
42
|
+
transform: [{
|
|
43
|
+
translateX: "-50%"
|
|
44
|
+
}, {
|
|
45
|
+
translateY: "-50%"
|
|
46
|
+
}],
|
|
47
|
+
borderWidth: 1,
|
|
48
|
+
borderColor: colors.border,
|
|
49
|
+
zIndex: 1000
|
|
50
|
+
},
|
|
51
|
+
title: {
|
|
52
|
+
fontSize: fontSize * 1.25,
|
|
53
|
+
fontWeight: "600",
|
|
54
|
+
color: colors.foreground,
|
|
55
|
+
fontFamily,
|
|
56
|
+
marginBottom: 8
|
|
57
|
+
},
|
|
58
|
+
description: {
|
|
59
|
+
fontSize,
|
|
60
|
+
color: colors.mutedForeground,
|
|
61
|
+
fontFamily,
|
|
62
|
+
lineHeight: fontSize * 1.5
|
|
63
|
+
},
|
|
64
|
+
footer: {
|
|
65
|
+
flexDirection: "row",
|
|
66
|
+
justifyContent: "flex-end",
|
|
67
|
+
gap: s.gap,
|
|
68
|
+
marginTop: 24
|
|
69
|
+
},
|
|
70
|
+
cancel: {
|
|
71
|
+
height: s.height,
|
|
72
|
+
paddingHorizontal: s.paddingHorizontal,
|
|
73
|
+
borderRadius: radius,
|
|
74
|
+
borderWidth: 1,
|
|
75
|
+
borderColor: colors.border,
|
|
76
|
+
backgroundColor: colors.background,
|
|
77
|
+
justifyContent: "center",
|
|
78
|
+
alignItems: "center"
|
|
79
|
+
},
|
|
80
|
+
cancelText: {
|
|
81
|
+
color: colors.foreground,
|
|
82
|
+
fontSize: s.fontSize,
|
|
83
|
+
fontWeight: "500",
|
|
84
|
+
fontFamily
|
|
85
|
+
},
|
|
86
|
+
action: {
|
|
87
|
+
height: s.height,
|
|
88
|
+
paddingHorizontal: s.paddingHorizontal,
|
|
89
|
+
borderRadius: radius,
|
|
90
|
+
backgroundColor: colors.primary,
|
|
91
|
+
justifyContent: "center",
|
|
92
|
+
alignItems: "center"
|
|
93
|
+
},
|
|
94
|
+
actionText: {
|
|
95
|
+
color: colors.primaryForeground,
|
|
96
|
+
fontSize: s.fontSize,
|
|
97
|
+
fontWeight: "500",
|
|
98
|
+
fontFamily
|
|
99
|
+
}
|
|
100
|
+
};
|
|
101
|
+
});
|
|
94
102
|
};
|
|
95
103
|
//# sourceMappingURL=default.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useAlertDialogVariantDefault","colors","radius","fontFamily","fontSize","overlay","position","top","left","right","bottom","backgroundColor","justifyContent","alignItems","zIndex","content","background","borderRadius","padding","maxWidth","width","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","transform","translateX","translateY","borderWidth","borderColor","border","title","fontWeight","color","foreground","marginBottom","description","mutedForeground","lineHeight","footer","flexDirection","gap","marginTop","cancel","
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useAlertDialogVariantDefault","size","colors","radius","fontFamily","fontSize","sizeScale","s","overlay","position","top","left","right","bottom","backgroundColor","justifyContent","alignItems","zIndex","content","background","borderRadius","padding","maxWidth","width","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","transform","translateX","translateY","borderWidth","borderColor","border","title","fontWeight","color","foreground","marginBottom","description","mutedForeground","lineHeight","footer","flexDirection","gap","marginTop","cancel","paddingHorizontal","cancelText","action","primary","actionText","primaryForeground"],"sourceRoot":"../../../../../src","sources":["components/alert-dialog/variants/default.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -14,7 +14,7 @@ const calculateState = (props, isHovered) => {
|
|
|
14
14
|
return "default";
|
|
15
15
|
};
|
|
16
16
|
export function Button(props) {
|
|
17
|
-
const variantStyles = ButtonVariants[props.variant ?? "default"]();
|
|
17
|
+
const variantStyles = ButtonVariants[props.variant ?? "default"](props.size ?? "md");
|
|
18
18
|
const componentConfig = useComponentConfig("button");
|
|
19
19
|
const [isHovered, setIsHovered] = useState(false);
|
|
20
20
|
const state = calculateState(props, isHovered);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","ActivityIndicator","Pressable","StyleSheet","useOrganizedChildren","useComponentConfig","mergeStyles","ButtonVariants","jsx","_jsx","jsxs","_jsxs","calculateState","props","isHovered","isDisabled","isLoading","Button","variantStyles","variant","componentConfig","setIsHovered","state","mergedStyles","styles","textStyle","flatten","text","default","iconProps","icon","organizedChildren","children","handlePress","event","preventDefault","onPress","spinnerProps","spinner","onHoverIn","onHoverOut","disabled","style","root"],"sourceRoot":"../../../../src","sources":["components/button/button.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,iBAAiB,EACjBC,SAAS,EAGTC,UAAU,QAEL,cAAc;AACrB,SAASC,oBAAoB,QAAQ,uCAAoC;AACzE,SAASC,kBAAkB,QAAQ,0BAAuB;AAC1D,SAASC,WAAW,QAAQ,iCAA8B;
|
|
1
|
+
{"version":3,"names":["React","useState","ActivityIndicator","Pressable","StyleSheet","useOrganizedChildren","useComponentConfig","mergeStyles","ButtonVariants","jsx","_jsx","jsxs","_jsxs","calculateState","props","isHovered","isDisabled","isLoading","Button","variantStyles","variant","size","componentConfig","setIsHovered","state","mergedStyles","styles","textStyle","flatten","text","default","iconProps","icon","organizedChildren","children","handlePress","event","preventDefault","onPress","spinnerProps","spinner","onHoverIn","onHoverOut","disabled","style","root"],"sourceRoot":"../../../../src","sources":["components/button/button.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,iBAAiB,EACjBC,SAAS,EAGTC,UAAU,QAEL,cAAc;AACrB,SAASC,oBAAoB,QAAQ,uCAAoC;AACzE,SAASC,kBAAkB,QAAQ,0BAAuB;AAC1D,SAASC,WAAW,QAAQ,iCAA8B;AAG1D,SAASC,cAAc,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAa5C,MAAMC,cAAc,GAAGA,CAACC,KAAkB,EAAEC,SAAkB,KAAkB;EAC9E,IAAID,KAAK,CAACE,UAAU,EAAE,OAAO,UAAU;EACvC,IAAIF,KAAK,CAACG,SAAS,EAAE,OAAO,SAAS;EACrC,IAAIF,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASG,MAAMA,CAACJ,KAAkB,EAAE;EACzC,MAAMK,aAAa,GAAGX,cAAc,CAACM,KAAK,CAACM,OAAO,IAAI,SAAS,CAAC,CAACN,KAAK,CAACO,IAAI,IAAI,IAAI,CAAC;EACpF,MAAMC,eAAe,GAAGhB,kBAAkB,CAAC,QAAQ,CAAC;EACpD,MAAM,CAACS,SAAS,EAAEQ,YAAY,CAAC,GAAGtB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMuB,KAAK,GAAGX,cAAc,CAACC,KAAK,EAAEC,SAAS,CAAC;EAE9C,MAAMU,YAAY,GAAGlB,WAAW,CAACY,aAAa,EAAEG,eAAe,EAAEI,MAAM,CAAC;EAExE,MAAMC,SAAS,GAAGvB,UAAU,CAACwB,OAAO,CAAC,CAACH,YAAY,CAACI,IAAI,EAAEC,OAAO,EAAEL,YAAY,CAACI,IAAI,GAAGL,KAAK,CAAC,CAAC,CAAC;EAC9F,MAAMO,SAAS,GAAG3B,UAAU,CAACwB,OAAO,CAAC,CAACH,YAAY,CAACO,IAAI,EAAEF,OAAO,EAAEL,YAAY,CAACO,IAAI,GAAGR,KAAK,CAAC,CAAC,CAAC;EAE9F,MAAMS,iBAAiB,GAAG5B,oBAAoB,CAACS,KAAK,CAACoB,QAAQ,EAAEP,SAAS,EAAEI,SAAS,CAAC;EAEpF,MAAMI,WAAsC,GAAIC,KAAK,IAAK;IACxD,IAAItB,KAAK,CAACE,UAAU,IAAIF,KAAK,CAACG,SAAS,EAAE;MACvCmB,KAAK,CAACC,cAAc,CAAC,CAAC;MACtB;IACF;IACAvB,KAAK,CAACwB,OAAO,GAAGF,KAAK,CAAC;EACxB,CAAC;EAED,MAAMG,YAAY,GAAG;IACnB,GAAGpB,aAAa,CAACqB,OAAO,GAAGhB,KAAK,CAAC;IACjC,GAAGL,aAAa,CAACqB,OAAO,EAAEV;EAC5B,CAAC;EAED,oBACElB,KAAA,CAACT,SAAS;IAAA,GACJW,KAAK;IACTwB,OAAO,EAAEH,WAAY;IACrBM,SAAS,EAAEA,CAAA,KAAMlB,YAAY,CAAC,IAAI,CAAE;IACpCmB,UAAU,EAAEA,CAAA,KAAMnB,YAAY,CAAC,KAAK,CAAE;IACtCoB,QAAQ,EAAE7B,KAAK,CAACE,UAAW;IAC3B4B,KAAK,EAAE,CAACzB,aAAa,CAAC0B,IAAI,EAAEf,OAAO,EAAEX,aAAa,CAAC0B,IAAI,GAAGrB,KAAK,CAAC,EAAEV,KAAK,CAAC8B,KAAK,CAAE;IAAAV,QAAA,GAE9ED,iBAAiB,EACjBnB,KAAK,CAACG,SAAS,iBAAIP,IAAA,CAACR,iBAAiB;MAAA,GAAKqC;IAAY,CAAG,CAAC;EAAA,CAClD,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -2,57 +2,61 @@
|
|
|
2
2
|
|
|
3
3
|
import { hslaSetRelativeLightness } from "../../../utils/hsla-utils.js";
|
|
4
4
|
import { useThemedStyles } from "../../../utils/use-themed-styles.js";
|
|
5
|
-
export const useButtonVariantDefault =
|
|
5
|
+
export const useButtonVariantDefault = size => {
|
|
6
6
|
return useThemedStyles(({
|
|
7
7
|
colors,
|
|
8
8
|
radius,
|
|
9
9
|
fontFamily,
|
|
10
|
-
|
|
11
|
-
}) =>
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
10
|
+
sizeScale
|
|
11
|
+
}) => {
|
|
12
|
+
const sizeStyles = sizeScale(size);
|
|
13
|
+
return {
|
|
14
|
+
root: {
|
|
15
|
+
default: {
|
|
16
|
+
flexDirection: "row",
|
|
17
|
+
height: sizeStyles.height,
|
|
18
|
+
paddingHorizontal: sizeStyles.paddingHorizontal,
|
|
19
|
+
borderRadius: radius,
|
|
20
|
+
gap: sizeStyles.gap,
|
|
21
|
+
alignItems: "center",
|
|
22
|
+
justifyContent: "center",
|
|
23
|
+
backgroundColor: colors.primary,
|
|
24
|
+
borderWidth: 1,
|
|
25
|
+
borderColor: colors.border,
|
|
26
|
+
cursor: "pointer"
|
|
27
|
+
},
|
|
28
|
+
disabled: {
|
|
29
|
+
opacity: 0.5,
|
|
30
|
+
cursor: "not-allowed"
|
|
31
|
+
},
|
|
32
|
+
loading: {
|
|
33
|
+
opacity: 0.5,
|
|
34
|
+
cursor: "wait"
|
|
35
|
+
},
|
|
36
|
+
hovered: {
|
|
37
|
+
backgroundColor: hslaSetRelativeLightness(colors.primary, -10)
|
|
38
|
+
}
|
|
25
39
|
},
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
40
|
+
text: {
|
|
41
|
+
default: {
|
|
42
|
+
color: colors.primaryForeground,
|
|
43
|
+
fontSize: sizeStyles.fontSize,
|
|
44
|
+
fontFamily
|
|
45
|
+
}
|
|
29
46
|
},
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
47
|
+
icon: {
|
|
48
|
+
default: {
|
|
49
|
+
color: colors.primaryForeground,
|
|
50
|
+
size: sizeStyles.iconSize,
|
|
51
|
+
strokeWidth: sizeStyles.strokeWidth
|
|
52
|
+
}
|
|
33
53
|
},
|
|
34
|
-
|
|
35
|
-
|
|
54
|
+
spinner: {
|
|
55
|
+
default: {
|
|
56
|
+
color: colors.primaryForeground
|
|
57
|
+
}
|
|
36
58
|
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
default: {
|
|
40
|
-
color: colors.primaryForeground,
|
|
41
|
-
fontSize,
|
|
42
|
-
fontFamily
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
icon: {
|
|
46
|
-
default: {
|
|
47
|
-
color: colors.primaryForeground,
|
|
48
|
-
size: fontSize
|
|
49
|
-
}
|
|
50
|
-
},
|
|
51
|
-
spinner: {
|
|
52
|
-
default: {
|
|
53
|
-
color: colors.primaryForeground
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}));
|
|
59
|
+
};
|
|
60
|
+
});
|
|
57
61
|
};
|
|
58
62
|
//# sourceMappingURL=default.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantDefault","colors","radius","fontFamily","
|
|
1
|
+
{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantDefault","size","colors","radius","fontFamily","sizeScale","sizeStyles","root","default","flexDirection","height","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","primary","borderWidth","borderColor","border","cursor","disabled","opacity","loading","hovered","text","color","primaryForeground","fontSize","icon","iconSize","strokeWidth","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/default.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AAEpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,uBAAuB,GAAIC,IAAU,IAAmB;EACnE,OAAOF,eAAe,CAAC,CAAC;IAAEG,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,KAAmB;IAClF,MAAMC,UAAU,GAAGD,SAAS,CAACJ,IAAI,CAAC;IAElC,OAAO;MACLM,IAAI,EAAE;QACJC,OAAO,EAAE;UACPC,aAAa,EAAE,KAAK;UACpBC,MAAM,EAAEJ,UAAU,CAACI,MAAM;UACzBC,iBAAiB,EAAEL,UAAU,CAACK,iBAAiB;UAC/CC,YAAY,EAAET,MAAM;UACpBU,GAAG,EAAEP,UAAU,CAACO,GAAG;UACnBC,UAAU,EAAE,QAAQ;UACpBC,cAAc,EAAE,QAAQ;UACxBC,eAAe,EAAEd,MAAM,CAACe,OAAO;UAC/BC,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEjB,MAAM,CAACkB,MAAM;UAC1BC,MAAM,EAAE;QACV,CAAC;QACDC,QAAQ,EAAE;UACRC,OAAO,EAAE,GAAG;UACZF,MAAM,EAAE;QACV,CAAC;QACDG,OAAO,EAAE;UACPD,OAAO,EAAE,GAAG;UACZF,MAAM,EAAE;QACV,CAAC;QACDI,OAAO,EAAE;UACPT,eAAe,EAAElB,wBAAwB,CAACI,MAAM,CAACe,OAAO,EAAE,CAAC,EAAE;QAC/D;MACF,CAAC;MACDS,IAAI,EAAE;QACJlB,OAAO,EAAE;UACPmB,KAAK,EAAEzB,MAAM,CAAC0B,iBAAiB;UAC/BC,QAAQ,EAAEvB,UAAU,CAACuB,QAAQ;UAC7BzB;QACF;MACF,CAAC;MACD0B,IAAI,EAAE;QACJtB,OAAO,EAAE;UACPmB,KAAK,EAAEzB,MAAM,CAAC0B,iBAAiB;UAC/B3B,IAAI,EAAEK,UAAU,CAACyB,QAAQ;UACzBC,WAAW,EAAE1B,UAAU,CAAC0B;QAC1B;MACF,CAAC;MACDC,OAAO,EAAE;QACPzB,OAAO,EAAE;UACPmB,KAAK,EAAEzB,MAAM,CAAC0B;QAChB;MACF;IACF,CAAC;EACH,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
|
|
@@ -2,73 +2,77 @@
|
|
|
2
2
|
|
|
3
3
|
import { hslaSetRelativeLightness } from "../../../utils/hsla-utils.js";
|
|
4
4
|
import { useThemedStyles } from "../../../utils/use-themed-styles.js";
|
|
5
|
-
export const useButtonVariantGhost =
|
|
5
|
+
export const useButtonVariantGhost = size => {
|
|
6
6
|
return useThemedStyles(({
|
|
7
7
|
colors,
|
|
8
8
|
radius,
|
|
9
9
|
fontFamily,
|
|
10
|
-
|
|
11
|
-
}) =>
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
10
|
+
sizeScale
|
|
11
|
+
}) => {
|
|
12
|
+
const sizeStyles = sizeScale(size);
|
|
13
|
+
return {
|
|
14
|
+
root: {
|
|
15
|
+
default: {
|
|
16
|
+
flexDirection: "row",
|
|
17
|
+
height: sizeStyles.height,
|
|
18
|
+
paddingHorizontal: sizeStyles.paddingHorizontal,
|
|
19
|
+
borderRadius: radius,
|
|
20
|
+
gap: sizeStyles.gap,
|
|
21
|
+
alignItems: "center",
|
|
22
|
+
justifyContent: "center",
|
|
23
|
+
backgroundColor: "transparent",
|
|
24
|
+
cursor: "pointer"
|
|
25
|
+
},
|
|
26
|
+
disabled: {
|
|
27
|
+
opacity: 0.5,
|
|
28
|
+
cursor: "not-allowed"
|
|
29
|
+
},
|
|
30
|
+
loading: {
|
|
31
|
+
opacity: 0.5,
|
|
32
|
+
cursor: "wait"
|
|
33
|
+
},
|
|
34
|
+
hovered: {
|
|
35
|
+
backgroundColor: hslaSetRelativeLightness(colors.secondary, -1)
|
|
36
|
+
}
|
|
23
37
|
},
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
38
|
+
text: {
|
|
39
|
+
default: {
|
|
40
|
+
color: colors.foreground,
|
|
41
|
+
fontSize: sizeStyles.fontSize,
|
|
42
|
+
fontFamily
|
|
43
|
+
},
|
|
44
|
+
disabled: {
|
|
45
|
+
color: colors.mutedForeground
|
|
46
|
+
},
|
|
47
|
+
loading: {
|
|
48
|
+
color: colors.mutedForeground
|
|
49
|
+
}
|
|
27
50
|
},
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
51
|
+
icon: {
|
|
52
|
+
default: {
|
|
53
|
+
color: colors.foreground,
|
|
54
|
+
size: sizeStyles.iconSize,
|
|
55
|
+
strokeWidth: sizeStyles.strokeWidth
|
|
56
|
+
},
|
|
57
|
+
disabled: {
|
|
58
|
+
color: colors.mutedForeground
|
|
59
|
+
},
|
|
60
|
+
loading: {
|
|
61
|
+
color: colors.mutedForeground
|
|
62
|
+
}
|
|
31
63
|
},
|
|
32
|
-
|
|
33
|
-
|
|
64
|
+
spinner: {
|
|
65
|
+
default: {
|
|
66
|
+
color: colors.foreground
|
|
67
|
+
},
|
|
68
|
+
disabled: {
|
|
69
|
+
color: colors.mutedForeground
|
|
70
|
+
},
|
|
71
|
+
loading: {
|
|
72
|
+
color: colors.mutedForeground
|
|
73
|
+
}
|
|
34
74
|
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
default: {
|
|
38
|
-
color: colors.foreground,
|
|
39
|
-
fontSize,
|
|
40
|
-
fontFamily
|
|
41
|
-
},
|
|
42
|
-
disabled: {
|
|
43
|
-
color: colors.mutedForeground
|
|
44
|
-
},
|
|
45
|
-
loading: {
|
|
46
|
-
color: colors.mutedForeground
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
icon: {
|
|
50
|
-
default: {
|
|
51
|
-
color: colors.foreground,
|
|
52
|
-
size: fontSize
|
|
53
|
-
},
|
|
54
|
-
disabled: {
|
|
55
|
-
color: colors.mutedForeground
|
|
56
|
-
},
|
|
57
|
-
loading: {
|
|
58
|
-
color: colors.mutedForeground
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
spinner: {
|
|
62
|
-
default: {
|
|
63
|
-
color: colors.foreground
|
|
64
|
-
},
|
|
65
|
-
disabled: {
|
|
66
|
-
color: colors.mutedForeground
|
|
67
|
-
},
|
|
68
|
-
loading: {
|
|
69
|
-
color: colors.mutedForeground
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}));
|
|
75
|
+
};
|
|
76
|
+
});
|
|
73
77
|
};
|
|
74
78
|
//# sourceMappingURL=ghost.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantGhost","colors","radius","fontFamily","
|
|
1
|
+
{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantGhost","size","colors","radius","fontFamily","sizeScale","sizeStyles","root","default","flexDirection","height","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","cursor","disabled","opacity","loading","hovered","secondary","text","color","foreground","fontSize","mutedForeground","icon","iconSize","strokeWidth","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/ghost.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AAEpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,qBAAqB,GAAIC,IAAU,IAAmB;EACjE,OAAOF,eAAe,CAAC,CAAC;IAAEG,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,KAAmB;IAClF,MAAMC,UAAU,GAAGD,SAAS,CAACJ,IAAI,CAAC;IAElC,OAAO;MACLM,IAAI,EAAE;QACJC,OAAO,EAAE;UACPC,aAAa,EAAE,KAAK;UACpBC,MAAM,EAAEJ,UAAU,CAACI,MAAM;UACzBC,iBAAiB,EAAEL,UAAU,CAACK,iBAAiB;UAC/CC,YAAY,EAAET,MAAM;UACpBU,GAAG,EAAEP,UAAU,CAACO,GAAG;UACnBC,UAAU,EAAE,QAAQ;UACpBC,cAAc,EAAE,QAAQ;UACxBC,eAAe,EAAE,aAAa;UAC9BC,MAAM,EAAE;QACV,CAAC;QACDC,QAAQ,EAAE;UACRC,OAAO,EAAE,GAAG;UACZF,MAAM,EAAE;QACV,CAAC;QACDG,OAAO,EAAE;UACPD,OAAO,EAAE,GAAG;UACZF,MAAM,EAAE;QACV,CAAC;QACDI,OAAO,EAAE;UACPL,eAAe,EAAElB,wBAAwB,CAACI,MAAM,CAACoB,SAAS,EAAE,CAAC,CAAC;QAChE;MACF,CAAC;MACDC,IAAI,EAAE;QACJf,OAAO,EAAE;UACPgB,KAAK,EAAEtB,MAAM,CAACuB,UAAU;UACxBC,QAAQ,EAAEpB,UAAU,CAACoB,QAAQ;UAC7BtB;QACF,CAAC;QACDc,QAAQ,EAAE;UACRM,KAAK,EAAEtB,MAAM,CAACyB;QAChB,CAAC;QACDP,OAAO,EAAE;UACPI,KAAK,EAAEtB,MAAM,CAACyB;QAChB;MACF,CAAC;MACDC,IAAI,EAAE;QACJpB,OAAO,EAAE;UACPgB,KAAK,EAAEtB,MAAM,CAACuB,UAAU;UACxBxB,IAAI,EAAEK,UAAU,CAACuB,QAAQ;UACzBC,WAAW,EAAExB,UAAU,CAACwB;QAC1B,CAAC;QACDZ,QAAQ,EAAE;UACRM,KAAK,EAAEtB,MAAM,CAACyB;QAChB,CAAC;QACDP,OAAO,EAAE;UACPI,KAAK,EAAEtB,MAAM,CAACyB;QAChB;MACF,CAAC;MACDI,OAAO,EAAE;QACPvB,OAAO,EAAE;UACPgB,KAAK,EAAEtB,MAAM,CAACuB;QAChB,CAAC;QACDP,QAAQ,EAAE;UACRM,KAAK,EAAEtB,MAAM,CAACyB;QAChB,CAAC;QACDP,OAAO,EAAE;UACPI,KAAK,EAAEtB,MAAM,CAACyB;QAChB;MACF;IACF,CAAC;EACH,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
|