@newtonedev/components 0.1.3 → 0.1.5

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 (231) hide show
  1. package/dist/composites/actions/Button/Button.d.ts +37 -0
  2. package/dist/composites/actions/Button/Button.d.ts.map +1 -0
  3. package/dist/composites/actions/Button/Button.styles.d.ts +63 -0
  4. package/dist/composites/actions/Button/Button.styles.d.ts.map +1 -0
  5. package/dist/{Button → composites/actions/Button}/Button.types.d.ts +12 -3
  6. package/dist/composites/actions/Button/Button.types.d.ts.map +1 -0
  7. package/dist/composites/actions/Button/index.d.ts.map +1 -0
  8. package/dist/composites/form-controls/Select/Select.d.ts.map +1 -0
  9. package/dist/{Select → composites/form-controls/Select}/Select.styles.d.ts +1 -1
  10. package/dist/composites/form-controls/Select/Select.styles.d.ts.map +1 -0
  11. package/dist/composites/form-controls/Select/Select.types.d.ts.map +1 -0
  12. package/dist/composites/form-controls/Select/SelectOption.d.ts.map +1 -0
  13. package/dist/composites/form-controls/Select/index.d.ts.map +1 -0
  14. package/dist/composites/form-controls/Select/useSelect.d.ts.map +1 -0
  15. package/dist/composites/form-controls/TextInput/TextInput.d.ts.map +1 -0
  16. package/dist/{TextInput → composites/form-controls/TextInput}/TextInput.styles.d.ts +1 -1
  17. package/dist/composites/form-controls/TextInput/TextInput.styles.d.ts.map +1 -0
  18. package/dist/composites/form-controls/TextInput/TextInput.types.d.ts.map +1 -0
  19. package/dist/composites/form-controls/TextInput/index.d.ts.map +1 -0
  20. package/dist/composites/form-controls/Toggle/Toggle.d.ts.map +1 -0
  21. package/dist/{Toggle → composites/form-controls/Toggle}/Toggle.styles.d.ts +1 -1
  22. package/dist/composites/form-controls/Toggle/Toggle.styles.d.ts.map +1 -0
  23. package/dist/composites/form-controls/Toggle/Toggle.types.d.ts.map +1 -0
  24. package/dist/composites/form-controls/Toggle/index.d.ts.map +1 -0
  25. package/dist/composites/layout/AppShell/AppShell.d.ts.map +1 -0
  26. package/dist/{AppShell → composites/layout/AppShell}/AppShell.styles.d.ts +1 -1
  27. package/dist/composites/layout/AppShell/AppShell.styles.d.ts.map +1 -0
  28. package/dist/composites/layout/AppShell/AppShell.types.d.ts.map +1 -0
  29. package/dist/composites/layout/AppShell/index.d.ts.map +1 -0
  30. package/dist/composites/layout/Card/Card.d.ts.map +1 -0
  31. package/dist/{Card → composites/layout/Card}/Card.styles.d.ts +1 -1
  32. package/dist/composites/layout/Card/Card.styles.d.ts.map +1 -0
  33. package/dist/{Card → composites/layout/Card}/Card.types.d.ts +1 -1
  34. package/dist/composites/layout/Card/Card.types.d.ts.map +1 -0
  35. package/dist/composites/layout/Card/index.d.ts.map +1 -0
  36. package/dist/composites/layout/Navbar/Navbar.d.ts.map +1 -0
  37. package/dist/{Navbar → composites/layout/Navbar}/Navbar.styles.d.ts +1 -1
  38. package/dist/composites/layout/Navbar/Navbar.styles.d.ts.map +1 -0
  39. package/dist/composites/layout/Navbar/Navbar.types.d.ts.map +1 -0
  40. package/dist/composites/layout/Navbar/index.d.ts.map +1 -0
  41. package/dist/composites/layout/Sidebar/Sidebar.d.ts.map +1 -0
  42. package/dist/{Sidebar → composites/layout/Sidebar}/Sidebar.styles.d.ts +1 -1
  43. package/dist/composites/layout/Sidebar/Sidebar.styles.d.ts.map +1 -0
  44. package/dist/composites/layout/Sidebar/Sidebar.types.d.ts.map +1 -0
  45. package/dist/composites/layout/Sidebar/index.d.ts.map +1 -0
  46. package/dist/composites/overlays/Popover/Popover.d.ts.map +1 -0
  47. package/dist/{Popover → composites/overlays/Popover}/Popover.styles.d.ts +1 -1
  48. package/dist/composites/overlays/Popover/Popover.styles.d.ts.map +1 -0
  49. package/dist/composites/overlays/Popover/Popover.types.d.ts.map +1 -0
  50. package/dist/composites/overlays/Popover/index.d.ts.map +1 -0
  51. package/dist/composites/overlays/Popover/usePopover.d.ts.map +1 -0
  52. package/dist/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.d.ts.map +1 -0
  53. package/dist/{ColorScaleSlider → composites/range-inputs/ColorScaleSlider}/ColorScaleSlider.styles.d.ts +1 -1
  54. package/dist/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.styles.d.ts.map +1 -0
  55. package/dist/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.types.d.ts.map +1 -0
  56. package/dist/composites/range-inputs/ColorScaleSlider/index.d.ts.map +1 -0
  57. package/dist/composites/range-inputs/HueSlider/HueSlider.d.ts.map +1 -0
  58. package/dist/{HueSlider → composites/range-inputs/HueSlider}/HueSlider.styles.d.ts +1 -1
  59. package/dist/composites/range-inputs/HueSlider/HueSlider.styles.d.ts.map +1 -0
  60. package/dist/composites/range-inputs/HueSlider/HueSlider.types.d.ts.map +1 -0
  61. package/dist/composites/range-inputs/HueSlider/index.d.ts.map +1 -0
  62. package/dist/composites/range-inputs/Slider/Slider.d.ts.map +1 -0
  63. package/dist/{Slider → composites/range-inputs/Slider}/Slider.styles.d.ts +1 -1
  64. package/dist/composites/range-inputs/Slider/Slider.styles.d.ts.map +1 -0
  65. package/dist/composites/range-inputs/Slider/Slider.types.d.ts.map +1 -0
  66. package/dist/composites/range-inputs/Slider/index.d.ts.map +1 -0
  67. package/dist/index.cjs +999 -620
  68. package/dist/index.cjs.map +1 -1
  69. package/dist/index.d.ts +26 -26
  70. package/dist/index.d.ts.map +1 -1
  71. package/dist/index.js +955 -576
  72. package/dist/index.js.map +1 -1
  73. package/dist/primitives/Icon/Icon.d.ts.map +1 -1
  74. package/dist/primitives/Wrapper/Wrapper.types.d.ts +1 -1
  75. package/dist/primitives/Wrapper/Wrapper.types.d.ts.map +1 -1
  76. package/dist/registry/registry.d.ts.map +1 -1
  77. package/dist/tokens/computeTokens.d.ts.map +1 -1
  78. package/dist/tokens/types.d.ts +10 -0
  79. package/dist/tokens/types.d.ts.map +1 -1
  80. package/dist/tokens/useTokens.d.ts +20 -2
  81. package/dist/tokens/useTokens.d.ts.map +1 -1
  82. package/package.json +1 -1
  83. package/src/composites/actions/Button/Button.styles.ts +365 -0
  84. package/src/composites/actions/Button/Button.tsx +115 -0
  85. package/src/{Button → composites/actions/Button}/Button.types.ts +14 -3
  86. package/src/{Select → composites/form-controls/Select}/Select.styles.ts +1 -1
  87. package/src/{Select → composites/form-controls/Select}/Select.tsx +4 -4
  88. package/src/{Select → composites/form-controls/Select}/SelectOption.tsx +2 -2
  89. package/src/{TextInput → composites/form-controls/TextInput}/TextInput.styles.ts +1 -1
  90. package/src/{TextInput → composites/form-controls/TextInput}/TextInput.tsx +1 -1
  91. package/src/{Toggle → composites/form-controls/Toggle}/Toggle.styles.ts +1 -1
  92. package/src/{Toggle → composites/form-controls/Toggle}/Toggle.tsx +1 -1
  93. package/src/{AppShell → composites/layout/AppShell}/AppShell.styles.ts +1 -1
  94. package/src/{AppShell → composites/layout/AppShell}/AppShell.tsx +1 -1
  95. package/src/{Card → composites/layout/Card}/Card.styles.ts +1 -1
  96. package/src/{Card → composites/layout/Card}/Card.tsx +1 -1
  97. package/src/{Card → composites/layout/Card}/Card.types.ts +1 -1
  98. package/src/{Navbar → composites/layout/Navbar}/Navbar.styles.ts +1 -1
  99. package/src/{Navbar → composites/layout/Navbar}/Navbar.tsx +1 -1
  100. package/src/{Sidebar → composites/layout/Sidebar}/Sidebar.styles.ts +1 -1
  101. package/src/{Sidebar → composites/layout/Sidebar}/Sidebar.tsx +1 -1
  102. package/src/{Popover → composites/overlays/Popover}/Popover.styles.ts +1 -1
  103. package/src/{Popover → composites/overlays/Popover}/Popover.tsx +1 -1
  104. package/src/{ColorScaleSlider → composites/range-inputs/ColorScaleSlider}/ColorScaleSlider.styles.ts +1 -1
  105. package/src/{ColorScaleSlider → composites/range-inputs/ColorScaleSlider}/ColorScaleSlider.tsx +1 -1
  106. package/src/{HueSlider → composites/range-inputs/HueSlider}/HueSlider.styles.ts +1 -1
  107. package/src/{HueSlider → composites/range-inputs/HueSlider}/HueSlider.tsx +1 -1
  108. package/src/{Slider → composites/range-inputs/Slider}/Slider.styles.ts +1 -1
  109. package/src/{Slider → composites/range-inputs/Slider}/Slider.tsx +1 -1
  110. package/src/index.ts +27 -27
  111. package/src/primitives/Icon/Icon.tsx +16 -1
  112. package/src/primitives/Wrapper/Wrapper.types.ts +1 -1
  113. package/src/registry/registry.ts +213 -1
  114. package/src/tokens/computeTokens.ts +16 -0
  115. package/src/tokens/types.ts +10 -0
  116. package/src/tokens/useTokens.ts +25 -3
  117. package/dist/AppShell/AppShell.d.ts.map +0 -1
  118. package/dist/AppShell/AppShell.styles.d.ts.map +0 -1
  119. package/dist/AppShell/AppShell.types.d.ts.map +0 -1
  120. package/dist/AppShell/index.d.ts.map +0 -1
  121. package/dist/Button/Button.d.ts +0 -28
  122. package/dist/Button/Button.d.ts.map +0 -1
  123. package/dist/Button/Button.styles.d.ts +0 -46
  124. package/dist/Button/Button.styles.d.ts.map +0 -1
  125. package/dist/Button/Button.types.d.ts.map +0 -1
  126. package/dist/Button/index.d.ts.map +0 -1
  127. package/dist/Card/Card.d.ts.map +0 -1
  128. package/dist/Card/Card.styles.d.ts.map +0 -1
  129. package/dist/Card/Card.types.d.ts.map +0 -1
  130. package/dist/Card/index.d.ts.map +0 -1
  131. package/dist/ColorScaleSlider/ColorScaleSlider.d.ts.map +0 -1
  132. package/dist/ColorScaleSlider/ColorScaleSlider.styles.d.ts.map +0 -1
  133. package/dist/ColorScaleSlider/ColorScaleSlider.types.d.ts.map +0 -1
  134. package/dist/ColorScaleSlider/index.d.ts.map +0 -1
  135. package/dist/HueSlider/HueSlider.d.ts.map +0 -1
  136. package/dist/HueSlider/HueSlider.styles.d.ts.map +0 -1
  137. package/dist/HueSlider/HueSlider.types.d.ts.map +0 -1
  138. package/dist/HueSlider/index.d.ts.map +0 -1
  139. package/dist/Navbar/Navbar.d.ts.map +0 -1
  140. package/dist/Navbar/Navbar.styles.d.ts.map +0 -1
  141. package/dist/Navbar/Navbar.types.d.ts.map +0 -1
  142. package/dist/Navbar/index.d.ts.map +0 -1
  143. package/dist/Popover/Popover.d.ts.map +0 -1
  144. package/dist/Popover/Popover.styles.d.ts.map +0 -1
  145. package/dist/Popover/Popover.types.d.ts.map +0 -1
  146. package/dist/Popover/index.d.ts.map +0 -1
  147. package/dist/Popover/usePopover.d.ts.map +0 -1
  148. package/dist/Select/Select.d.ts.map +0 -1
  149. package/dist/Select/Select.styles.d.ts.map +0 -1
  150. package/dist/Select/Select.types.d.ts.map +0 -1
  151. package/dist/Select/SelectOption.d.ts.map +0 -1
  152. package/dist/Select/index.d.ts.map +0 -1
  153. package/dist/Select/useSelect.d.ts.map +0 -1
  154. package/dist/Sidebar/Sidebar.d.ts.map +0 -1
  155. package/dist/Sidebar/Sidebar.styles.d.ts.map +0 -1
  156. package/dist/Sidebar/Sidebar.types.d.ts.map +0 -1
  157. package/dist/Sidebar/index.d.ts.map +0 -1
  158. package/dist/Slider/Slider.d.ts.map +0 -1
  159. package/dist/Slider/Slider.styles.d.ts.map +0 -1
  160. package/dist/Slider/Slider.types.d.ts.map +0 -1
  161. package/dist/Slider/index.d.ts.map +0 -1
  162. package/dist/TextInput/TextInput.d.ts.map +0 -1
  163. package/dist/TextInput/TextInput.styles.d.ts.map +0 -1
  164. package/dist/TextInput/TextInput.types.d.ts.map +0 -1
  165. package/dist/TextInput/index.d.ts.map +0 -1
  166. package/dist/Toggle/Toggle.d.ts.map +0 -1
  167. package/dist/Toggle/Toggle.styles.d.ts.map +0 -1
  168. package/dist/Toggle/Toggle.types.d.ts.map +0 -1
  169. package/dist/Toggle/index.d.ts.map +0 -1
  170. package/src/Button/Button.styles.ts +0 -133
  171. package/src/Button/Button.tsx +0 -86
  172. /package/dist/{Button → composites/actions/Button}/index.d.ts +0 -0
  173. /package/dist/{Select → composites/form-controls/Select}/Select.d.ts +0 -0
  174. /package/dist/{Select → composites/form-controls/Select}/Select.types.d.ts +0 -0
  175. /package/dist/{Select → composites/form-controls/Select}/SelectOption.d.ts +0 -0
  176. /package/dist/{Select → composites/form-controls/Select}/index.d.ts +0 -0
  177. /package/dist/{Select → composites/form-controls/Select}/useSelect.d.ts +0 -0
  178. /package/dist/{TextInput → composites/form-controls/TextInput}/TextInput.d.ts +0 -0
  179. /package/dist/{TextInput → composites/form-controls/TextInput}/TextInput.types.d.ts +0 -0
  180. /package/dist/{TextInput → composites/form-controls/TextInput}/index.d.ts +0 -0
  181. /package/dist/{Toggle → composites/form-controls/Toggle}/Toggle.d.ts +0 -0
  182. /package/dist/{Toggle → composites/form-controls/Toggle}/Toggle.types.d.ts +0 -0
  183. /package/dist/{Toggle → composites/form-controls/Toggle}/index.d.ts +0 -0
  184. /package/dist/{AppShell → composites/layout/AppShell}/AppShell.d.ts +0 -0
  185. /package/dist/{AppShell → composites/layout/AppShell}/AppShell.types.d.ts +0 -0
  186. /package/dist/{AppShell → composites/layout/AppShell}/index.d.ts +0 -0
  187. /package/dist/{Card → composites/layout/Card}/Card.d.ts +0 -0
  188. /package/dist/{Card → composites/layout/Card}/index.d.ts +0 -0
  189. /package/dist/{Navbar → composites/layout/Navbar}/Navbar.d.ts +0 -0
  190. /package/dist/{Navbar → composites/layout/Navbar}/Navbar.types.d.ts +0 -0
  191. /package/dist/{Navbar → composites/layout/Navbar}/index.d.ts +0 -0
  192. /package/dist/{Sidebar → composites/layout/Sidebar}/Sidebar.d.ts +0 -0
  193. /package/dist/{Sidebar → composites/layout/Sidebar}/Sidebar.types.d.ts +0 -0
  194. /package/dist/{Sidebar → composites/layout/Sidebar}/index.d.ts +0 -0
  195. /package/dist/{Popover → composites/overlays/Popover}/Popover.d.ts +0 -0
  196. /package/dist/{Popover → composites/overlays/Popover}/Popover.types.d.ts +0 -0
  197. /package/dist/{Popover → composites/overlays/Popover}/index.d.ts +0 -0
  198. /package/dist/{Popover → composites/overlays/Popover}/usePopover.d.ts +0 -0
  199. /package/dist/{ColorScaleSlider → composites/range-inputs/ColorScaleSlider}/ColorScaleSlider.d.ts +0 -0
  200. /package/dist/{ColorScaleSlider → composites/range-inputs/ColorScaleSlider}/ColorScaleSlider.types.d.ts +0 -0
  201. /package/dist/{ColorScaleSlider → composites/range-inputs/ColorScaleSlider}/index.d.ts +0 -0
  202. /package/dist/{HueSlider → composites/range-inputs/HueSlider}/HueSlider.d.ts +0 -0
  203. /package/dist/{HueSlider → composites/range-inputs/HueSlider}/HueSlider.types.d.ts +0 -0
  204. /package/dist/{HueSlider → composites/range-inputs/HueSlider}/index.d.ts +0 -0
  205. /package/dist/{Slider → composites/range-inputs/Slider}/Slider.d.ts +0 -0
  206. /package/dist/{Slider → composites/range-inputs/Slider}/Slider.types.d.ts +0 -0
  207. /package/dist/{Slider → composites/range-inputs/Slider}/index.d.ts +0 -0
  208. /package/src/{Button → composites/actions/Button}/index.ts +0 -0
  209. /package/src/{Select → composites/form-controls/Select}/Select.types.ts +0 -0
  210. /package/src/{Select → composites/form-controls/Select}/index.ts +0 -0
  211. /package/src/{Select → composites/form-controls/Select}/useSelect.ts +0 -0
  212. /package/src/{TextInput → composites/form-controls/TextInput}/TextInput.types.ts +0 -0
  213. /package/src/{TextInput → composites/form-controls/TextInput}/index.ts +0 -0
  214. /package/src/{Toggle → composites/form-controls/Toggle}/Toggle.types.ts +0 -0
  215. /package/src/{Toggle → composites/form-controls/Toggle}/index.ts +0 -0
  216. /package/src/{AppShell → composites/layout/AppShell}/AppShell.types.ts +0 -0
  217. /package/src/{AppShell → composites/layout/AppShell}/index.ts +0 -0
  218. /package/src/{Card → composites/layout/Card}/index.ts +0 -0
  219. /package/src/{Navbar → composites/layout/Navbar}/Navbar.types.ts +0 -0
  220. /package/src/{Navbar → composites/layout/Navbar}/index.ts +0 -0
  221. /package/src/{Sidebar → composites/layout/Sidebar}/Sidebar.types.ts +0 -0
  222. /package/src/{Sidebar → composites/layout/Sidebar}/index.ts +0 -0
  223. /package/src/{Popover → composites/overlays/Popover}/Popover.types.ts +0 -0
  224. /package/src/{Popover → composites/overlays/Popover}/index.ts +0 -0
  225. /package/src/{Popover → composites/overlays/Popover}/usePopover.ts +0 -0
  226. /package/src/{ColorScaleSlider → composites/range-inputs/ColorScaleSlider}/ColorScaleSlider.types.ts +0 -0
  227. /package/src/{ColorScaleSlider → composites/range-inputs/ColorScaleSlider}/index.ts +0 -0
  228. /package/src/{HueSlider → composites/range-inputs/HueSlider}/HueSlider.types.ts +0 -0
  229. /package/src/{HueSlider → composites/range-inputs/HueSlider}/index.ts +0 -0
  230. /package/src/{Slider → composites/range-inputs/Slider}/Slider.types.ts +0 -0
  231. /package/src/{Slider → composites/range-inputs/Slider}/index.ts +0 -0
