@cdx-ui/components 0.0.1-beta.4 → 0.0.1-beta.40

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 (283) hide show
  1. package/README.md +18 -11
  2. package/lib/commonjs/components/Avatar/index.js +1 -1
  3. package/lib/commonjs/components/Avatar/styles.js +36 -29
  4. package/lib/commonjs/components/Avatar/styles.js.map +1 -1
  5. package/lib/commonjs/components/Button/styles.js +2 -2
  6. package/lib/commonjs/components/Button/styles.js.map +1 -1
  7. package/lib/commonjs/components/CLAUDE.md +90 -0
  8. package/lib/commonjs/components/Card/index.js +22 -4
  9. package/lib/commonjs/components/Card/index.js.map +1 -1
  10. package/lib/commonjs/components/Card/styles.js +27 -5
  11. package/lib/commonjs/components/Card/styles.js.map +1 -1
  12. package/lib/commonjs/components/Checkbox/index.js +5 -29
  13. package/lib/commonjs/components/Checkbox/index.js.map +1 -1
  14. package/lib/commonjs/components/Checkbox/styles.js +39 -47
  15. package/lib/commonjs/components/Checkbox/styles.js.map +1 -1
  16. package/lib/commonjs/components/Chip/index.js +78 -9
  17. package/lib/commonjs/components/Chip/index.js.map +1 -1
  18. package/lib/commonjs/components/Chip/styles.js +207 -21
  19. package/lib/commonjs/components/Chip/styles.js.map +1 -1
  20. package/lib/commonjs/components/Field/index.js +8 -2
  21. package/lib/commonjs/components/Field/index.js.map +1 -1
  22. package/lib/commonjs/components/Field/styles.js +4 -4
  23. package/lib/commonjs/components/Field/styles.js.map +1 -1
  24. package/lib/commonjs/components/Heading/styles.js +1 -1
  25. package/lib/commonjs/components/Heading/styles.js.map +1 -1
  26. package/lib/commonjs/components/Icon/index.js +1 -2
  27. package/lib/commonjs/components/Icon/index.js.map +1 -1
  28. package/lib/commonjs/components/IconButton/index.js +6 -1
  29. package/lib/commonjs/components/IconButton/index.js.map +1 -1
  30. package/lib/commonjs/components/IconButton/styles.js +135 -10
  31. package/lib/commonjs/components/IconButton/styles.js.map +1 -1
  32. package/lib/commonjs/components/Input/styles.js +7 -6
  33. package/lib/commonjs/components/Input/styles.js.map +1 -1
  34. package/lib/commonjs/components/ListItem/index.js +283 -0
  35. package/lib/commonjs/components/ListItem/index.js.map +1 -0
  36. package/lib/commonjs/components/ListItem/styles.js +130 -0
  37. package/lib/commonjs/components/ListItem/styles.js.map +1 -0
  38. package/lib/commonjs/components/ProgressSegmented/index.js +22 -10
  39. package/lib/commonjs/components/ProgressSegmented/index.js.map +1 -1
  40. package/lib/commonjs/components/Radio/index.js +167 -0
  41. package/lib/commonjs/components/Radio/index.js.map +1 -0
  42. package/lib/commonjs/components/Radio/styles.js +31 -0
  43. package/lib/commonjs/components/Radio/styles.js.map +1 -0
  44. package/lib/commonjs/components/Text/styles.js +2 -2
  45. package/lib/commonjs/components/Text/styles.js.map +1 -1
  46. package/lib/commonjs/components/Tile/index.js +251 -0
  47. package/lib/commonjs/components/Tile/index.js.map +1 -0
  48. package/lib/commonjs/components/Tile/styles.js +52 -0
  49. package/lib/commonjs/components/Tile/styles.js.map +1 -0
  50. package/lib/commonjs/components/index.js +36 -0
  51. package/lib/commonjs/components/index.js.map +1 -1
  52. package/lib/commonjs/figma/Avatar.figma.js +54 -0
  53. package/lib/commonjs/figma/Avatar.figma.js.map +1 -0
  54. package/lib/commonjs/figma/Button.figma.js +28 -11
  55. package/lib/commonjs/figma/Button.figma.js.map +1 -1
  56. package/lib/commonjs/figma/CLAUDE.md +30 -0
  57. package/lib/commonjs/figma/Card.Header.figma.js +28 -0
  58. package/lib/commonjs/figma/Card.Header.figma.js.map +1 -0
  59. package/lib/commonjs/figma/Card.figma.js +42 -0
  60. package/lib/commonjs/figma/Card.figma.js.map +1 -0
  61. package/lib/commonjs/figma/Checkbox.figma.js +55 -0
  62. package/lib/commonjs/figma/Checkbox.figma.js.map +1 -0
  63. package/lib/commonjs/figma/Chip.figma.js +68 -0
  64. package/lib/commonjs/figma/Chip.figma.js.map +1 -0
  65. package/lib/commonjs/figma/Field.Input.figma.js +57 -0
  66. package/lib/commonjs/figma/Field.Input.figma.js.map +1 -0
  67. package/lib/commonjs/figma/Field.Select.figma.js +57 -0
  68. package/lib/commonjs/figma/Field.Select.figma.js.map +1 -0
  69. package/lib/commonjs/figma/Heading.figma.js +30 -0
  70. package/lib/commonjs/figma/Heading.figma.js.map +1 -0
  71. package/lib/commonjs/figma/Icon.figma.js +20 -0
  72. package/lib/commonjs/figma/Icon.figma.js.map +1 -0
  73. package/lib/commonjs/figma/IconButton.figma.js +47 -0
  74. package/lib/commonjs/figma/IconButton.figma.js.map +1 -0
  75. package/lib/commonjs/figma/Input.figma.js +52 -0
  76. package/lib/commonjs/figma/Input.figma.js.map +1 -0
  77. package/lib/commonjs/figma/ProgressSegmented.figma.js +39 -0
  78. package/lib/commonjs/figma/ProgressSegmented.figma.js.map +1 -0
  79. package/lib/commonjs/figma/Radio.figma.js +38 -0
  80. package/lib/commonjs/figma/Radio.figma.js.map +1 -0
  81. package/lib/commonjs/figma/Select.figma.js +53 -0
  82. package/lib/commonjs/figma/Select.figma.js.map +1 -0
  83. package/lib/commonjs/figma/Text.figma.js +29 -0
  84. package/lib/commonjs/figma/Text.figma.js.map +1 -0
  85. package/lib/commonjs/figma/icons.figma.batch.js +27 -0
  86. package/lib/commonjs/figma/icons.figma.batch.js.map +1 -0
  87. package/lib/commonjs/figma/icons.figma.batch.json +17705 -0
  88. package/lib/commonjs/styles/primitives.js +42 -5
  89. package/lib/commonjs/styles/primitives.js.map +1 -1
  90. package/lib/module/components/Avatar/index.js +1 -1
  91. package/lib/module/components/Avatar/styles.js +36 -29
  92. package/lib/module/components/Avatar/styles.js.map +1 -1
  93. package/lib/module/components/Button/styles.js +2 -2
  94. package/lib/module/components/Button/styles.js.map +1 -1
  95. package/lib/module/components/CLAUDE.md +90 -0
  96. package/lib/module/components/Card/index.js +23 -4
  97. package/lib/module/components/Card/index.js.map +1 -1
  98. package/lib/module/components/Card/styles.js +27 -5
  99. package/lib/module/components/Card/styles.js.map +1 -1
  100. package/lib/module/components/Checkbox/index.js +6 -30
  101. package/lib/module/components/Checkbox/index.js.map +1 -1
  102. package/lib/module/components/Checkbox/styles.js +40 -48
  103. package/lib/module/components/Checkbox/styles.js.map +1 -1
  104. package/lib/module/components/Chip/index.js +82 -13
  105. package/lib/module/components/Chip/index.js.map +1 -1
  106. package/lib/module/components/Chip/styles.js +206 -20
  107. package/lib/module/components/Chip/styles.js.map +1 -1
  108. package/lib/module/components/Field/index.js +9 -3
  109. package/lib/module/components/Field/index.js.map +1 -1
  110. package/lib/module/components/Field/styles.js +4 -4
  111. package/lib/module/components/Field/styles.js.map +1 -1
  112. package/lib/module/components/Heading/styles.js +1 -1
  113. package/lib/module/components/Heading/styles.js.map +1 -1
  114. package/lib/module/components/Icon/index.js +1 -2
  115. package/lib/module/components/Icon/index.js.map +1 -1
  116. package/lib/module/components/IconButton/index.js +6 -1
  117. package/lib/module/components/IconButton/index.js.map +1 -1
  118. package/lib/module/components/IconButton/styles.js +135 -10
  119. package/lib/module/components/IconButton/styles.js.map +1 -1
  120. package/lib/module/components/Input/styles.js +7 -6
  121. package/lib/module/components/Input/styles.js.map +1 -1
  122. package/lib/module/components/ListItem/index.js +226 -0
  123. package/lib/module/components/ListItem/index.js.map +1 -0
  124. package/lib/module/components/ListItem/styles.js +127 -0
  125. package/lib/module/components/ListItem/styles.js.map +1 -0
  126. package/lib/module/components/ProgressSegmented/index.js +23 -11
  127. package/lib/module/components/ProgressSegmented/index.js.map +1 -1
  128. package/lib/module/components/Radio/index.js +164 -0
  129. package/lib/module/components/Radio/index.js.map +1 -0
  130. package/lib/module/components/Radio/styles.js +27 -0
  131. package/lib/module/components/Radio/styles.js.map +1 -0
  132. package/lib/module/components/Text/styles.js +2 -2
  133. package/lib/module/components/Text/styles.js.map +1 -1
  134. package/lib/module/components/Tile/index.js +243 -0
  135. package/lib/module/components/Tile/index.js.map +1 -0
  136. package/lib/module/components/Tile/styles.js +48 -0
  137. package/lib/module/components/Tile/styles.js.map +1 -0
  138. package/lib/module/components/index.js +3 -0
  139. package/lib/module/components/index.js.map +1 -1
  140. package/lib/module/figma/Avatar.figma.js +48 -0
  141. package/lib/module/figma/Avatar.figma.js.map +1 -0
  142. package/lib/module/figma/Button.figma.js +28 -11
  143. package/lib/module/figma/Button.figma.js.map +1 -1
  144. package/lib/module/figma/CLAUDE.md +30 -0
  145. package/lib/module/figma/Card.Header.figma.js +22 -0
  146. package/lib/module/figma/Card.Header.figma.js.map +1 -0
  147. package/lib/module/figma/Card.figma.js +36 -0
  148. package/lib/module/figma/Card.figma.js.map +1 -0
  149. package/lib/module/figma/Checkbox.figma.js +49 -0
  150. package/lib/module/figma/Checkbox.figma.js.map +1 -0
  151. package/lib/module/figma/Chip.figma.js +62 -0
  152. package/lib/module/figma/Chip.figma.js.map +1 -0
  153. package/lib/module/figma/Field.Input.figma.js +51 -0
  154. package/lib/module/figma/Field.Input.figma.js.map +1 -0
  155. package/lib/module/figma/Field.Select.figma.js +51 -0
  156. package/lib/module/figma/Field.Select.figma.js.map +1 -0
  157. package/lib/module/figma/Heading.figma.js +24 -0
  158. package/lib/module/figma/Heading.figma.js.map +1 -0
  159. package/lib/module/figma/Icon.figma.js +14 -0
  160. package/lib/module/figma/Icon.figma.js.map +1 -0
  161. package/lib/module/figma/IconButton.figma.js +41 -0
  162. package/lib/module/figma/IconButton.figma.js.map +1 -0
  163. package/lib/module/figma/Input.figma.js +46 -0
  164. package/lib/module/figma/Input.figma.js.map +1 -0
  165. package/lib/module/figma/ProgressSegmented.figma.js +33 -0
  166. package/lib/module/figma/ProgressSegmented.figma.js.map +1 -0
  167. package/lib/module/figma/Radio.figma.js +32 -0
  168. package/lib/module/figma/Radio.figma.js.map +1 -0
  169. package/lib/module/figma/Select.figma.js +47 -0
  170. package/lib/module/figma/Select.figma.js.map +1 -0
  171. package/lib/module/figma/Text.figma.js +23 -0
  172. package/lib/module/figma/Text.figma.js.map +1 -0
  173. package/lib/module/figma/icons.figma.batch.js +22 -0
  174. package/lib/module/figma/icons.figma.batch.js.map +1 -0
  175. package/lib/module/figma/icons.figma.batch.json +17705 -0
  176. package/lib/module/styles/primitives.js +42 -5
  177. package/lib/module/styles/primitives.js.map +1 -1
  178. package/lib/typescript/components/Avatar/styles.d.ts +4 -4
  179. package/lib/typescript/components/Avatar/styles.d.ts.map +1 -1
  180. package/lib/typescript/components/Card/index.d.ts +4 -3
  181. package/lib/typescript/components/Card/index.d.ts.map +1 -1
  182. package/lib/typescript/components/Card/styles.d.ts +13 -3
  183. package/lib/typescript/components/Card/styles.d.ts.map +1 -1
  184. package/lib/typescript/components/Checkbox/index.d.ts +1 -2
  185. package/lib/typescript/components/Checkbox/index.d.ts.map +1 -1
  186. package/lib/typescript/components/Checkbox/styles.d.ts +4 -14
  187. package/lib/typescript/components/Checkbox/styles.d.ts.map +1 -1
  188. package/lib/typescript/components/Chip/index.d.ts +19 -6
  189. package/lib/typescript/components/Chip/index.d.ts.map +1 -1
  190. package/lib/typescript/components/Chip/styles.d.ts +13 -4
  191. package/lib/typescript/components/Chip/styles.d.ts.map +1 -1
  192. package/lib/typescript/components/Field/FieldLabel.web.d.ts +2 -2
  193. package/lib/typescript/components/Field/FieldLabel.web.d.ts.map +1 -1
  194. package/lib/typescript/components/Field/index.d.ts.map +1 -1
  195. package/lib/typescript/components/Field/styles.d.ts.map +1 -1
  196. package/lib/typescript/components/Heading/styles.d.ts +1 -1
  197. package/lib/typescript/components/Icon/index.d.ts.map +1 -1
  198. package/lib/typescript/components/IconButton/index.d.ts.map +1 -1
  199. package/lib/typescript/components/IconButton/styles.d.ts +6 -2
  200. package/lib/typescript/components/IconButton/styles.d.ts.map +1 -1
  201. package/lib/typescript/components/Input/styles.d.ts.map +1 -1
  202. package/lib/typescript/components/ListItem/index.d.ts +49 -0
  203. package/lib/typescript/components/ListItem/index.d.ts.map +1 -0
  204. package/lib/typescript/components/ListItem/styles.d.ts +30 -0
  205. package/lib/typescript/components/ListItem/styles.d.ts.map +1 -0
  206. package/lib/typescript/components/ProgressSegmented/index.d.ts +14 -3
  207. package/lib/typescript/components/ProgressSegmented/index.d.ts.map +1 -1
  208. package/lib/typescript/components/Radio/index.d.ts +40 -0
  209. package/lib/typescript/components/Radio/index.d.ts.map +1 -0
  210. package/lib/typescript/components/Radio/styles.d.ts +8 -0
  211. package/lib/typescript/components/Radio/styles.d.ts.map +1 -0
  212. package/lib/typescript/components/Stack/styles.d.ts +2 -2
  213. package/lib/typescript/components/Text/styles.d.ts +1 -1
  214. package/lib/typescript/components/Tile/index.d.ts +70 -0
  215. package/lib/typescript/components/Tile/index.d.ts.map +1 -0
  216. package/lib/typescript/components/Tile/styles.d.ts +18 -0
  217. package/lib/typescript/components/Tile/styles.d.ts.map +1 -0
  218. package/lib/typescript/components/index.d.ts +3 -0
  219. package/lib/typescript/components/index.d.ts.map +1 -1
  220. package/lib/typescript/figma/Avatar.figma.d.ts +8 -0
  221. package/lib/typescript/figma/Avatar.figma.d.ts.map +1 -0
  222. package/lib/typescript/figma/Button.figma.d.ts.map +1 -1
  223. package/lib/typescript/figma/Card.Header.figma.d.ts +8 -0
  224. package/lib/typescript/figma/Card.Header.figma.d.ts.map +1 -0
  225. package/lib/typescript/figma/Card.figma.d.ts +8 -0
  226. package/lib/typescript/figma/Card.figma.d.ts.map +1 -0
  227. package/lib/typescript/figma/Checkbox.figma.d.ts +8 -0
  228. package/lib/typescript/figma/Checkbox.figma.d.ts.map +1 -0
  229. package/lib/typescript/figma/Chip.figma.d.ts +8 -0
  230. package/lib/typescript/figma/Chip.figma.d.ts.map +1 -0
  231. package/lib/typescript/figma/Field.Input.figma.d.ts +8 -0
  232. package/lib/typescript/figma/Field.Input.figma.d.ts.map +1 -0
  233. package/lib/typescript/figma/Field.Select.figma.d.ts +8 -0
  234. package/lib/typescript/figma/Field.Select.figma.d.ts.map +1 -0
  235. package/lib/typescript/figma/Heading.figma.d.ts +8 -0
  236. package/lib/typescript/figma/Heading.figma.d.ts.map +1 -0
  237. package/lib/typescript/figma/Icon.figma.d.ts +8 -0
  238. package/lib/typescript/figma/Icon.figma.d.ts.map +1 -0
  239. package/lib/typescript/figma/IconButton.figma.d.ts +8 -0
  240. package/lib/typescript/figma/IconButton.figma.d.ts.map +1 -0
  241. package/lib/typescript/figma/Input.figma.d.ts +8 -0
  242. package/lib/typescript/figma/Input.figma.d.ts.map +1 -0
  243. package/lib/typescript/figma/ProgressSegmented.figma.d.ts +8 -0
  244. package/lib/typescript/figma/ProgressSegmented.figma.d.ts.map +1 -0
  245. package/lib/typescript/figma/Radio.figma.d.ts +8 -0
  246. package/lib/typescript/figma/Radio.figma.d.ts.map +1 -0
  247. package/lib/typescript/figma/Select.figma.d.ts +8 -0
  248. package/lib/typescript/figma/Select.figma.d.ts.map +1 -0
  249. package/lib/typescript/figma/Text.figma.d.ts +8 -0
  250. package/lib/typescript/figma/Text.figma.d.ts.map +1 -0
  251. package/lib/typescript/figma/icons.figma.batch.d.ts +14 -0
  252. package/lib/typescript/figma/icons.figma.batch.d.ts.map +1 -0
  253. package/lib/typescript/styles/primitives.d.ts +38 -0
  254. package/lib/typescript/styles/primitives.d.ts.map +1 -1
  255. package/package.json +4 -4
  256. package/src/components/Avatar/index.tsx +1 -1
  257. package/src/components/Avatar/styles.ts +49 -34
  258. package/src/components/Button/styles.ts +2 -2
  259. package/src/components/CLAUDE.md +90 -0
  260. package/src/components/Card/index.tsx +41 -16
  261. package/src/components/Card/styles.ts +43 -23
  262. package/src/components/Checkbox/index.tsx +8 -19
  263. package/src/components/Checkbox/styles.ts +82 -86
  264. package/src/components/Chip/index.tsx +104 -27
  265. package/src/components/Chip/styles.ts +232 -18
  266. package/src/components/Field/FieldLabel.web.tsx +1 -1
  267. package/src/components/Field/index.tsx +10 -3
  268. package/src/components/Field/styles.ts +5 -4
  269. package/src/components/Heading/styles.ts +1 -1
  270. package/src/components/Icon/index.tsx +1 -2
  271. package/src/components/IconButton/index.tsx +3 -2
  272. package/src/components/IconButton/styles.ts +136 -10
  273. package/src/components/Input/styles.ts +14 -9
  274. package/src/components/ListItem/index.tsx +285 -0
  275. package/src/components/ListItem/styles.ts +153 -0
  276. package/src/components/ProgressSegmented/index.tsx +49 -14
  277. package/src/components/Radio/index.tsx +192 -0
  278. package/src/components/Radio/styles.ts +59 -0
  279. package/src/components/Text/styles.ts +2 -2
  280. package/src/components/Tile/index.tsx +296 -0
  281. package/src/components/Tile/styles.ts +82 -0
  282. package/src/components/index.ts +3 -0
  283. package/src/styles/primitives.ts +42 -5
