@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.
Files changed (129) 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/input/input.js +1 -1
  27. package/dist/module/components/input/input.js.map +1 -1
  28. package/dist/module/components/input/variants/default.js +39 -37
  29. package/dist/module/components/input/variants/default.js.map +1 -1
  30. package/dist/module/components/input/variants/secondary.js +39 -37
  31. package/dist/module/components/input/variants/secondary.js.map +1 -1
  32. package/dist/module/components/phone-input/components/phone-input-root.js +2 -1
  33. package/dist/module/components/phone-input/components/phone-input-root.js.map +1 -1
  34. package/dist/module/components/phone-input/variants/default.js +115 -112
  35. package/dist/module/components/phone-input/variants/default.js.map +1 -1
  36. package/dist/module/components/select/components/select-root.js +1 -1
  37. package/dist/module/components/select/components/select-root.js.map +1 -1
  38. package/dist/module/components/select/variants/default.js +75 -73
  39. package/dist/module/components/select/variants/default.js.map +1 -1
  40. package/dist/module/themes/default/index.js +1 -0
  41. package/dist/module/themes/default/index.js.map +1 -1
  42. package/dist/module/themes/provider.js +1 -0
  43. package/dist/module/themes/provider.js.map +1 -1
  44. package/dist/module/themes/utils.js +2 -1
  45. package/dist/module/themes/utils.js.map +1 -1
  46. package/dist/module/utils/size-scale.js +42 -0
  47. package/dist/module/utils/size-scale.js.map +1 -0
  48. package/dist/module/utils/use-themed-styles.js +4 -1
  49. package/dist/module/utils/use-themed-styles.js.map +1 -1
  50. package/dist/typescript/src/components/alert-dialog/components/alert-dialog-root.d.ts +2 -0
  51. package/dist/typescript/src/components/alert-dialog/components/alert-dialog-root.d.ts.map +1 -1
  52. package/dist/typescript/src/components/alert-dialog/variants/default.d.ts +3 -2
  53. package/dist/typescript/src/components/alert-dialog/variants/default.d.ts.map +1 -1
  54. package/dist/typescript/src/components/alert-dialog/variants/index.d.ts +1 -1
  55. package/dist/typescript/src/components/button/button.d.ts +2 -0
  56. package/dist/typescript/src/components/button/button.d.ts.map +1 -1
  57. package/dist/typescript/src/components/button/variants/default.d.ts +2 -1
  58. package/dist/typescript/src/components/button/variants/default.d.ts.map +1 -1
  59. package/dist/typescript/src/components/button/variants/ghost.d.ts +2 -1
  60. package/dist/typescript/src/components/button/variants/ghost.d.ts.map +1 -1
  61. package/dist/typescript/src/components/button/variants/index.d.ts +3 -3
  62. package/dist/typescript/src/components/button/variants/secondary.d.ts +2 -1
  63. package/dist/typescript/src/components/button/variants/secondary.d.ts.map +1 -1
  64. package/dist/typescript/src/components/combobox/components/combobox-root.d.ts +2 -0
  65. package/dist/typescript/src/components/combobox/components/combobox-root.d.ts.map +1 -1
  66. package/dist/typescript/src/components/combobox/variants/default.d.ts +2 -1
  67. package/dist/typescript/src/components/combobox/variants/default.d.ts.map +1 -1
  68. package/dist/typescript/src/components/icon-button/icon-button.d.ts +2 -1
  69. package/dist/typescript/src/components/icon-button/icon-button.d.ts.map +1 -1
  70. package/dist/typescript/src/components/icon-button/variants/default.d.ts +2 -1
  71. package/dist/typescript/src/components/icon-button/variants/default.d.ts.map +1 -1
  72. package/dist/typescript/src/components/icon-button/variants/ghost.d.ts +2 -1
  73. package/dist/typescript/src/components/icon-button/variants/ghost.d.ts.map +1 -1
  74. package/dist/typescript/src/components/icon-button/variants/index.d.ts +3 -3
  75. package/dist/typescript/src/components/icon-button/variants/secondary.d.ts +2 -1
  76. package/dist/typescript/src/components/icon-button/variants/secondary.d.ts.map +1 -1
  77. package/dist/typescript/src/components/input/input.d.ts +2 -0
  78. package/dist/typescript/src/components/input/input.d.ts.map +1 -1
  79. package/dist/typescript/src/components/input/variants/default.d.ts +2 -1
  80. package/dist/typescript/src/components/input/variants/default.d.ts.map +1 -1
  81. package/dist/typescript/src/components/input/variants/secondary.d.ts +3 -2
  82. package/dist/typescript/src/components/input/variants/secondary.d.ts.map +1 -1
  83. package/dist/typescript/src/components/phone-input/components/phone-input-root.d.ts +3 -1
  84. package/dist/typescript/src/components/phone-input/components/phone-input-root.d.ts.map +1 -1
  85. package/dist/typescript/src/components/phone-input/variants/default.d.ts +2 -1
  86. package/dist/typescript/src/components/phone-input/variants/default.d.ts.map +1 -1
  87. package/dist/typescript/src/components/select/components/select-root.d.ts +2 -0
  88. package/dist/typescript/src/components/select/components/select-root.d.ts.map +1 -1
  89. package/dist/typescript/src/components/select/variants/default.d.ts +3 -2
  90. package/dist/typescript/src/components/select/variants/default.d.ts.map +1 -1
  91. package/dist/typescript/src/index.d.ts +2 -0
  92. package/dist/typescript/src/index.d.ts.map +1 -1
  93. package/dist/typescript/src/themes/default/index.d.ts.map +1 -1
  94. package/dist/typescript/src/themes/provider.d.ts +1 -0
  95. package/dist/typescript/src/themes/provider.d.ts.map +1 -1
  96. package/dist/typescript/src/themes/types.d.ts +1 -0
  97. package/dist/typescript/src/themes/types.d.ts.map +1 -1
  98. package/dist/typescript/src/themes/utils.d.ts.map +1 -1
  99. package/dist/typescript/src/utils/size-scale.d.ts +20 -0
  100. package/dist/typescript/src/utils/size-scale.d.ts.map +1 -0
  101. package/dist/typescript/src/utils/use-themed-styles.d.ts +5 -0
  102. package/dist/typescript/src/utils/use-themed-styles.d.ts.map +1 -1
  103. package/package.json +2 -2
  104. package/src/components/alert-dialog/components/alert-dialog-root.tsx +3 -1
  105. package/src/components/alert-dialog/variants/default.tsx +88 -79
  106. package/src/components/button/button.tsx +3 -1
  107. package/src/components/button/variants/default.tsx +14 -10
  108. package/src/components/button/variants/ghost.tsx +14 -10
  109. package/src/components/button/variants/secondary.tsx +14 -10
  110. package/src/components/combobox/components/combobox-root.tsx +3 -1
  111. package/src/components/combobox/variants/default.tsx +17 -14
  112. package/src/components/icon-button/icon-button.tsx +6 -6
  113. package/src/components/icon-button/variants/default.tsx +12 -6
  114. package/src/components/icon-button/variants/ghost.tsx +12 -6
  115. package/src/components/icon-button/variants/secondary.tsx +12 -6
  116. package/src/components/input/input.tsx +3 -1
  117. package/src/components/input/variants/default.tsx +11 -9
  118. package/src/components/input/variants/secondary.tsx +12 -10
  119. package/src/components/phone-input/components/phone-input-root.tsx +4 -1
  120. package/src/components/phone-input/variants/default.tsx +21 -18
  121. package/src/components/select/components/select-root.tsx +3 -1
  122. package/src/components/select/variants/default.tsx +16 -14
  123. package/src/index.tsx +2 -0
  124. package/src/themes/default/index.ts +1 -0
  125. package/src/themes/provider.tsx +2 -0
  126. package/src/themes/types.ts +1 -0
  127. package/src/themes/utils.ts +1 -0
  128. package/src/utils/size-scale.ts +45 -0
  129. package/src/utils/use-themed-styles.ts +8 -0