@@ -5,6 +5,14 @@ import { computeTokens } from './computeTokens';
5
5
  import type { ElevationLevel } from '../theme/types';
6
6
  import type { ResolvedTokens } from './types';
7
7
 
8
+ /**
9
+ * Extended tokens result that includes the resolved elevation level.
10
+ * This allows components to make elevation-aware styling decisions.
11
+ */
12
+ export interface UseTokensResult extends ResolvedTokens {
13
+ elevation: ElevationLevel;
14
+ }
15
+
8
16
  /**
9
17
  * Hook to compute design tokens for the current theme/mode/elevation.
10
18
  *
@@ -17,7 +25,7 @@ import type { ResolvedTokens } from './types';
17
25
  *
18
26
  * @param elevation - Elevation level (0=sunken, 1=default, 2=elevated).
19
27
  * When omitted, reads from FrameContext or defaults to 1.
20
- * @returns Resolved design tokens with all necessary colors
28
+ * @returns Resolved design tokens with all necessary colors + resolved elevation
21
29
  *
22
30
  * @example
23
31
  * ```tsx
@@ -29,8 +37,19 @@ import type { ResolvedTokens } from './types';
29
37
  * );
30
38
  * }
31
39
  * ```
40
+ *
41
+ * @example
42
+ * ```tsx
43
+ * // Elevation-aware component:
44
+ * function ElevationAwareButton() {
45
+ * const tokens = useTokens();
46
+ * // Use tokens.elevation to make color decisions
47
+ * const bg = tokens.elevation === 2 ? tokens.background : tokens.backgroundSunken;
48
+ * return <View style={{ backgroundColor: srgbToHex(bg.srgb) }} />;
49
+ * }
50
+ * ```
32
51
  */
