@pagopa/io-app-design-system 1.0.0-8 → 1.0.0

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 (265) hide show
  1. package/README.md +39 -4
  2. package/lib/commonjs/components/Advice/Advice.js +5 -7
  3. package/lib/commonjs/components/Advice/Advice.js.map +1 -1
  4. package/lib/commonjs/components/Advice/__test__/advice.test.js +2 -2
  5. package/lib/commonjs/components/Advice/__test__/advice.test.js.map +1 -1
  6. package/lib/commonjs/components/accordion/RawAccordion.js.map +1 -1
  7. package/lib/commonjs/components/badge/__test__/badge.test.js.map +1 -1
  8. package/lib/commonjs/components/buttons/ButtonLink.js +4 -5
  9. package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
  10. package/lib/commonjs/components/buttons/IconButton.js +0 -2
  11. package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
  12. package/lib/commonjs/components/buttons/IconButtonContained.js +131 -0
  13. package/lib/commonjs/components/buttons/IconButtonContained.js.map +1 -0
  14. package/lib/commonjs/components/buttons/IconButtonSolid.js +109 -0
  15. package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -0
  16. package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +370 -0
  17. package/lib/commonjs/components/buttons/__test__/button.test.js +27 -0
  18. package/lib/commonjs/components/buttons/__test__/button.test.js.map +1 -1
  19. package/lib/commonjs/components/buttons/index.js +30 -8
  20. package/lib/commonjs/components/buttons/index.js.map +1 -1
  21. package/lib/commonjs/components/checkbox/AnimatedCheckbox.js +1 -1
  22. package/lib/commonjs/components/checkbox/AnimatedCheckbox.js.map +1 -1
  23. package/lib/commonjs/components/icons/index.js +0 -18
  24. package/lib/commonjs/components/icons/index.js.map +1 -1
  25. package/lib/commonjs/components/index.js +72 -72
  26. package/lib/commonjs/components/index.js.map +1 -1
  27. package/lib/commonjs/components/layout/GradientBottomActions.js +90 -0
  28. package/lib/commonjs/components/layout/GradientBottomActions.js.map +1 -0
  29. package/lib/commonjs/components/layout/GradientScrollView.js +111 -0
  30. package/lib/commonjs/components/layout/GradientScrollView.js.map +1 -0
  31. package/lib/commonjs/components/layout/HeaderFirstLevel.js +62 -0
  32. package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -0
  33. package/lib/commonjs/components/layout/index.js +17 -0
  34. package/lib/commonjs/components/layout/index.js.map +1 -0
  35. package/lib/commonjs/components/listitems/ListItemCheckbox.js +135 -0
  36. package/lib/commonjs/components/listitems/ListItemCheckbox.js.map +1 -0
  37. package/lib/commonjs/components/listitems/ListItemInfo.js +3 -6
  38. package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
  39. package/lib/commonjs/components/listitems/ListItemInfoCopy.js +1 -4
  40. package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
  41. package/lib/commonjs/components/listitems/ListItemRadio.js +136 -0
  42. package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -0
  43. package/lib/commonjs/components/listitems/ListItemSwitch.js +82 -0
  44. package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -0
  45. package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
  46. package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +0 -14
  47. package/lib/commonjs/components/listitems/index.js +33 -0
  48. package/lib/commonjs/components/listitems/index.js.map +1 -1
  49. package/lib/commonjs/components/logos/svg/LogoPaymentExtMaestro.js +3 -19
  50. package/lib/commonjs/components/logos/svg/LogoPaymentExtMaestro.js.map +1 -1
  51. package/lib/commonjs/components/logos/svg/LogoPaymentExtMastercard.js +5 -21
  52. package/lib/commonjs/components/logos/svg/LogoPaymentExtMastercard.js.map +1 -1
  53. package/lib/commonjs/components/logos/svg/LogoPaymentExtPayPal.js +9 -28
  54. package/lib/commonjs/components/logos/svg/LogoPaymentExtPayPal.js.map +1 -1
  55. package/lib/commonjs/components/logos/svg/LogoPaymentMaestro.js +8 -18
  56. package/lib/commonjs/components/logos/svg/LogoPaymentMaestro.js.map +1 -1
  57. package/lib/commonjs/components/logos/svg/LogoPaymentMastercard.js +7 -17
  58. package/lib/commonjs/components/logos/svg/LogoPaymentMastercard.js.map +1 -1
  59. package/lib/commonjs/components/logos/svg/LogoPaymentPayPal.js +5 -5
  60. package/lib/commonjs/components/logos/svg/LogoPaymentPayPal.js.map +1 -1
  61. package/lib/commonjs/components/radio/AnimatedRadio.js +1 -1
  62. package/lib/commonjs/components/radio/AnimatedRadio.js.map +1 -1
  63. package/lib/commonjs/components/radio/RadioGroup.js +36 -0
  64. package/lib/commonjs/components/radio/RadioGroup.js.map +1 -0
  65. package/lib/commonjs/components/radio/index.js +11 -0
  66. package/lib/commonjs/components/radio/index.js.map +1 -1
  67. package/lib/commonjs/components/typography/H3.js +20 -49
  68. package/lib/commonjs/components/typography/H3.js.map +1 -1
  69. package/lib/commonjs/components/typography/Link.js +17 -23
  70. package/lib/commonjs/components/typography/Link.js.map +1 -1
  71. package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -45
  72. package/lib/commonjs/core/IOColors.js +1 -1
  73. package/lib/commonjs/core/IOColors.js.map +1 -1
  74. package/lib/commonjs/core/IOSpacing.js +1 -1
  75. package/lib/commonjs/core/IOSpacing.js.map +1 -1
  76. package/lib/commonjs/core/IOStyles.js +7 -1
  77. package/lib/commonjs/core/IOStyles.js.map +1 -1
  78. package/lib/commonjs/index.js +11 -0
  79. package/lib/commonjs/index.js.map +1 -1
  80. package/lib/commonjs/json-import.d.js +2 -0
  81. package/lib/commonjs/json-import.d.js.map +1 -0
  82. package/lib/module/components/Advice/Advice.js +4 -6
  83. package/lib/module/components/Advice/Advice.js.map +1 -1
  84. package/lib/module/components/Advice/__test__/advice.test.js +1 -1
  85. package/lib/module/components/Advice/__test__/advice.test.js.map +1 -1
  86. package/lib/module/components/accordion/RawAccordion.js +1 -1
  87. package/lib/module/components/accordion/RawAccordion.js.map +1 -1
  88. package/lib/module/components/badge/__test__/badge.test.js.map +1 -1
  89. package/lib/module/components/buttons/ButtonLink.js +4 -5
  90. package/lib/module/components/buttons/ButtonLink.js.map +1 -1
  91. package/lib/module/components/buttons/IconButton.js +0 -2
  92. package/lib/module/components/buttons/IconButton.js.map +1 -1
  93. package/lib/module/components/buttons/IconButtonContained.js +122 -0
  94. package/lib/module/components/buttons/IconButtonContained.js.map +1 -0
  95. package/lib/module/components/buttons/IconButtonSolid.js +100 -0
  96. package/lib/module/components/buttons/IconButtonSolid.js.map +1 -0
  97. package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +370 -0
  98. package/lib/module/components/buttons/__test__/button.test.js +27 -0
  99. package/lib/module/components/buttons/__test__/button.test.js.map +1 -1
  100. package/lib/module/components/buttons/index.js +4 -2
  101. package/lib/module/components/buttons/index.js.map +1 -1
  102. package/lib/module/components/checkbox/AnimatedCheckbox.js +3 -3
  103. package/lib/module/components/checkbox/AnimatedCheckbox.js.map +1 -1
  104. package/lib/module/components/icons/index.js +0 -1
  105. package/lib/module/components/icons/index.js.map +1 -1
  106. package/lib/module/components/index.js +13 -13
  107. package/lib/module/components/index.js.map +1 -1
  108. package/lib/module/components/layout/GradientBottomActions.js +79 -0
  109. package/lib/module/components/layout/GradientBottomActions.js.map +1 -0
  110. package/lib/module/components/layout/GradientScrollView.js +100 -0
  111. package/lib/module/components/layout/GradientScrollView.js.map +1 -0
  112. package/lib/module/components/layout/HeaderFirstLevel.js +52 -0
  113. package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -0
  114. package/lib/module/components/layout/index.js +2 -0
  115. package/lib/module/components/layout/index.js.map +1 -0
  116. package/lib/module/components/listitems/ListItemCheckbox.js +126 -0
  117. package/lib/module/components/listitems/ListItemCheckbox.js.map +1 -0
  118. package/lib/module/components/listitems/ListItemInfo.js +3 -6
  119. package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
  120. package/lib/module/components/listitems/ListItemInfoCopy.js +1 -4
  121. package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
  122. package/lib/module/components/listitems/ListItemRadio.js +127 -0
  123. package/lib/module/components/listitems/ListItemRadio.js.map +1 -0
  124. package/lib/module/components/listitems/ListItemSwitch.js +74 -0
  125. package/lib/module/components/listitems/ListItemSwitch.js.map +1 -0
  126. package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
  127. package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +0 -14
  128. package/lib/module/components/listitems/index.js +3 -0
  129. package/lib/module/components/listitems/index.js.map +1 -1
  130. package/lib/module/components/logos/svg/LogoPaymentExtMaestro.js +3 -19
  131. package/lib/module/components/logos/svg/LogoPaymentExtMaestro.js.map +1 -1
  132. package/lib/module/components/logos/svg/LogoPaymentExtMastercard.js +5 -21
  133. package/lib/module/components/logos/svg/LogoPaymentExtMastercard.js.map +1 -1
  134. package/lib/module/components/logos/svg/LogoPaymentExtPayPal.js +10 -29
  135. package/lib/module/components/logos/svg/LogoPaymentExtPayPal.js.map +1 -1
  136. package/lib/module/components/logos/svg/LogoPaymentMaestro.js +9 -19
  137. package/lib/module/components/logos/svg/LogoPaymentMaestro.js.map +1 -1
  138. package/lib/module/components/logos/svg/LogoPaymentMastercard.js +8 -18
  139. package/lib/module/components/logos/svg/LogoPaymentMastercard.js.map +1 -1
  140. package/lib/module/components/logos/svg/LogoPaymentPayPal.js +5 -5
  141. package/lib/module/components/logos/svg/LogoPaymentPayPal.js.map +1 -1
  142. package/lib/module/components/radio/AnimatedRadio.js +3 -3
  143. package/lib/module/components/radio/AnimatedRadio.js.map +1 -1
  144. package/lib/module/components/radio/RadioGroup.js +28 -0
  145. package/lib/module/components/radio/RadioGroup.js.map +1 -0
  146. package/lib/module/components/radio/index.js +1 -0
  147. package/lib/module/components/radio/index.js.map +1 -1
  148. package/lib/module/components/typography/H3.js +19 -47
  149. package/lib/module/components/typography/H3.js.map +1 -1
  150. package/lib/module/components/typography/Link.js +17 -23
  151. package/lib/module/components/typography/Link.js.map +1 -1
  152. package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -45
  153. package/lib/module/core/IOColors.js +1 -1
  154. package/lib/module/core/IOColors.js.map +1 -1
  155. package/lib/module/core/IOSpacing.js +1 -1
  156. package/lib/module/core/IOSpacing.js.map +1 -1
  157. package/lib/module/core/IOStyles.js +5 -0
  158. package/lib/module/core/IOStyles.js.map +1 -1
  159. package/lib/module/index.js +1 -0
  160. package/lib/module/index.js.map +1 -1
  161. package/lib/module/json-import.d.js +2 -0
  162. package/lib/module/json-import.d.js.map +1 -0
  163. package/lib/typescript/components/Advice/Advice.d.ts +7 -3
  164. package/lib/typescript/components/Advice/Advice.d.ts.map +1 -1
  165. package/lib/typescript/components/accordion/RawAccordion.d.ts +2 -2
  166. package/lib/typescript/components/accordion/RawAccordion.d.ts.map +1 -1
  167. package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
  168. package/lib/typescript/components/buttons/IconButton.d.ts.map +1 -1
  169. package/lib/typescript/components/buttons/IconButtonContained.d.ts +15 -0
  170. package/lib/typescript/components/buttons/IconButtonContained.d.ts.map +1 -0
  171. package/lib/typescript/components/buttons/IconButtonSolid.d.ts +15 -0
  172. package/lib/typescript/components/buttons/IconButtonSolid.d.ts.map +1 -0
  173. package/lib/typescript/components/buttons/index.d.ts +4 -2
  174. package/lib/typescript/components/buttons/index.d.ts.map +1 -1
  175. package/lib/typescript/components/checkbox/AnimatedCheckbox.d.ts.map +1 -1
  176. package/lib/typescript/components/icons/index.d.ts +0 -1
  177. package/lib/typescript/components/icons/index.d.ts.map +1 -1
  178. package/lib/typescript/components/index.d.ts +13 -13
  179. package/lib/typescript/components/index.d.ts.map +1 -1
  180. package/lib/typescript/components/layout/GradientBottomActions.d.ts +22 -0
  181. package/lib/typescript/components/layout/GradientBottomActions.d.ts.map +1 -0
  182. package/lib/typescript/components/layout/GradientScrollView.d.ts +14 -0
  183. package/lib/typescript/components/layout/GradientScrollView.d.ts.map +1 -0
  184. package/lib/typescript/components/layout/HeaderFirstLevel.d.ts +11 -0
  185. package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -0
  186. package/lib/typescript/components/layout/index.d.ts +2 -0
  187. package/lib/typescript/components/layout/index.d.ts.map +1 -0
  188. package/lib/typescript/components/listitems/ListItemCheckbox.d.ts +21 -0
  189. package/lib/typescript/components/listitems/ListItemCheckbox.d.ts.map +1 -0
  190. package/lib/typescript/components/listitems/ListItemInfo.d.ts.map +1 -1
  191. package/lib/typescript/components/listitems/ListItemInfoCopy.d.ts.map +1 -1
  192. package/lib/typescript/components/listitems/ListItemRadio.d.ts +22 -0
  193. package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -0
  194. package/lib/typescript/components/listitems/ListItemSwitch.d.ts +18 -0
  195. package/lib/typescript/components/listitems/ListItemSwitch.d.ts.map +1 -0
  196. package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
  197. package/lib/typescript/components/listitems/index.d.ts +3 -0
  198. package/lib/typescript/components/listitems/index.d.ts.map +1 -1
  199. package/lib/typescript/components/logos/svg/LogoPaymentExtMaestro.d.ts.map +1 -1
  200. package/lib/typescript/components/logos/svg/LogoPaymentExtMastercard.d.ts +2 -2
  201. package/lib/typescript/components/logos/svg/LogoPaymentExtMastercard.d.ts.map +1 -1
  202. package/lib/typescript/components/logos/svg/LogoPaymentExtPayPal.d.ts.map +1 -1
  203. package/lib/typescript/components/logos/svg/LogoPaymentMaestro.d.ts.map +1 -1
  204. package/lib/typescript/components/logos/svg/LogoPaymentMastercard.d.ts.map +1 -1
  205. package/lib/typescript/components/radio/AnimatedRadio.d.ts.map +1 -1
  206. package/lib/typescript/components/radio/RadioGroup.d.ts +22 -0
  207. package/lib/typescript/components/radio/RadioGroup.d.ts.map +1 -0
  208. package/lib/typescript/components/radio/index.d.ts +1 -0
  209. package/lib/typescript/components/radio/index.d.ts.map +1 -1
  210. package/lib/typescript/components/typography/H3.d.ts +11 -30
  211. package/lib/typescript/components/typography/H3.d.ts.map +1 -1
  212. package/lib/typescript/components/typography/Link.d.ts +4 -4
  213. package/lib/typescript/components/typography/Link.d.ts.map +1 -1
  214. package/lib/typescript/core/IOColors.d.ts +2 -1
  215. package/lib/typescript/core/IOColors.d.ts.map +1 -1
  216. package/lib/typescript/core/IOSpacing.d.ts +1 -1
  217. package/lib/typescript/core/IOSpacing.d.ts.map +1 -1
  218. package/lib/typescript/core/IOStyles.d.ts +6 -2
  219. package/lib/typescript/core/IOStyles.d.ts.map +1 -1
  220. package/lib/typescript/index.d.ts +1 -0
  221. package/lib/typescript/index.d.ts.map +1 -1
  222. package/package.json +9 -5
  223. package/src/components/Advice/Advice.tsx +19 -23
  224. package/src/components/Advice/__test__/advice.test.tsx +4 -2
  225. package/src/components/accordion/RawAccordion.tsx +6 -6
  226. package/src/components/badge/__test__/badge.test.tsx +4 -2
  227. package/src/components/buttons/ButtonLink.tsx +177 -177
  228. package/src/components/buttons/IconButton.tsx +9 -6
  229. package/src/components/buttons/IconButtonContained.tsx +201 -0
  230. package/src/components/buttons/IconButtonSolid.tsx +168 -0
  231. package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +370 -0
  232. package/src/components/buttons/__test__/button.test.tsx +59 -4
  233. package/src/components/buttons/index.tsx +5 -3
  234. package/src/components/checkbox/AnimatedCheckbox.tsx +6 -8
  235. package/src/components/icons/index.tsx +1 -2
  236. package/src/components/index.tsx +13 -13
  237. package/src/components/layout/GradientBottomActions.tsx +119 -0
  238. package/src/components/layout/GradientScrollView.tsx +167 -0
  239. package/src/components/layout/HeaderFirstLevel.tsx +76 -0
  240. package/src/components/layout/index.tsx +1 -0
  241. package/src/components/listitems/ListItemCheckbox.tsx +182 -0
  242. package/src/components/listitems/ListItemInfo.tsx +53 -58
  243. package/src/components/listitems/ListItemInfoCopy.tsx +122 -127
  244. package/src/components/listitems/ListItemRadio.tsx +185 -0
  245. package/src/components/listitems/ListItemSwitch.tsx +109 -0
  246. package/src/components/listitems/ListItemTransaction.tsx +154 -150
  247. package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +0 -14
  248. package/src/components/listitems/index.tsx +3 -0
  249. package/src/components/logos/svg/LogoPaymentExtMaestro.tsx +3 -20
  250. package/src/components/logos/svg/LogoPaymentExtMastercard.tsx +5 -22
  251. package/src/components/logos/svg/LogoPaymentExtPayPal.tsx +9 -31
  252. package/src/components/logos/svg/LogoPaymentMaestro.tsx +8 -6
  253. package/src/components/logos/svg/LogoPaymentMastercard.tsx +8 -6
  254. package/src/components/logos/svg/LogoPaymentPayPal.tsx +5 -5
  255. package/src/components/radio/AnimatedRadio.tsx +6 -8
  256. package/src/components/radio/RadioGroup.tsx +43 -0
  257. package/src/components/radio/index.tsx +1 -0
  258. package/src/components/typography/H3.tsx +25 -91
  259. package/src/components/typography/Link.tsx +23 -30
  260. package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -45
  261. package/src/core/IOColors.ts +2 -2
  262. package/src/core/IOSpacing.ts +2 -2
  263. package/src/core/IOStyles.ts +9 -0
  264. package/src/index.tsx +1 -0
  265. package/src/json-import.d.ts +13 -0