package/AGENTS.md CHANGED
@@ -1,13 +1,13 @@
1
- # AGENTS.md - Universal UI Library
1
+ # AGENTS.md - KorUI Library
2
2
 
3
3
  ## Overview
4
4
 
5
- This is the main UI component library package (`@korsolutions/ui`) providing unstyled primitives and styled components for React Native and Expo applications.
5
+ This is the main UI component library package (`@korsolutions/ui`), a minimal-dependency, cross-platform UI library for React Native and Expo. Flexible components with beautiful default styling.
6
6
 
7
7
  ## Core Principles
8
8
 
9
9
  1. **Minimal Dependencies** - Keep external dependencies to a minimum
10
- 2. **Unstyled Primitives** - Primitives provide behavior without visual styles
10
+ 2. **Beautiful Defaults** - Components ship with production-ready styling
11
11
  3. **Variant System** - Use themed style hooks for component variants
12
12
  4. **Compound Components** - Export components as objects with sub-components
13
13
  5. **Type Safety** - Full TypeScript coverage with strict mode enabled
@@ -10,7 +10,7 @@ export function AlertDialogRoot(props) {
10
10
  const {
11
11
  children
12
12
  } = props;
13
- const variantStyles = AlertDialogVariants[props.variant || "default"]();
13
+ const variantStyles = AlertDialogVariants[props.variant || "default"](props.size ?? "md");
14
14
  const componentConfig = useComponentConfig("alertDialog");
15
15
  const [isOpen, setIsOpen] = useState(false);
16
16
  const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
@@ -1 +1 @@
1
- {"version":3,"names":["React","useMemo","useState","useComponentConfig","mergeStyles","AlertDialogContext","AlertDialogVariants","jsx","_jsx","AlertDialogRoot","props","children","variantStyles","variant","componentConfig","isOpen","setIsOpen","mergedStyles","styles","contextValue","Provider","value"],"sourceRoot":"../../../../../src","sources":["components/alert-dialog/components/alert-dialog-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAChD,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,WAAW,QAAQ,oCAAiC;AAC7D,SAASC,kBAAkB,QAAsC,eAAY;AAC7E,SAASC,mBAAmB,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOlD,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IAAEC;EAAS,CAAC,GAAGD,KAAK;EAC1B,MAAME,aAAa,GAAGN,mBAAmB,CAACI,KAAK,CAACG,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EACvE,MAAMC,eAAe,GAAGX,kBAAkB,CAAC,aAAa,CAAC;EACzD,MAAM,CAACY,MAAM,EAAEC,SAAS,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EAE3C,MAAMe,YAAY,GAAGb,WAAW,CAACQ,aAAa,EAAEE,eAAe,EAAEI,MAAM,CAAC;EAExE,MAAMC,YAAqC,GAAGlB,OAAO,CACnD,OAAO;IACLc,MAAM;IACNC,SAAS;IACTE,MAAM,EAAED;EACV,CAAC,CAAC,EACF,CAACF,MAAM,EAAEE,YAAY,CACvB,CAAC;EAED,oBAAOT,IAAA,CAACH,kBAAkB,CAACe,QAAQ;IAACC,KAAK,EAAEF,YAAa;IAAAR,QAAA,EAAEA;EAAQ,CAA8B,CAAC;AACnG","ignoreList":[]}
1
+ {"version":3,"names":["React","useMemo","useState","useComponentConfig","mergeStyles","AlertDialogContext","AlertDialogVariants","jsx","_jsx","AlertDialogRoot","props","children","variantStyles","variant","size","componentConfig","isOpen","setIsOpen","mergedStyles","styles","contextValue","Provider","value"],"sourceRoot":"../../../../../src","sources":["components/alert-dialog/components/alert-dialog-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAChD,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,WAAW,QAAQ,oCAAiC;AAE7D,SAASC,kBAAkB,QAAsC,eAAY;AAC7E,SAASC,mBAAmB,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQlD,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IAAEC;EAAS,CAAC,GAAGD,KAAK;EAC1B,MAAME,aAAa,GAAGN,mBAAmB,CAACI,KAAK,CAACG,OAAO,IAAI,SAAS,CAAC,CAACH,KAAK,CAACI,IAAI,IAAI,IAAI,CAAC;EACzF,MAAMC,eAAe,GAAGZ,kBAAkB,CAAC,aAAa,CAAC;EACzD,MAAM,CAACa,MAAM,EAAEC,SAAS,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;EAE3C,MAAMgB,YAAY,GAAGd,WAAW,CAACQ,aAAa,EAAEG,eAAe,EAAEI,MAAM,CAAC;EAExE,MAAMC,YAAqC,GAAGnB,OAAO,CACnD,OAAO;IACLe,MAAM;IACNC,SAAS;IACTE,MAAM,EAAED;EACV,CAAC,CAAC,EACF,CAACF,MAAM,EAAEE,YAAY,CACvB,CAAC;EAED,oBAAOV,IAAA,CAACH,kBAAkB,CAACgB,QAAQ;IAACC,KAAK,EAAEF,YAAa;IAAAT,QAAA,EAAEA;EAAQ,CAA8B,CAAC;AACnG","ignoreList":[]}
@@ -1,95 +1,103 @@
1
1
  "use strict";
2
2
 
3
3
  import { useThemedStyles } from "../../../utils/use-themed-styles.js";
4
- export const useAlertDialogVariantDefault = () => {
4
+ export const useAlertDialogVariantDefault = size => {
5
5
  return useThemedStyles(({
6
6
  colors,
7
7
  radius,
8
8
  fontFamily,
9
- fontSize
10
- }) => ({
11
- overlay: {
12
- position: "absolute",
13
- top: 0,
14
- left: 0,
15
- right: 0,
16
- bottom: 0,
17
- backgroundColor: "rgba(0, 0, 0, 0.5)",
18
- justifyContent: "center",
19
- alignItems: "center",
20
- zIndex: 999
21
- },
22
- content: {
23
- backgroundColor: colors.background,
24
- borderRadius: radius,
25
- padding: 24,
26
- maxWidth: 400,
27
- width: "90%",
28
- shadowColor: "#000",
29
- shadowOffset: {
30
- width: 0,
31
- height: 2
9
+ fontSize,
10
+ sizeScale
11
+ }) => {
12
+ const s = sizeScale(size);
13
+ return {
14
+ overlay: {
15
+ position: "absolute",
16
+ top: 0,
17
+ left: 0,
18
+ right: 0,
19
+ bottom: 0,
20
+ backgroundColor: "rgba(0, 0, 0, 0.5)",
21
+ justifyContent: "center",
22
+ alignItems: "center",
23
+ zIndex: 999
32
24
  },
33
- shadowOpacity: 0.25,
34
- shadowRadius: 8,
35
- elevation: 5,
36
- position: "absolute",
37
- top: "50%",
38
- left: "50%",
39
- transform: [{
40
- translateX: "-50%"
41
- }, {
42
- translateY: "-50%"
43
- }],
44
- borderWidth: 1,
45
- borderColor: colors.border,
46
- zIndex: 1000
47
- },
48
- title: {
49
- fontSize: fontSize * 1.25,
50
- fontWeight: "600",
51
- color: colors.foreground,
52
- fontFamily,
53
- marginBottom: 8
54
- },
55
- description: {
56
- fontSize,
57
- color: colors.mutedForeground,
58
- fontFamily,
59
- lineHeight: fontSize * 1.5
60
- },
61
- footer: {
62
- flexDirection: "row",
63
- justifyContent: "flex-end",
64
- gap: 12,
65
- marginTop: 24
66
- },
67
- cancel: {
68
- paddingVertical: 10,
69
- paddingHorizontal: 16,
70
- borderRadius: radius,
71
- borderWidth: 1,
72
- borderColor: colors.border,
73
- backgroundColor: colors.background
74
- },
75
- cancelText: {
76
- color: colors.foreground,
77
- fontSize,
78
- fontWeight: "500",
79
- fontFamily
80
- },
81
- action: {
82
- paddingVertical: 10,
83
- paddingHorizontal: 16,
84
- borderRadius: radius,
85
- backgroundColor: colors.primary
86
- },
87
- actionText: {
88
- color: colors.primaryForeground,
89
- fontSize,
90
- fontWeight: "500",
91
- fontFamily
92
- }
93
- }));
25
+ content: {
26
+ backgroundColor: colors.background,
27
+ borderRadius: radius,
28
+ padding: 24,
29
+ maxWidth: 400,
30
+ width: "90%",
31
+ shadowColor: "#000",
32
+ shadowOffset: {
33
+ width: 0,
34
+ height: 2
35
+ },
36
+ shadowOpacity: 0.25,
37
+ shadowRadius: 8,
38
+ elevation: 5,
39
+ position: "absolute",
40
+ top: "50%",
41
+ left: "50%",
42
+ transform: [{
43
+ translateX: "-50%"
44
+ }, {
45
+ translateY: "-50%"
46
+ }],
47
+ borderWidth: 1,
48
+ borderColor: colors.border,
49
+ zIndex: 1000
50
+ },
51
+ title: {
52
+ fontSize: fontSize * 1.25,
53
+ fontWeight: "600",
54
+ color: colors.foreground,
55
+ fontFamily,
56
+ marginBottom: 8
57
+ },
58
+ description: {
59
+ fontSize,
60
+ color: colors.mutedForeground,
61
+ fontFamily,
62
+ lineHeight: fontSize * 1.5
63
+ },
64
+ footer: {
65
+ flexDirection: "row",
66
+ justifyContent: "flex-end",
67
+ gap: s.gap,
68
+ marginTop: 24
69
+ },
70
+ cancel: {
71
+ height: s.height,
72
+ paddingHorizontal: s.paddingHorizontal,
73
+ borderRadius: radius,
74
+ borderWidth: 1,
75
+ borderColor: colors.border,
76
+ backgroundColor: colors.background,
77
+ justifyContent: "center",
78
+ alignItems: "center"
79
+ },
80
+ cancelText: {
81
+ color: colors.foreground,
82
+ fontSize: s.fontSize,
83
+ fontWeight: "500",
84
+ fontFamily
85
+ },
86
+ action: {
87
+ height: s.height,
88
+ paddingHorizontal: s.paddingHorizontal,
89
+ borderRadius: radius,
90
+ backgroundColor: colors.primary,
91
+ justifyContent: "center",
92
+ alignItems: "center"
93
+ },
94
+ actionText: {
95
+ color: colors.primaryForeground,
96
+ fontSize: s.fontSize,
97
+ fontWeight: "500",
98
+ fontFamily
99
+ }
100
+ };
101
+ });
94
102
  };
95
103
  //# sourceMappingURL=default.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["useThemedStyles","useAlertDialogVariantDefault","colors","radius","fontFamily","fontSize","overlay","position","top","left","right","bottom","backgroundColor","justifyContent","alignItems","zIndex","content","background","borderRadius","padding","maxWidth","width","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","transform","translateX","translateY","borderWidth","borderColor","border","title","fontWeight","color","foreground","marginBottom","description","mutedForeground","lineHeight","footer","flexDirection","gap","marginTop","cancel","paddingVertical","paddingHorizontal","cancelText","action","primary","actionText","primaryForeground"],"sourceRoot":"../../../../../src","sources":["components/alert-dialog/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,MAAMC,4BAA4B,GAAGA,CAAA,KAAyB;EACnE,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAyB;IAChEC,OAAO,EAAE;MACPC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,eAAe,EAAE,oBAAoB;MACrCC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,MAAM,EAAE;IACV,CAAC;IACDC,OAAO,EAAE;MACPJ,eAAe,EAAEV,MAAM,CAACe,UAAU;MAClCC,YAAY,EAAEf,MAAM;MACpBgB,OAAO,EAAE,EAAE;MACXC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE,KAAK;MACZC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEF,KAAK,EAAE,CAAC;QAAEG,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE,CAAC;MACfC,SAAS,EAAE,CAAC;MACZpB,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXmB,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE;MAAO,CAAC,EAAE;QAAEC,UAAU,EAAE;MAAO,CAAC,CAAC;MAC3DC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE9B,MAAM,CAAC+B,MAAM;MAC1BlB,MAAM,EAAE;IACV,CAAC;IACDmB,KAAK,EAAE;MACL7B,QAAQ,EAAEA,QAAQ,GAAG,IAAI;MACzB8B,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAElC,MAAM,CAACmC,UAAU;MACxBjC,UAAU;MACVkC,YAAY,EAAE;IAChB,CAAC;IACDC,WAAW,EAAE;MACXlC,QAAQ;MACR+B,KAAK,EAAElC,MAAM,CAACsC,eAAe;MAC7BpC,UAAU;MACVqC,UAAU,EAAEpC,QAAQ,GAAG;IACzB,CAAC;IACDqC,MAAM,EAAE;MACNC,aAAa,EAAE,KAAK;MACpB9B,cAAc,EAAE,UAAU;MAC1B+B,GAAG,EAAE,EAAE;MACPC,SAAS,EAAE;IACb,CAAC;IACDC,MAAM,EAAE;MACNC,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE,EAAE;MACrB9B,YAAY,EAAEf,MAAM;MACpB4B,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE9B,MAAM,CAAC+B,MAAM;MAC1BrB,eAAe,EAAEV,MAAM,CAACe;IAC1B,CAAC;IACDgC,UAAU,EAAE;MACVb,KAAK,EAAElC,MAAM,CAACmC,UAAU;MACxBhC,QAAQ;MACR8B,UAAU,EAAE,KAAK;MACjB/B;IACF,CAAC;IACD8C,MAAM,EAAE;MACNH,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE,EAAE;MACrB9B,YAAY,EAAEf,MAAM;MACpBS,eAAe,EAAEV,MAAM,CAACiD;IAC1B,CAAC;IACDC,UAAU,EAAE;MACVhB,KAAK,EAAElC,MAAM,CAACmD,iBAAiB;MAC/BhD,QAAQ;MACR8B,UAAU,EAAE,KAAK;MACjB/B;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["useThemedStyles","useAlertDialogVariantDefault","size","colors","radius","fontFamily","fontSize","sizeScale","s","overlay","position","top","left","right","bottom","backgroundColor","justifyContent","alignItems","zIndex","content","background","borderRadius","padding","maxWidth","width","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","transform","translateX","translateY","borderWidth","borderColor","border","title","fontWeight","color","foreground","marginBottom","description","mutedForeground","lineHeight","footer","flexDirection","gap","marginTop","cancel","paddingHorizontal","cancelText","action","primary","actionText","primaryForeground"],"sourceRoot":"../../../../../src","sources":["components/alert-dialog/variants/default.tsx"],"mappings":"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","ignoreList":[]}
@@ -14,7 +14,7 @@ const calculateState = (props, isHovered) => {
14
14
  return "default";
15
15
  };
16
16
  export function Button(props) {
17
- const variantStyles = ButtonVariants[props.variant ?? "default"]();
17
+ const variantStyles = ButtonVariants[props.variant ?? "default"](props.size ?? "md");
18
18
  const componentConfig = useComponentConfig("button");
19
19
  const [isHovered, setIsHovered] = useState(false);
20
20
  const state = calculateState(props, isHovered);
@@ -1 +1 @@
1
- {"version":3,"names":["React","useState","ActivityIndicator","Pressable","StyleSheet","useOrganizedChildren","useComponentConfig","mergeStyles","ButtonVariants","jsx","_jsx","jsxs","_jsxs","calculateState","props","isHovered","isDisabled","isLoading","Button","variantStyles","variant","componentConfig","setIsHovered","state","mergedStyles","styles","textStyle","flatten","text","default","iconProps","icon","organizedChildren","children","handlePress","event","preventDefault","onPress","spinnerProps","spinner","onHoverIn","onHoverOut","disabled","style","root"],"sourceRoot":"../../../../src","sources":["components/button/button.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,iBAAiB,EACjBC,SAAS,EAGTC,UAAU,QAEL,cAAc;AACrB,SAASC,oBAAoB,QAAQ,uCAAoC;AACzE,SAASC,kBAAkB,QAAQ,0BAAuB;AAC1D,SAASC,WAAW,QAAQ,iCAA8B;AAE1D,SAASC,cAAc,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAY5C,MAAMC,cAAc,GAAGA,CAACC,KAAkB,EAAEC,SAAkB,KAAkB;EAC9E,IAAID,KAAK,CAACE,UAAU,EAAE,OAAO,UAAU;EACvC,IAAIF,KAAK,CAACG,SAAS,EAAE,OAAO,SAAS;EACrC,IAAIF,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASG,MAAMA,CAACJ,KAAkB,EAAE;EACzC,MAAMK,aAAa,GAAGX,cAAc,CAACM,KAAK,CAACM,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAClE,MAAMC,eAAe,GAAGf,kBAAkB,CAAC,QAAQ,CAAC;EACpD,MAAM,CAACS,SAAS,EAAEO,YAAY,CAAC,GAAGrB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMsB,KAAK,GAAGV,cAAc,CAACC,KAAK,EAAEC,SAAS,CAAC;EAE9C,MAAMS,YAAY,GAAGjB,WAAW,CAACY,aAAa,EAAEE,eAAe,EAAEI,MAAM,CAAC;EAExE,MAAMC,SAAS,GAAGtB,UAAU,CAACuB,OAAO,CAAC,CAACH,YAAY,CAACI,IAAI,EAAEC,OAAO,EAAEL,YAAY,CAACI,IAAI,GAAGL,KAAK,CAAC,CAAC,CAAC;EAC9F,MAAMO,SAAS,GAAG1B,UAAU,CAACuB,OAAO,CAAC,CAACH,YAAY,CAACO,IAAI,EAAEF,OAAO,EAAEL,YAAY,CAACO,IAAI,GAAGR,KAAK,CAAC,CAAC,CAAC;EAE9F,MAAMS,iBAAiB,GAAG3B,oBAAoB,CAACS,KAAK,CAACmB,QAAQ,EAAEP,SAAS,EAAEI,SAAS,CAAC;EAEpF,MAAMI,WAAsC,GAAIC,KAAK,IAAK;IACxD,IAAIrB,KAAK,CAACE,UAAU,IAAIF,KAAK,CAACG,SAAS,EAAE;MACvCkB,KAAK,CAACC,cAAc,CAAC,CAAC;MACtB;IACF;IACAtB,KAAK,CAACuB,OAAO,GAAGF,KAAK,CAAC;EACxB,CAAC;EAED,MAAMG,YAAY,GAAG;IACnB,GAAGnB,aAAa,CAACoB,OAAO,GAAGhB,KAAK,CAAC;IACjC,GAAGJ,aAAa,CAACoB,OAAO,EAAEV;EAC5B,CAAC;EAED,oBACEjB,KAAA,CAACT,SAAS;IAAA,GACJW,KAAK;IACTuB,OAAO,EAAEH,WAAY;IACrBM,SAAS,EAAEA,CAAA,KAAMlB,YAAY,CAAC,IAAI,CAAE;IACpCmB,UAAU,EAAEA,CAAA,KAAMnB,YAAY,CAAC,KAAK,CAAE;IACtCoB,QAAQ,EAAE5B,KAAK,CAACE,UAAW;IAC3B2B,KAAK,EAAE,CAACxB,aAAa,CAACyB,IAAI,EAAEf,OAAO,EAAEV,aAAa,CAACyB,IAAI,GAAGrB,KAAK,CAAC,EAAET,KAAK,CAAC6B,KAAK,CAAE;IAAAV,QAAA,GAE9ED,iBAAiB,EACjBlB,KAAK,CAACG,SAAS,iBAAIP,IAAA,CAACR,iBAAiB;MAAA,GAAKoC;IAAY,CAAG,CAAC;EAAA,CAClD,CAAC;AAEhB","ignoreList":[]}
1
+ {"version":3,"names":["React","useState","ActivityIndicator","Pressable","StyleSheet","useOrganizedChildren","useComponentConfig","mergeStyles","ButtonVariants","jsx","_jsx","jsxs","_jsxs","calculateState","props","isHovered","isDisabled","isLoading","Button","variantStyles","variant","size","componentConfig","setIsHovered","state","mergedStyles","styles","textStyle","flatten","text","default","iconProps","icon","organizedChildren","children","handlePress","event","preventDefault","onPress","spinnerProps","spinner","onHoverIn","onHoverOut","disabled","style","root"],"sourceRoot":"../../../../src","sources":["components/button/button.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,iBAAiB,EACjBC,SAAS,EAGTC,UAAU,QAEL,cAAc;AACrB,SAASC,oBAAoB,QAAQ,uCAAoC;AACzE,SAASC,kBAAkB,QAAQ,0BAAuB;AAC1D,SAASC,WAAW,QAAQ,iCAA8B;AAG1D,SAASC,cAAc,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAa5C,MAAMC,cAAc,GAAGA,CAACC,KAAkB,EAAEC,SAAkB,KAAkB;EAC9E,IAAID,KAAK,CAACE,UAAU,EAAE,OAAO,UAAU;EACvC,IAAIF,KAAK,CAACG,SAAS,EAAE,OAAO,SAAS;EACrC,IAAIF,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASG,MAAMA,CAACJ,KAAkB,EAAE;EACzC,MAAMK,aAAa,GAAGX,cAAc,CAACM,KAAK,CAACM,OAAO,IAAI,SAAS,CAAC,CAACN,KAAK,CAACO,IAAI,IAAI,IAAI,CAAC;EACpF,MAAMC,eAAe,GAAGhB,kBAAkB,CAAC,QAAQ,CAAC;EACpD,MAAM,CAACS,SAAS,EAAEQ,YAAY,CAAC,GAAGtB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMuB,KAAK,GAAGX,cAAc,CAACC,KAAK,EAAEC,SAAS,CAAC;EAE9C,MAAMU,YAAY,GAAGlB,WAAW,CAACY,aAAa,EAAEG,eAAe,EAAEI,MAAM,CAAC;EAExE,MAAMC,SAAS,GAAGvB,UAAU,CAACwB,OAAO,CAAC,CAACH,YAAY,CAACI,IAAI,EAAEC,OAAO,EAAEL,YAAY,CAACI,IAAI,GAAGL,KAAK,CAAC,CAAC,CAAC;EAC9F,MAAMO,SAAS,GAAG3B,UAAU,CAACwB,OAAO,CAAC,CAACH,YAAY,CAACO,IAAI,EAAEF,OAAO,EAAEL,YAAY,CAACO,IAAI,GAAGR,KAAK,CAAC,CAAC,CAAC;EAE9F,MAAMS,iBAAiB,GAAG5B,oBAAoB,CAACS,KAAK,CAACoB,QAAQ,EAAEP,SAAS,EAAEI,SAAS,CAAC;EAEpF,MAAMI,WAAsC,GAAIC,KAAK,IAAK;IACxD,IAAItB,KAAK,CAACE,UAAU,IAAIF,KAAK,CAACG,SAAS,EAAE;MACvCmB,KAAK,CAACC,cAAc,CAAC,CAAC;MACtB;IACF;IACAvB,KAAK,CAACwB,OAAO,GAAGF,KAAK,CAAC;EACxB,CAAC;EAED,MAAMG,YAAY,GAAG;IACnB,GAAGpB,aAAa,CAACqB,OAAO,GAAGhB,KAAK,CAAC;IACjC,GAAGL,aAAa,CAACqB,OAAO,EAAEV;EAC5B,CAAC;EAED,oBACElB,KAAA,CAACT,SAAS;IAAA,GACJW,KAAK;IACTwB,OAAO,EAAEH,WAAY;IACrBM,SAAS,EAAEA,CAAA,KAAMlB,YAAY,CAAC,IAAI,CAAE;IACpCmB,UAAU,EAAEA,CAAA,KAAMnB,YAAY,CAAC,KAAK,CAAE;IACtCoB,QAAQ,EAAE7B,KAAK,CAACE,UAAW;IAC3B4B,KAAK,EAAE,CAACzB,aAAa,CAAC0B,IAAI,EAAEf,OAAO,EAAEX,aAAa,CAAC0B,IAAI,GAAGrB,KAAK,CAAC,EAAEV,KAAK,CAAC8B,KAAK,CAAE;IAAAV,QAAA,GAE9ED,iBAAiB,EACjBnB,KAAK,CAACG,SAAS,iBAAIP,IAAA,CAACR,iBAAiB;MAAA,GAAKqC;IAAY,CAAG,CAAC;EAAA,CAClD,CAAC;AAEhB","ignoreList":[]}
@@ -2,57 +2,61 @@
2
2
 
3
3
  import { hslaSetRelativeLightness } from "../../../utils/hsla-utils.js";
4
4
  import { useThemedStyles } from "../../../utils/use-themed-styles.js";
5
- export const useButtonVariantDefault = () => {
5
+ export const useButtonVariantDefault = size => {
6
6
  return useThemedStyles(({
7
7
  colors,
8
8
  radius,
9
9
  fontFamily,
10
- 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
- backgroundColor: colors.primary,
22
- borderWidth: 1,
23
- borderColor: colors.border,
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
+ backgroundColor: colors.primary,
24
+ borderWidth: 1,
25
+ borderColor: colors.border,
26
+ cursor: "pointer"
27
+ },
28
+ disabled: {
29
+ opacity: 0.5,
30
+ cursor: "not-allowed"
31
+ },
32
+ loading: {
33
+ opacity: 0.5,
34
+ cursor: "wait"
35
+ },
36
+ hovered: {
37
+ backgroundColor: hslaSetRelativeLightness(colors.primary, -10)
38
+ }
25
39
  },
26
- disabled: {
27
- opacity: 0.5,
28
- cursor: "not-allowed"
40
+ text: {
41
+ default: {
42
+ color: colors.primaryForeground,
43
+ fontSize: sizeStyles.fontSize,
44
+ fontFamily
45
+ }
29
46
  },
30
- loading: {
31
- opacity: 0.5,
32
- cursor: "wait"
47
+ icon: {
48
+ default: {
49
+ color: colors.primaryForeground,
50
+ size: sizeStyles.iconSize,
51
+ strokeWidth: sizeStyles.strokeWidth
52
+ }
33
53
  },
34
- hovered: {
35
- backgroundColor: hslaSetRelativeLightness(colors.primary, -10)
54
+ spinner: {
55
+ default: {
56
+ color: colors.primaryForeground
57
+ }
36
58
  }
37
- },
38
- text: {
39
- default: {
40
- color: colors.primaryForeground,
41
- fontSize,
42
- fontFamily
43
- }
44
- },
45
- icon: {
46
- default: {
47
- color: colors.primaryForeground,
48
- size: fontSize
49
- }
50
- },
51
- spinner: {
52
- default: {
53
- color: colors.primaryForeground
54
- }
55
- }
56
- }));
59
+ };
60
+ });
57
61
  };
58
62
  //# sourceMappingURL=default.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantDefault","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","primary","borderWidth","borderColor","border","cursor","disabled","opacity","loading","hovered","text","color","primaryForeground","icon","size","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/default.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAoB;EACzD,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,eAAe,EAAEb,MAAM,CAACc,OAAO;QAC/BC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEhB,MAAM,CAACiB,MAAM;QAC1BC,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;QACPT,eAAe,EAAEhB,wBAAwB,CAACG,MAAM,CAACc,OAAO,EAAE,CAAC,EAAE;MAC/D;IACF,CAAC;IACDS,IAAI,EAAE;MACJlB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB,iBAAiB;QAC/BtB,QAAQ;QACRD;MACF;IACF,CAAC;IACDwB,IAAI,EAAE;MACJrB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB,iBAAiB;QAC/BE,IAAI,EAAExB;MACR;IACF,CAAC;IACDyB,OAAO,EAAE;MACPvB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantDefault","size","colors","radius","fontFamily","sizeScale","sizeStyles","root","default","flexDirection","height","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","primary","borderWidth","borderColor","border","cursor","disabled","opacity","loading","hovered","text","color","primaryForeground","fontSize","icon","iconSize","strokeWidth","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/default.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AAEpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,uBAAuB,GAAIC,IAAU,IAAmB;EACnE,OAAOF,eAAe,CAAC,CAAC;IAAEG,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,KAAmB;IAClF,MAAMC,UAAU,GAAGD,SAAS,CAACJ,IAAI,CAAC;IAElC,OAAO;MACLM,IAAI,EAAE;QACJC,OAAO,EAAE;UACPC,aAAa,EAAE,KAAK;UACpBC,MAAM,EAAEJ,UAAU,CAACI,MAAM;UACzBC,iBAAiB,EAAEL,UAAU,CAACK,iBAAiB;UAC/CC,YAAY,EAAET,MAAM;UACpBU,GAAG,EAAEP,UAAU,CAACO,GAAG;UACnBC,UAAU,EAAE,QAAQ;UACpBC,cAAc,EAAE,QAAQ;UACxBC,eAAe,EAAEd,MAAM,CAACe,OAAO;UAC/BC,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEjB,MAAM,CAACkB,MAAM;UAC1BC,MAAM,EAAE;QACV,CAAC;QACDC,QAAQ,EAAE;UACRC,OAAO,EAAE,GAAG;UACZF,MAAM,EAAE;QACV,CAAC;QACDG,OAAO,EAAE;UACPD,OAAO,EAAE,GAAG;UACZF,MAAM,EAAE;QACV,CAAC;QACDI,OAAO,EAAE;UACPT,eAAe,EAAElB,wBAAwB,CAACI,MAAM,CAACe,OAAO,EAAE,CAAC,EAAE;QAC/D;MACF,CAAC;MACDS,IAAI,EAAE;QACJlB,OAAO,EAAE;UACPmB,KAAK,EAAEzB,MAAM,CAAC0B,iBAAiB;UAC/BC,QAAQ,EAAEvB,UAAU,CAACuB,QAAQ;UAC7BzB;QACF;MACF,CAAC;MACD0B,IAAI,EAAE;QACJtB,OAAO,EAAE;UACPmB,KAAK,EAAEzB,MAAM,CAAC0B,iBAAiB;UAC/B3B,IAAI,EAAEK,UAAU,CAACyB,QAAQ;UACzBC,WAAW,EAAE1B,UAAU,CAAC0B;QAC1B;MACF,CAAC;MACDC,OAAO,EAAE;QACPzB,OAAO,EAAE;UACPmB,KAAK,EAAEzB,MAAM,CAAC0B;QAChB;MACF;IACF,CAAC;EACH,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
@@ -2,73 +2,77 @@
2
2
 
3
3
  import { hslaSetRelativeLightness } from "../../../utils/hsla-utils.js";
4
4
  import { useThemedStyles } from "../../../utils/use-themed-styles.js";
5
- export const useButtonVariantGhost = () => {
5
+ export const useButtonVariantGhost = size => {
6
6
  return useThemedStyles(({
7
7
  colors,
8
8
  radius,
9
9
  fontFamily,
10
- 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
- backgroundColor: "transparent",
22
- 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
+ backgroundColor: "transparent",
24
+ cursor: "pointer"
25
+ },
26
+ disabled: {
27
+ opacity: 0.5,
28
+ cursor: "not-allowed"
29
+ },
30
+ loading: {
31
+ opacity: 0.5,
32
+ cursor: "wait"
33
+ },
34
+ hovered: {
35
+ backgroundColor: hslaSetRelativeLightness(colors.secondary, -1)
36
+ }
23
37
  },
24
- disabled: {
25
- opacity: 0.5,
26
- cursor: "not-allowed"
38
+ text: {
39
+ default: {
40
+ color: colors.foreground,
41
+ fontSize: sizeStyles.fontSize,
42
+ fontFamily
43
+ },
44
+ disabled: {
45
+ color: colors.mutedForeground
46
+ },
47
+ loading: {
48
+ color: colors.mutedForeground
49
+ }
27
50
  },
28
- loading: {
29
- opacity: 0.5,
30
- cursor: "wait"
51
+ icon: {
52
+ default: {
53
+ color: colors.foreground,
54
+ size: sizeStyles.iconSize,
55
+ strokeWidth: sizeStyles.strokeWidth
56
+ },
57
+ disabled: {
58
+ color: colors.mutedForeground
59
+ },
60
+ loading: {
61
+ color: colors.mutedForeground
62
+ }
31
63
  },
32
- hovered: {
33
- backgroundColor: hslaSetRelativeLightness(colors.secondary, -1)
64
+ spinner: {
65
+ default: {
66
+ color: colors.foreground
67
+ },
68
+ disabled: {
69
+ color: colors.mutedForeground
70
+ },
71
+ loading: {
72
+ color: colors.mutedForeground
73
+ }
34
74
  }
35
- },
36
- text: {
37
- default: {
38
- color: colors.foreground,
39
- fontSize,
40
- fontFamily
41
- },
42
- disabled: {
43
- color: colors.mutedForeground
44
- },
45
- loading: {
46
- color: colors.mutedForeground
47
- }
48
- },
49
- icon: {
50
- default: {
51
- color: colors.foreground,
52
- size: fontSize
53
- },
54
- disabled: {
55
- color: colors.mutedForeground
56
- },
57
- loading: {
58
- color: colors.mutedForeground
59
- }
60
- },
61
- spinner: {
62
- default: {
63
- color: colors.foreground
64
- },
65
- disabled: {
66
- color: colors.mutedForeground
67
- },
68
- loading: {
69
- color: colors.mutedForeground
70
- }
71
- }
72
- }));
75
+ };
76
+ });
73
77
  };
74
78
  //# sourceMappingURL=ghost.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantGhost","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","cursor","disabled","opacity","loading","hovered","secondary","text","color","foreground","mutedForeground","icon","size","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/ghost.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAoB;EACvD,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,eAAe,EAAE,aAAa;QAC9BC,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;QACPL,eAAe,EAAEhB,wBAAwB,CAACG,MAAM,CAACmB,SAAS,EAAE,CAAC,CAAC;MAChE;IACF,CAAC;IACDC,IAAI,EAAE;MACJf,OAAO,EAAE;QACPgB,KAAK,EAAErB,MAAM,CAACsB,UAAU;QACxBnB,QAAQ;QACRD;MACF,CAAC;MACDa,QAAQ,EAAE;QACRM,KAAK,EAAErB,MAAM,CAACuB;MAChB,CAAC;MACDN,OAAO,EAAE;QACPI,KAAK,EAAErB,MAAM,CAACuB;MAChB;IACF,CAAC;IACDC,IAAI,EAAE;MACJnB,OAAO,EAAE;QACPgB,KAAK,EAAErB,MAAM,CAACsB,UAAU;QACxBG,IAAI,EAAEtB;MACR,CAAC;MACDY,QAAQ,EAAE;QACRM,KAAK,EAAErB,MAAM,CAACuB;MAChB,CAAC;MACDN,OAAO,EAAE;QACPI,KAAK,EAAErB,MAAM,CAACuB;MAChB;IACF,CAAC;IACDG,OAAO,EAAE;MACPrB,OAAO,EAAE;QACPgB,KAAK,EAAErB,MAAM,CAACsB;MAChB,CAAC;MACDP,QAAQ,EAAE;QACRM,KAAK,EAAErB,MAAM,CAACuB;MAChB,CAAC;MACDN,OAAO,EAAE;QACPI,KAAK,EAAErB,MAAM,CAACuB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantGhost","size","colors","radius","fontFamily","sizeScale","sizeStyles","root","default","flexDirection","height","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","cursor","disabled","opacity","loading","hovered","secondary","text","color","foreground","fontSize","mutedForeground","icon","iconSize","strokeWidth","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/ghost.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AAEpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,qBAAqB,GAAIC,IAAU,IAAmB;EACjE,OAAOF,eAAe,CAAC,CAAC;IAAEG,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,KAAmB;IAClF,MAAMC,UAAU,GAAGD,SAAS,CAACJ,IAAI,CAAC;IAElC,OAAO;MACLM,IAAI,EAAE;QACJC,OAAO,EAAE;UACPC,aAAa,EAAE,KAAK;UACpBC,MAAM,EAAEJ,UAAU,CAACI,MAAM;UACzBC,iBAAiB,EAAEL,UAAU,CAACK,iBAAiB;UAC/CC,YAAY,EAAET,MAAM;UACpBU,GAAG,EAAEP,UAAU,CAACO,GAAG;UACnBC,UAAU,EAAE,QAAQ;UACpBC,cAAc,EAAE,QAAQ;UACxBC,eAAe,EAAE,aAAa;UAC9BC,MAAM,EAAE;QACV,CAAC;QACDC,QAAQ,EAAE;UACRC,OAAO,EAAE,GAAG;UACZF,MAAM,EAAE;QACV,CAAC;QACDG,OAAO,EAAE;UACPD,OAAO,EAAE,GAAG;UACZF,MAAM,EAAE;QACV,CAAC;QACDI,OAAO,EAAE;UACPL,eAAe,EAAElB,wBAAwB,CAACI,MAAM,CAACoB,SAAS,EAAE,CAAC,CAAC;QAChE;MACF,CAAC;MACDC,IAAI,EAAE;QACJf,OAAO,EAAE;UACPgB,KAAK,EAAEtB,MAAM,CAACuB,UAAU;UACxBC,QAAQ,EAAEpB,UAAU,CAACoB,QAAQ;UAC7BtB;QACF,CAAC;QACDc,QAAQ,EAAE;UACRM,KAAK,EAAEtB,MAAM,CAACyB;QAChB,CAAC;QACDP,OAAO,EAAE;UACPI,KAAK,EAAEtB,MAAM,CAACyB;QAChB;MACF,CAAC;MACDC,IAAI,EAAE;QACJpB,OAAO,EAAE;UACPgB,KAAK,EAAEtB,MAAM,CAACuB,UAAU;UACxBxB,IAAI,EAAEK,UAAU,CAACuB,QAAQ;UACzBC,WAAW,EAAExB,UAAU,CAACwB;QAC1B,CAAC;QACDZ,QAAQ,EAAE;UACRM,KAAK,EAAEtB,MAAM,CAACyB;QAChB,CAAC;QACDP,OAAO,EAAE;UACPI,KAAK,EAAEtB,MAAM,CAACyB;QAChB;MACF,CAAC;MACDI,OAAO,EAAE;QACPvB,OAAO,EAAE;UACPgB,KAAK,EAAEtB,MAAM,CAACuB;QAChB,CAAC;QACDP,QAAQ,EAAE;UACRM,KAAK,EAAEtB,MAAM,CAACyB;QAChB,CAAC;QACDP,OAAO,EAAE;UACPI,KAAK,EAAEtB,MAAM,CAACyB;QAChB;MACF;IACF,CAAC;EACH,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}