33
- export function useTokens(elevation?: ElevationLevel): ResolvedTokens {
52
+ export function useTokens(elevation?: ElevationLevel): UseTokensResult {
34
53
  const { config, mode, theme: providerTheme } = useNewtoneTheme();
35
54
  const frameCtx = useFrameContext();
36
55
 
@@ -42,7 +61,7 @@ export function useTokens(elevation?: ElevationLevel): ResolvedTokens {
42
61
 
43
62
  return useMemo(() => {
44
63
  const themeMapping = config.themes[resolvedTheme];
45
- return computeTokens(
64
+ const tokens = computeTokens(
46
65
  config.colorSystem,
47
66
  mode,
48
67
  themeMapping,
@@ -53,5 +72,8 @@ export function useTokens(elevation?: ElevationLevel): ResolvedTokens {
53
72
  config.typography,
54
73
  config.icons
55
74
  );
75
+
76
+ // Return tokens + elevation for elevation-aware components
77
+ return { ...tokens, elevation: resolvedElevation };
56
78
  }, [config, mode, resolvedTheme, resolvedElevation]);
57
79
  }
@@ -1 +0,0 @@
1
- {"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAItD,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,aAAa,qBAU5D"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"AppShell.styles.d.ts","sourceRoot":"","sources":["../../src/AppShell/AppShell.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,cAAc;;;;;;;;;;;;;EAevD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"AppShell.types.d.ts","sourceRoot":"","sources":["../../src/AppShell/AppShell.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,aAAa;IAC5B,2CAA2C;IAC3C,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,gDAAgD;IAChD,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AppShell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,28 +0,0 @@
1
- import React from 'react';
2
- import type { ButtonProps } from './Button.types';
3
- /**
4
- * Button component with support for multiple variants, sizes, and optional icons.
5
- *
6
- * Automatically adapts to the current theme and mode from NewtoneProvider.
7
- *
8
- * @example
9
- * ```tsx
10
- * <Button variant="primary" size="md" onPress={() => console.log('Pressed')}>
11
- * Click me
12
- * </Button>
13
- * ```
14
- *
15
- * @example
16
- * ```tsx
17
- * <Button icon="add" variant="primary" onPress={handleAdd}>
18
- * New Item
19
- * </Button>
20
- * ```
21
- *
22
- * @example
23
- * ```tsx
24
- * <Button icon="delete" variant="ghost" size="sm" onPress={handleDelete} />
25
- * ```
26
- */
27
- export declare function Button({ children, icon, iconPosition, variant, size, disabled, style, textStyle, ...pressableProps }: ButtonProps): React.JSX.Element;
28
- //# sourceMappingURL=Button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,YAAqB,EACrB,OAAmB,EACnB,IAAW,EACX,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,GAAG,cAAc,EAClB,EAAE,WAAW,qBA4Cb"}
@@ -1,46 +0,0 @@
1
- import type { ResolvedTokens } from '../tokens/types';
2
- import type { ButtonVariant, ButtonSize } from './Button.types';
3
- /**
4
- * Compute button styles based on tokens, variant, size, and state
5
- *
6
- * @param tokens - Resolved design tokens from useTokens
7
- * @param variant - Button variant (primary, secondary, ghost, outline)
8
- * @param size - Button size (sm, md, lg)
9
- * @param disabled - Whether button is disabled
10
- * @param isIconOnly - Whether the button shows only an icon (no text)
11
- * @returns StyleSheet with button styles + iconColor for the Icon component
12
- */
13
- export declare function getButtonStyles(tokens: ResolvedTokens, variant: ButtonVariant, size: ButtonSize, disabled: boolean, isIconOnly: boolean): {
14
- iconColor: string;
15
- iconSize: number;
16
- styles: {
17
- base: {
18
- borderColor?: string | undefined;
19
- backgroundColor: string;
20
- borderWidth: number;
21
- paddingVertical: number;
22
- paddingHorizontal: number;
23
- borderRadius: number;
24
- alignItems: "center";
25
- justifyContent: "center";
26
- flexDirection: "row";
27
- gap: number;
28
- };
29
- pressed: {
30
- backgroundColor: string;
31
- opacity: number;
32
- };
33
- disabled: {
34
- opacity: number;
35
- };
36
- text: {
37
- fontFamily: string;
38
- fontSize: number;
39
- fontWeight: any;
40
- color: string;
41
- };
42
- textPressed: {};
43
- textDisabled: {};
44
- };
45
- };
46
- //# sourceMappingURL=Button.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../src/Button/Button.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAkChE;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,OAAO,EACjB,UAAU,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;wBAqEoC,GAAG;;;;;;EAW3D"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../src/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,CAAC;AAE1E;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IAC7E;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAE3C;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;IAEjC;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAEzC;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC9C"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAa,EACb,KAAK,EACL,QAAgB,GACjB,EAAE,SAAS,qBAaX"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../src/Card/Card.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,aAAa,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO;;;;;;;;;EAWtE"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../src/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACzC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ColorScaleSlider.d.ts","sourceRoot":"","sources":["../../src/ColorScaleSlider/ColorScaleSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAItE;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,KAAK,EACL,aAAa,EACb,KAAK,EACL,OAAO,EACP,QAAgB,EAChB,IAAY,EACZ,QAAgB,EAChB,YAAoB,EACpB,KAAK,GACN,EAAE,qBAAqB,qBAgIvB"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ColorScaleSlider.styles.d.ts","sourceRoot":"","sources":["../../src/ColorScaleSlider/ColorScaleSlider.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,QAAA,MAAM,YAAY,KAAK,CAAC;AACxB,eAAO,MAAM,UAAU,KAAK,CAAC;AAE7B,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO;;;;;;;;;;;;;oBAc5B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAgCL,GAAG;;;EAIvD;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ColorScaleSlider.types.d.ts","sourceRoot":"","sources":["../../src/ColorScaleSlider/ColorScaleSlider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,WAAW,qBAAqB;IACpC,wEAAwE;IACxE,QAAQ,CAAC,MAAM,EAAE,SAAS,WAAW,EAAE,CAAC;IACxC,iEAAiE;IACjE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,2CAA2C;IAC3C,QAAQ,CAAC,aAAa,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,2CAA2C;IAC3C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,+CAA+C;IAC/C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,+EAA+E;IAC/E,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,0EAA0E;IAC1E,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,qCAAqC;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,8FAA8F;IAC9F,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,8BAA8B;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ColorScaleSlider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"HueSlider.d.ts","sourceRoot":"","sources":["../../src/HueSlider/HueSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAQxD;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,aAAa,EACb,GAAO,EACP,GAAS,EACT,KAAK,EACL,SAAiB,EACjB,aAAqB,EACrB,QAAgB,EAChB,KAAK,GACN,EAAE,cAAc,qBA+GhB"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"HueSlider.styles.d.ts","sourceRoot":"","sources":["../../src/HueSlider/HueSlider.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGtD,eAAO,MAAM,UAAU,KAAK,CAAC;AAG7B,0DAA0D;AAC1D,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAY5C;AAED,oEAAoE;AACpE,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAKnE;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO;;;;;;;;;;;;;oBAcrB,GAAG;;;;;;oBAML,GAAG;;;;;;;;;;;;;;oBAcH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BvD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"HueSlider.types.d.ts","sourceRoot":"","sources":["../../src/HueSlider/HueSlider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/HueSlider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../src/Navbar/Navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,MAAW,EACX,QAAe,GAChB,EAAE,WAAW,qBAmBb"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Navbar.styles.d.ts","sourceRoot":"","sources":["../../src/Navbar/Navbar.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,UAAU,gBAAgB;IACxB,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB;;;;;;;;;;;;;;;;;;;;;;EA0B7E"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Navbar.types.d.ts","sourceRoot":"","sources":["../../src/Navbar/Navbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAW;IAC1B,oDAAoD;IACpD,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,gDAAgD;IAChD,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,4CAA4C;IAC5C,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,2CAA2C;IAC3C,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,wCAAwC;IACxC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Navbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQpD,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAiB,EACjB,SAAe,EACf,MAAU,EACV,aAAoB,EACpB,KAAK,EACL,YAAY,GACb,EAAE,YAAY,qBAmFd"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,cAAc,EACtB,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,EAClC,MAAM,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgChB"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEhD,MAAM,WAAW,YAAY;IAC3B,yDAAyD;IACzD,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,yCAAyC;IACzC,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,oFAAoF;IACpF,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,8DAA8D;IAC9D,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,iEAAiE;IACjE,QAAQ,CAAC,SAAS,CAAC,EAAE,gBAAgB,CAAC;IACtC,yHAAyH;IACzH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAC7C,oDAAoD;IACpD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,wDAAwD;IACxD,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,gEAAgE;IAChE,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,+BAA+B;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACzC,uCAAuC;IACvC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACjD;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;CAC7B"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAC3G,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../src/Popover/usePopover.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAE3E,wBAAgB,UAAU,CAAC,OAAO,CAAC,EAAE,iBAAiB,GAAG,gBAAgB,CAsBxE"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAuBhE,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,aAAa,EACb,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,YAAY,EACZ,WAAW,EACX,IAAW,EACX,KAAK,GACN,EAAE,WAAW,qBAiHb"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../src/Select/Select.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,OAAO,EACjB,IAAI,EAAE,IAAI,GAAG,IAAI,EACjB,MAAM,EAAE,OAAO;;;;;;;;oBAiBsC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAiCH,GAAG;;;;;;;;EASzD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../src/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,SAAS,YAAY,EAAE,CAAC;CAC3C;AAED,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,iBAAiB,CAAC;AAE1D,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,IAAI,iBAAiB,CAEzE;AAED,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,QAAQ,CAAC,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IACxC,+BAA+B;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,sCAAsC;IACtC,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,8CAA8C;IAC9C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,iDAAiD;IACjD,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,wCAAwC;IACxC,QAAQ,CAAC,YAAY,CAAC,EAAE,CACtB,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE;QAAE,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;KAAE,KACjE,KAAK,CAAC,SAAS,CAAC;IACrB,iDAAiD;IACjD,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,kCAAkC;IAClC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,+BAA+B;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../src/Select/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKpF,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IACpD,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CAC5B;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,UAAU,EACV,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,qBAgFtB"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSelect.d.ts","sourceRoot":"","sources":["../../src/Select/useSelect.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,UAAU,gBAAgB;IACxB,QAAQ,CAAC,WAAW,EAAE,SAAS,YAAY,EAAE,CAAC;IAC9C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;CAC7B;AAiBD,wBAAgB,SAAS,CAAC,EACxB,WAAW,EACX,KAAK,EACL,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,GACP,EAAE,gBAAgB;;uBAqBX,GAAG;EAyEV"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../src/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,KAAW,EACX,QAAe,GAChB,EAAE,YAAY,qBAcd"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Sidebar.styles.d.ts","sourceRoot":"","sources":["../../src/Sidebar/Sidebar.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,UAAU,iBAAiB;IACzB,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;EA0B9E"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Sidebar.types.d.ts","sourceRoot":"","sources":["../../src/Sidebar/Sidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,YAAY;IAC3B,uDAAuD;IACvD,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,uCAAuC;IACvC,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC5B,+CAA+C;IAC/C,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC5B,0CAA0C;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,uCAAuC;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,aAAa,EACb,GAAO,EACP,GAAS,EACT,IAAQ,EACR,KAAK,EACL,SAAiB,EACjB,aAAqB,EACrB,QAAgB,EAChB,KAAK,GACN,EAAE,WAAW,qBAwGb"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Slider.styles.d.ts","sourceRoot":"","sources":["../../src/Slider/Slider.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGtD,eAAO,MAAM,UAAU,KAAK,CAAC;AAE7B,wBAAgB,eAAe,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO;;;;;;;;;;;;;oBAclB,GAAG;;;;;;oBAML,GAAG;;;;;;;;;;;;;;oBAcH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BvD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../src/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKxD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAgB,EAChB,KAAK,EACL,GAAG,cAAc,EAClB,EAAE,cAAc,qBAmBhB"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextInput.styles.d.ts","sourceRoot":"","sources":["../../src/TextInput/TextInput.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO;;;;;;;oBAQrB,GAAG;;;;;;;;;;;;;;;EAkBzD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextInput.types.d.ts","sourceRoot":"","sources":["../../src/TextInput/TextInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,IAAI,gBAAgB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAElF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACrE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,aAAa,EACb,KAAK,EACL,QAAgB,EAChB,KAAK,GACN,EAAE,WAAW,qBA6Bb"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toggle.styles.d.ts","sourceRoot":"","sources":["../../src/Toggle/Toggle.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAOtD,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,OAAO;;;;;;;;;;oBAYoC,GAAG;;;;;;;;;;;;;;;;;;EAqBzD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toggle.types.d.ts","sourceRoot":"","sources":["../../src/Toggle/Toggle.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1,133 +0,0 @@
1
- import { StyleSheet } from 'react-native';
2
- import { srgbToHex } from 'newtone';
3
- import type { ResolvedTokens } from '../tokens/types';
4
- import type { ButtonVariant, ButtonSize } from './Button.types';
5
-
6
- /**
7
- * Get size configuration for buttons using design tokens
8
- */
9
- function getSizeConfig(tokens: ResolvedTokens) {
10
- return {
11
- sm: {
12
- paddingVertical: tokens.spacing['04'],
13
- paddingHorizontal: tokens.spacing['12'],
14
- fontSize: tokens.typography.size.sm,
15
- borderRadius: tokens.radius.sm,
16
- gap: tokens.spacing['04'],
17
- iconSize: tokens.typography.size.sm,
18
- },
19
- md: {
20
- paddingVertical: tokens.spacing['08'],
21
- paddingHorizontal: tokens.spacing['16'],
22
- fontSize: tokens.typography.size.base,
23
- borderRadius: tokens.radius.md,
24
- gap: tokens.spacing['08'],
25
- iconSize: tokens.typography.size.base,
26
- },
27
- lg: {
28
- paddingVertical: tokens.spacing['12'],
29
- paddingHorizontal: tokens.spacing['24'],
30
- fontSize: tokens.typography.size.base,
31
- borderRadius: tokens.radius.lg,
32
- gap: tokens.spacing['08'],
33
- iconSize: tokens.typography.size.base,
34
- },
35
- };
36
- }
37
-
38
- /**
39
- * Compute button styles based on tokens, variant, size, and state
40
- *
41
- * @param tokens - Resolved design tokens from useTokens
42
- * @param variant - Button variant (primary, secondary, ghost, outline)
43
- * @param size - Button size (sm, md, lg)
44
- * @param disabled - Whether button is disabled
45
- * @param isIconOnly - Whether the button shows only an icon (no text)
46
- * @returns StyleSheet with button styles + iconColor for the Icon component
47
- */
48
- export function getButtonStyles(
49
- tokens: ResolvedTokens,
50
- variant: ButtonVariant,
51
- size: ButtonSize,
52
- disabled: boolean,
53
- isIconOnly: boolean
54
- ) {
55
- const sizeConfig = getSizeConfig(tokens)[size];
56
-
57
- // Base styles
58
- const base = {
59
- paddingVertical: sizeConfig.paddingVertical,
60
- paddingHorizontal: isIconOnly ? sizeConfig.paddingVertical : sizeConfig.paddingHorizontal,
61
- borderRadius: sizeConfig.borderRadius,
62
- alignItems: 'center' as const,
63
- justifyContent: 'center' as const,
64
- flexDirection: 'row' as const,
65
- gap: sizeConfig.gap,
66
- };
67
-
68
- // Variant-specific colors
69
- let backgroundColor: string;
70
- let textColor: string;
71
- let borderColor: string | undefined;
72
- let borderWidth = 0;
73
-
74
- switch (variant) {
75
- case 'primary':
76
- backgroundColor = srgbToHex(tokens.interactive.srgb);
77
- textColor = srgbToHex(tokens.background.srgb); // Contrast inversion
78
- break;
79
- case 'secondary':
80
- backgroundColor = srgbToHex(tokens.backgroundElevated.srgb);
81
- textColor = srgbToHex(tokens.textPrimary.srgb);
82
- break;
83
- case 'outline':
84
- backgroundColor = 'transparent';
85
- textColor = srgbToHex(tokens.interactive.srgb);
86
- borderColor = srgbToHex(tokens.border.srgb);
87
- borderWidth = 1;
88
- break;
89
- case 'ghost':
90
- backgroundColor = 'transparent';
91
- textColor = srgbToHex(tokens.interactive.srgb);
92
- break;
93
- }
94
-
95
- const resolvedTextColor = disabled ? srgbToHex(tokens.textSecondary.srgb) : textColor;
96
-
97
- return {
98
- iconColor: resolvedTextColor,
99
- iconSize: sizeConfig.iconSize,
100
- styles: StyleSheet.create({
101
- base: {
102
- ...base,
103
- backgroundColor: disabled ? srgbToHex(tokens.backgroundSunken.srgb) : backgroundColor,
104
- borderWidth,
105
- ...(borderColor && { borderColor }),
106
- },
107
- pressed: {
108
- backgroundColor:
109
- variant === 'primary'
110
- ? srgbToHex(tokens.interactiveActive.srgb)
111
- : variant === 'secondary'
112
- ? srgbToHex(tokens.backgroundSunken.srgb)
113
- : 'transparent',
114
- opacity: variant === 'ghost' || variant === 'outline' ? 0.7 : 1,
115
- },
116
- disabled: {
117
- opacity: 0.4,
118
- },
119
- text: {
120
- fontFamily: tokens.typography.fonts.default,
121
- fontSize: sizeConfig.fontSize,
122
- fontWeight: tokens.typography.weight.semibold as any,
123
- color: resolvedTextColor,
124
- },
125
- textPressed: {
126
- // Color changes handled by parent opacity
127
- },
128
- textDisabled: {
129
- // Color already set in text style via disabled check
130
- },
131
- }),
132
- };
133
- }
@@ -1,86 +0,0 @@
1
- import React from 'react';
2
- import { Pressable, Text } from 'react-native';
3
- import type { ButtonProps } from './Button.types';
4
- import { useTokens } from '../tokens/useTokens';
5
- import { getButtonStyles } from './Button.styles';
6
- import { Icon } from '../primitives/Icon/Icon';
7
-
8
- /**
9
- * Button component with support for multiple variants, sizes, and optional icons.
10
- *
11
- * Automatically adapts to the current theme and mode from NewtoneProvider.
12
- *
13
- * @example
14
- * ```tsx
15
- * <Button variant="primary" size="md" onPress={() => console.log('Pressed')}>
16
- * Click me
17
- * </Button>
18
- * ```
19
- *
20
- * @example
21
- * ```tsx
22
- * <Button icon="add" variant="primary" onPress={handleAdd}>
23
- * New Item
24
- * </Button>
25
- * ```
26
- *
27
- * @example
28
- * ```tsx
29
- * <Button icon="delete" variant="ghost" size="sm" onPress={handleDelete} />
30
- * ```
31
- */
32
- export function Button({
33
- children,
34
- icon,
35
- iconPosition = 'left',
36
- variant = 'primary',
37
- size = 'md',
38
- disabled = false,
39
- style,
40
- textStyle,
41
- ...pressableProps
42
- }: ButtonProps) {
43
- const tokens = useTokens(1);
44
- const isIconOnly = !!icon && !children;
45
-
46
- const { styles, iconColor, iconSize } = React.useMemo(
47
- () => getButtonStyles(tokens, variant, size, disabled, isIconOnly),
48
- [tokens, variant, size, disabled, isIconOnly]
49
- );
50
-
51
- const renderIcon = () => (
52
- <Icon name={icon!} size={iconSize} color={iconColor} />
53
- );
54
-
55
- return (
56
- <Pressable
57
- style={({ pressed }) => [
58
- styles.base,
59
- pressed && !disabled && styles.pressed,
60
- disabled && styles.disabled,
61
- ...(Array.isArray(style) ? style : [style]),
62
- ]}
63
- disabled={disabled}
64
- {...pressableProps}
65
- >
66
- {({ pressed }) => (
67
- <>
68
- {icon && iconPosition === 'left' && renderIcon()}
69
- {children != null && (
70
- <Text
71
- style={[
72
- styles.text,
73
- pressed && !disabled && styles.textPressed,
74
- disabled && styles.textDisabled,
75
- ...(Array.isArray(textStyle) ? textStyle : [textStyle]),
76
- ]}
77
- >
78
- {children}
79
- </Text>
80
- )}
81
- {icon && iconPosition === 'right' && renderIcon()}
82
- </>
83
- )}
84
- </Pressable>
85
- );
86
- }
File without changes