@@ -0,0 +1,130 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.listItemTrailingSlotVariants = exports.listItemTitleVariants = exports.listItemSectionHeaderVariants = exports.listItemSectionHeaderLabelVariants = exports.listItemRootVariants = exports.listItemMetaVariants = exports.listItemLeadingSlotVariants = exports.listItemDescriptionVariants = exports.listItemContentVariants = void 0;
7
+ var _reactNative = require("react-native");
8
+ var _classVarianceAuthority = require("class-variance-authority");
9
+ var _primitives = require("../../styles/primitives");
10
+ // ── Root (row): density, surface, separator, interactive feedback ──────────
11
+
12
+ const listItemRootVariants = exports.listItemRootVariants = (0, _classVarianceAuthority.cva)(['flex-row self-stretch w-full px-4', 'data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none', 'data-[active=true]:opacity-70', _primitives.TRANSITION_COLORS, _reactNative.Platform.select({
13
+ web: ['outline-none', 'web:data-[hover=true]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:ring-2 web:focus-visible:data-[disabled=false]:ring-slate-400/40 web:focus-visible:data-[disabled=false]:ring-offset-2'].join(' '),
14
+ default: ''
15
+ })], {
16
+ variants: {
17
+ size: {
18
+ default: 'gap-3 py-4',
19
+ compact: 'gap-2 py-3'
20
+ },
21
+ surface: {
22
+ default: 'bg-white',
23
+ negative: 'bg-red-50'
24
+ },
25
+ showSeparator: {
26
+ true: 'border-b border-solid border-stroke-secondary',
27
+ false: 'border-b-0'
28
+ },
29
+ crossAlign: {
30
+ center: 'items-center',
31
+ start: 'items-start'
32
+ }
33
+ },
34
+ compoundVariants: [{
35
+ surface: 'negative',
36
+ className: _reactNative.Platform.select({
37
+ web: 'web:data-[hover=true]:bg-red-100/90',
38
+ default: ''
39
+ })
40
+ }],
41
+ defaultVariants: {
42
+ size: 'default',
43
+ surface: 'default',
44
+ showSeparator: true,
45
+ crossAlign: 'center'
46
+ }
47
+ });
48
+
49
+ // ── Leading / trailing slots ─────────────────────────────────────────────────
50
+
51
+ const listItemLeadingSlotVariants = exports.listItemLeadingSlotVariants = (0, _classVarianceAuthority.cva)(['flex shrink-0 items-center justify-center']);
52
+ const listItemTrailingSlotVariants = exports.listItemTrailingSlotVariants = (0, _classVarianceAuthority.cva)(['flex shrink-0 flex-row justify-end gap-2'], {
53
+ variants: {
54
+ crossAlign: {
55
+ center: 'items-center',
56
+ start: 'items-start self-start'
57
+ }
58
+ },
59
+ defaultVariants: {
60
+ crossAlign: 'center'
61
+ }
62
+ });
63
+
64
+ // ── Content stack (title / description / meta) ───────────────────────────────
65
+
66
+ const listItemContentVariants = exports.listItemContentVariants = (0, _classVarianceAuthority.cva)('flex min-w-0 flex-1 flex-col gap-1', {
67
+ variants: {
68
+ crossAlign: {
69
+ center: 'justify-center',
70
+ start: 'justify-start'
71
+ }
72
+ },
73
+ defaultVariants: {
74
+ crossAlign: 'center'
75
+ }
76
+ });
77
+
78
+ // ── Typography ───────────────────────────────────────────────────────────────
79
+
80
+ const listItemTitleVariants = exports.listItemTitleVariants = (0, _classVarianceAuthority.cva)('text-content-primary font-medium', {
81
+ variants: {
82
+ size: {
83
+ default: 'text-base leading-snug',
84
+ compact: 'text-sm leading-snug'
85
+ }
86
+ },
87
+ defaultVariants: {
88
+ size: 'default'
89
+ }
90
+ });
91
+ const listItemDescriptionVariants = exports.listItemDescriptionVariants = (0, _classVarianceAuthority.cva)('text-content-secondary', {
92
+ variants: {
93
+ size: {
94
+ default: 'text-sm leading-normal',
95
+ compact: 'text-xs leading-normal'
96
+ }
97
+ },
98
+ defaultVariants: {
99
+ size: 'default'
100
+ }
101
+ });
102
+ const listItemMetaVariants = exports.listItemMetaVariants = (0, _classVarianceAuthority.cva)('text-content-tertiary', {
103
+ variants: {
104
+ size: {
105
+ default: 'text-xs leading-normal',
106
+ compact: 'text-[11px] leading-normal'
107
+ }
108
+ },
109
+ defaultVariants: {
110
+ size: 'default'
111
+ }
112
+ });
113
+
114
+ // ── Section header (group label row inside lists / cards) ───────────────────
115
+
116
+ const listItemSectionHeaderVariants = exports.listItemSectionHeaderVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-between gap-2 border-b border-solid px-4 py-3', 'border-stroke-secondary'], {
117
+ variants: {
118
+ showDivider: {
119
+ true: ['border-t-4 border-solid border-t-surface-brand-strong/40', 'border-x-0'],
120
+ false: 'border-t-0'
121
+ }
122
+ },
123
+ defaultVariants: {
124
+ showDivider: true
125
+ }
126
+ });
127
+
128
+ /** Default section-title typography; applied by `ListItem.SectionHeader` for string/number children. Exported for rare custom composition. */
129
+ const listItemSectionHeaderLabelVariants = exports.listItemSectionHeaderLabelVariants = (0, _classVarianceAuthority.cva)('text-xs font-semibold uppercase tracking-wide text-content-secondary');
130
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","listItemRootVariants","exports","cva","TRANSITION_COLORS","Platform","select","web","join","default","variants","size","compact","surface","negative","showSeparator","true","false","crossAlign","center","start","compoundVariants","className","defaultVariants","listItemLeadingSlotVariants","listItemTrailingSlotVariants","listItemContentVariants","listItemTitleVariants","listItemDescriptionVariants","listItemMetaVariants","listItemSectionHeaderVariants","showDivider","listItemSectionHeaderLabelVariants"],"sourceRoot":"../../../../src","sources":["components/ListItem/styles.ts"],"mappings":"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","ignoreList":[]}
@@ -9,19 +9,29 @@ var _reactNative = require("react-native");
9
9
  var _utils = require("@cdx-ui/utils");
