@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.
Files changed (209) hide show
  1. package/AGENTS.md +3 -3
  2. package/dist/module/components/alert-dialog/components/alert-dialog-root.js +1 -1
  3. package/dist/module/components/alert-dialog/components/alert-dialog-root.js.map +1 -1
  4. package/dist/module/components/alert-dialog/variants/default.js +93 -85
  5. package/dist/module/components/alert-dialog/variants/default.js.map +1 -1
  6. package/dist/module/components/button/button.js +1 -1
  7. package/dist/module/components/button/button.js.map +1 -1
  8. package/dist/module/components/button/variants/default.js +48 -44
  9. package/dist/module/components/button/variants/default.js.map +1 -1
  10. package/dist/module/components/button/variants/ghost.js +64 -60
  11. package/dist/module/components/button/variants/ghost.js.map +1 -1
  12. package/dist/module/components/button/variants/secondary.js +66 -62
  13. package/dist/module/components/button/variants/secondary.js.map +1 -1
  14. package/dist/module/components/combobox/components/combobox-root.js +1 -1
  15. package/dist/module/components/combobox/components/combobox-root.js.map +1 -1
  16. package/dist/module/components/combobox/variants/default.js +91 -88
  17. package/dist/module/components/combobox/variants/default.js.map +1 -1
  18. package/dist/module/components/icon-button/icon-button.js +4 -5
  19. package/dist/module/components/icon-button/icon-button.js.map +1 -1
  20. package/dist/module/components/icon-button/variants/default.js +31 -24
  21. package/dist/module/components/icon-button/variants/default.js.map +1 -1
  22. package/dist/module/components/icon-button/variants/ghost.js +32 -25
  23. package/dist/module/components/icon-button/variants/ghost.js.map +1 -1
  24. package/dist/module/components/icon-button/variants/secondary.js +34 -27
  25. package/dist/module/components/icon-button/variants/secondary.js.map +1 -1
  26. package/dist/module/components/index.js +1 -0
  27. package/dist/module/components/index.js.map +1 -1
  28. package/dist/module/components/input/input.js +1 -1
  29. package/dist/module/components/input/input.js.map +1 -1
  30. package/dist/module/components/input/variants/default.js +39 -37
  31. package/dist/module/components/input/variants/default.js.map +1 -1
  32. package/dist/module/components/input/variants/secondary.js +39 -37
  33. package/dist/module/components/input/variants/secondary.js.map +1 -1
  34. package/dist/module/components/phone-input/components/phone-input-root.js +2 -1
  35. package/dist/module/components/phone-input/components/phone-input-root.js.map +1 -1
  36. package/dist/module/components/phone-input/variants/default.js +115 -112
  37. package/dist/module/components/phone-input/variants/default.js.map +1 -1
  38. package/dist/module/components/select/components/select-root.js +1 -1
  39. package/dist/module/components/select/components/select-root.js.map +1 -1
  40. package/dist/module/components/select/variants/default.js +75 -73
  41. package/dist/module/components/select/variants/default.js.map +1 -1
  42. package/dist/module/components/sidebar/components/sidebar-content.js +19 -0
  43. package/dist/module/components/sidebar/components/sidebar-content.js.map +1 -0
  44. package/dist/module/components/sidebar/components/sidebar-footer.js +18 -0
  45. package/dist/module/components/sidebar/components/sidebar-footer.js.map +1 -0
  46. package/dist/module/components/sidebar/components/sidebar-group-label.js +18 -0
  47. package/dist/module/components/sidebar/components/sidebar-group-label.js.map +1 -0
  48. package/dist/module/components/sidebar/components/sidebar-group.js +18 -0
  49. package/dist/module/components/sidebar/components/sidebar-group.js.map +1 -0
  50. package/dist/module/components/sidebar/components/sidebar-header.js +18 -0
  51. package/dist/module/components/sidebar/components/sidebar-header.js.map +1 -0
  52. package/dist/module/components/sidebar/components/sidebar-menu-item.js +36 -0
  53. package/dist/module/components/sidebar/components/sidebar-menu-item.js.map +1 -0
  54. package/dist/module/components/sidebar/components/sidebar-menu-sub.js +22 -0
  55. package/dist/module/components/sidebar/components/sidebar-menu-sub.js.map +1 -0
  56. package/dist/module/components/sidebar/components/sidebar-menu.js +18 -0
  57. package/dist/module/components/sidebar/components/sidebar-menu.js.map +1 -0
  58. package/dist/module/components/sidebar/components/sidebar-provider.js +47 -0
  59. package/dist/module/components/sidebar/components/sidebar-provider.js.map +1 -0
  60. package/dist/module/components/sidebar/components/sidebar-root.js +27 -0
  61. package/dist/module/components/sidebar/components/sidebar-root.js.map +1 -0
  62. package/dist/module/components/sidebar/context.js +12 -0
  63. package/dist/module/components/sidebar/context.js.map +1 -0
  64. package/dist/module/components/sidebar/index.js +26 -0
  65. package/dist/module/components/sidebar/index.js.map +1 -0
  66. package/dist/module/components/sidebar/types.js +4 -0
  67. package/dist/module/components/sidebar/types.js.map +1 -0
  68. package/dist/module/components/sidebar/variants/default.js +101 -0
  69. package/dist/module/components/sidebar/variants/default.js.map +1 -0
  70. package/dist/module/components/sidebar/variants/index.js +7 -0
  71. package/dist/module/components/sidebar/variants/index.js.map +1 -0
  72. package/dist/module/themes/default/index.js +1 -0
  73. package/dist/module/themes/default/index.js.map +1 -1
  74. package/dist/module/themes/provider.js +1 -0
  75. package/dist/module/themes/provider.js.map +1 -1
  76. package/dist/module/themes/utils.js +2 -1
  77. package/dist/module/themes/utils.js.map +1 -1
  78. package/dist/module/utils/size-scale.js +42 -0
  79. package/dist/module/utils/size-scale.js.map +1 -0
  80. package/dist/module/utils/use-themed-styles.js +4 -1
  81. package/dist/module/utils/use-themed-styles.js.map +1 -1
  82. package/dist/typescript/src/components/alert-dialog/components/alert-dialog-root.d.ts +2 -0
  83. package/dist/typescript/src/components/alert-dialog/components/alert-dialog-root.d.ts.map +1 -1
  84. package/dist/typescript/src/components/alert-dialog/variants/default.d.ts +3 -2
  85. package/dist/typescript/src/components/alert-dialog/variants/default.d.ts.map +1 -1
  86. package/dist/typescript/src/components/alert-dialog/variants/index.d.ts +1 -1
  87. package/dist/typescript/src/components/button/button.d.ts +2 -0
  88. package/dist/typescript/src/components/button/button.d.ts.map +1 -1
  89. package/dist/typescript/src/components/button/variants/default.d.ts +2 -1
  90. package/dist/typescript/src/components/button/variants/default.d.ts.map +1 -1
  91. package/dist/typescript/src/components/button/variants/ghost.d.ts +2 -1
  92. package/dist/typescript/src/components/button/variants/ghost.d.ts.map +1 -1
  93. package/dist/typescript/src/components/button/variants/index.d.ts +3 -3
  94. package/dist/typescript/src/components/button/variants/secondary.d.ts +2 -1
  95. package/dist/typescript/src/components/button/variants/secondary.d.ts.map +1 -1
  96. package/dist/typescript/src/components/combobox/components/combobox-root.d.ts +2 -0
  97. package/dist/typescript/src/components/combobox/components/combobox-root.d.ts.map +1 -1
  98. package/dist/typescript/src/components/combobox/variants/default.d.ts +2 -1
  99. package/dist/typescript/src/components/combobox/variants/default.d.ts.map +1 -1
  100. package/dist/typescript/src/components/icon-button/icon-button.d.ts +2 -1
  101. package/dist/typescript/src/components/icon-button/icon-button.d.ts.map +1 -1
  102. package/dist/typescript/src/components/icon-button/variants/default.d.ts +2 -1
  103. package/dist/typescript/src/components/icon-button/variants/default.d.ts.map +1 -1
  104. package/dist/typescript/src/components/icon-button/variants/ghost.d.ts +2 -1
  105. package/dist/typescript/src/components/icon-button/variants/ghost.d.ts.map +1 -1
  106. package/dist/typescript/src/components/icon-button/variants/index.d.ts +3 -3
  107. package/dist/typescript/src/components/icon-button/variants/secondary.d.ts +2 -1
  108. package/dist/typescript/src/components/icon-button/variants/secondary.d.ts.map +1 -1
  109. package/dist/typescript/src/components/index.d.ts +1 -0
  110. package/dist/typescript/src/components/index.d.ts.map +1 -1
  111. package/dist/typescript/src/components/input/input.d.ts +2 -0
  112. package/dist/typescript/src/components/input/input.d.ts.map +1 -1
  113. package/dist/typescript/src/components/input/variants/default.d.ts +2 -1
  114. package/dist/typescript/src/components/input/variants/default.d.ts.map +1 -1
  115. package/dist/typescript/src/components/input/variants/secondary.d.ts +3 -2
  116. package/dist/typescript/src/components/input/variants/secondary.d.ts.map +1 -1
  117. package/dist/typescript/src/components/phone-input/components/phone-input-root.d.ts +3 -1
  118. package/dist/typescript/src/components/phone-input/components/phone-input-root.d.ts.map +1 -1
  119. package/dist/typescript/src/components/phone-input/variants/default.d.ts +2 -1
  120. package/dist/typescript/src/components/phone-input/variants/default.d.ts.map +1 -1
  121. package/dist/typescript/src/components/select/components/select-root.d.ts +2 -0
  122. package/dist/typescript/src/components/select/components/select-root.d.ts.map +1 -1
  123. package/dist/typescript/src/components/select/variants/default.d.ts +3 -2
  124. package/dist/typescript/src/components/select/variants/default.d.ts.map +1 -1
  125. package/dist/typescript/src/components/sidebar/components/sidebar-content.d.ts +8 -0
  126. package/dist/typescript/src/components/sidebar/components/sidebar-content.d.ts.map +1 -0
  127. package/dist/typescript/src/components/sidebar/components/sidebar-footer.d.ts +8 -0
  128. package/dist/typescript/src/components/sidebar/components/sidebar-footer.d.ts.map +1 -0
  129. package/dist/typescript/src/components/sidebar/components/sidebar-group-label.d.ts +8 -0
  130. package/dist/typescript/src/components/sidebar/components/sidebar-group-label.d.ts.map +1 -0
  131. package/dist/typescript/src/components/sidebar/components/sidebar-group.d.ts +8 -0
  132. package/dist/typescript/src/components/sidebar/components/sidebar-group.d.ts.map +1 -0
  133. package/dist/typescript/src/components/sidebar/components/sidebar-header.d.ts +8 -0
  134. package/dist/typescript/src/components/sidebar/components/sidebar-header.d.ts.map +1 -0
  135. package/dist/typescript/src/components/sidebar/components/sidebar-menu-item.d.ts +12 -0
  136. package/dist/typescript/src/components/sidebar/components/sidebar-menu-item.d.ts.map +1 -0
  137. package/dist/typescript/src/components/sidebar/components/sidebar-menu-sub.d.ts +10 -0
  138. package/dist/typescript/src/components/sidebar/components/sidebar-menu-sub.d.ts.map +1 -0
  139. package/dist/typescript/src/components/sidebar/components/sidebar-menu.d.ts +8 -0
  140. package/dist/typescript/src/components/sidebar/components/sidebar-menu.d.ts.map +1 -0
  141. package/dist/typescript/src/components/sidebar/components/sidebar-provider.d.ts +17 -0
  142. package/dist/typescript/src/components/sidebar/components/sidebar-provider.d.ts.map +1 -0
  143. package/dist/typescript/src/components/sidebar/components/sidebar-root.d.ts +8 -0
  144. package/dist/typescript/src/components/sidebar/components/sidebar-root.d.ts.map +1 -0
  145. package/dist/typescript/src/components/sidebar/context.d.ts +12 -0
  146. package/dist/typescript/src/components/sidebar/context.d.ts.map +1 -0
  147. package/dist/typescript/src/components/sidebar/index.d.ts +35 -0
  148. package/dist/typescript/src/components/sidebar/index.d.ts.map +1 -0
  149. package/dist/typescript/src/components/sidebar/types.d.ts +29 -0
  150. package/dist/typescript/src/components/sidebar/types.d.ts.map +1 -0
  151. package/dist/typescript/src/components/sidebar/variants/default.d.ts +3 -0
  152. package/dist/typescript/src/components/sidebar/variants/default.d.ts.map +1 -0
  153. package/dist/typescript/src/components/sidebar/variants/index.d.ts +5 -0
  154. package/dist/typescript/src/components/sidebar/variants/index.d.ts.map +1 -0
  155. package/dist/typescript/src/index.d.ts +2 -0
  156. package/dist/typescript/src/index.d.ts.map +1 -1
  157. package/dist/typescript/src/themes/default/index.d.ts.map +1 -1
  158. package/dist/typescript/src/themes/provider.d.ts +1 -0
  159. package/dist/typescript/src/themes/provider.d.ts.map +1 -1
  160. package/dist/typescript/src/themes/types.d.ts +5 -0
  161. package/dist/typescript/src/themes/types.d.ts.map +1 -1
  162. package/dist/typescript/src/themes/utils.d.ts.map +1 -1
  163. package/dist/typescript/src/utils/size-scale.d.ts +20 -0
  164. package/dist/typescript/src/utils/size-scale.d.ts.map +1 -0
  165. package/dist/typescript/src/utils/use-themed-styles.d.ts +5 -0
  166. package/dist/typescript/src/utils/use-themed-styles.d.ts.map +1 -1
  167. package/package.json +2 -2
  168. package/src/components/alert-dialog/components/alert-dialog-root.tsx +3 -1
  169. package/src/components/alert-dialog/variants/default.tsx +88 -79
  170. package/src/components/button/button.tsx +3 -1
  171. package/src/components/button/variants/default.tsx +14 -10
  172. package/src/components/button/variants/ghost.tsx +14 -10
  173. package/src/components/button/variants/secondary.tsx +14 -10
  174. package/src/components/combobox/components/combobox-root.tsx +3 -1
  175. package/src/components/combobox/variants/default.tsx +17 -14
  176. package/src/components/icon-button/icon-button.tsx +6 -6
  177. package/src/components/icon-button/variants/default.tsx +12 -6
  178. package/src/components/icon-button/variants/ghost.tsx +12 -6
  179. package/src/components/icon-button/variants/secondary.tsx +12 -6
  180. package/src/components/index.ts +1 -0
  181. package/src/components/input/input.tsx +3 -1
  182. package/src/components/input/variants/default.tsx +11 -9
  183. package/src/components/input/variants/secondary.tsx +12 -10
  184. package/src/components/phone-input/components/phone-input-root.tsx +4 -1
  185. package/src/components/phone-input/variants/default.tsx +21 -18
  186. package/src/components/select/components/select-root.tsx +3 -1
  187. package/src/components/select/variants/default.tsx +16 -14
  188. package/src/components/sidebar/components/sidebar-content.tsx +19 -0
  189. package/src/components/sidebar/components/sidebar-footer.tsx +15 -0
  190. package/src/components/sidebar/components/sidebar-group-label.tsx +15 -0
  191. package/src/components/sidebar/components/sidebar-group.tsx +15 -0
  192. package/src/components/sidebar/components/sidebar-header.tsx +15 -0
  193. package/src/components/sidebar/components/sidebar-menu-item.tsx +61 -0
  194. package/src/components/sidebar/components/sidebar-menu-sub.tsx +23 -0
  195. package/src/components/sidebar/components/sidebar-menu.tsx +15 -0
  196. package/src/components/sidebar/components/sidebar-provider.tsx +73 -0
  197. package/src/components/sidebar/components/sidebar-root.tsx +19 -0
  198. package/src/components/sidebar/context.ts +21 -0
  199. package/src/components/sidebar/index.ts +37 -0
  200. package/src/components/sidebar/types.ts +31 -0
  201. package/src/components/sidebar/variants/default.tsx +96 -0
  202. package/src/components/sidebar/variants/index.ts +5 -0
  203. package/src/index.tsx +2 -0
  204. package/src/themes/default/index.ts +1 -0
  205. package/src/themes/provider.tsx +2 -0
  206. package/src/themes/types.ts +5 -0
  207. package/src/themes/utils.ts +1 -0
  208. package/src/utils/size-scale.ts +45 -0
  209. package/src/utils/use-themed-styles.ts +8 -0