@@ -461,3 +461,373 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
461
461
  </View>
462
462
  </View>
463
463
  `;
464
+
465
+ exports[`Test Buttons Components IconButton Snapshot 1`] = `
466
+ <View
467
+ accessibilityLabel="accessibilityLabel"
468
+ accessibilityRole="button"
469
+ accessibilityState={
470
+ {
471
+ "busy": undefined,
472
+ "checked": undefined,
473
+ "disabled": false,
474
+ "expanded": undefined,
475
+ "selected": undefined,
476
+ }
477
+ }
478
+ accessibilityValue={
479
+ {
480
+ "max": undefined,
481
+ "min": undefined,
482
+ "now": undefined,
483
+ "text": undefined,
484
+ }
485
+ }
486
+ accessible={true}
487
+ collapsable={false}
488
+ focusable={true}
489
+ hitSlop={8}
490
+ onBlur={[Function]}
491
+ onClick={[Function]}
492
+ onFocus={[Function]}
493
+ onResponderGrant={[Function]}
494
+ onResponderMove={[Function]}
495
+ onResponderRelease={[Function]}
496
+ onResponderTerminate={[Function]}
497
+ onResponderTerminationRequest={[Function]}
498
+ onStartShouldSetResponder={[Function]}
499
+ style={
500
+ {
501
+ "alignSelf": "flex-start",
502
+ }
503
+ }
504
+ >
505
+ <View
506
+ style={
507
+ [
508
+ {
509
+ "height": 24,
510
+ "width": 24,
511
+ },
512
+ {
513
+ "transform": [
514
+ {
515
+ "scale": undefined,
516
+ },
517
+ ],
518
+ },
519
+ ]
520
+ }
521
+ >
522
+ <RNSVGSvgView
523
+ accessibilityElementsHidden={true}
524
+ accessibilityLabel=""
525
+ accessible={false}
526
+ align="xMidYMid"
527
+ animatedProps={
528
+ {
529
+ "color": undefined,
530
+ }
531
+ }
532
+ bbHeight={24}
533
+ bbWidth={24}
534
+ color={4278927075}
535
+ focusable={false}
536
+ height={24}
537
+ importantForAccessibility="no-hide-descendants"
538
+ meetOrSlice={0}
539
+ minX={0}
540
+ minY={0}
541
+ style={
542
+ [
543
+ {
544
+ "backgroundColor": "transparent",
545
+ "borderWidth": 0,
546
+ },
547
+ {
548
+ "color": "#0B3EE3",
549
+ },
550
+ {
551
+ "flex": 0,
552
+ "height": 24,
553
+ "width": 24,
554
+ },
555
+ ]
556
+ }
557
+ tintColor={4278927075}
558
+ vbHeight={24}
559
+ vbWidth={24}
560
+ width={24}
561
+ >
562
+ <RNSVGGroup>
563
+ <RNSVGPath
564
+ clipRule={0}
565
+ d="M12 24c6.629 0 12-5.371 12-12S18.629 0 12 0C5.375 0 0 5.371 0 12s5.375 12 12 12Zm.033-10.97c-.997 0-1.818-.336-2.463-1.014-.646-.674-.968-1.51-.968-2.507 0-1.001.322-1.83.964-2.492.64-.662 1.458-.992 2.458-.992.997 0 1.81.334 2.435 1.017.625.678.94 1.51.94 2.511 0 .993-.315 1.822-.94 2.484-.625.657-1.43.992-2.426.992Zm-3.431 4.905c0-1.001.322-1.83.96-2.492.64-.662 1.458-.992 2.467-.992.996 0 1.809.335 2.43 1.017.625.682.94 1.515.94 2.512l-6.797-.045Z"
566
+ fill={
567
+ [
568
+ 2,
569
+ ]
570
+ }
571
+ fillRule={0}
572
+ propList={
573
+ [
574
+ "fill",
575
+ "fillRule",
576
+ ]
577
+ }
578
+ />
579
+ </RNSVGGroup>
580
+ </RNSVGSvgView>
581
+ </View>
582
+ </View>
583
+ `;
584
+
585
+ exports[`Test Buttons Components IconButtonContained Snapshot 1`] = `
586
+ <View
587
+ accessibilityLabel="accessibilityLabel"
588
+ accessibilityRole="button"
589
+ accessibilityState={
590
+ {
591
+ "busy": undefined,
592
+ "checked": undefined,
593
+ "disabled": false,
594
+ "expanded": undefined,
595
+ "selected": undefined,
596
+ }
597
+ }
598
+ accessibilityValue={
599
+ {
600
+ "max": undefined,
601
+ "min": undefined,
602
+ "now": undefined,
603
+ "text": undefined,
604
+ }
605
+ }
606
+ accessible={true}
607
+ collapsable={false}
608
+ focusable={true}
609
+ onBlur={[Function]}
610
+ onClick={[Function]}
611
+ onFocus={[Function]}
612
+ onResponderGrant={[Function]}
613
+ onResponderMove={[Function]}
614
+ onResponderRelease={[Function]}
615
+ onResponderTerminate={[Function]}
616
+ onResponderTerminationRequest={[Function]}
617
+ onStartShouldSetResponder={[Function]}
618
+ style={
619
+ {
620
+ "alignSelf": "flex-start",
621
+ }
622
+ }
623
+ >
624
+ <View
625
+ style={
626
+ [
627
+ {
628
+ "alignItems": "center",
629
+ "elevation": 0,
630
+ "justifyContent": "center",
631
+ },
632
+ {
633
+ "borderRadius": 48,
634
+ "height": 48,
635
+ "width": 48,
636
+ },
637
+ {
638
+ "backgroundColor": undefined,
639
+ "transform": [
640
+ {
641
+ "scale": undefined,
642
+ },
643
+ ],
644
+ },
645
+ ]
646
+ }
647
+ >
648
+ <RNSVGSvgView
649
+ accessibilityElementsHidden={true}
650
+ accessibilityLabel=""
651
+ accessible={false}
652
+ align="xMidYMid"
653
+ animatedProps={
654
+ {
655
+ "color": undefined,
656
+ }
657
+ }
658
+ bbHeight={24}
659
+ bbWidth={24}
660
+ color={4278927075}
661
+ focusable={false}
662
+ height={24}
663
+ importantForAccessibility="no-hide-descendants"
664
+ meetOrSlice={0}
665
+ minX={0}
666
+ minY={0}
667
+ style={
668
+ [
669
+ {
670
+ "backgroundColor": "transparent",
671
+ "borderWidth": 0,
672
+ },
673
+ {
674
+ "color": "#0B3EE3",
675
+ },
676
+ {
677
+ "flex": 0,
678
+ "height": 24,
679
+ "width": 24,
680
+ },
681
+ ]
682
+ }
683
+ tintColor={4278927075}
684
+ vbHeight={24}
685
+ vbWidth={24}
686
+ width={24}
687
+ >
688
+ <RNSVGGroup>
689
+ <RNSVGPath
690
+ clipRule={0}
691
+ d="M12 24c6.629 0 12-5.371 12-12S18.629 0 12 0C5.375 0 0 5.371 0 12s5.375 12 12 12Zm.033-10.97c-.997 0-1.818-.336-2.463-1.014-.646-.674-.968-1.51-.968-2.507 0-1.001.322-1.83.964-2.492.64-.662 1.458-.992 2.458-.992.997 0 1.81.334 2.435 1.017.625.678.94 1.51.94 2.511 0 .993-.315 1.822-.94 2.484-.625.657-1.43.992-2.426.992Zm-3.431 4.905c0-1.001.322-1.83.96-2.492.64-.662 1.458-.992 2.467-.992.996 0 1.809.335 2.43 1.017.625.682.94 1.515.94 2.512l-6.797-.045Z"
692
+ fill={
693
+ [
694
+ 2,
695
+ ]
696
+ }
697
+ fillRule={0}
698
+ propList={
699
+ [
700
+ "fill",
701
+ "fillRule",
702
+ ]
703
+ }
704
+ />
705
+ </RNSVGGroup>
706
+ </RNSVGSvgView>
707
+ </View>
708
+ </View>
709
+ `;
710
+
711
+ exports[`Test Buttons Components IconButtonSolid Snapshot 1`] = `
712
+ <View
713
+ accessibilityLabel="accessibilityLabel"
714
+ accessibilityRole="button"
715
+ accessibilityState={
716
+ {
717
+ "busy": undefined,
718
+ "checked": undefined,
719
+ "disabled": false,
720
+ "expanded": undefined,
721
+ "selected": undefined,
722
+ }
723
+ }
724
+ accessibilityValue={
725
+ {
726
+ "max": undefined,
727
+ "min": undefined,
728
+ "now": undefined,
729
+ "text": undefined,
730
+ }
731
+ }
732
+ accessible={true}
733
+ collapsable={false}
734
+ focusable={true}
735
+ onBlur={[Function]}
736
+ onClick={[Function]}
737
+ onFocus={[Function]}
738
+ onResponderGrant={[Function]}
739
+ onResponderMove={[Function]}
740
+ onResponderRelease={[Function]}
741
+ onResponderTerminate={[Function]}
742
+ onResponderTerminationRequest={[Function]}
743
+ onStartShouldSetResponder={[Function]}
744
+ style={
745
+ {
746
+ "alignSelf": "flex-start",
747
+ }
748
+ }
749
+ >
750
+ <View
751
+ style={
752
+ [
753
+ {
754
+ "alignItems": "center",
755
+ "elevation": 0,
756
+ "justifyContent": "center",
757
+ },
758
+ {
759
+ "borderRadius": 56,
760
+ "height": 56,
761
+ "width": 56,
762
+ },
763
+ {
764
+ "backgroundColor": undefined,
765
+ "transform": [
766
+ {
767
+ "scale": undefined,
768
+ },
769
+ ],
770
+ },
771
+ {
772
+ "backgroundColor": "#0B3EE3",
773
+ },
774
+ ]
775
+ }
776
+ >
777
+ <RNSVGSvgView
778
+ accessibilityElementsHidden={true}
779
+ accessibilityLabel=""
780
+ accessible={false}
781
+ align="xMidYMid"
782
+ bbHeight={24}
783
+ bbWidth={24}
784
+ color={4294967295}
785
+ focusable={false}
786
+ height={24}
787
+ importantForAccessibility="no-hide-descendants"
788
+ meetOrSlice={0}
789
+ minX={0}
790
+ minY={0}
791
+ style={
792
+ [
793
+ {
794
+ "backgroundColor": "transparent",
795
+ "borderWidth": 0,
796
+ },
797
+ {
798
+ "color": "#FFFFFF",
799
+ },
800
+ {
801
+ "flex": 0,
802
+ "height": 24,
803
+ "width": 24,
804
+ },
805
+ ]
806
+ }
807
+ tintColor={4294967295}
808
+ vbHeight={24}
809
+ vbWidth={24}
810
+ width={24}
811
+ >
812
+ <RNSVGGroup>
813
+ <RNSVGPath
814
+ clipRule={0}
815
+ d="M12 24c6.629 0 12-5.371 12-12S18.629 0 12 0C5.375 0 0 5.371 0 12s5.375 12 12 12Zm.033-10.97c-.997 0-1.818-.336-2.463-1.014-.646-.674-.968-1.51-.968-2.507 0-1.001.322-1.83.964-2.492.64-.662 1.458-.992 2.458-.992.997 0 1.81.334 2.435 1.017.625.678.94 1.51.94 2.511 0 .993-.315 1.822-.94 2.484-.625.657-1.43.992-2.426.992Zm-3.431 4.905c0-1.001.322-1.83.96-2.492.64-.662 1.458-.992 2.467-.992.996 0 1.809.335 2.43 1.017.625.682.94 1.515.94 2.512l-6.797-.045Z"
816
+ fill={
817
+ [
818
+ 2,
819
+ ]
820
+ }
821
+ fillRule={0}
822
+ propList={
823
+ [
824
+ "fill",
825
+ "fillRule",
826
+ ]
827
+ }
828
+ />
829
+ </RNSVGGroup>
830
+ </RNSVGSvgView>
831
+ </View>
832
+ </View>
833
+ `;
@@ -5,6 +5,9 @@ import ButtonExtendedOutline from "../ButtonExtendedOutline";
5
5
  import ButtonLink from "../ButtonLink";
6
6
  import ButtonOutline from "../ButtonOutline";
7
7
  import ButtonSolid from "../ButtonSolid";
8
+ import IconButton from "../IconButton";
9
+ import IconButtonContained from "../IconButtonContained";
10
+ import IconButtonSolid from "../IconButtonSolid";
8
11
  const onButtonPress = () => {
9
12
  Alert.alert("Alert", "Action triggered");
10
13
  };
@@ -39,5 +42,29 @@ describe("Test Buttons Components", () => {
39
42
  })).toJSON();
40
43
  expect(buttonExtendedOutline).toMatchSnapshot();
41
44
  });
45
+ it("IconButtonSolid Snapshot", () => {
46
+ const iconButtonSolid = TestRenderer.create( /*#__PURE__*/React.createElement(IconButtonSolid, {
47
+ onPress: onButtonPress,
48
+ icon: "spid",
49
+ accessibilityLabel: "accessibilityLabel"
50
+ })).toJSON();
51
+ expect(iconButtonSolid).toMatchSnapshot();
52
+ });
53
+ it("IconButton Snapshot", () => {
54
+ const iconButton = TestRenderer.create( /*#__PURE__*/React.createElement(IconButton, {
55
+ onPress: onButtonPress,
56
+ icon: "spid",
57
+ accessibilityLabel: "accessibilityLabel"
58
+ })).toJSON();
59
+ expect(iconButton).toMatchSnapshot();
60
+ });
61
+ it("IconButtonContained Snapshot", () => {
62
+ const iconButtonContained = TestRenderer.create( /*#__PURE__*/React.createElement(IconButtonContained, {
63
+ onPress: onButtonPress,
64
+ icon: "spid",
65
+ accessibilityLabel: "accessibilityLabel"
66
+ })).toJSON();
67
+ expect(iconButtonContained).toMatchSnapshot();
68
+ });
42
69
  });
43
70
  //# sourceMappingURL=button.test.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","Alert","TestRenderer","ButtonExtendedOutline","ButtonLink","ButtonOutline","ButtonSolid","onButtonPress","alert","describe","it","buttonSolid","create","createElement","label","accessibilityLabel","onPress","toJSON","expect","toMatchSnapshot","buttonLink","buttonOutline","buttonExtendedOutline"],"sourceRoot":"../../../../../src","sources":["components/buttons/__test__/button.test.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,cAAc;AACpC,OAAO,KAAKC,YAAY,MAAM,qBAAqB;AACnD,OAAOC,qBAAqB,MAAM,0BAA0B;AAC5D,OAAOC,UAAU,MAAM,eAAe;AACtC,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,OAAOC,WAAW,MAAM,gBAAgB;AAExC,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC1BN,KAAK,CAACO,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC;AAC1C,CAAC;AAEDC,QAAQ,CAAC,yBAAyB,EAAE,MAAM;EACxCC,EAAE,CAAC,sBAAsB,EAAE,MAAM;IAC/B,MAAMC,WAAW,GAAGT,YAAY,CAACU,MAAM,eAACZ,KAAA,CAAAa,aAAA,CAACP,WAAW;MAACQ,KAAK,EAAE,OAAQ;MAACC,kBAAkB,EAAE,oBAAqB;MAACC,OAAO,EAAET;IAAc,CAAc,CAAC,CAAC,CAACU,MAAM,CAAC,CAAC;IAC/JC,MAAM,CAACP,WAAW,CAAC,CAACQ,eAAe,CAAC,CAAC;EACvC,CAAC,CAAC;EAEFT,EAAE,CAAC,qBAAqB,EAAE,MAAM;IAC9B,MAAMU,UAAU,GAAGlB,YAAY,CAACU,MAAM,eAACZ,KAAA,CAAAa,aAAA,CAACT,UAAU;MAACU,KAAK,EAAE,OAAQ;MAACE,OAAO,EAAET;IAAc,CAAc,CAAC,CAAC,CAACU,MAAM,CAAC,CAAC;IACnHC,MAAM,CAACE,UAAU,CAAC,CAACD,eAAe,CAAC,CAAC;EACtC,CAAC,CAAC;EAEFT,EAAE,CAAC,wBAAwB,EAAE,MAAM;IACjC,MAAMW,aAAa,GAAGnB,YAAY,CAACU,MAAM,eAACZ,KAAA,CAAAa,aAAA,CAACR,aAAa;MAACS,KAAK,EAAE,OAAQ;MAACC,kBAAkB,EAAE,oBAAqB;MAACC,OAAO,EAAET;IAAc,CAAiB,CAAC,CAAC,CAACU,MAAM,CAAC,CAAC;IACtKC,MAAM,CAACG,aAAa,CAAC,CAACF,eAAe,CAAC,CAAC;EACzC,CAAC,CAAC;EAEFT,EAAE,CAAC,gCAAgC,EAAE,MAAM;IACzC,MAAMY,qBAAqB,GAAGpB,YAAY,CAACU,MAAM,eAACZ,KAAA,CAAAa,aAAA,CAACV,qBAAqB;MAACW,KAAK,EAAE,OAAQ;MAACE,OAAO,EAAET;IAAc,CAAwB,CAAC,CAAC,CAACU,MAAM,CAAC,CAAC;IACnJC,MAAM,CAACI,qBAAqB,CAAC,CAACH,eAAe,CAAC,CAAC;EACjD,CAAC,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"names":["React","Alert","TestRenderer","ButtonExtendedOutline","ButtonLink","ButtonOutline","ButtonSolid","IconButton","IconButtonContained","IconButtonSolid","onButtonPress","alert","describe","it","buttonSolid","create","createElement","label","accessibilityLabel","onPress","toJSON","expect","toMatchSnapshot","buttonLink","buttonOutline","buttonExtendedOutline","iconButtonSolid","icon","iconButton","iconButtonContained"],"sourceRoot":"../../../../../src","sources":["components/buttons/__test__/button.test.tsx"],"mappings":"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"}
@@ -1,6 +1,8 @@
1
- export * from "./ButtonSolid";
1
+ export * from "./ButtonExtendedOutline";
2
2
  export * from "./ButtonLink";
3
3
  export * from "./ButtonOutline";
4
- export * from "./ButtonExtendedOutline";
4
+ export * from "./ButtonSolid";
5
+ export * from "./IconButtonContained";
6
+ export * from "./IconButtonSolid";
5
7
  export * from "./IconButton";
6
8
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/buttons/index.tsx"],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,cAAc;AAC5B,cAAc,iBAAiB;AAC/B,cAAc,yBAAyB;AACvC,cAAc,cAAc"}
1
+ {"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/buttons/index.tsx"],"mappings":"AAAA,cAAc,yBAAyB;AACvC,cAAc,cAAc;AAC5B,cAAc,iBAAiB;AAC/B,cAAc,eAAe;AAC7B,cAAc,uBAAuB;AACrC,cAAc,mBAAmB;AACjC,cAAc,cAAc"}
@@ -1,9 +1,9 @@
1
1
  import React, { useEffect } from "react";
2
- import { StyleSheet, View, Pressable } from "react-native";
3
- import Animated, { useSharedValue, useAnimatedStyle, interpolate, withSpring, withTiming, Easing } from "react-native-reanimated";
4
- import { IOSelectionTickVisualParams } from "../../core/IOStyles";
2
+ import { Pressable, StyleSheet, View } from "react-native";
3
+ import Animated, { Easing, interpolate, useAnimatedStyle, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
5
4
  import { IOSpringValues } from "../../core/IOAnimations";
6
5
  import { IOColors } from "../../core/IOColors";
6
+ import { IOSelectionTickVisualParams } from "../../core/IOStyles";
7
7
  import { AnimatedTick } from "../common/AnimatedTick";
8
8
  const checkBoxRadius = 5;
9
9
  const styles = StyleSheet.create({
@@ -1 +1 @@
1
- {"version":3,"names":["React","useEffect","StyleSheet","View","Pressable","Animated","useSharedValue","useAnimatedStyle","interpolate","withSpring","withTiming","Easing","IOSelectionTickVisualParams","IOSpringValues","IOColors","AnimatedTick","checkBoxRadius","styles","create","checkBoxWrapper","width","size","height","checkboxBorder","position","left","top","borderWidth","borderRadius","checkBoxSquare","AnimatedCheckbox","_ref","checked","onPress","disabled","isChecked","squareAnimationProgress","tickAnimationProgress","value","selection","duration","easing","elastic","animatedCheckboxSquare","scale","opacity","transform","createElement","testID","style","borderColor","borderColorOffState","backgroundColor","bgColorOnState","progress","stroke","tickColor"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedCheckbox.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["React","useEffect","Pressable","StyleSheet","View","Animated","Easing","interpolate","useAnimatedStyle","useSharedValue","withSpring","withTiming","IOSpringValues","IOColors","IOSelectionTickVisualParams","AnimatedTick","checkBoxRadius","styles","create","checkBoxWrapper","width","size","height","checkboxBorder","position","left","top","borderWidth","borderRadius","checkBoxSquare","AnimatedCheckbox","_ref","checked","onPress","disabled","isChecked","squareAnimationProgress","tickAnimationProgress","value","selection","duration","easing","elastic","animatedCheckboxSquare","scale","opacity","transform","createElement","testID","style","borderColor","borderColorOffState","backgroundColor","bgColorOnState","progress","stroke","tickColor"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedCheckbox.tsx"],"mappings":"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"}
@@ -1,3 +1,2 @@
1
1
  export * from "./Icon";
2
- export { Icon, AnimatedIcon } from "../icons/Icon";
3
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["Icon","AnimatedIcon"],"sourceRoot":"../../../../src","sources":["components/icons/index.tsx"],"mappings":"AAAA,cAAc,QAAQ;AACtB,SAASA,IAAI,EAAEC,YAAY,QAAQ,eAAe"}
1
+ {"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/icons/index.tsx"],"mappings":"AAAA,cAAc,QAAQ"}
@@ -1,19 +1,19 @@
1
- export * from "./pictograms";
2
- export * from "./icons";
3
- export * from "./checkbox";
4
- export * from "./radio";
5
- export * from "./switch";
6
- export * from "./spacer/Spacer";
7
- export * from "./divider/Divider";
8
- export * from "./contentWrapper/ContentWrapper";
9
- export * from "./typography";
10
- export * from "./spacer";
11
- export * from "./avatar";
12
1
  export * from "./accordion";
2
+ export * from "./alert";
3
+ export * from "./avatar";
13
4
  export * from "./badge";
5
+ export * from "./banner";
14
6
  export * from "./buttons";
7
+ export * from "./checkbox";
8
+ export * from "./contentWrapper";
9
+ export * from "./divider";
10
+ export * from "./icons";
15
11
  export * from "./listitems";
16
- export * from "./tag";
17
- export * from "./alert";
18
12
  export * from "./logos";
13
+ export * from "./pictograms";
14
+ export * from "./radio";
15
+ export * from "./spacer";
16
+ export * from "./switch";
17
+ export * from "./tag";
18
+ export * from "./typography";
19
19
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,mBAAmB;AACjC,cAAc,iCAAiC;AAC/C,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,OAAO;AACrB,cAAc,SAAS;AACvB,cAAc,SAAS"}
1
+ {"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,cAAc"}
@@ -0,0 +1,79 @@
1
+ import * as React from "react";
2
+ import { View, StyleSheet } from "react-native";
3
+ import LinearGradient from "react-native-linear-gradient";
4
+ import Animated from "react-native-reanimated";
5
+ import { IOColors, hexToRgba, IOVisualCostants } from "../../core";
6
+ import { VSpacer } from "../spacer";
7
+ // Background color should be app main background (both light and dark themes)
8
+ const HEADER_BG_COLOR = "white";
9
+ const styles = StyleSheet.create({
10
+ buttonContainer: {
11
+ paddingHorizontal: IOVisualCostants.appMarginDefault,
12
+ width: "100%",
13
+ flex: 1,
14
+ flexShrink: 0,
15
+ justifyContent: "flex-end"
16
+ },
17
+ gradientContainer: {
18
+ ...StyleSheet.absoluteFillObject
19
+ },
20
+ safeBackgroundBlock: {
21
+ position: "absolute",
22
+ bottom: 0,
23
+ left: 0,
24
+ right: 0,
25
+ backgroundColor: IOColors[HEADER_BG_COLOR]
26
+ }
27
+ });
28
+ export const GradientBottomActions = _ref => {
29
+ let {
30
+ primaryAction,
31
+ secondaryAction,
32
+ dimensions,
33
+ transitionAnimStyle,
34
+ debugMode,
35
+ testID
36
+ } = _ref;
37
+ return /*#__PURE__*/React.createElement(View, {
38
+ style: {
39
+ width: "100%",
40
+ position: "absolute",
41
+ bottom: 0,
42
+ height: dimensions.gradientAreaHeight,
43
+ paddingBottom: dimensions.bottomMargin
44
+ },
45
+ testID: testID,
46
+ pointerEvents: "box-none"
47
+ }, /*#__PURE__*/React.createElement(Animated.View, {
48
+ style: [styles.gradientContainer, debugMode && {
49
+ borderTopColor: IOColors["error-500"],
50
+ borderTopWidth: 1,
51
+ backgroundColor: hexToRgba(IOColors["error-500"], 0.5)
52
+ }, transitionAnimStyle],
53
+ pointerEvents: "none"
54
+ }, /*#__PURE__*/React.createElement(LinearGradient, {
55
+ style: {
56
+ height: dimensions.gradientAreaHeight
57
+ }
58
+ // 100% opacity bg color fills at least 50% of the area
59
+ ,
60
+ locations: [0, 0.5],
61
+ colors: [hexToRgba(IOColors[HEADER_BG_COLOR], 0), IOColors[HEADER_BG_COLOR]]
62
+ })), /*#__PURE__*/React.createElement(View, {
63
+ style: [styles.safeBackgroundBlock, {
64
+ height: dimensions.safeBackgroundHeight
65
+ }]
66
+ }), /*#__PURE__*/React.createElement(View, {
67
+ style: styles.buttonContainer,
68
+ pointerEvents: "box-none"
69
+ }, primaryAction, secondaryAction && /*#__PURE__*/React.createElement(View, {
70
+ style: {
71
+ alignSelf: "center",
72
+ marginBottom: dimensions.extraBottomMargin
73
+ }
74
+ }, /*#__PURE__*/React.createElement(VSpacer, {
75
+ size: dimensions.spaceBetweenActions
76
+ }), secondaryAction)));
77
+ };
78
+ export default GradientBottomActions;
79
+ //# sourceMappingURL=GradientBottomActions.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","View","StyleSheet","LinearGradient","Animated","IOColors","hexToRgba","IOVisualCostants","VSpacer","HEADER_BG_COLOR","styles","create","buttonContainer","paddingHorizontal","appMarginDefault","width","flex","flexShrink","justifyContent","gradientContainer","absoluteFillObject","safeBackgroundBlock","position","bottom","left","right","backgroundColor","GradientBottomActions","_ref","primaryAction","secondaryAction","dimensions","transitionAnimStyle","debugMode","testID","createElement","style","height","gradientAreaHeight","paddingBottom","bottomMargin","pointerEvents","borderTopColor","borderTopWidth","locations","colors","safeBackgroundHeight","alignSelf","marginBottom","extraBottomMargin","size","spaceBetweenActions"],"sourceRoot":"../../../../src","sources":["components/layout/GradientBottomActions.tsx"],"mappings":"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"}