@korsolutions/ui 0.0.85 → 0.0.86
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/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/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/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/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 +1 -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/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/index.tsx +2 -0
- package/src/themes/default/index.ts +1 -0
- package/src/themes/provider.tsx +2 -0
- package/src/themes/types.ts +1 -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
|
@@ -1,89 +1,91 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useThemedStyles } from "../../../utils/use-themed-styles.js";
|
|
4
|
-
export function useSelectVariantDefault() {
|
|
4
|
+
export function useSelectVariantDefault(size) {
|
|
5
5
|
return useThemedStyles(({
|
|
6
6
|
colors,
|
|
7
7
|
radius,
|
|
8
8
|
fontFamily,
|
|
9
|
-
|
|
10
|
-
}) =>
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
default: {
|
|
17
|
-
borderWidth: 1,
|
|
18
|
-
borderColor: colors.border,
|
|
19
|
-
borderRadius: radius,
|
|
20
|
-
backgroundColor: colors.surface,
|
|
21
|
-
justifyContent: "center",
|
|
22
|
-
paddingVertical: 12,
|
|
23
|
-
paddingHorizontal: 16,
|
|
24
|
-
minHeight: 48
|
|
9
|
+
sizeScale
|
|
10
|
+
}) => {
|
|
11
|
+
const s = sizeScale(size);
|
|
12
|
+
return {
|
|
13
|
+
root: {
|
|
14
|
+
default: {},
|
|
15
|
+
disabled: {}
|
|
25
16
|
},
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
},
|
|
40
|
-
placeholder: {
|
|
41
|
-
default: {
|
|
42
|
-
fontFamily,
|
|
43
|
-
fontSize,
|
|
44
|
-
color: colors.mutedForeground
|
|
45
|
-
},
|
|
46
|
-
disabled: {
|
|
47
|
-
color: colors.mutedForeground
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
overlay: {
|
|
51
|
-
default: {
|
|
52
|
-
zIndex: 999
|
|
17
|
+
trigger: {
|
|
18
|
+
default: {
|
|
19
|
+
borderWidth: 1,
|
|
20
|
+
borderColor: colors.border,
|
|
21
|
+
borderRadius: radius,
|
|
22
|
+
backgroundColor: colors.surface,
|
|
23
|
+
justifyContent: "center",
|
|
24
|
+
paddingHorizontal: s.paddingHorizontal,
|
|
25
|
+
minHeight: s.height
|
|
26
|
+
},
|
|
27
|
+
disabled: {
|
|
28
|
+
backgroundColor: colors.muted
|
|
29
|
+
}
|
|
53
30
|
},
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
gap: 4,
|
|
64
|
-
zIndex: 1000
|
|
31
|
+
value: {
|
|
32
|
+
default: {
|
|
33
|
+
fontFamily,
|
|
34
|
+
fontSize: s.fontSize,
|
|
35
|
+
color: colors.foreground
|
|
36
|
+
},
|
|
37
|
+
disabled: {
|
|
38
|
+
color: colors.mutedForeground
|
|
39
|
+
}
|
|
65
40
|
},
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
borderRadius: radius / 2
|
|
41
|
+
placeholder: {
|
|
42
|
+
default: {
|
|
43
|
+
fontFamily,
|
|
44
|
+
fontSize: s.fontSize,
|
|
45
|
+
color: colors.mutedForeground
|
|
46
|
+
},
|
|
47
|
+
disabled: {
|
|
48
|
+
color: colors.mutedForeground
|
|
49
|
+
}
|
|
76
50
|
},
|
|
77
|
-
|
|
78
|
-
|
|
51
|
+
overlay: {
|
|
52
|
+
default: {
|
|
53
|
+
zIndex: 999
|
|
54
|
+
},
|
|
55
|
+
disabled: {}
|
|
79
56
|
},
|
|
80
|
-
|
|
81
|
-
|
|
57
|
+
content: {
|
|
58
|
+
default: {
|
|
59
|
+
backgroundColor: colors.surface,
|
|
60
|
+
borderRadius: radius,
|
|
61
|
+
borderWidth: 1,
|
|
62
|
+
borderColor: colors.border,
|
|
63
|
+
padding: 4,
|
|
64
|
+
gap: 4,
|
|
65
|
+
zIndex: 1000
|
|
66
|
+
},
|
|
67
|
+
disabled: {}
|
|
82
68
|
},
|
|
83
|
-
|
|
84
|
-
|
|
69
|
+
option: {
|
|
70
|
+
default: {
|
|
71
|
+
paddingVertical: s.paddingVertical,
|
|
72
|
+
paddingHorizontal: s.paddingHorizontal,
|
|
73
|
+
fontFamily,
|
|
74
|
+
fontSize: s.fontSize,
|
|
75
|
+
color: colors.foreground,
|
|
76
|
+
borderRadius: radius / 2
|
|
77
|
+
},
|
|
78
|
+
disabled: {
|
|
79
|
+
color: colors.mutedForeground
|
|
80
|
+
},
|
|
81
|
+
selected: {
|
|
82
|
+
backgroundColor: colors.muted
|
|
83
|
+
},
|
|
84
|
+
hovered: {
|
|
85
|
+
backgroundColor: colors.muted
|
|
86
|
+
}
|
|
85
87
|
}
|
|
86
|
-
}
|
|
87
|
-
})
|
|
88
|
+
};
|
|
89
|
+
});
|
|
88
90
|
}
|
|
89
91
|
//# sourceMappingURL=default.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useSelectVariantDefault","colors","radius","fontFamily","
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useSelectVariantDefault","size","colors","radius","fontFamily","sizeScale","s","root","default","disabled","trigger","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","justifyContent","paddingHorizontal","minHeight","height","muted","value","fontSize","color","foreground","mutedForeground","placeholder","overlay","zIndex","content","padding","gap","option","paddingVertical","selected","hovered"],"sourceRoot":"../../../../../src","sources":["components/select/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,SAASC,uBAAuBA,CAACC,IAAU,EAAgB;EAChE,OAAOF,eAAe,CAAC,CAAC;IAAEG,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,KAAmB;IAClF,MAAMC,CAAC,GAAGD,SAAS,CAACJ,IAAI,CAAC;IAEzB,OAAO;MACLM,IAAI,EAAE;QACJC,OAAO,EAAE,CAAC,CAAC;QACXC,QAAQ,EAAE,CAAC;MACb,CAAC;MACDC,OAAO,EAAE;QACPF,OAAO,EAAE;UACPG,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEV,MAAM,CAACW,MAAM;UAC1BC,YAAY,EAAEX,MAAM;UACpBY,eAAe,EAAEb,MAAM,CAACc,OAAO;UAC/BC,cAAc,EAAE,QAAQ;UACxBC,iBAAiB,EAAEZ,CAAC,CAACY,iBAAiB;UACtCC,SAAS,EAAEb,CAAC,CAACc;QACf,CAAC;QACDX,QAAQ,EAAE;UACRM,eAAe,EAAEb,MAAM,CAACmB;QAC1B;MACF,CAAC;MACDC,KAAK,EAAE;QACLd,OAAO,EAAE;UACPJ,UAAU;UACVmB,QAAQ,EAAEjB,CAAC,CAACiB,QAAQ;UACpBC,KAAK,EAAEtB,MAAM,CAACuB;QAChB,CAAC;QACDhB,QAAQ,EAAE;UACRe,KAAK,EAAEtB,MAAM,CAACwB;QAChB;MACF,CAAC;MACDC,WAAW,EAAE;QACXnB,OAAO,EAAE;UACPJ,UAAU;UACVmB,QAAQ,EAAEjB,CAAC,CAACiB,QAAQ;UACpBC,KAAK,EAAEtB,MAAM,CAACwB;QAChB,CAAC;QACDjB,QAAQ,EAAE;UACRe,KAAK,EAAEtB,MAAM,CAACwB;QAChB;MACF,CAAC;MACDE,OAAO,EAAE;QACPpB,OAAO,EAAE;UACPqB,MAAM,EAAE;QACV,CAAC;QACDpB,QAAQ,EAAE,CAAC;MACb,CAAC;MACDqB,OAAO,EAAE;QACPtB,OAAO,EAAE;UACPO,eAAe,EAAEb,MAAM,CAACc,OAAO;UAC/BF,YAAY,EAAEX,MAAM;UACpBQ,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEV,MAAM,CAACW,MAAM;UAC1BkB,OAAO,EAAE,CAAC;UACVC,GAAG,EAAE,CAAC;UACNH,MAAM,EAAE;QACV,CAAC;QACDpB,QAAQ,EAAE,CAAC;MACb,CAAC;MACDwB,MAAM,EAAE;QACNzB,OAAO,EAAE;UACP0B,eAAe,EAAE5B,CAAC,CAAC4B,eAAe;UAClChB,iBAAiB,EAAEZ,CAAC,CAACY,iBAAiB;UACtCd,UAAU;UACVmB,QAAQ,EAAEjB,CAAC,CAACiB,QAAQ;UACpBC,KAAK,EAAEtB,MAAM,CAACuB,UAAU;UACxBX,YAAY,EAAEX,MAAM,GAAG;QACzB,CAAC;QACDM,QAAQ,EAAE;UACRe,KAAK,EAAEtB,MAAM,CAACwB;QAChB,CAAC;QACDS,QAAQ,EAAE;UACRpB,eAAe,EAAEb,MAAM,CAACmB;QAC1B,CAAC;QACDe,OAAO,EAAE;UACPrB,eAAe,EAAEb,MAAM,CAACmB;QAC1B;MACF;IACF,CAAC;EACH,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["darkColors","lightColors","defaultThemeAssets","colors","light","dark","radius","fontFamily","letterSpacing","fontSize"],"sourceRoot":"../../../../src","sources":["themes/default/index.ts"],"mappings":";;AACA,SAASA,UAAU,EAAEC,WAAW,QAAQ,aAAU;AAElD,OAAO,MAAMC,kBAA+B,GAAG;EAC7CC,MAAM,EAAE;IACNC,KAAK,EAAEH,WAAW;IAClBI,IAAI,EAAEL;EACR,CAAC;EACDM,MAAM,EAAE,EAAE;EACVC,UAAU,EAAE,QAAQ;EACpBC,aAAa,EAAE,CAAC;EAChBC,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["darkColors","lightColors","defaultThemeAssets","colors","light","dark","radius","spacing","fontFamily","letterSpacing","fontSize"],"sourceRoot":"../../../../src","sources":["themes/default/index.ts"],"mappings":";;AACA,SAASA,UAAU,EAAEC,WAAW,QAAQ,aAAU;AAElD,OAAO,MAAMC,kBAA+B,GAAG;EAC7CC,MAAM,EAAE;IACNC,KAAK,EAAEH,WAAW;IAClBI,IAAI,EAAEL;EACR,CAAC;EACDM,MAAM,EAAE,EAAE;EACVC,OAAO,EAAE,CAAC;EACVC,UAAU,EAAE,QAAQ;EACpBC,aAAa,EAAE,CAAC;EAChBC,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useContext","useColorScheme","defaultThemeAssets","mergeThemeAssets","jsx","_jsx","ThemeContext","ThemeProvider","props","children","theme","components","colorScheme","setColorScheme","colorSchemeStorage","storage","themeAssets","colors","Provider","value","radius","fontFamily","letterSpacing","fontSize","useTheme","context","Error","useComponentsConfig","useComponentConfig","componentName","componentsConfig"],"sourceRoot":"../../../src","sources":["themes/provider.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAA0BC,UAAU,QAAQ,OAAO;AACzE,SAASC,cAAc,QAAQ,8BAA2B;AAE1D,SAASC,kBAAkB,QAAQ,oBAAW;AAW9C,SAASC,gBAAgB,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["createContext","useContext","useColorScheme","defaultThemeAssets","mergeThemeAssets","jsx","_jsx","ThemeContext","ThemeProvider","props","children","theme","components","colorScheme","setColorScheme","colorSchemeStorage","storage","themeAssets","colors","Provider","value","radius","fontFamily","letterSpacing","fontSize","spacing","useTheme","context","Error","useComponentsConfig","useComponentConfig","componentName","componentsConfig"],"sourceRoot":"../../../src","sources":["themes/provider.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAA0BC,UAAU,QAAQ,OAAO;AACzE,SAASC,cAAc,QAAQ,8BAA2B;AAE1D,SAASC,kBAAkB,QAAQ,oBAAW;AAW9C,SAASC,gBAAgB,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAc3C,MAAMC,YAAY,gBAAGP,aAAa,CAAsB,IAAI,CAAC;AAO7D,OAAO,MAAMQ,aAAa,GAAIC,KAAyB,IAAK;EAC1D,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGH,KAAK;EAC7C,MAAM;IAAEI,WAAW;IAAEC;EAAe,CAAC,GAAGZ,cAAc,CAAC;IACrDa,kBAAkB,EAAEH,UAAU,EAAEC,WAAW,EAAEG;EAC/C,CAAC,CAAC;EAEF,MAAMC,WAAW,GAAGN,KAAK,GAAGP,gBAAgB,CAACD,kBAAkB,EAAEQ,KAAK,CAAC,GAAGR,kBAAkB;EAE5F,MAAMe,MAAM,GAAGD,WAAW,CAACC,MAAM,CAACL,WAAW,CAAC;EAE9C,oBACEP,IAAA,CAACC,YAAY,CAACY,QAAQ;IACpBC,KAAK,EAAE;MACLP,WAAW;MACXC,cAAc;MACdI,MAAM;MACNG,MAAM,EAAEJ,WAAW,CAACI,MAAM;MAC1BC,UAAU,EAAEL,WAAW,CAACK,UAAU;MAClCC,aAAa,EAAEN,WAAW,CAACM,aAAa;MACxCC,QAAQ,EAAEP,WAAW,CAACO,QAAQ;MAC9BC,OAAO,EAAER,WAAW,CAACQ,OAAO;MAC5Bb;IACF,CAAE;IAAAF,QAAA,EAEDA;EAAQ,CACY,CAAC;AAE5B,CAAC;AAED,OAAO,MAAMgB,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAG1B,UAAU,CAACM,YAAY,CAAC;EACxC,IAAI,CAACoB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,8CAA8C,CAAC;EACjE;EACA,OAAOD,OAAO;AAChB,CAAC;AAED,MAAME,mBAAmB,GAAGA,CAAA,KAAM;EAChC,MAAMF,OAAO,GAAG1B,UAAU,CAACM,YAAY,CAAC;EACxC,IAAI,CAACoB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,yDAAyD,CAAC;EAC5E;EACA,OAAOD,OAAO,CAACf,UAAU;AAC3B,CAAC;AAED,OAAO,MAAMkB,kBAAkB,GAAsCC,aAAgB,IAAK;EACxF,MAAMC,gBAAgB,GAAGH,mBAAmB,CAAC,CAAC;EAC9C,OAAOG,gBAAgB,GAAGD,aAAa,CAAC;AAC1C,CAAC","ignoreList":[]}
|
|
@@ -15,7 +15,8 @@ export function mergeThemeAssets(base, override) {
|
|
|
15
15
|
radius: override.radius ?? base.radius,
|
|
16
16
|
fontFamily: override.fontFamily ?? base.fontFamily,
|
|
17
17
|
letterSpacing: override.letterSpacing ?? base.letterSpacing,
|
|
18
|
-
fontSize: override.fontSize ?? base.fontSize
|
|
18
|
+
fontSize: override.fontSize ?? base.fontSize,
|
|
19
|
+
spacing: override.spacing ?? base.spacing
|
|
19
20
|
};
|
|
20
21
|
}
|
|
21
22
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["mergeThemeAssets","base","override","colors","light","dark","radius","fontFamily","letterSpacing","fontSize"],"sourceRoot":"../../../src","sources":["themes/utils.ts"],"mappings":";;AAGA,OAAO,SAASA,gBAAgBA,CAC9BC,IAAiB,EACjBC,QAAkC,EACrB;EACb,OAAO;IACLC,MAAM,EAAE;MACNC,KAAK,EAAE;QAAE,GAAGH,IAAI,CAACE,MAAM,CAACC,KAAK;QAAE,GAAGF,QAAQ,CAACC,MAAM,EAAEC;MAAM,CAAC;MAC1DC,IAAI,EAAE;QAAE,GAAGJ,IAAI,CAACE,MAAM,CAACE,IAAI;QAAE,GAAGH,QAAQ,CAACC,MAAM,EAAEE;MAAK;IACxD,CAAC;IACDC,MAAM,EAAEJ,QAAQ,CAACI,MAAM,IAAIL,IAAI,CAACK,MAAM;IACtCC,UAAU,EAAEL,QAAQ,CAACK,UAAU,IAAIN,IAAI,CAACM,UAAU;IAClDC,aAAa,EAAEN,QAAQ,CAACM,aAAa,IAAIP,IAAI,CAACO,aAAa;IAC3DC,QAAQ,EAAEP,QAAQ,CAACO,QAAQ,IAAIR,IAAI,CAACQ;
|
|
1
|
+
{"version":3,"names":["mergeThemeAssets","base","override","colors","light","dark","radius","fontFamily","letterSpacing","fontSize","spacing"],"sourceRoot":"../../../src","sources":["themes/utils.ts"],"mappings":";;AAGA,OAAO,SAASA,gBAAgBA,CAC9BC,IAAiB,EACjBC,QAAkC,EACrB;EACb,OAAO;IACLC,MAAM,EAAE;MACNC,KAAK,EAAE;QAAE,GAAGH,IAAI,CAACE,MAAM,CAACC,KAAK;QAAE,GAAGF,QAAQ,CAACC,MAAM,EAAEC;MAAM,CAAC;MAC1DC,IAAI,EAAE;QAAE,GAAGJ,IAAI,CAACE,MAAM,CAACE,IAAI;QAAE,GAAGH,QAAQ,CAACC,MAAM,EAAEE;MAAK;IACxD,CAAC;IACDC,MAAM,EAAEJ,QAAQ,CAACI,MAAM,IAAIL,IAAI,CAACK,MAAM;IACtCC,UAAU,EAAEL,QAAQ,CAACK,UAAU,IAAIN,IAAI,CAACM,UAAU;IAClDC,aAAa,EAAEN,QAAQ,CAACM,aAAa,IAAIP,IAAI,CAACO,aAAa;IAC3DC,QAAQ,EAAEP,QAAQ,CAACO,QAAQ,IAAIR,IAAI,CAACQ,QAAQ;IAC5CC,OAAO,EAAER,QAAQ,CAACQ,OAAO,IAAIT,IAAI,CAACS;EACpC,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
const scales = {
|
|
4
|
+
sm: {
|
|
5
|
+
pv: 1,
|
|
6
|
+
ph: 1.5,
|
|
7
|
+
gap: 0.75,
|
|
8
|
+
fontScale: 0.875,
|
|
9
|
+
sw: 1.75,
|
|
10
|
+
h: 4.5
|
|
11
|
+
},
|
|
12
|
+
md: {
|
|
13
|
+
pv: 1.5,
|
|
14
|
+
ph: 2,
|
|
15
|
+
gap: 1,
|
|
16
|
+
fontScale: 1,
|
|
17
|
+
sw: 2,
|
|
18
|
+
h: 6
|
|
19
|
+
},
|
|
20
|
+
lg: {
|
|
21
|
+
pv: 2,
|
|
22
|
+
ph: 3,
|
|
23
|
+
gap: 1.25,
|
|
24
|
+
fontScale: 1.125,
|
|
25
|
+
sw: 2.25,
|
|
26
|
+
h: 7.5
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
export function getSizeScale(size = "md", spacing, fontSize) {
|
|
30
|
+
const s = scales[size] ?? scales.md;
|
|
31
|
+
const scaledFontSize = fontSize * s.fontScale;
|
|
32
|
+
return {
|
|
33
|
+
paddingVertical: spacing * s.pv,
|
|
34
|
+
paddingHorizontal: spacing * s.ph,
|
|
35
|
+
gap: spacing * s.gap,
|
|
36
|
+
fontSize: scaledFontSize,
|
|
37
|
+
iconSize: scaledFontSize,
|
|
38
|
+
strokeWidth: s.sw,
|
|
39
|
+
height: spacing * s.h
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=size-scale.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["scales","sm","pv","ph","gap","fontScale","sw","h","md","lg","getSizeScale","size","spacing","fontSize","s","scaledFontSize","paddingVertical","paddingHorizontal","iconSize","strokeWidth","height"],"sourceRoot":"../../../src","sources":["utils/size-scale.ts"],"mappings":";;AAmBA,MAAMA,MAGL,GAAG;EACFC,EAAE,EAAE;IAAEC,EAAE,EAAE,CAAC;IAAEC,EAAE,EAAE,GAAG;IAAEC,GAAG,EAAE,IAAI;IAAEC,SAAS,EAAE,KAAK;IAAEC,EAAE,EAAE,IAAI;IAAEC,CAAC,EAAE;EAAI,CAAC;EACrEC,EAAE,EAAE;IAAEN,EAAE,EAAE,GAAG;IAAEC,EAAE,EAAE,CAAC;IAAEC,GAAG,EAAE,CAAC;IAAEC,SAAS,EAAE,CAAC;IAAEC,EAAE,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC;EACzDE,EAAE,EAAE;IAAEP,EAAE,EAAE,CAAC;IAAEC,EAAE,EAAE,CAAC;IAAEC,GAAG,EAAE,IAAI;IAAEC,SAAS,EAAE,KAAK;IAAEC,EAAE,EAAE,IAAI;IAAEC,CAAC,EAAE;EAAI;AACpE,CAAC;AAED,OAAO,SAASG,YAAYA,CAC1BC,IAAU,GAAG,IAAI,EACjBC,OAAe,EACfC,QAAgB,EACC;EACjB,MAAMC,CAAC,GAAGd,MAAM,CAACW,IAAI,CAAC,IAAIX,MAAM,CAACQ,EAAE;EACnC,MAAMO,cAAc,GAAGF,QAAQ,GAAGC,CAAC,CAACT,SAAS;EAC7C,OAAO;IACLW,eAAe,EAAEJ,OAAO,GAAGE,CAAC,CAACZ,EAAE;IAC/Be,iBAAiB,EAAEL,OAAO,GAAGE,CAAC,CAACX,EAAE;IACjCC,GAAG,EAAEQ,OAAO,GAAGE,CAAC,CAACV,GAAG;IACpBS,QAAQ,EAAEE,cAAc;IACxBG,QAAQ,EAAEH,cAAc;IACxBI,WAAW,EAAEL,CAAC,CAACR,EAAE;IACjBc,MAAM,EAAER,OAAO,GAAGE,CAAC,CAACP;EACtB,CAAC;AACH","ignoreList":[]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useTheme } from "../themes/index.js";
|
|
4
|
+
import { getSizeScale } from "./size-scale.js";
|
|
4
5
|
export const useThemedStyles = callback => {
|
|
5
6
|
const theme = useTheme();
|
|
6
7
|
return callback({
|
|
@@ -8,7 +9,9 @@ export const useThemedStyles = callback => {
|
|
|
8
9
|
radius: theme.radius,
|
|
9
10
|
fontFamily: theme.fontFamily,
|
|
10
11
|
letterSpacing: theme.letterSpacing,
|
|
11
|
-
fontSize: theme.fontSize
|
|
12
|
+
fontSize: theme.fontSize,
|
|
13
|
+
spacing: theme.spacing,
|
|
14
|
+
sizeScale: size => getSizeScale(size, theme.spacing, theme.fontSize)
|
|
12
15
|
});
|
|
13
16
|
};
|
|
14
17
|
//# sourceMappingURL=use-themed-styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","useThemedStyles","callback","theme","colors","radius","fontFamily","letterSpacing","fontSize"],"sourceRoot":"../../../src","sources":["utils/use-themed-styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,oBAAW;
|
|
1
|
+
{"version":3,"names":["useTheme","getSizeScale","useThemedStyles","callback","theme","colors","radius","fontFamily","letterSpacing","fontSize","spacing","sizeScale","size"],"sourceRoot":"../../../src","sources":["utils/use-themed-styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,oBAAW;AAEpC,SAASC,YAAY,QAAmB,iBAAc;AAetD,OAAO,MAAMC,eAAe,GAAOC,QAAqC,IAAQ;EAC9E,MAAMC,KAAK,GAAGJ,QAAQ,CAAC,CAAC;EACxB,OAAOG,QAAQ,CAAC;IACdE,MAAM,EAAED,KAAK,CAACC,MAAM;IACpBC,MAAM,EAAEF,KAAK,CAACE,MAAM;IACpBC,UAAU,EAAEH,KAAK,CAACG,UAAU;IAC5BC,aAAa,EAAEJ,KAAK,CAACI,aAAa;IAClCC,QAAQ,EAAEL,KAAK,CAACK,QAAQ;IACxBC,OAAO,EAAEN,KAAK,CAACM,OAAO;IACtBC,SAAS,EAAGC,IAAU,IAAKX,YAAY,CAACW,IAAI,EAAER,KAAK,CAACM,OAAO,EAAEN,KAAK,CAACK,QAAQ;EAC7E,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { Size } from "../../../utils/size-scale";
|
|
2
3
|
import { AlertDialogVariants } from "../variants";
|
|
3
4
|
export interface AlertDialogRootProps {
|
|
4
5
|
variant?: keyof typeof AlertDialogVariants;
|
|
6
|
+
size?: Size;
|
|
5
7
|
children: React.ReactNode;
|
|
6
8
|
}
|
|
7
9
|
export declare function AlertDialogRoot(props: AlertDialogRootProps): React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog-root.d.ts","sourceRoot":"","sources":["../../../../../../src/components/alert-dialog/components/alert-dialog-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"alert-dialog-root.d.ts","sourceRoot":"","sources":["../../../../../../src/components/alert-dialog/components/alert-dialog-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,MAAM,OAAO,mBAAmB,CAAC;IAC3C,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAkB1D"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import type { Size } from "../../../utils/size-scale";
|
|
2
|
+
import { type AlertDialogStyles } from "../types";
|
|
3
|
+
export declare const useAlertDialogVariantDefault: (size: Size) => AlertDialogStyles;
|
|
3
4
|
//# sourceMappingURL=default.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/alert-dialog/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/alert-dialog/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,4BAA4B,GAAI,MAAM,IAAI,KAAG,iBAwFzD,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { type PressableProps, type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
import type { Size } from "../../utils/size-scale";
|
|
3
4
|
import { ButtonVariants } from "./variants";
|
|
4
5
|
export interface ButtonProps extends Omit<PressableProps, "disabled"> {
|
|
5
6
|
variant?: keyof typeof ButtonVariants;
|
|
7
|
+
size?: Size;
|
|
6
8
|
children?: React.ReactNode;
|
|
7
9
|
isDisabled?: boolean;
|
|
8
10
|
isLoading?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACnE,OAAO,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACtC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AASD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBAwCxC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { Size } from "../../../utils/size-scale";
|
|
1
2
|
import type { ButtonStyles } from "../types";
|
|
2
|
-
export declare const useButtonVariantDefault: () => ButtonStyles;
|
|
3
|
+
export declare const useButtonVariantDefault: (size: Size) => ButtonStyles;
|
|
3
4
|
//# sourceMappingURL=default.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/default.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/default.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,uBAAuB,GAAI,MAAM,IAAI,KAAG,YAoDpD,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { Size } from "../../../utils/size-scale";
|
|
1
2
|
import type { ButtonStyles } from "../types";
|
|
2
|
-
export declare const useButtonVariantGhost: () => ButtonStyles;
|
|
3
|
+
export declare const useButtonVariantGhost: (size: Size) => ButtonStyles;
|
|
3
4
|
//# sourceMappingURL=ghost.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ghost.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/ghost.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ghost.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/ghost.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,qBAAqB,GAAI,MAAM,IAAI,KAAG,YAoElD,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const ButtonVariants: {
|
|
2
|
-
default: () => import("..").ButtonStyles;
|
|
3
|
-
secondary: () => import("..").ButtonStyles;
|
|
4
|
-
ghost: () => import("..").ButtonStyles;
|
|
2
|
+
default: (size: import("../../..").Size) => import("..").ButtonStyles;
|
|
3
|
+
secondary: (size: import("../../..").Size) => import("..").ButtonStyles;
|
|
4
|
+
ghost: (size: import("../../..").Size) => import("..").ButtonStyles;
|
|
5
5
|
};
|
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { Size } from "../../../utils/size-scale";
|
|
1
2
|
import type { ButtonStyles } from "../types";
|
|
2
|
-
export declare const useButtonVariantSecondary: () => ButtonStyles;
|
|
3
|
+
export declare const useButtonVariantSecondary: (size: Size) => ButtonStyles;
|
|
3
4
|
//# sourceMappingURL=secondary.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"secondary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/secondary.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"secondary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/secondary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,yBAAyB,GAAI,MAAM,IAAI,KAAG,YAsEtD,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
import type { Size } from "../../../utils/size-scale";
|
|
3
4
|
import { ComboboxVariants } from "../variants";
|
|
4
5
|
export interface ComboboxRootProps {
|
|
5
6
|
variant?: keyof typeof ComboboxVariants;
|
|
7
|
+
size?: Size;
|
|
6
8
|
value?: string;
|
|
7
9
|
onChange?: (value: string) => void;
|
|
8
10
|
/** Called when the text input value changes. Use this to filter options on the consumer side. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-root.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAEL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"combobox-root.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAEL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IACxC,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,iGAAiG;IACjG,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AASD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAiEpD"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { Size } from "../../../utils/size-scale";
|
|
1
2
|
import { type ComboboxStyles } from "../types";
|
|
2
|
-
export declare function useComboboxVariantDefault(): ComboboxStyles;
|
|
3
|
+
export declare function useComboboxVariantDefault(size: Size): ComboboxStyles;
|
|
3
4
|
//# sourceMappingURL=default.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/variants/default.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/variants/default.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,IAAI,GAAG,cAAc,CAmGpE"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { type PressableProps, type StyleProp, type ViewStyle } from "react-native";
|
|
3
3
|
import type { SvgProps } from "../../types/props.types";
|
|
4
|
+
import type { Size } from "../../utils/size-scale";
|
|
4
5
|
import { IconButtonVariants } from "./variants";
|
|
5
6
|
export interface IconButtonProps extends Omit<PressableProps, "disabled" | "children"> {
|
|
6
7
|
render: (props: SvgProps) => React.ReactNode;
|
|
7
8
|
variant?: keyof typeof IconButtonVariants;
|
|
9
|
+
size?: Size;
|
|
8
10
|
isDisabled?: boolean;
|
|
9
|
-
size?: number;
|
|
10
11
|
color?: SvgProps["color"];
|
|
11
12
|
strokeWidth?: number;
|
|
12
13
|
style?: StyleProp<ViewStyle>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,CAAC;IACpF,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,OAAO,kBAAkB,CAAC;IAC1C,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAaD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAwDhD"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { Size } from "../../../utils/size-scale";
|
|
1
2
|
import type { IconButtonStyles } from "../types";
|
|
2
|
-
export declare const useIconButtonVariantDefault: () => IconButtonStyles;
|
|
3
|
+
export declare const useIconButtonVariantDefault: (size: Size) => IconButtonStyles;
|
|
3
4
|
//# sourceMappingURL=default.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/icon-button/variants/default.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/icon-button/variants/default.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,2BAA2B,GAAI,MAAM,IAAI,KAAG,gBAgCxD,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { Size } from "../../../utils/size-scale";
|
|
1
2
|
import type { IconButtonStyles } from "../types";
|
|
2
|
-
export declare const useIconButtonVariantGhost: () => IconButtonStyles;
|
|
3
|
+
export declare const useIconButtonVariantGhost: (size: Size) => IconButtonStyles;
|
|
3
4
|
//# sourceMappingURL=ghost.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ghost.d.ts","sourceRoot":"","sources":["../../../../../../src/components/icon-button/variants/ghost.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ghost.d.ts","sourceRoot":"","sources":["../../../../../../src/components/icon-button/variants/ghost.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,yBAAyB,GAAI,MAAM,IAAI,KAAG,gBAiCtD,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const IconButtonVariants: {
|
|
2
|
-
default: () => import("..").IconButtonStyles;
|
|
3
|
-
secondary: () => import("..").IconButtonStyles;
|
|
4
|
-
ghost: () => import("..").IconButtonStyles;
|
|
2
|
+
default: (size: import("../../..").Size) => import("..").IconButtonStyles;
|
|
3
|
+
secondary: (size: import("../../..").Size) => import("..").IconButtonStyles;
|
|
4
|
+
ghost: (size: import("../../..").Size) => import("..").IconButtonStyles;
|
|
5
5
|
};
|
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { Size } from "../../../utils/size-scale";
|
|
1
2
|
import type { IconButtonStyles } from "../types";
|
|
2
|
-
export declare const useIconButtonVariantSecondary: () => IconButtonStyles;
|
|
3
|
+
export declare const useIconButtonVariantSecondary: (size: Size) => IconButtonStyles;
|
|
3
4
|
//# sourceMappingURL=secondary.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"secondary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/icon-button/variants/secondary.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"secondary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/icon-button/variants/secondary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,6BAA6B,GAAI,MAAM,IAAI,KAAG,gBAmC1D,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { type TextInputProps } from "react-native";
|
|
2
2
|
import type { TextInputRef } from "../../types/element.types";
|
|
3
|
+
import type { Size } from "../../utils/size-scale";
|
|
3
4
|
import { InputVariants } from "./variants";
|
|
4
5
|
export type InputProps = Omit<TextInputProps, "onChange" | "onChangeText"> & {
|
|
5
6
|
variant?: keyof typeof InputVariants;
|
|
7
|
+
size?: Size;
|
|
6
8
|
ref?: React.Ref<TextInputRef>;
|
|
7
9
|
onChange?: TextInputProps["onChangeText"];
|
|
8
10
|
isDisabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAGnD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,cAAc,CAAC,GAAG;IAC3E,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAYF,eAAO,MAAM,KAAK,kHAsChB,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { Size } from "../../../utils/size-scale";
|
|
1
2
|
import { type InputStyles } from "../types";
|
|
2
|
-
export declare function useInputVariantDefault(): InputStyles;
|
|
3
|
+
export declare function useInputVariantDefault(size: Size): InputStyles;
|
|
3
4
|
//# sourceMappingURL=default.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/input/variants/default.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/input/variants/default.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,IAAI,GAAG,WAAW,CAwC9D"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import type { Size } from "../../../utils/size-scale";
|
|
2
|
+
import { type InputStyles } from "../types";
|
|
3
|
+
export declare function useInputVariantSecondary(size: Size): InputStyles;
|
|
3
4
|
//# sourceMappingURL=secondary.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"secondary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/input/variants/secondary.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"secondary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/input/variants/secondary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,IAAI,GAAG,WAAW,CAwChE"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
3
|
import { type CountryCode } from "../../../data/countries";
|
|
4
|
+
import type { Size } from "../../../utils/size-scale";
|
|
4
5
|
import { PhoneInputVariants } from "../variants";
|
|
5
6
|
export interface PhoneInputRootProps {
|
|
6
7
|
children?: React.ReactNode;
|
|
@@ -10,8 +11,9 @@ export interface PhoneInputRootProps {
|
|
|
10
11
|
countryCodes?: CountryCode[];
|
|
11
12
|
isDisabled?: boolean;
|
|
12
13
|
variant?: keyof typeof PhoneInputVariants;
|
|
14
|
+
size?: Size;
|
|
13
15
|
placeholder?: string;
|
|
14
16
|
style?: StyleProp<ViewStyle>;
|
|
15
17
|
}
|
|
16
|
-
export declare function PhoneInputRoot({ children, value, onChange, defaultCountry, countryCodes, isDisabled, variant, style, }: PhoneInputRootProps): React.JSX.Element;
|
|
18
|
+
export declare function PhoneInputRoot({ children, value, onChange, defaultCountry, countryCodes, isDisabled, variant, size, style, }: PhoneInputRootProps): React.JSX.Element;
|
|
17
19
|
//# sourceMappingURL=phone-input-root.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"phone-input-root.d.ts","sourceRoot":"","sources":["../../../../../../src/components/phone-input/components/phone-input-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"phone-input-root.d.ts","sourceRoot":"","sources":["../../../../../../src/components/phone-input/components/phone-input-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAKtE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,OAAO,kBAAkB,CAAC;IAC1C,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAQD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,cAAqB,EACrB,YAAqB,EACrB,UAAkB,EAClB,OAAmB,EACnB,IAAW,EACX,KAAK,GACN,EAAE,mBAAmB,qBAgDrB"}
|