@@ -2,75 +2,79 @@
2
2
 
3
3
  import { hslaSetRelativeLightness } from "../../../utils/hsla-utils.js";
4
4
  import { useThemedStyles } from "../../../utils/use-themed-styles.js";
5
- export const useButtonVariantSecondary = () => {
5
+ export const useButtonVariantSecondary = size => {
6
6
  return useThemedStyles(({
7
7
  colors,
8
8
  radius,
9
9
  fontFamily,
10
- fontSize
11
- }) => ({
12
- root: {
13
- default: {
14
- flexDirection: "row",
15
- paddingVertical: 12,
16
- paddingHorizontal: 16,
17
- borderRadius: radius,
18
- gap: 8,
19
- alignItems: "center",
20
- justifyContent: "center",
21
- borderWidth: 1,
22
- borderColor: colors.border,
23
- backgroundColor: colors.secondary,
24
- cursor: "pointer"
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
+ borderWidth: 1,
24
+ borderColor: colors.border,
25
+ backgroundColor: colors.secondary,
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.secondary, -1)
38
+ }
25
39
  },
26
- disabled: {
27
- opacity: 0.5,
28
- cursor: "not-allowed"
40
+ text: {
41
+ default: {
42
+ color: colors.secondaryForeground,
43
+ fontSize: sizeStyles.fontSize,
44
+ fontFamily
45
+ },
46
+ disabled: {
47
+ color: colors.mutedForeground
48
+ },
49
+ loading: {
50
+ color: colors.mutedForeground
51
+ }
29
52
  },
30
- loading: {
31
- opacity: 0.5,
32
- cursor: "wait"
53
+ icon: {
54
+ default: {
55
+ color: colors.secondaryForeground,
56
+ size: sizeStyles.iconSize,
57
+ strokeWidth: sizeStyles.strokeWidth
58
+ },
59
+ disabled: {
60
+ color: colors.mutedForeground
61
+ },
62
+ loading: {
63
+ color: colors.mutedForeground
64
+ }
33
65
  },
34
- hovered: {
35
- backgroundColor: hslaSetRelativeLightness(colors.secondary, -1)
66
+ spinner: {
67
+ default: {
68
+ color: colors.secondaryForeground
69
+ },
70
+ disabled: {
71
+ color: colors.mutedForeground
72
+ },
73
+ loading: {
74
+ color: colors.mutedForeground
75
+ }
36
76
  }
37
- },
38
- text: {
39
- default: {
40
- color: colors.secondaryForeground,
41
- fontSize,
42
- fontFamily
43
- },
44
- disabled: {
45
- color: colors.mutedForeground
46
- },
47
- loading: {
48
- color: colors.mutedForeground
49
- }
50
- },
51
- icon: {
52
- default: {
53
- color: colors.secondaryForeground,
54
- size: fontSize
55
- },
56
- disabled: {
57
- color: colors.mutedForeground
58
- },
59
- loading: {
60
- color: colors.mutedForeground
61
- }
62
- },
63
- spinner: {
64
- default: {
65
- color: colors.secondaryForeground
66
- },
67
- disabled: {
68
- color: colors.mutedForeground
69
- },
70
- loading: {
71
- color: colors.mutedForeground
72
- }
73
- }
74
- }));
77
+ };
78
+ });
75
79
  };