10
10
  var _styles = require("./styles");
11
11
  var _jsxRuntime = require("react/jsx-runtime");
12
+ /* `ProgressSegmentedProps.total` remains in the public API until the next major release. */
13
+ /* eslint-disable @typescript-eslint/no-deprecated */
14
+
12
15
  const ProgressSegmented = exports.ProgressSegmented = /*#__PURE__*/(0, _react.forwardRef)(({
13
16
  step,
14
- total = 5,
17
+ segments,
18
+ total,
15
19
  isStepComplete = false,
16
20
  getAccessibilityText,
17
21
  className,
18
22
  accessibilityLabel = 'Progress',
19
23
  ...props
20
24
  }, ref) => {
21
- const clampedStep = Math.max(0, Math.min(step, total));
22
- const segments = (0, _react.useMemo)(() => {
25
+ const segmentCount = segments ?? total ?? 5;
26
+ (0, _react.useEffect)(() => {
27
+ if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && total !== undefined && segments === undefined) {
28
+ console.warn('[ProgressSegmented] The `total` prop is deprecated and will be removed in a future major release. Use `segments` instead.');
29
+ }
30
+ }, [total, segments]);
31
+ const clampedStep = Math.max(0, Math.min(step, segmentCount));
32
+ const segmentStates = (0, _react.useMemo)(() => {
23
33
  return Array.from({
24
- length: total
34
+ length: segmentCount
25
35
  }, (_, index) => {
26
36
  const segmentIndex = index + 1;
27
37
  let state = 'incomplete';
@@ -32,12 +42,12 @@ const ProgressSegmented = exports.ProgressSegmented = /*#__PURE__*/(0, _react.fo
32
42
  }
33
43
  return state;
34
44
  });
35
- }, [total, clampedStep, isStepComplete]);
36
- let accessibilityText = `Step ${String(clampedStep)} of ${String(total)}`;
45
+ }, [segmentCount, clampedStep, isStepComplete]);
46
+ let accessibilityText = `Step ${String(clampedStep)} of ${String(segmentCount)}`;
37
47
  if (getAccessibilityText) {
38
- accessibilityText = getAccessibilityText(clampedStep, total, isStepComplete);
48
+ accessibilityText = getAccessibilityText(clampedStep, segmentCount, isStepComplete);
39
49
  } else if (isStepComplete) {
40
- accessibilityText = `Step ${String(clampedStep)} of ${String(total)}, completed`;
50
+ accessibilityText = `Step ${String(clampedStep)} of ${String(segmentCount)}, completed`;
41
51
  }
42
52
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
43
53
  ref: ref,
@@ -45,13 +55,13 @@ const ProgressSegmented = exports.ProgressSegmented = /*#__PURE__*/(0, _react.fo
45
55
  accessibilityLabel: accessibilityLabel,
46
56
  accessibilityValue: {
47
57
  min: 0,
48
- max: total,
58
+ max: segmentCount,
49
59
  now: clampedStep,
50
60
  text: accessibilityText
51
61
  },
52
62
  className: (0, _utils.cn)((0, _styles.progressSegmentedVariants)(), className),
53
63
  ...props,
54
- children: segments.map((state, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
64
+ children: segmentStates.map((state, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
55
65
  className: (0, _utils.cn)((0, _styles.segmentVariants)({
56
66
  state
57
67
  }))
@@ -59,4 +69,6 @@ const ProgressSegmented = exports.ProgressSegmented = /*#__PURE__*/(0, _react.fo
59
69
  });
60
70
  });
61
71
  ProgressSegmented.displayName = 'ProgressSegmented';
72
+
73
+ /* eslint-enable @typescript-eslint/no-deprecated */
62
74
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_react","require","_reactNative","_utils","_styles","_jsxRuntime","ProgressSegmented","exports","forwardRef","step","total","isStepComplete","getAccessibilityText","className","accessibilityLabel","props","ref","clampedStep","Math","max","min","segments","useMemo","Array","from","length","_","index","segmentIndex","state","accessibilityText","String","jsx","View","accessibilityRole","accessibilityValue","now","text","cn","progressSegmentedVariants","children","map","segmentVariants","displayName"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAIkB,IAAAI,WAAA,GAAAJ,OAAA;AAcX,MAAMK,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,iBAAU,EACzC,CACE;EACEC,IAAI;EACJC,KAAK,GAAG,CAAC;EACTC,cAAc,GAAG,KAAK;EACtBC,oBAAoB;EACpBC,SAAS;EACTC,kBAAkB,GAAG,UAAU;EAC/B,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,WAAW,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAACX,IAAI,EAAEC,KAAK,CAAC,CAAC;EAEtD,MAAMW,QAAQ,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC7B,OAAOC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEf;IAAM,CAAC,EAAE,CAACgB,CAAC,EAAEC,KAAK,KAAK;MACjD,MAAMC,YAAY,GAAGD,KAAK,GAAG,CAAC;MAC9B,IAAIE,KAA+C,GAAG,YAAY;MAElE,IAAID,YAAY,GAAGX,WAAW,IAAKN,cAAc,IAAIiB,YAAY,KAAKX,WAAY,EAAE;QAClFY,KAAK,GAAG,UAAU;MACpB,CAAC,MAAM,IAAID,YAAY,KAAKX,WAAW,EAAE;QACvCY,KAAK,GAAG,YAAY;MACtB;MAEA,OAAOA,KAAK;IACd,CAAC,CAAC;EACJ,CAAC,EAAE,CAACnB,KAAK,EAAEO,WAAW,EAAEN,cAAc,CAAC,CAAC;EAExC,IAAImB,iBAAiB,GAAG,QAAQC,MAAM,CAACd,WAAW,CAAC,OAAOc,MAAM,CAACrB,KAAK,CAAC,EAAE;EACzE,IAAIE,oBAAoB,EAAE;IACxBkB,iBAAiB,GAAGlB,oBAAoB,CAACK,WAAW,EAAEP,KAAK,EAAEC,cAAc,CAAC;EAC9E,CAAC,MAAM,IAAIA,cAAc,EAAE;IACzBmB,iBAAiB,GAAG,QAAQC,MAAM,CAACd,WAAW,CAAC,OAAOc,MAAM,CAACrB,KAAK,CAAC,aAAa;EAClF;EAEA,oBACE,IAAAL,WAAA,CAAA2B,GAAA,EAAC9B,YAAA,CAAA+B,IAAI;IACHjB,GAAG,EAAEA,GAAI;IACTkB,iBAAiB,EAAC,aAAa;IAC/BpB,kBAAkB,EAAEA,kBAAmB;IACvCqB,kBAAkB,EAAE;MAClBf,GAAG,EAAE,CAAC;MACND,GAAG,EAAET,KAAK;MACV0B,GAAG,EAAEnB,WAAW;MAChBoB,IAAI,EAAEP;IACR,CAAE;IACFjB,SAAS,EAAE,IAAAyB,SAAE,EAAC,IAAAC,iCAAyB,EAAC,CAAC,EAAE1B,SAAS,CAAE;IAAA,GAClDE,KAAK;IAAAyB,QAAA,EAERnB,QAAQ,CAACoB,GAAG,CAAC,CAACZ,KAAK,EAAEF,KAAK,kBACzB,IAAAtB,WAAA,CAAA2B,GAAA,EAAC9B,YAAA,CAAA+B,IAAI;MAAapB,SAAS,EAAE,IAAAyB,SAAE,EAAC,IAAAI,uBAAe,EAAC;QAAEb;MAAM,CAAC,CAAC;IAAE,GAAjDF,KAAmD,CAC/D;EAAC,CACE,CAAC;AAEX,CACF,CAAC;AAEDrB,iBAAiB,CAACqC,WAAW,GAAG,mBAAmB","ignoreList":[]}
1
+ {"version":3,"names":["_react","require","_reactNative","_utils","_styles","_jsxRuntime","ProgressSegmented","exports","forwardRef","step","segments","total","isStepComplete","getAccessibilityText","className","accessibilityLabel","props","ref","segmentCount","useEffect","process","env","NODE_ENV","undefined","console","warn","clampedStep","Math","max","min","segmentStates","useMemo","Array","from","length","_","index","segmentIndex","state","accessibilityText","String","jsx","View","accessibilityRole","accessibilityValue","now","text","cn","progressSegmentedVariants","children","map","segmentVariants","displayName"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,167 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Radio = void 0;
7
+ var _react = require("react");
8
+ var _reactNative = require("react-native");
9
+ var _primitives = require("@cdx-ui/primitives");
10
+ var _utils = require("@cdx-ui/utils");
11
+ var _styles = require("./styles");
12
+ var _jsxRuntime = require("react/jsx-runtime");
13
+ // =============================================================================
14
+ // STYLED INDICATOR BASE
15
+ // =============================================================================
16
+ const RadioIndicatorBase = /*#__PURE__*/(0, _react.forwardRef)(({
17
+ className,
18
+ children,
19
+ style,
20
+ ...props
21
+ }, ref) => {
22
+ // On web, data attributes arrive as `dataSet: { checked: true }`.
23
+ // On native, they arrive as individual `data-checked: "true"` props.
24
+ const ds = props.dataSet;
25
+ const isChecked = ds ? ds.checked === true : props['data-checked'] === 'true';
26
+ const isInvalid = ds ? ds.invalid === true : props['data-invalid'] === 'true';
27
+ const isHovered = ds ? ds.hover === true : props['data-hover'] === 'true';
28
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
29
+ ref: ref,
30
+ className: (0, _utils.cn)((0, _styles.radioIndicatorVariants)(), className),
31
+ style: style,
32
+ ...props,
33
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
34
+ className: (0, _utils.cn)((0, _styles.radioInnerDotVariants)()),
35
+ ...(0, _primitives.dataAttributes)({
36
+ checked: isChecked,
37
+ invalid: isInvalid,
38
+ hover: isHovered
39
+ })
40
+ }), children]
41
+ });
42
+ });
43
+ RadioIndicatorBase.displayName = 'Radio.IndicatorBase';
44
+
45
+ // =============================================================================
46
+ // PRIMITIVE ASSEMBLY
47
+ // =============================================================================
48
+
49
+ const RadioPrimitive = (0, _primitives.createRadio)({
50
+ Root: _reactNative.Pressable,
51
+ Indicator: RadioIndicatorBase,
52
+ Label: _reactNative.Text,
53
+ Group: _reactNative.View
54
+ });
55
+
56
+ // =============================================================================
57
+ // RADIO ROOT
58
+ // =============================================================================
59
+
60
+ const RadioRoot = /*#__PURE__*/(0, _react.forwardRef)(({
61
+ className,
62
+ children,
63
+ style,
64
+ ...props
65
+ }, ref) => {
66
+ const computedClassName = (0, _utils.cn)((0, _styles.radioRootVariants)(), className);
67
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioPrimitive, {
68
+ ref: ref,
69
+ className: computedClassName,
70
+ style: style,
71
+ ...props,
72
+ children: children
73
+ });
74
+ });
75
+ RadioRoot.displayName = 'Radio';
76
+
77
+ // =============================================================================
78
+ // RADIO INDICATOR
79
+ // =============================================================================
80
+
81
+ const RadioIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
82
+ className,
83
+ children,
84
+ style,
85
+ ...props
86
+ }, ref) => {
87
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioPrimitive.Indicator, {
88
+ ref: ref,
89
+ className: className,
90
+ style: style,
91
+ ...props,
92
+ children: children
93
+ });
94
+ });
95
+ RadioIndicator.displayName = 'Radio.Indicator';
96
+
97
+ // =============================================================================
98
+ // RADIO LABEL
99
+ // =============================================================================
100
+
101
+ const RadioLabel = /*#__PURE__*/(0, _react.forwardRef)(({
102
+ className,
103
+ children,
104
+ style,
105
+ ...props
106
+ }, ref) => {
107
+ const computedClassName = (0, _utils.cn)((0, _styles.radioLabelVariants)(), className);
108
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioPrimitive.Label, {
109
+ ref: ref,
110
+ className: computedClassName,
111
+ style: style,
112
+ ...props,
113
+ children: children
114
+ });
115
+ });
116
+ RadioLabel.displayName = 'Radio.Label';
117
+
118
+ // =============================================================================
119
+ // RADIO GROUP
120
+ // =============================================================================
121
+
122
+ const RadioGroup = /*#__PURE__*/(0, _react.forwardRef)(({
123
+ className,
124
+ children,
125
+ style,
126
+ direction = 'column',
127
+ value,
128
+ defaultValue,
129
+ onChange,
130
+ isDisabled,
131
+ isInvalid,
132
+ isRequired,
133
+ isReadOnly,
134
+ name,
135
+ ...viewProps
136
+ }, ref) => {
137
+ const computedClassName = (0, _utils.cn)((0, _styles.radioGroupVariants)({
138
+ direction
139
+ }), className);
140
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioPrimitive.Group, {
141
+ ref: ref,
142
+ className: computedClassName,
143
+ style: style,
144
+ value: value,
145
+ defaultValue: defaultValue,
146
+ onChange: onChange,
147
+ isDisabled: isDisabled,
148
+ isInvalid: isInvalid,
149
+ isRequired: isRequired,
150
+ isReadOnly: isReadOnly,
151
+ name: name,
152
+ ...viewProps,
153
+ children: children
154
+ });
155
+ });
156
+ RadioGroup.displayName = 'Radio.Group';
157
+
158
+ // =============================================================================
159
+ // COMPOUND COMPONENT
160
+ // =============================================================================
161
+
162
+ const Radio = exports.Radio = Object.assign(RadioRoot, {
163
+ Indicator: RadioIndicator,
164
+ Label: RadioLabel,
165
+ Group: RadioGroup
166
+ });
167
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","RadioIndicatorBase","forwardRef","className","children","style","props","ref","ds","dataSet","isChecked","checked","isInvalid","invalid","isHovered","hover","jsxs","View","cn","radioIndicatorVariants","jsx","radioInnerDotVariants","dataAttributes","displayName","RadioPrimitive","createRadio","Root","Pressable","Indicator","Label","Text","Group","RadioRoot","computedClassName","radioRootVariants","RadioIndicator","RadioLabel","radioLabelVariants","RadioGroup","direction","value","defaultValue","onChange","isDisabled","isRequired","isReadOnly","name","viewProps","radioGroupVariants","Radio","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Radio/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.radioRootVariants = exports.radioLabelVariants = exports.radioInnerDotVariants = exports.radioIndicatorVariants = exports.radioGroupVariants = void 0;
7
+ var _reactNative = require("react-native");
8
+ var _classVarianceAuthority = require("class-variance-authority");
9
+ var _primitives = require("../../styles/primitives");
10
+ const radioRootVariants = exports.radioRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-2', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _primitives.DISABLED_CURSOR]);
11
+ const radioIndicatorVariants = exports.radioIndicatorVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center', 'rounded-[var(--border-radius-round)]', 'border-2', 'h-5 w-5', 'bg-surface-primary', 'data-[checked=false]:border-content-secondary', 'data-[checked=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger', 'data-[checked=true]:data-[invalid=true]:border-stroke-danger', _reactNative.Platform.select({
12
+ web: [_primitives.TRANSITION_COLORS, 'data-[hover=true]:data-[checked=true]:border-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:border-surface-danger-strong-hover', 'web:data-[focus-visible=true]:outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[var(--color-stroke-ring)] web:data-[focus-visible=true]:ring-offset-2'].join(' '),
13
+ default: ''
14
+ })]);
15
+ const radioInnerDotVariants = exports.radioInnerDotVariants = (0, _classVarianceAuthority.cva)(['rounded-[var(--border-radius-round)]', 'h-2.5 w-2.5', 'scale-0', 'data-[checked=true]:scale-100', 'bg-surface-action-strong', 'data-[invalid=true]:bg-surface-danger-strong', _reactNative.Platform.select({
16
+ web: ['data-[hover=true]:bg-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:bg-surface-danger-strong-hover'].join(' '),
17
+ default: ''
18
+ })]);
19
+ const radioLabelVariants = exports.radioLabelVariants = (0, _classVarianceAuthority.cva)(['body-md', 'text-content-primary']);
20
+ const radioGroupVariants = exports.radioGroupVariants = (0, _classVarianceAuthority.cva)([], {
21
+ variants: {
22
+ direction: {
23
+ column: 'gap-2',
24
+ row: 'flex-row gap-4'
25
+ }
26
+ },
27
+ defaultVariants: {
28
+ direction: 'column'
29
+ }
30
+ });
31
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","radioRootVariants","exports","cva","DISABLED_CURSOR","radioIndicatorVariants","Platform","select","web","TRANSITION_COLORS","join","default","radioInnerDotVariants","radioLabelVariants","radioGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Radio/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAAC,CACnC,6BAA6B,EAC7B,wDAAwD,EACxDC,2BAAe,CAChB,CAAC;AAEK,MAAMC,sBAAsB,GAAAH,OAAA,CAAAG,sBAAA,GAAG,IAAAF,2BAAG,EAAC,CACxC,6BAA6B,EAC7B,sCAAsC,EACtC,UAAU,EACV,SAAS,EACT,oBAAoB,EACpB,+CAA+C,EAC/C,0CAA0C,EAC1C,0CAA0C,EAC1C,8DAA8D,EAC9DG,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACHC,6BAAiB,EACjB,0EAA0E,EAC1E,0EAA0E,EAC1E,4CAA4C,EAC5C,gJAAgJ,CACjJ,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,CAAC;AAEK,MAAMC,qBAAqB,GAAAV,OAAA,CAAAU,qBAAA,GAAG,IAAAT,2BAAG,EAAC,CACvC,sCAAsC,EACtC,aAAa,EACb,SAAS,EACT,+BAA+B,EAC/B,0BAA0B,EAC1B,8CAA8C,EAC9CG,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,kDAAkD,EAClD,sEAAsE,CACvE,CAACE,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,CAAC;AAEK,MAAME,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,2BAAG,EAAC,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;AAEnE,MAAMW,kBAAkB,GAAAZ,OAAA,CAAAY,kBAAA,GAAG,IAAAX,2BAAG,EAAC,EAAE,EAAE;EACxCY,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,MAAM,EAAE,OAAO;MACfC,GAAG,EAAE;IACP;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,SAAS,EAAE;EAAS;AACzC,CAAC,CAAC","ignoreList":[]}
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.textStyle = void 0;
7
7
  var _reactNative = require("react-native");
8
8
  var _classVarianceAuthority = require("class-variance-authority");
9
- const textStyle = exports.textStyle = (0, _classVarianceAuthority.cva)([`text-content-primary font-normal`, _reactNative.Platform.select({
10
- web: 'font-sans my-0 bg-transparent display-inline no-underline',
9
+ const textStyle = exports.textStyle = (0, _classVarianceAuthority.cva)(['text-content-primary', _reactNative.Platform.select({
10
+ web: 'font-body my-0 bg-transparent no-underline',
11
11
  default: ''
12
12
  })], {
13
13
  variants: {
@@ -1 +1 @@
1
- {"version":3,"names":["_reactNative","require","_classVarianceAuthority","textStyle","exports","cva","Platform","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Text/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,2BAAG,EAC1B,CACE,kCAAkC,EAClCC,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,2DAA2D;EAChEC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_reactNative","require","_classVarianceAuthority","textStyle","exports","cva","Platform","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Text/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,2BAAG,EAC1B,CACE,sBAAsB,EACtBC,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,4CAA4C;EACjDC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}