76
80
  //# sourceMappingURL=secondary.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantSecondary","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","borderWidth","borderColor","border","backgroundColor","secondary","cursor","disabled","opacity","loading","hovered","text","color","secondaryForeground","mutedForeground","icon","size","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/secondary.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAoB;EAC3D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAER,MAAM;QACpBS,GAAG,EAAE,CAAC;QACNC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEd,MAAM,CAACe,MAAM;QAC1BC,eAAe,EAAEhB,MAAM,CAACiB,SAAS;QACjCC,MAAM,EAAE;MACV,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE,GAAG;QACZF,MAAM,EAAE;MACV,CAAC;MACDG,OAAO,EAAE;QACPD,OAAO,EAAE,GAAG;QACZF,MAAM,EAAE;MACV,CAAC;MACDI,OAAO,EAAE;QACPN,eAAe,EAAEnB,wBAAwB,CAACG,MAAM,CAACiB,SAAS,EAAE,CAAC,CAAC;MAChE;IACF,CAAC;IACDM,IAAI,EAAE;MACJlB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB,mBAAmB;QACjCtB,QAAQ;QACRD;MACF,CAAC;MACDiB,QAAQ,EAAE;QACRK,KAAK,EAAExB,MAAM,CAAC0B;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAExB,MAAM,CAAC0B;MAChB;IACF,CAAC;IACDC,IAAI,EAAE;MACJtB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB,mBAAmB;QACjCG,IAAI,EAAEzB;MACR,CAAC;MACDgB,QAAQ,EAAE;QACRK,KAAK,EAAExB,MAAM,CAAC0B;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAExB,MAAM,CAAC0B;MAChB;IACF,CAAC;IACDG,OAAO,EAAE;MACPxB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB;MAChB,CAAC;MACDN,QAAQ,EAAE;QACRK,KAAK,EAAExB,MAAM,CAAC0B;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAExB,MAAM,CAAC0B;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantSecondary","size","colors","radius","fontFamily","sizeScale","sizeStyles","root","default","flexDirection","height","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","borderWidth","borderColor","border","backgroundColor","secondary","cursor","disabled","opacity","loading","hovered","text","color","secondaryForeground","fontSize","mutedForeground","icon","iconSize","strokeWidth","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/secondary.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AAEpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,yBAAyB,GAAIC,IAAU,IAAmB;EACrE,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,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEf,MAAM,CAACgB,MAAM;UAC1BC,eAAe,EAAEjB,MAAM,CAACkB,SAAS;UACjCC,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;UACPN,eAAe,EAAErB,wBAAwB,CAACI,MAAM,CAACkB,SAAS,EAAE,CAAC,CAAC;QAChE;MACF,CAAC;MACDM,IAAI,EAAE;QACJlB,OAAO,EAAE;UACPmB,KAAK,EAAEzB,MAAM,CAAC0B,mBAAmB;UACjCC,QAAQ,EAAEvB,UAAU,CAACuB,QAAQ;UAC7BzB;QACF,CAAC;QACDkB,QAAQ,EAAE;UACRK,KAAK,EAAEzB,MAAM,CAAC4B;QAChB,CAAC;QACDN,OAAO,EAAE;UACPG,KAAK,EAAEzB,MAAM,CAAC4B;QAChB;MACF,CAAC;MACDC,IAAI,EAAE;QACJvB,OAAO,EAAE;UACPmB,KAAK,EAAEzB,MAAM,CAAC0B,mBAAmB;UACjC3B,IAAI,EAAEK,UAAU,CAAC0B,QAAQ;UACzBC,WAAW,EAAE3B,UAAU,CAAC2B;QAC1B,CAAC;QACDX,QAAQ,EAAE;UACRK,KAAK,EAAEzB,MAAM,CAAC4B;QAChB,CAAC;QACDN,OAAO,EAAE;UACPG,KAAK,EAAEzB,MAAM,CAAC4B;QAChB;MACF,CAAC;MACDI,OAAO,EAAE;QACP1B,OAAO,EAAE;UACPmB,KAAK,EAAEzB,MAAM,CAAC0B;QAChB,CAAC;QACDN,QAAQ,EAAE;UACRK,KAAK,EAAEzB,MAAM,CAAC4B;QAChB,CAAC;QACDN,OAAO,EAAE;UACPG,KAAK,EAAEzB,MAAM,CAAC4B;QAChB;MACF;IACF,CAAC;EACH,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
@@ -15,7 +15,7 @@ const calculateState = props => {
15
15
  return "default";
16
16
  };
17
17
  export function ComboboxRoot(props) {
18
- const variantStyles = ComboboxVariants[props.variant ?? "default"]();
18
+ const variantStyles = ComboboxVariants[props.variant ?? "default"](props.size ?? "md");
19
19
  const globalStyles = useComponentConfig("combobox");
20
20
  const mergedStyles = mergeStyles(variantStyles, globalStyles?.styles);
21
21
  const [isOpen, setIsOpen] = useState(false);
@@ -1 +1 @@
1
- {"version":3,"names":["React","useCallback","useMemo","useRef","useState","StyleSheet","View","DEFAULT_LAYOUT","DEFAULT_POSITION","useComponentConfig","mergeStyles","ComboboxContext","ComboboxVariants","jsx","_jsx","calculateState","props","isDisabled","ComboboxRoot","variantStyles","variant","globalStyles","mergedStyles","styles","isOpen","setIsOpen","contentLayout","setContentLayout","triggerPosition","setTriggerPosition","inputValue","setInputValueInternal","onInputChangeRef","onInputChange","current","setInputValue","action","prev","next","state","composedStyles","flatten","root","default","style","contextValue","value","onChange","Provider","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-root.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","useCallback","useMemo","useRef","useState","StyleSheet","View","DEFAULT_LAYOUT","DEFAULT_POSITION","useComponentConfig","mergeStyles","ComboboxContext","ComboboxVariants","jsx","_jsx","calculateState","props","isDisabled","ComboboxRoot","variantStyles","variant","size","globalStyles","mergedStyles","styles","isOpen","setIsOpen","contentLayout","setContentLayout","triggerPosition","setTriggerPosition","inputValue","setInputValueInternal","onInputChangeRef","onInputChange","current","setInputValue","action","prev","next","state","composedStyles","flatten","root","default","style","contextValue","value","onChange","Provider","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACrE,SAGEC,UAAU,EACVC,IAAI,QAEC,cAAc;AACrB,SAASC,cAAc,EAAEC,gBAAgB,QAA6B,yBAAgB;AACtF,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,WAAW,QAAQ,oCAAiC;AAE7D,SAASC,eAAe,QAAQ,eAAY;AAE5C,SAASC,gBAAgB,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAkB/C,MAAMC,cAAc,GAAIC,KAAwB,IAAoB;EAClE,IAAIA,KAAK,CAACC,UAAU,EAAE;IACpB,OAAO,UAAU;EACnB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,YAAYA,CAACF,KAAwB,EAAE;EACrD,MAAMG,aAAa,GAAGP,gBAAgB,CAACI,KAAK,CAACI,OAAO,IAAI,SAAS,CAAC,CAACJ,KAAK,CAACK,IAAI,IAAI,IAAI,CAAC;EACtF,MAAMC,YAAY,GAAGb,kBAAkB,CAAC,UAAU,CAAC;EACnD,MAAMc,YAAY,GAAGb,WAAW,CAACS,aAAa,EAAEG,YAAY,EAAEE,MAAM,CAAC;EAErE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGtB,QAAQ,CAAC,KAAK,CAAC;EAC3C,MAAM,CAACuB,aAAa,EAAEC,gBAAgB,CAAC,GAAGxB,QAAQ,CAAkBG,cAAc,CAAC;EACnF,MAAM,CAACsB,eAAe,EAAEC,kBAAkB,CAAC,GAAG1B,QAAQ,CAAiBI,gBAAgB,CAAC;EACxF,MAAM,CAACuB,UAAU,EAAEC,qBAAqB,CAAC,GAAG5B,QAAQ,CAAC,EAAE,CAAC;EAExD,MAAM6B,gBAAgB,GAAG9B,MAAM,CAACa,KAAK,CAACkB,aAAa,CAAC;EACpDD,gBAAgB,CAACE,OAAO,GAAGnB,KAAK,CAACkB,aAAa;EAE9C,MAAME,aAA2D,GAAGnC,WAAW,CAAEoC,MAAM,IAAK;IAC1FL,qBAAqB,CAAEM,IAAI,IAAK;MAC9B,MAAMC,IAAI,GAAG,OAAOF,MAAM,KAAK,UAAU,GAAGA,MAAM,CAACC,IAAI,CAAC,GAAGD,MAAM;MACjE,IAAIE,IAAI,KAAKD,IAAI,EAAE;QACjBL,gBAAgB,CAACE,OAAO,GAAGI,IAAI,CAAC;MAClC;MACA,OAAOA,IAAI;IACb,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,KAAK,GAAGzB,cAAc,CAACC,KAAK,CAAC;EACnC,MAAMyB,cAAc,GAAGpC,UAAU,CAACqC,OAAO,CAAC,CACxCnB,YAAY,EAAEoB,IAAI,EAAEC,OAAO,EAC3BrB,YAAY,EAAEoB,IAAI,GAAGH,KAAK,CAAC,EAC3BxB,KAAK,CAAC6B,KAAK,CACZ,CAAC;EAEF,MAAMC,YAA6B,GAAG5C,OAAO,CAC3C,OAAO;IACL6C,KAAK,EAAE/B,KAAK,CAAC+B,KAAK;IAClBC,QAAQ,EAAEhC,KAAK,CAACgC,QAAQ;IACxBvB,MAAM;IACNC,SAAS;IACTG,eAAe;IACfC,kBAAkB;IAClBH,aAAa;IACbC,gBAAgB;IAChBG,UAAU;IACVK,aAAa;IACbI,KAAK;IACLvB,UAAU,EAAED,KAAK,CAACC,UAAU,IAAI,KAAK;IACrCO,MAAM,EAAED;EACV,CAAC,CAAC,EACF,CACEP,KAAK,CAAC+B,KAAK,EACX/B,KAAK,CAACgC,QAAQ,EACdvB,MAAM,EACNI,eAAe,EACfF,aAAa,EACbI,UAAU,EACVK,aAAa,EACbI,KAAK,EACLxB,KAAK,CAACC,UAAU,EAChBM,YAAY,CAEhB,CAAC;EAED,oBACET,IAAA,CAACH,eAAe,CAACsC,QAAQ;IAACF,KAAK,EAAED,YAAa;IAAAI,QAAA,eAC5CpC,IAAA,CAACR,IAAI;MAACuC,KAAK,EAAEJ,cAAe;MAAAS,QAAA,EAAElC,KAAK,CAACkC;IAAQ,CAAO;EAAC,CAC5B,CAAC;AAE/B","ignoreList":[]}
@@ -2,105 +2,108 @@
2
2
 
3
3
  import { Platform } from "react-native";
4
4
  import { useThemedStyles } from "../../../utils/use-themed-styles.js";
5
- export function useComboboxVariantDefault() {
5
+ export function useComboboxVariantDefault(size) {
6
6
  return useThemedStyles(({
7
7
  colors,
8
8
  radius,
9
9
  fontFamily,
10
- fontSize
11
- }) => ({
12
- root: {
13
- default: {},
14
- disabled: {}
15
- },
16
- trigger: {
17
- default: {
18
- placeholderTextColor: colors.mutedForeground,
19
- editable: true,
20
- style: {
10
+ sizeScale
11
+ }) => {
12
+ const s = sizeScale(size);
13
+ return {
14
+ root: {
15
+ default: {},
16
+ disabled: {}
17
+ },
18
+ trigger: {
19
+ default: {
20
+ placeholderTextColor: colors.mutedForeground,
21
+ editable: true,
22
+ style: {
23
+ borderWidth: 1,
24
+ borderColor: colors.border,
25
+ borderRadius: radius,
26
+ backgroundColor: colors.surface,
27
+ justifyContent: "center",
28
+ paddingVertical: 4,
29
+ paddingHorizontal: s.paddingHorizontal,
30
+ minHeight: s.height,
31
+ fontFamily,
32
+ fontSize: s.fontSize,
33
+ color: colors.foreground,
34
+ outlineWidth: 0,
35
+ pointerEvents: "auto",
36
+ ...Platform.select({
37
+ web: {
38
+ outline: "none"
39
+ }
40
+ })
41
+ }
42
+ },
43
+ focused: {
44
+ style: {
45
+ borderColor: colors.primary
46
+ }
47
+ },
48
+ disabled: {
49
+ editable: false,
50
+ style: {
51
+ backgroundColor: colors.muted,
52
+ color: colors.mutedForeground,
53
+ pointerEvents: "none"
54
+ }
55
+ }
56
+ },
57
+ overlay: {
58
+ default: {
59
+ zIndex: 999
60
+ },
61
+ disabled: {}
62
+ },
63
+ content: {
64
+ default: {
65
+ backgroundColor: colors.surface,
66
+ borderRadius: radius,
21
67
  borderWidth: 1,
22
68
  borderColor: colors.border,
23
- borderRadius: radius,
24
- backgroundColor: colors.surface,
25
- justifyContent: "center",
26
- paddingVertical: 4,
27
- paddingHorizontal: 16,
28
- minHeight: 48,
69
+ padding: 4,
70
+ gap: 4,
71
+ zIndex: 1000,
72
+ maxHeight: 256
73
+ },
74
+ disabled: {}
75
+ },
76
+ option: {
77
+ default: {
78
+ paddingVertical: s.paddingVertical,
79
+ paddingHorizontal: s.paddingHorizontal,
29
80
  fontFamily,
30
- fontSize,
81
+ fontSize: s.fontSize,
31
82
  color: colors.foreground,
32
- outlineWidth: 0,
33
- pointerEvents: "auto",
34
- ...Platform.select({
35
- web: {
36
- outline: "none"
37
- }
38
- })
39
- }
40
- },
41
- focused: {
42
- style: {
43
- borderColor: colors.primary
83
+ borderRadius: radius / 2
84
+ },
85
+ disabled: {
86
+ color: colors.mutedForeground
87
+ },
88
+ selected: {
89
+ backgroundColor: colors.muted
90
+ },
91
+ hovered: {
92
+ backgroundColor: colors.muted
44
93
  }
45
94
  },
46
- disabled: {
47
- editable: false,
48
- style: {
49
- backgroundColor: colors.muted,
95
+ empty: {
96
+ default: {
97
+ paddingVertical: s.paddingVertical,
98
+ paddingHorizontal: s.paddingHorizontal,
99
+ fontFamily,
100
+ fontSize: s.fontSize,
50
101
  color: colors.mutedForeground,
51
- pointerEvents: "none"
52
- }
53
- }
54
- },
55
- overlay: {
56
- default: {
57
- zIndex: 999
58
- },
59
- disabled: {}
60
- },
61
- content: {
62
- default: {
63
- backgroundColor: colors.surface,
64
- borderRadius: radius,
65
- borderWidth: 1,
66
- borderColor: colors.border,
67
- padding: 4,
68
- gap: 4,
69
- zIndex: 1000,
70
- maxHeight: 256
71
- },
72
- disabled: {}
73
- },
74
- option: {
75
- default: {
76
- paddingVertical: 12,
77
- paddingHorizontal: 16,
78
- fontFamily,
79
- fontSize,
80
- color: colors.foreground,
81
- borderRadius: radius / 2
82
- },
83
- disabled: {
84
- color: colors.mutedForeground
85
- },
86
- selected: {
87
- backgroundColor: colors.muted
88
- },
89
- hovered: {
90
- backgroundColor: colors.muted
102
+ textAlign: "center"
103
+ },
104
+ disabled: {}
91
105
  }
92
- },
93
- empty: {
94
- default: {
95
- paddingVertical: 12,
96
- paddingHorizontal: 16,
97
- fontFamily,
98
- fontSize,
99
- color: colors.mutedForeground,
100
- textAlign: "center"
101
- },
102
- disabled: {}
103
- }
104
- }));
106
+ };
107
+ });
105
108
  }
106
109
  //# sourceMappingURL=default.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["Platform","useThemedStyles","useComboboxVariantDefault","colors","radius","fontFamily","fontSize","root","default","disabled","trigger","placeholderTextColor","mutedForeground","editable","style","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","justifyContent","paddingVertical","paddingHorizontal","minHeight","color","foreground","outlineWidth","pointerEvents","select","web","outline","focused","primary","muted","overlay","zIndex","content","padding","gap","maxHeight","option","selected","hovered","empty","textAlign"],"sourceRoot":"../../../../../src","sources":["components/combobox/variants/default.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,SAASC,yBAAyBA,CAAA,EAAmB;EAC1D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAsB;IAC7DC,IAAI,EAAE;MACJC,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDC,OAAO,EAAE;MACPF,OAAO,EAAE;QACPG,oBAAoB,EAAER,MAAM,CAACS,eAAe;QAC5CC,QAAQ,EAAE,IAAI;QACdC,KAAK,EAAE;UACLC,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEb,MAAM,CAACc,MAAM;UAC1BC,YAAY,EAAEd,MAAM;UACpBe,eAAe,EAAEhB,MAAM,CAACiB,OAAO;UAC/BC,cAAc,EAAE,QAAQ;UACxBC,eAAe,EAAE,CAAC;UAClBC,iBAAiB,EAAE,EAAE;UACrBC,SAAS,EAAE,EAAE;UACbnB,UAAU;UACVC,QAAQ;UACRmB,KAAK,EAAEtB,MAAM,CAACuB,UAAU;UACxBC,YAAY,EAAE,CAAC;UACfC,aAAa,EAAE,MAAM;UACrB,GAAG5B,QAAQ,CAAC6B,MAAM,CAAC;YACjBC,GAAG,EAAE;cACHC,OAAO,EAAE;YACX;UACF,CAAC;QACH;MACF,CAAC;MACDC,OAAO,EAAE;QACPlB,KAAK,EAAE;UACLE,WAAW,EAAEb,MAAM,CAAC8B;QACtB;MACF,CAAC;MACDxB,QAAQ,EAAE;QACRI,QAAQ,EAAE,KAAK;QACfC,KAAK,EAAE;UACLK,eAAe,EAAEhB,MAAM,CAAC+B,KAAK;UAC7BT,KAAK,EAAEtB,MAAM,CAACS,eAAe;UAC7BgB,aAAa,EAAE;QACjB;MACF;IACF,CAAC;IACDO,OAAO,EAAE;MACP3B,OAAO,EAAE;QACP4B,MAAM,EAAE;MACV,CAAC;MACD3B,QAAQ,EAAE,CAAC;IACb,CAAC;IACD4B,OAAO,EAAE;MACP7B,OAAO,EAAE;QACPW,eAAe,EAAEhB,MAAM,CAACiB,OAAO;QAC/BF,YAAY,EAAEd,MAAM;QACpBW,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEb,MAAM,CAACc,MAAM;QAC1BqB,OAAO,EAAE,CAAC;QACVC,GAAG,EAAE,CAAC;QACNH,MAAM,EAAE,IAAI;QACZI,SAAS,EAAE;MACb,CAAC;MACD/B,QAAQ,EAAE,CAAC;IACb,CAAC;IACDgC,MAAM,EAAE;MACNjC,OAAO,EAAE;QACPc,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBlB,UAAU;QACVC,QAAQ;QACRmB,KAAK,EAAEtB,MAAM,CAACuB,UAAU;QACxBR,YAAY,EAAEd,MAAM,GAAG;MACzB,CAAC;MACDK,QAAQ,EAAE;QACRgB,KAAK,EAAEtB,MAAM,CAACS;MAChB,CAAC;MACD8B,QAAQ,EAAE;QACRvB,eAAe,EAAEhB,MAAM,CAAC+B;MAC1B,CAAC;MACDS,OAAO,EAAE;QACPxB,eAAe,EAAEhB,MAAM,CAAC+B;MAC1B;IACF,CAAC;IACDU,KAAK,EAAE;MACLpC,OAAO,EAAE;QACPc,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBlB,UAAU;QACVC,QAAQ;QACRmB,KAAK,EAAEtB,MAAM,CAACS,eAAe;QAC7BiC,SAAS,EAAE;MACb,CAAC;MACDpC,QAAQ,EAAE,CAAC;IACb;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
1
+ {"version":3,"names":["Platform","useThemedStyles","useComboboxVariantDefault","size","colors","radius","fontFamily","sizeScale","s","root","default","disabled","trigger","placeholderTextColor","mutedForeground","editable","style","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","justifyContent","paddingVertical","paddingHorizontal","minHeight","height","fontSize","color","foreground","outlineWidth","pointerEvents","select","web","outline","focused","primary","muted","overlay","zIndex","content","padding","gap","maxHeight","option","selected","hovered","empty","textAlign"],"sourceRoot":"../../../../../src","sources":["components/combobox/variants/default.tsx"],"mappings":"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","ignoreList":[]}
@@ -19,14 +19,14 @@ export function IconButton(props) {
19
19
  const {
20
20
  render: IconComponent,
21
21
  variant = "default",
22
+ size = "md",
22
23
  isDisabled,
23
- size,
24
24
  color,
25
25
  strokeWidth,
26
26
  style,
27
27
  ...rest
28
28
  } = props;
29
- const variantStyles = IconButtonVariants[variant]();
29
+ const variantStyles = IconButtonVariants[variant](size);
30
30
  const componentConfig = useComponentConfig("iconButton");
31
31
  const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
32
32
  const [isHovered, setIsHovered] = useState(false);
@@ -39,10 +39,9 @@ export function IconButton(props) {
39
39
  rest.onPress?.(event);
40
40
  };
41
41
  const iconProps = {
42
- size: size ?? mergedStyles.icon?.default?.size,
42
+ size: mergedStyles.icon?.default?.size,
43
43
  color: color ?? mergedStyles.icon?.[state]?.color ?? mergedStyles.icon?.default?.color,
44
- strokeWidth,
45
- absoluteStrokeWidth: true
44
+ strokeWidth: strokeWidth ?? mergedStyles.icon?.default?.strokeWidth
46
45
  };
47
46
  return /*#__PURE__*/_jsx(Pressable, {
48
47
  ...rest,
@@ -1 +1 @@
1
- {"version":3,"names":["React","useState","Pressable","useComponentConfig","mergeStyles","IconButtonVariants","jsx","_jsx","calculateState","props","isHovered","isDisabled","cursorValue","state","IconButton","render","IconComponent","variant","size","color","strokeWidth","style","rest","variantStyles","componentConfig","mergedStyles","styles","setIsHovered","handlePress","event","preventDefault","onPress","iconProps","icon","default","absoluteStrokeWidth","onHoverIn","e","onHoverOut","disabled","root","cursor","children"],"sourceRoot":"../../../../src","sources":["components/icon-button/icon-button.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,SAAS,QAKJ,cAAc;AACrB,SAASC,kBAAkB,QAAQ,0BAAuB;AAE1D,SAASC,WAAW,QAAQ,iCAA8B;AAE1D,SAASC,kBAAkB,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYhD,MAAMC,cAAc,GAAGA,CAACC,KAAsB,EAAEC,SAAkB,KAAsB;EACtF,IAAID,KAAK,CAACE,UAAU,EAAE,OAAO,UAAU;EACvC,IAAID,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,MAAME,WAAW,GAAIC,KAAsB,IAAkB;EAC3D,IAAIA,KAAK,KAAK,UAAU,EAAE,OAAO,aAAa;EAC9C,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,UAAUA,CAACL,KAAsB,EAAE;EACjD,MAAM;IACJM,MAAM,EAAEC,aAAa;IACrBC,OAAO,GAAG,SAAS;IACnBN,UAAU;IACVO,IAAI;IACJC,KAAK;IACLC,WAAW;IACXC,KAAK;IACL,GAAGC;EACL,CAAC,GAAGb,KAAK;EAET,MAAMc,aAAa,GAAGlB,kBAAkB,CAACY,OAAO,CAAC,CAAC,CAAC;EACnD,MAAMO,eAAe,GAAGrB,kBAAkB,CAAC,YAAY,CAAC;EACxD,MAAMsB,YAAY,GAAGrB,WAAW,CAACmB,aAAa,EAAEC,eAAe,EAAEE,MAAM,CAAC;EAExE,MAAM,CAAChB,SAAS,EAAEiB,YAAY,CAAC,GAAG1B,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMY,KAAK,GAAGL,cAAc,CAACC,KAAK,EAAEC,SAAS,CAAC;EAE9C,MAAMkB,WAAsC,GAAIC,KAAK,IAAK;IACxD,IAAIlB,UAAU,EAAE;MACdkB,KAAK,CAACC,cAAc,CAAC,CAAC;MACtB;IACF;IACAR,IAAI,CAACS,OAAO,GAAGF,KAAK,CAAC;EACvB,CAAC;EAED,MAAMG,SAAmB,GAAG;IAC1Bd,IAAI,EAAEA,IAAI,IAAIO,YAAY,CAACQ,IAAI,EAAEC,OAAO,EAAEhB,IAAI;IAC9CC,KAAK,EAAEA,KAAK,IAAIM,YAAY,CAACQ,IAAI,GAAGpB,KAAK,CAAC,EAAEM,KAAK,IAAIM,YAAY,CAACQ,IAAI,EAAEC,OAAO,EAAEf,KAAK;IACtFC,WAAW;IACXe,mBAAmB,EAAE;EACvB,CAAC;EAED,oBACE5B,IAAA,CAACL,SAAS;IAAA,GACJoB,IAAI;IACRS,OAAO,EAAEH,WAAY;IACrBQ,SAAS,EAAGC,CAAC,IAAK;MAChBV,YAAY,CAAC,IAAI,CAAC;MAClBL,IAAI,CAACc,SAAS,GAAGC,CAAC,CAAC;IACrB,CAAE;IACFC,UAAU,EAAGD,CAAC,IAAK;MACjBV,YAAY,CAAC,KAAK,CAAC;MACnBL,IAAI,CAACgB,UAAU,GAAGD,CAAC,CAAC;IACtB,CAAE;IACFE,QAAQ,EAAE5B,UAAW;IACrBU,KAAK,EAAE,CACLI,YAAY,CAACe,IAAI,EAAEN,OAAO,EAC1BT,YAAY,CAACe,IAAI,GAAG3B,KAAK,CAAC,EAC1B;MAAE4B,MAAM,EAAE7B,WAAW,CAACC,KAAK;IAAE,CAAC,EAC9BQ,KAAK,CACL;IAAAqB,QAAA,eAEFnC,IAAA,CAACS,aAAa;MAAA,GAAKgB;IAAS,CAAG;EAAC,CACvB,CAAC;AAEhB","ignoreList":[]}
1
+ {"version":3,"names":["React","useState","Pressable","useComponentConfig","mergeStyles","IconButtonVariants","jsx","_jsx","calculateState","props","isHovered","isDisabled","cursorValue","state","IconButton","render","IconComponent","variant","size","color","strokeWidth","style","rest","variantStyles","componentConfig","mergedStyles","styles","setIsHovered","handlePress","event","preventDefault","onPress","iconProps","icon","default","onHoverIn","e","onHoverOut","disabled","root","cursor","children"],"sourceRoot":"../../../../src","sources":["components/icon-button/icon-button.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,SAAS,QAKJ,cAAc;AACrB,SAASC,kBAAkB,QAAQ,0BAAuB;AAE1D,SAASC,WAAW,QAAQ,iCAA8B;AAG1D,SAASC,kBAAkB,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYhD,MAAMC,cAAc,GAAGA,CAACC,KAAsB,EAAEC,SAAkB,KAAsB;EACtF,IAAID,KAAK,CAACE,UAAU,EAAE,OAAO,UAAU;EACvC,IAAID,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,MAAME,WAAW,GAAIC,KAAsB,IAAkB;EAC3D,IAAIA,KAAK,KAAK,UAAU,EAAE,OAAO,aAAa;EAC9C,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,UAAUA,CAACL,KAAsB,EAAE;EACjD,MAAM;IACJM,MAAM,EAAEC,aAAa;IACrBC,OAAO,GAAG,SAAS;IACnBC,IAAI,GAAG,IAAI;IACXP,UAAU;IACVQ,KAAK;IACLC,WAAW;IACXC,KAAK;IACL,GAAGC;EACL,CAAC,GAAGb,KAAK;EAET,MAAMc,aAAa,GAAGlB,kBAAkB,CAACY,OAAO,CAAC,CAACC,IAAI,CAAC;EACvD,MAAMM,eAAe,GAAGrB,kBAAkB,CAAC,YAAY,CAAC;EACxD,MAAMsB,YAAY,GAAGrB,WAAW,CAACmB,aAAa,EAAEC,eAAe,EAAEE,MAAM,CAAC;EAExE,MAAM,CAAChB,SAAS,EAAEiB,YAAY,CAAC,GAAG1B,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMY,KAAK,GAAGL,cAAc,CAACC,KAAK,EAAEC,SAAS,CAAC;EAE9C,MAAMkB,WAAsC,GAAIC,KAAK,IAAK;IACxD,IAAIlB,UAAU,EAAE;MACdkB,KAAK,CAACC,cAAc,CAAC,CAAC;MACtB;IACF;IACAR,IAAI,CAACS,OAAO,GAAGF,KAAK,CAAC;EACvB,CAAC;EAED,MAAMG,SAAmB,GAAG;IAC1Bd,IAAI,EAAEO,YAAY,CAACQ,IAAI,EAAEC,OAAO,EAAEhB,IAAI;IACtCC,KAAK,EAAEA,KAAK,IAAIM,YAAY,CAACQ,IAAI,GAAGpB,KAAK,CAAC,EAAEM,KAAK,IAAIM,YAAY,CAACQ,IAAI,EAAEC,OAAO,EAAEf,KAAK;IACtFC,WAAW,EAAEA,WAAW,IAAIK,YAAY,CAACQ,IAAI,EAAEC,OAAO,EAAEd;EAC1D,CAAC;EAED,oBACEb,IAAA,CAACL,SAAS;IAAA,GACJoB,IAAI;IACRS,OAAO,EAAEH,WAAY;IACrBO,SAAS,EAAGC,CAAC,IAAK;MAChBT,YAAY,CAAC,IAAI,CAAC;MAClBL,IAAI,CAACa,SAAS,GAAGC,CAAC,CAAC;IACrB,CAAE;IACFC,UAAU,EAAGD,CAAC,IAAK;MACjBT,YAAY,CAAC,KAAK,CAAC;MACnBL,IAAI,CAACe,UAAU,GAAGD,CAAC,CAAC;IACtB,CAAE;IACFE,QAAQ,EAAE3B,UAAW;IACrBU,KAAK,EAAE,CACLI,YAAY,CAACc,IAAI,EAAEL,OAAO,EAC1BT,YAAY,CAACc,IAAI,GAAG1B,KAAK,CAAC,EAC1B;MAAE2B,MAAM,EAAE5B,WAAW,CAACC,KAAK;IAAE,CAAC,EAC9BQ,KAAK,CACL;IAAAoB,QAAA,eAEFlC,IAAA,CAACS,aAAa;MAAA,GAAKgB;IAAS,CAAG;EAAC,CACvB,CAAC;AAEhB","ignoreList":[]}
@@ -2,33 +2,40 @@
2
2
 
3
3
  import { hslaSetRelativeLightness } from "../../../utils/hsla-utils.js";
4
4
  import { useThemedStyles } from "../../../utils/use-themed-styles.js";
5
- export const useIconButtonVariantDefault = () => {
5
+ export const useIconButtonVariantDefault = size => {
6
6
  return useThemedStyles(({
7
7
  colors,
8
- radius
9
- }) => ({
10
- root: {
11
- default: {
12
- alignItems: "center",
13
- justifyContent: "center",
14
- padding: 8,
15
- borderRadius: radius,
16
- backgroundColor: colors.primary,
17
- borderWidth: 1,
18
- borderColor: colors.border
8
+ radius,
9
+ sizeScale
10
+ }) => {
11
+ const s = sizeScale(size);
12
+ return {
13
+ root: {
14
+ default: {
15
+ alignItems: "center",
16
+ justifyContent: "center",
17
+ height: s.height,
18
+ width: s.height,
19
+ borderRadius: radius,
20
+ backgroundColor: colors.primary,
21
+ borderWidth: 1,
22
+ borderColor: colors.border
23
+ },
24
+ disabled: {
25
+ opacity: 0.5
26
+ },
27
+ hovered: {
28
+ backgroundColor: hslaSetRelativeLightness(colors.primary, -10)
29
+ }
19
30
  },
20
- disabled: {
21
- opacity: 0.5
22
- },
23
- hovered: {
24
- backgroundColor: hslaSetRelativeLightness(colors.primary, -10)
25
- }
26
- },
27
- icon: {
28
- default: {
29
- color: colors.primaryForeground
31
+ icon: {
32
+ default: {
33
+ color: colors.primaryForeground,
34
+ size: s.iconSize,
35
+ strokeWidth: s.strokeWidth
36
+ }
30
37
  }
31
- }
32
- }));
38
+ };
39
+ });
33
40
  };
34
41
  //# sourceMappingURL=default.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useIconButtonVariantDefault","colors","radius","root","default","alignItems","justifyContent","padding","borderRadius","backgroundColor","primary","borderWidth","borderColor","border","disabled","opacity","hovered","icon","color","primaryForeground"],"sourceRoot":"../../../../../src","sources":["components/icon-button/variants/default.tsx"],"mappings":";;AAAA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,2BAA2B,GAAGA,CAAA,KAAwB;EACjE,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC;EAAO,CAAC,MAAwB;IACzCC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,OAAO,EAAE,CAAC;QACVC,YAAY,EAAEN,MAAM;QACpBO,eAAe,EAAER,MAAM,CAACS,OAAO;QAC/BC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEX,MAAM,CAACY;MACtB,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPP,eAAe,EAAEX,wBAAwB,CAACG,MAAM,CAACS,OAAO,EAAE,CAAC,EAAE;MAC/D;IACF,CAAC;IACDO,IAAI,EAAE;MACJb,OAAO,EAAE;QACPc,KAAK,EAAEjB,MAAM,CAACkB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useIconButtonVariantDefault","size","colors","radius","sizeScale","s","root","default","alignItems","justifyContent","height","width","borderRadius","backgroundColor","primary","borderWidth","borderColor","border","disabled","opacity","hovered","icon","color","primaryForeground","iconSize","strokeWidth"],"sourceRoot":"../../../../../src","sources":["components/icon-button/variants/default.tsx"],"mappings":";;AAAA,SAASA,wBAAwB,QAAQ,8BAA2B;AAEpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,2BAA2B,GAAIC,IAAU,IAAuB;EAC3E,OAAOF,eAAe,CAAC,CAAC;IAAEG,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,KAAuB;IAC1E,MAAMC,CAAC,GAAGD,SAAS,CAACH,IAAI,CAAC;IAEzB,OAAO;MACLK,IAAI,EAAE;QACJC,OAAO,EAAE;UACPC,UAAU,EAAE,QAAQ;UACpBC,cAAc,EAAE,QAAQ;UACxBC,MAAM,EAAEL,CAAC,CAACK,MAAM;UAChBC,KAAK,EAAEN,CAAC,CAACK,MAAM;UACfE,YAAY,EAAET,MAAM;UACpBU,eAAe,EAAEX,MAAM,CAACY,OAAO;UAC/BC,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEd,MAAM,CAACe;QACtB,CAAC;QACDC,QAAQ,EAAE;UACRC,OAAO,EAAE;QACX,CAAC;QACDC,OAAO,EAAE;UACPP,eAAe,EAAEf,wBAAwB,CAACI,MAAM,CAACY,OAAO,EAAE,CAAC,EAAE;QAC/D;MACF,CAAC;MACDO,IAAI,EAAE;QACJd,OAAO,EAAE;UACPe,KAAK,EAAEpB,MAAM,CAACqB,iBAAiB;UAC/BtB,IAAI,EAAEI,CAAC,CAACmB,QAAQ;UAChBC,WAAW,EAAEpB,CAAC,CAACoB;QACjB;MACF;IACF,CAAC;EACH,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
@@ -2,34 +2,41 @@
2
2
 
3
3
  import { hslaSetRelativeLightness } from "../../../utils/hsla-utils.js";
4
4
  import { useThemedStyles } from "../../../utils/use-themed-styles.js";
5
- export const useIconButtonVariantGhost = () => {
5
+ export const useIconButtonVariantGhost = size => {
6
6
  return useThemedStyles(({
7
7
  colors,
8
- radius
9
- }) => ({
10
- root: {
11
- default: {
12
- alignItems: "center",
13
- justifyContent: "center",
14
- padding: 8,
15
- borderRadius: radius,
16
- backgroundColor: "transparent"
8
+ radius,
9
+ sizeScale
10
+ }) => {
11
+ const s = sizeScale(size);
12
+ return {
13
+ root: {
14
+ default: {
15
+ alignItems: "center",
16
+ justifyContent: "center",
17
+ height: s.height,
18
+ width: s.height,
19
+ borderRadius: radius,
20
+ backgroundColor: "transparent"
21
+ },
22
+ disabled: {
23
+ opacity: 0.5
24
+ },
25
+ hovered: {
26
+ backgroundColor: hslaSetRelativeLightness(colors.secondary, -1)
27
+ }
17
28
  },
18
- disabled: {
19
- opacity: 0.5
20
- },
21
- hovered: {
22
- backgroundColor: hslaSetRelativeLightness(colors.secondary, -1)
23
- }
24
- },
25
- icon: {
26
- default: {
27
- color: colors.foreground
28
- },
29
- disabled: {
30
- color: colors.mutedForeground
29
+ icon: {
30
+ default: {
31
+ color: colors.foreground,
32
+ size: s.iconSize,
33
+ strokeWidth: s.strokeWidth
34
+ },
35
+ disabled: {
36
+ color: colors.mutedForeground
37
+ }
31
38
  }
32
- }
33
- }));
39
+ };
40
+ });
34
41
  };
35
42
  //# sourceMappingURL=ghost.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useIconButtonVariantGhost","colors","radius","root","default","alignItems","justifyContent","padding","borderRadius","backgroundColor","disabled","opacity","hovered","secondary","icon","color","foreground","mutedForeground"],"sourceRoot":"../../../../../src","sources":["components/icon-button/variants/ghost.tsx"],"mappings":";;AAAA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAwB;EAC/D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC;EAAO,CAAC,MAAwB;IACzCC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,OAAO,EAAE,CAAC;QACVC,YAAY,EAAEN,MAAM;QACpBO,eAAe,EAAE;MACnB,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPH,eAAe,EAAEX,wBAAwB,CAACG,MAAM,CAACY,SAAS,EAAE,CAAC,CAAC;MAChE;IACF,CAAC;IACDC,IAAI,EAAE;MACJV,OAAO,EAAE;QACPW,KAAK,EAAEd,MAAM,CAACe;MAChB,CAAC;MACDN,QAAQ,EAAE;QACRK,KAAK,EAAEd,MAAM,CAACgB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useIconButtonVariantGhost","size","colors","radius","sizeScale","s","root","default","alignItems","justifyContent","height","width","borderRadius","backgroundColor","disabled","opacity","hovered","secondary","icon","color","foreground","iconSize","strokeWidth","mutedForeground"],"sourceRoot":"../../../../../src","sources":["components/icon-button/variants/ghost.tsx"],"mappings":";;AAAA,SAASA,wBAAwB,QAAQ,8BAA2B;AAEpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,yBAAyB,GAAIC,IAAU,IAAuB;EACzE,OAAOF,eAAe,CAAC,CAAC;IAAEG,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,KAAuB;IAC1E,MAAMC,CAAC,GAAGD,SAAS,CAACH,IAAI,CAAC;IAEzB,OAAO;MACLK,IAAI,EAAE;QACJC,OAAO,EAAE;UACPC,UAAU,EAAE,QAAQ;UACpBC,cAAc,EAAE,QAAQ;UACxBC,MAAM,EAAEL,CAAC,CAACK,MAAM;UAChBC,KAAK,EAAEN,CAAC,CAACK,MAAM;UACfE,YAAY,EAAET,MAAM;UACpBU,eAAe,EAAE;QACnB,CAAC;QACDC,QAAQ,EAAE;UACRC,OAAO,EAAE;QACX,CAAC;QACDC,OAAO,EAAE;UACPH,eAAe,EAAEf,wBAAwB,CAACI,MAAM,CAACe,SAAS,EAAE,CAAC,CAAC;QAChE;MACF,CAAC;MACDC,IAAI,EAAE;QACJX,OAAO,EAAE;UACPY,KAAK,EAAEjB,MAAM,CAACkB,UAAU;UACxBnB,IAAI,EAAEI,CAAC,CAACgB,QAAQ;UAChBC,WAAW,EAAEjB,CAAC,CAACiB;QACjB,CAAC;QACDR,QAAQ,EAAE;UACRK,KAAK,EAAEjB,MAAM,CAACqB;QAChB;MACF;IACF,CAAC;EACH,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}