@developer_tribe/react-builder 1.2.24 → 1.2.26

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 (193) hide show
  1. package/dist/attributes-editor/AttributesEditorFields.d.ts +1 -1
  2. package/dist/attributes-editor/SpecialCategorySection.d.ts +2 -1
  3. package/dist/attributes-editor/attributesEditorModelTypes.d.ts +2 -0
  4. package/dist/build-components/BIcon/BIconProps.generated.d.ts +0 -2
  5. package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +0 -2
  6. package/dist/build-components/Button/ButtonProps.generated.d.ts +0 -2
  7. package/dist/build-components/Carousel/CarouselProps.generated.d.ts +0 -2
  8. package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +0 -2
  9. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +0 -2
  10. package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +0 -2
  11. package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +0 -2
  12. package/dist/build-components/CountDown/CountDownProps.generated.d.ts +3 -6
  13. package/dist/build-components/Image/ImageProps.generated.d.ts +0 -2
  14. package/dist/build-components/Main/MainProps.generated.d.ts +0 -2
  15. package/dist/build-components/NavigationBarColor/NavigationBarColorProps.generated.d.ts +0 -2
  16. package/dist/build-components/Onboard/OnboardProps.generated.d.ts +0 -2
  17. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +0 -2
  18. package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +0 -2
  19. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +0 -2
  20. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +0 -2
  21. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +0 -2
  22. package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +0 -2
  23. package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +0 -2
  24. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +0 -2
  25. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +0 -2
  26. package/dist/build-components/PaywallBackground/PaywallBackgroundProps.generated.d.ts +0 -2
  27. package/dist/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.d.ts +0 -2
  28. package/dist/build-components/PaywallOptions/PaywallOptionButton.d.ts +1 -1
  29. package/dist/build-components/PaywallOptions/PaywallOptionsProps.generated.d.ts +0 -2
  30. package/dist/build-components/PaywallProvider/PaywallContext.d.ts +1 -2
  31. package/dist/build-components/PaywallProvider/PaywallProviderProps.generated.d.ts +0 -2
  32. package/dist/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.d.ts +0 -2
  33. package/dist/build-components/RadioButton/RadioButtonProps.generated.d.ts +0 -2
  34. package/dist/build-components/Separator/SeparatorProps.generated.d.ts +0 -2
  35. package/dist/build-components/StatusBarColor/StatusBarColorProps.generated.d.ts +0 -2
  36. package/dist/build-components/Text/TextProps.generated.d.ts +0 -2
  37. package/dist/build-components/index.d.ts +1 -3
  38. package/dist/build-components/patterns.generated.d.ts +818 -1690
  39. package/dist/index.cjs.js +3 -3
  40. package/dist/index.cjs.js.map +1 -1
  41. package/dist/index.d.ts +1 -1
  42. package/dist/index.esm.js +4 -4
  43. package/dist/index.esm.js.map +1 -1
  44. package/dist/index.web.cjs.js +4 -4
  45. package/dist/index.web.cjs.js.map +1 -1
  46. package/dist/index.web.esm.js +3 -3
  47. package/dist/index.web.esm.js.map +1 -1
  48. package/dist/pages/ProjectPage.d.ts +2 -2
  49. package/dist/pages/projectPageUtils.d.ts +7 -1
  50. package/dist/paywall/hooks/index.d.ts +0 -1
  51. package/dist/styles.css +1 -1
  52. package/dist/types/Project.d.ts +6 -0
  53. package/dist/utils/index.d.ts +1 -0
  54. package/dist/utils/patterns.d.ts +2 -0
  55. package/dist/utils/projectColors.d.ts +7 -0
  56. package/package.json +3 -3
  57. package/scripts/prebuild/utils/validateAllComponentsOrThrow.js +11 -2
  58. package/src/AttributesEditor.tsx +15 -4
  59. package/src/DeviceMockFrame.tsx +0 -2
  60. package/src/RenderPage.tsx +0 -9
  61. package/src/assets/.DS_Store +0 -0
  62. package/src/assets/meta.json +1 -1
  63. package/src/assets/samples/paywall-1.json +0 -1
  64. package/src/assets/samples/paywall-2.json +2 -3
  65. package/src/assets/samples/paywall-app-delete-offer.json +2 -4
  66. package/src/assets/samples/paywall-app-open-offer.json +2 -4
  67. package/src/assets/samples/paywall-back-offer.json +2 -4
  68. package/src/assets/samples/paywall-notification-offer.json +2 -4
  69. package/src/assets/samples/simple-2.json +0 -1
  70. package/src/assets/samples/vpn-onboard-1.json +15 -15
  71. package/src/assets/samples/vpn-onboard-2.json +15 -15
  72. package/src/assets/samples/vpn-onboard-3.json +15 -15
  73. package/src/assets/samples/vpn-onboard-4.json +15 -15
  74. package/src/assets/samples/vpn-onboard-5.json +21 -21
  75. package/src/assets/samples/vpn-onboard-6.json +15 -15
  76. package/src/attributes-editor/AttributesEditorFields.tsx +0 -1
  77. package/src/attributes-editor/AttributesEditorView.tsx +43 -38
  78. package/src/attributes-editor/Field.tsx +1 -1
  79. package/src/attributes-editor/SpecialCategorySection.tsx +5 -4
  80. package/src/attributes-editor/attributesEditorModelTypes.ts +2 -0
  81. package/src/attributes-editor/useAttributesEditorModel.ts +24 -8
  82. package/src/build-components/BIcon/BIcon.tsx +1 -1
  83. package/src/build-components/BIcon/BIconProps.generated.ts +0 -2
  84. package/src/build-components/BIcon/pattern.json +2 -2
  85. package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +0 -2
  86. package/src/build-components/BackgroundImage/pattern.json +2 -2
  87. package/src/build-components/Button/ButtonProps.generated.ts +0 -2
  88. package/src/build-components/Button/pattern.json +2 -2
  89. package/src/build-components/Carousel/Carousel.tsx +1 -1
  90. package/src/build-components/Carousel/CarouselProps.generated.ts +0 -2
  91. package/src/build-components/Carousel/pattern.json +3 -3
  92. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +0 -2
  93. package/src/build-components/CarouselButtons/pattern.json +2 -2
  94. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +0 -2
  95. package/src/build-components/CarouselDots/pattern.json +2 -2
  96. package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +0 -2
  97. package/src/build-components/CarouselItem/pattern.json +3 -5
  98. package/src/build-components/CarouselProvider/CarouselProvider.tsx +1 -1
  99. package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +0 -2
  100. package/src/build-components/CarouselProvider/pattern.json +2 -4
  101. package/src/build-components/CountDown/CountDown.tsx +25 -1
  102. package/src/build-components/CountDown/CountDownProps.generated.ts +3 -6
  103. package/src/build-components/CountDown/pattern.json +10 -2
  104. package/src/build-components/Image/ImageProps.generated.ts +0 -2
  105. package/src/build-components/Image/pattern.json +5 -3
  106. package/src/build-components/Main/MainProps.generated.ts +0 -2
  107. package/src/build-components/Main/pattern.json +2 -2
  108. package/src/build-components/NavigationBarColor/NavigationBarColorProps.generated.ts +0 -2
  109. package/src/build-components/NavigationBarColor/pattern.json +2 -2
  110. package/src/build-components/Onboard/OnboardProps.generated.ts +0 -2
  111. package/src/build-components/Onboard/pattern.json +3 -5
  112. package/src/build-components/OnboardButton/OnboardButton.tsx +1 -4
  113. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +0 -2
  114. package/src/build-components/OnboardButton/pattern.json +2 -2
  115. package/src/build-components/OnboardButtons/OnboardButtons.tsx +1 -9
  116. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +0 -2
  117. package/src/build-components/OnboardButtons/pattern.json +2 -2
  118. package/src/build-components/OnboardDot/OnboardDot.tsx +2 -1
  119. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +0 -2
  120. package/src/build-components/OnboardDot/pattern.json +2 -2
  121. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +0 -2
  122. package/src/build-components/OnboardFooter/pattern.json +2 -2
  123. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +0 -2
  124. package/src/build-components/OnboardImage/pattern.json +2 -2
  125. package/src/build-components/OnboardItem/OnboardItem.tsx +1 -1
  126. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +0 -2
  127. package/src/build-components/OnboardItem/pattern.json +2 -2
  128. package/src/build-components/OnboardProvider/OnboardProvider.tsx +0 -1
  129. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +0 -2
  130. package/src/build-components/OnboardProvider/pattern.json +2 -2
  131. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +0 -2
  132. package/src/build-components/OnboardSubtitle/pattern.json +3 -5
  133. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +0 -2
  134. package/src/build-components/OnboardTitle/pattern.json +3 -5
  135. package/src/build-components/PaywallBackground/PaywallBackgroundProps.generated.ts +0 -2
  136. package/src/build-components/PaywallBackground/pattern.json +2 -4
  137. package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts +0 -2
  138. package/src/build-components/PaywallCloseButton/pattern.json +3 -5
  139. package/src/build-components/PaywallOptions/PaywallOptionButton.tsx +1 -2
  140. package/src/build-components/PaywallOptions/PaywallOptionsProps.generated.ts +0 -2
  141. package/src/build-components/PaywallOptions/pattern.json +3 -5
  142. package/src/build-components/PaywallProvider/PaywallContext.ts +1 -1
  143. package/src/build-components/PaywallProvider/PaywallProvider.tsx +0 -10
  144. package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts +0 -2
  145. package/src/build-components/PaywallProvider/pattern.json +2 -2
  146. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButton.tsx +1 -1
  147. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.ts +0 -2
  148. package/src/build-components/PaywallSubscribeButton/pattern.json +3 -5
  149. package/src/build-components/RadioButton/RadioButton.tsx +1 -1
  150. package/src/build-components/RadioButton/RadioButtonProps.generated.ts +0 -2
  151. package/src/build-components/RadioButton/pattern.json +2 -2
  152. package/src/build-components/RenderNode.generated.tsx +0 -10
  153. package/src/build-components/Separator/SeparatorProps.generated.ts +0 -2
  154. package/src/build-components/Separator/pattern.json +2 -2
  155. package/src/build-components/StatusBarColor/StatusBarColorProps.generated.ts +0 -2
  156. package/src/build-components/StatusBarColor/pattern.json +2 -2
  157. package/src/build-components/Text/TextProps.generated.ts +0 -2
  158. package/src/build-components/Text/pattern.json +2 -3
  159. package/src/build-components/View/pattern.json +2 -0
  160. package/src/build-components/index.ts +0 -10
  161. package/src/build-components/patterns.generated.ts +850 -1759
  162. package/src/components/AttributesEditorPanel.tsx +48 -32
  163. package/src/components/Builder.tsx +9 -1
  164. package/src/components/BuilderProvider.tsx +2 -37
  165. package/src/hooks/useSafeAreaViewStyle.ts +1 -3
  166. package/src/index.ts +1 -1
  167. package/src/mockOS/managers/navigationManager.ts +1 -1
  168. package/src/pages/ProjectPage.tsx +47 -22
  169. package/src/pages/projectPageUtils.ts +15 -1
  170. package/src/pages/tabs/SideTool.tsx +1 -22
  171. package/src/paywall/hooks/index.ts +0 -1
  172. package/src/store.ts +1 -6
  173. package/src/styles/base/_global.scss +2 -0
  174. package/src/types/Project.ts +7 -0
  175. package/src/utils/analyseNodeByPatterns.ts +4 -0
  176. package/src/utils/index.ts +1 -0
  177. package/src/utils/logRenderStore.ts +0 -1
  178. package/src/utils/novaToJson.ts +1 -5
  179. package/src/utils/parseColor.ts +1 -0
  180. package/src/utils/patterns.ts +2 -0
  181. package/src/utils/projectColors.ts +71 -0
  182. package/dist/build-components/Counter/Counter.d.ts +0 -2
  183. package/dist/build-components/Counter/CounterProps.generated.d.ts +0 -63
  184. package/dist/build-components/PaywallCounter/PaywallCounter.d.ts +0 -2
  185. package/dist/build-components/PaywallCounter/PaywallCounterProps.generated.d.ts +0 -63
  186. package/dist/paywall/hooks/useHandleGoBack.d.ts +0 -1
  187. package/src/build-components/Counter/Counter.tsx +0 -44
  188. package/src/build-components/Counter/CounterProps.generated.ts +0 -80
  189. package/src/build-components/Counter/pattern.json +0 -25
  190. package/src/build-components/PaywallCounter/PaywallCounter.tsx +0 -46
  191. package/src/build-components/PaywallCounter/PaywallCounterProps.generated.ts +0 -80
  192. package/src/build-components/PaywallCounter/pattern.json +0 -23
  193. package/src/paywall/hooks/useHandleGoBack.ts +0 -60
package/src/assets/samples/paywall-notification-offer.json CHANGED
@@ -52,7 +52,6 @@
52
52
  "type": "PaywallProvider",
53
53
  "attributes": {
54
54
  "scrollable": true,
55
- "delay": 5000,
56
55
  "description": "Paywall provider container.",
57
56
  "title": "Main Paywall",
58
57
  "styles": {
@@ -68,7 +67,6 @@
68
67
  "type": "PaywallBackground",
69
68
  "attributes": {
70
69
  "src": "https://images.unsplash.com/photo-1469474968028-56623f02e42e?auto=format&fit=crop&w=1200&q=80",
71
- "resizeMode": "cover",
72
70
  "description": "Paywall background.",
73
71
  "title": "Paywall Background"
74
72
  },
@@ -328,8 +326,8 @@
328
326
  {
329
327
  "type": "CountDown",
330
328
  "attributes": {
331
- "count": 5000,
332
- "description": "Countdown timer (5 seconds).",
329
+ "count": 30000,
330
+ "description": "Countdown timer (30 seconds).",
333
331
  "title": "Countdown",
334
332
  "styles": {
335
333
  "fontWeight": "700",
package/src/assets/samples/simple-2.json CHANGED
@@ -104,7 +104,6 @@
104
104
  "type": "image",
105
105
  "attributes": {
106
106
  "src": "https://picsum.photos/720/320",
107
- "resizeMode": "cover",
108
107
  "description": "image element 1 in sample.",
109
108
  "title": "image 1",
110
109
  "styles": {
package/src/assets/samples/vpn-onboard-1.json CHANGED
@@ -314,7 +314,7 @@
314
314
  "styles": {
315
315
  "width": "100%",
316
316
  "height": 2,
317
- "backgroundColor": "STATIC_COLORS.SEPARATOR_COLOR"
317
+ "backgroundColor": "STATIC_COLORS.ONBOARD_SEPARATOR_COLOR"
318
318
  }
319
319
  }
320
320
  },
@@ -337,7 +337,7 @@
337
337
  "type": "OnboardButton",
338
338
  "attributes": {
339
339
  "labelKey": "onboard.skip.one-page",
340
- "button_text_color": "THEME_COLORS.BUTTON_SECONDARY_TEXT",
340
+ "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
341
341
  "button_background_color": "STATIC_COLORS.TRANSPARENT",
342
342
  "events": [
343
343
  {
@@ -355,8 +355,8 @@
355
355
  "type": "OnboardButton",
356
356
  "attributes": {
357
357
  "labelKey": "onboard.next.one-page",
358
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
359
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
358
+ "button_text_color": "STATIC_COLORS.WHITE",
359
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
360
360
  "events": [
361
361
  {
362
362
  "type": "Navigate",
@@ -390,7 +390,7 @@
390
390
  "type": "OnboardButton",
391
391
  "attributes": {
392
392
  "labelKey": "onboard.skip.two-page",
393
- "button_text_color": "THEME_COLORS.BUTTON_SECONDARY_TEXT",
393
+ "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
394
394
  "button_background_color": "STATIC_COLORS.TRANSPARENT",
395
395
  "events": [
396
396
  {
@@ -412,8 +412,8 @@
412
412
  "type": "OnboardButton",
413
413
  "attributes": {
414
414
  "labelKey": "onboard.next.two-page",
415
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
416
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
415
+ "button_text_color": "STATIC_COLORS.WHITE",
416
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
417
417
  "events": [
418
418
  {
419
419
  "type": "Permission",
@@ -451,7 +451,7 @@
451
451
  "type": "OnboardButton",
452
452
  "attributes": {
453
453
  "labelKey": "onboard.skip.three-page",
454
- "button_text_color": "THEME_COLORS.BUTTON_SECONDARY_TEXT",
454
+ "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
455
455
  "button_background_color": "STATIC_COLORS.TRANSPARENT",
456
456
  "events": [
457
457
  {
@@ -469,8 +469,8 @@
469
469
  "type": "OnboardButton",
470
470
  "attributes": {
471
471
  "labelKey": "onboard.next.three-page",
472
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
473
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
472
+ "button_text_color": "STATIC_COLORS.WHITE",
473
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
474
474
  "events": [
475
475
  {
476
476
  "type": "Permission",
@@ -508,8 +508,8 @@
508
508
  "type": "OnboardButton",
509
509
  "attributes": {
510
510
  "labelKey": "onboard.allow.four-page",
511
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
512
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
511
+ "button_text_color": "STATIC_COLORS.WHITE",
512
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
513
513
  "events": [
514
514
  {
515
515
  "type": "Permission",
@@ -543,14 +543,14 @@
543
543
  "attributes": {
544
544
  "textLocalizationKey": "view.onboarding.footer.description",
545
545
  "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
546
- "linkedWordFirstColor": "STATIC_COLORS.LINK_COLOR",
546
+ "linkedWordFirstColor": "STATIC_COLORS.ONBOARD_LINK_COLOR",
547
547
  "linkedWordFirstPage": "privacy",
548
548
  "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
549
- "linkedWordSecondColor": "STATIC_COLORS.LINK_COLOR",
549
+ "linkedWordSecondColor": "STATIC_COLORS.ONBOARD_LINK_COLOR",
550
550
  "linkedWordSecondPage": "terms",
551
551
  "styles": {
552
552
  "gap": 8,
553
- "color": "THEME_COLORS.FOOTER_TEXT"
553
+ "color": "THEME_COLORS.ONBOARD_FOOTER_TEXT"
554
554
  }
555
555
  }
556
556
  }
package/src/assets/samples/vpn-onboard-2.json CHANGED
@@ -314,7 +314,7 @@
314
314
  "styles": {
315
315
  "width": "100%",
316
316
  "height": 2,
317
- "backgroundColor": "STATIC_COLORS.SEPARATOR_COLOR"
317
+ "backgroundColor": "STATIC_COLORS.ONBOARD_SEPARATOR_COLOR"
318
318
  }
319
319
  }
320
320
  },
@@ -337,7 +337,7 @@
337
337
  "type": "OnboardButton",
338
338
  "attributes": {
339
339
  "labelKey": "onboard.skip.one-page",
340
- "button_text_color": "THEME_COLORS.BUTTON_SECONDARY_TEXT",
340
+ "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
341
341
  "animation": "line-animation",
342
342
  "animation_color": "STATIC_COLORS.WHITE",
343
343
  "button_background_color": "STATIC_COLORS.TRANSPARENT",
@@ -357,9 +357,9 @@
357
357
  "type": "OnboardButton",
358
358
  "attributes": {
359
359
  "labelKey": "onboard.next.one-page",
360
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
360
+ "button_text_color": "STATIC_COLORS.WHITE",
361
361
  "animation": "simple-animation",
362
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
362
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
363
363
  "events": [
364
364
  {
365
365
  "type": "Navigate",
@@ -393,7 +393,7 @@
393
393
  "type": "OnboardButton",
394
394
  "attributes": {
395
395
  "labelKey": "onboard.skip.two-page",
396
- "button_text_color": "THEME_COLORS.BUTTON_SECONDARY_TEXT",
396
+ "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
397
397
  "button_background_color": "STATIC_COLORS.TRANSPARENT",
398
398
  "events": [
399
399
  {
@@ -415,8 +415,8 @@
415
415
  "type": "OnboardButton",
416
416
  "attributes": {
417
417
  "labelKey": "onboard.next.two-page",
418
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
419
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
418
+ "button_text_color": "STATIC_COLORS.WHITE",
419
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
420
420
  "events": [
421
421
  {
422
422
  "type": "Permission",
@@ -454,7 +454,7 @@
454
454
  "type": "OnboardButton",
455
455
  "attributes": {
456
456
  "labelKey": "onboard.skip.three-page",
457
- "button_text_color": "THEME_COLORS.BUTTON_SECONDARY_TEXT",
457
+ "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
458
458
  "button_background_color": "STATIC_COLORS.TRANSPARENT",
459
459
  "events": [
460
460
  {
@@ -472,8 +472,8 @@
472
472
  "type": "OnboardButton",
473
473
  "attributes": {
474
474
  "labelKey": "onboard.next.three-page",
475
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
476
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
475
+ "button_text_color": "STATIC_COLORS.WHITE",
476
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
477
477
  "events": [
478
478
  {
479
479
  "type": "Permission",
@@ -511,8 +511,8 @@
511
511
  "type": "OnboardButton",
512
512
  "attributes": {
513
513
  "labelKey": "onboard.allow.four-page",
514
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
515
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
514
+ "button_text_color": "STATIC_COLORS.WHITE",
515
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
516
516
  "events": [
517
517
  {
518
518
  "type": "Permission",
@@ -546,14 +546,14 @@
546
546
  "attributes": {
547
547
  "textLocalizationKey": "view.onboarding.footer.description",
548
548
  "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
549
- "linkedWordFirstColor": "STATIC_COLORS.LINK_COLOR",
549
+ "linkedWordFirstColor": "STATIC_COLORS.ONBOARD_LINK_COLOR",
550
550
  "linkedWordFirstPage": "privacy",
551
551
  "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
552
- "linkedWordSecondColor": "STATIC_COLORS.LINK_COLOR",
552
+ "linkedWordSecondColor": "STATIC_COLORS.ONBOARD_LINK_COLOR",
553
553
  "linkedWordSecondPage": "terms",
554
554
  "styles": {
555
555
  "gap": 8,
556
- "color": "THEME_COLORS.FOOTER_TEXT"
556
+ "color": "THEME_COLORS.ONBOARD_FOOTER_TEXT"
557
557
  }
558
558
  }
559
559
  }
package/src/assets/samples/vpn-onboard-3.json CHANGED
@@ -300,7 +300,7 @@
300
300
  "styles": {
301
301
  "width": "100%",
302
302
  "height": 2,
303
- "backgroundColor": "STATIC_COLORS.SEPARATOR_COLOR"
303
+ "backgroundColor": "STATIC_COLORS.ONBOARD_SEPARATOR_COLOR"
304
304
  }
305
305
  }
306
306
  },
@@ -323,7 +323,7 @@
323
323
  "type": "OnboardButton",
324
324
  "attributes": {
325
325
  "labelKey": "onboard.skip.one-page",
326
- "button_text_color": "THEME_COLORS.BUTTON_SECONDARY_TEXT",
326
+ "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
327
327
  "button_background_color": "STATIC_COLORS.TRANSPARENT",
328
328
  "events": [
329
329
  {
@@ -341,8 +341,8 @@
341
341
  "type": "OnboardButton",
342
342
  "attributes": {
343
343
  "labelKey": "onboard.next.one-page",
344
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
345
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
344
+ "button_text_color": "STATIC_COLORS.WHITE",
345
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
346
346
  "events": [
347
347
  {
348
348
  "type": "Navigate",
@@ -376,7 +376,7 @@
376
376
  "type": "OnboardButton",
377
377
  "attributes": {
378
378
  "labelKey": "onboard.skip.two-page",
379
- "button_text_color": "THEME_COLORS.BUTTON_SECONDARY_TEXT",
379
+ "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
380
380
  "button_background_color": "STATIC_COLORS.TRANSPARENT",
381
381
  "events": [
382
382
  {
@@ -398,8 +398,8 @@
398
398
  "type": "OnboardButton",
399
399
  "attributes": {
400
400
  "labelKey": "onboard.next.two-page",
401
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
402
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
401
+ "button_text_color": "STATIC_COLORS.WHITE",
402
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
403
403
  "events": [
404
404
  {
405
405
  "type": "Permission",
@@ -437,7 +437,7 @@
437
437
  "type": "OnboardButton",
438
438
  "attributes": {
439
439
  "labelKey": "onboard.skip.three-page",
440
- "button_text_color": "THEME_COLORS.BUTTON_SECONDARY_TEXT",
440
+ "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
441
441
  "button_background_color": "STATIC_COLORS.TRANSPARENT",
442
442
  "events": [
443
443
  {
@@ -455,8 +455,8 @@
455
455
  "type": "OnboardButton",
456
456
  "attributes": {
457
457
  "labelKey": "onboard.next.three-page",
458
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
459
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
458
+ "button_text_color": "STATIC_COLORS.WHITE",
459
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
460
460
  "events": [
461
461
  {
462
462
  "type": "Permission",
@@ -494,8 +494,8 @@
494
494
  "type": "OnboardButton",
495
495
  "attributes": {
496
496
  "labelKey": "onboard.allow.four-page",
497
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
498
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
497
+ "button_text_color": "STATIC_COLORS.WHITE",
498
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
499
499
  "events": [
500
500
  {
501
501
  "type": "Permission",
@@ -529,14 +529,14 @@
529
529
  "attributes": {
530
530
  "textLocalizationKey": "view.onboarding.footer.description",
531
531
  "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
532
- "linkedWordFirstColor": "STATIC_COLORS.LINK_COLOR",
532
+ "linkedWordFirstColor": "STATIC_COLORS.ONBOARD_LINK_COLOR",
533
533
  "linkedWordFirstPage": "privacy",
534
534
  "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
535
- "linkedWordSecondColor": "STATIC_COLORS.LINK_COLOR",
535
+ "linkedWordSecondColor": "STATIC_COLORS.ONBOARD_LINK_COLOR",
536
536
  "linkedWordSecondPage": "terms",
537
537
  "styles": {
538
538
  "gap": 8,
539
- "color": "THEME_COLORS.FOOTER_TEXT"
539
+ "color": "THEME_COLORS.ONBOARD_FOOTER_TEXT"
540
540
  }
541
541
  }
542
542
  }
package/src/assets/samples/vpn-onboard-4.json CHANGED
@@ -300,7 +300,7 @@
300
300
  "styles": {
301
301
  "width": "100%",
302
302
  "height": 2,
303
- "backgroundColor": "STATIC_COLORS.SEPARATOR_COLOR"
303
+ "backgroundColor": "STATIC_COLORS.ONBOARD_SEPARATOR_COLOR"
304
304
  }
305
305
  }
306
306
  },
@@ -323,7 +323,7 @@
323
323
  "type": "OnboardButton",
324
324
  "attributes": {
325
325
  "labelKey": "onboard.skip.one-page",
326
- "button_text_color": "THEME_COLORS.BUTTON_SECONDARY_TEXT",
326
+ "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
327
327
  "button_background_color": "STATIC_COLORS.TRANSPARENT",
328
328
  "events": [
329
329
  {
@@ -341,8 +341,8 @@
341
341
  "type": "OnboardButton",
342
342
  "attributes": {
343
343
  "labelKey": "onboard.next.one-page",
344
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
345
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
344
+ "button_text_color": "STATIC_COLORS.WHITE",
345
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
346
346
  "events": [
347
347
  {
348
348
  "type": "Navigate",
@@ -376,7 +376,7 @@
376
376
  "type": "OnboardButton",
377
377
  "attributes": {
378
378
  "labelKey": "onboard.skip.two-page",
379
- "button_text_color": "THEME_COLORS.BUTTON_SECONDARY_TEXT",
379
+ "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
380
380
  "button_background_color": "STATIC_COLORS.TRANSPARENT",
381
381
  "events": [
382
382
  {
@@ -398,8 +398,8 @@
398
398
  "type": "OnboardButton",
399
399
  "attributes": {
400
400
  "labelKey": "onboard.next.two-page",
401
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
402
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
401
+ "button_text_color": "STATIC_COLORS.WHITE",
402
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
403
403
  "events": [
404
404
  {
405
405
  "type": "Permission",
@@ -437,7 +437,7 @@
437
437
  "type": "OnboardButton",
438
438
  "attributes": {
439
439
  "labelKey": "onboard.skip.three-page",
440
- "button_text_color": "THEME_COLORS.BUTTON_SECONDARY_TEXT",
440
+ "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
441
441
  "button_background_color": "STATIC_COLORS.TRANSPARENT",
442
442
  "events": [
443
443
  {
@@ -455,8 +455,8 @@
455
455
  "type": "OnboardButton",
456
456
  "attributes": {
457
457
  "labelKey": "onboard.next.three-page",
458
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
459
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
458
+ "button_text_color": "STATIC_COLORS.WHITE",
459
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
460
460
  "events": [
461
461
  {
462
462
  "type": "Permission",
@@ -494,8 +494,8 @@
494
494
  "type": "OnboardButton",
495
495
  "attributes": {
496
496
  "labelKey": "onboard.allow.four-page",
497
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
498
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
497
+ "button_text_color": "STATIC_COLORS.WHITE",
498
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
499
499
  "events": [
500
500
  {
501
501
  "type": "Permission",
@@ -529,14 +529,14 @@
529
529
  "attributes": {
530
530
  "textLocalizationKey": "view.onboarding.footer.description",
531
531
  "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
532
- "linkedWordFirstColor": "STATIC_COLORS.LINK_COLOR",
532
+ "linkedWordFirstColor": "STATIC_COLORS.ONBOARD_LINK_COLOR",
533
533
  "linkedWordFirstPage": "privacy",
534
534
  "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
535
- "linkedWordSecondColor": "STATIC_COLORS.LINK_COLOR",
535
+ "linkedWordSecondColor": "STATIC_COLORS.ONBOARD_LINK_COLOR",
536
536
  "linkedWordSecondPage": "terms",
537
537
  "styles": {
538
538
  "gap": 8,
539
- "color": "THEME_COLORS.FOOTER_TEXT"
539
+ "color": "THEME_COLORS.ONBOARD_FOOTER_TEXT"
540
540
  }
541
541
  }
542
542
  }
package/src/assets/samples/vpn-onboard-5.json CHANGED
@@ -400,7 +400,7 @@
400
400
  "styles": {
401
401
  "width": "100%",
402
402
  "height": 2,
403
- "backgroundColor": "STATIC_COLORS.SEPARATOR_COLOR"
403
+ "backgroundColor": "STATIC_COLORS.ONBOARD_SEPARATOR_COLOR"
404
404
  }
405
405
  }
406
406
  },
@@ -423,7 +423,7 @@
423
423
  "type": "OnboardButton",
424
424
  "attributes": {
425
425
  "labelKey": "onboard.skip.one-page",
426
- "button_text_color": "THEME_COLORS.BUTTON_SECONDARY_TEXT",
426
+ "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
427
427
  "button_background_color": "THEME_COLORS.LINE",
428
428
  "events": [
429
429
  {
@@ -441,8 +441,8 @@
441
441
  "type": "OnboardButton",
442
442
  "attributes": {
443
443
  "labelKey": "onboard.next.one-page",
444
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
445
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
444
+ "button_text_color": "STATIC_COLORS.WHITE",
445
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
446
446
  "events": [
447
447
  {
448
448
  "type": "Navigate",
@@ -476,7 +476,7 @@
476
476
  "type": "OnboardButton",
477
477
  "attributes": {
478
478
  "labelKey": "onboard.skip.two-page",
479
- "button_text_color": "THEME_COLORS.BUTTON_SECONDARY_TEXT",
479
+ "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
480
480
  "button_background_color": "THEME_COLORS.LINE",
481
481
  "events": [
482
482
  {
@@ -494,8 +494,8 @@
494
494
  "type": "OnboardButton",
495
495
  "attributes": {
496
496
  "labelKey": "onboard.next.two-page",
497
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
498
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
497
+ "button_text_color": "STATIC_COLORS.WHITE",
498
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
499
499
  "events": [
500
500
  {
501
501
  "type": "Navigate",
@@ -529,7 +529,7 @@
529
529
  "type": "OnboardButton",
530
530
  "attributes": {
531
531
  "labelKey": "onboard.skip.three-page",
532
- "button_text_color": "THEME_COLORS.BUTTON_SECONDARY_TEXT",
532
+ "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
533
533
  "button_background_color": "THEME_COLORS.LINE",
534
534
  "events": [
535
535
  {
@@ -547,8 +547,8 @@
547
547
  "type": "OnboardButton",
548
548
  "attributes": {
549
549
  "labelKey": "onboard.next.three-page",
550
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
551
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
550
+ "button_text_color": "STATIC_COLORS.WHITE",
551
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
552
552
  "events": [
553
553
  {
554
554
  "type": "Navigate",
@@ -582,7 +582,7 @@
582
582
  "type": "OnboardButton",
583
583
  "attributes": {
584
584
  "labelKey": "onboard.skip.five-page",
585
- "button_text_color": "THEME_COLORS.BUTTON_SECONDARY_TEXT",
585
+ "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
586
586
  "button_background_color": "THEME_COLORS.LINE",
587
587
  "events": [
588
588
  {
@@ -600,8 +600,8 @@
600
600
  "type": "OnboardButton",
601
601
  "attributes": {
602
602
  "labelKey": "onboard.next.five-page",
603
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
604
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
603
+ "button_text_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_TEXT",
604
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
605
605
  "events": [
606
606
  {
607
607
  "type": "Permission",
@@ -639,7 +639,7 @@
639
639
  "type": "OnboardButton",
640
640
  "attributes": {
641
641
  "labelKey": "onboard.skip.five-page",
642
- "button_text_color": "THEME_COLORS.BUTTON_SECONDARY_TEXT",
642
+ "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
643
643
  "button_background_color": "THEME_COLORS.LINE",
644
644
  "events": [
645
645
  {
@@ -657,8 +657,8 @@
657
657
  "type": "OnboardButton",
658
658
  "attributes": {
659
659
  "labelKey": "onboard.next.five-page",
660
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
661
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
660
+ "button_text_color": "STATIC_COLORS.WHITE",
661
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
662
662
  "events": [
663
663
  {
664
664
  "type": "Permission",
@@ -696,8 +696,8 @@
696
696
  "type": "OnboardButton",
697
697
  "attributes": {
698
698
  "labelKey": "onboard.allow.four-page",
699
- "button_text_color": "STATIC_COLORS.BUTTON_PRIMARY_TEXT",
700
- "button_background_color": "STATIC_COLORS.BUTTON_PRIMARY_BACKGROUND",
699
+ "button_text_color": "STATIC_COLORS.WHITE",
700
+ "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
701
701
  "events": [
702
702
  {
703
703
  "type": "Permission",
@@ -731,14 +731,14 @@
731
731
  "attributes": {
732
732
  "textLocalizationKey": "view.onboarding.footer.description",
733
733
  "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
734
- "linkedWordFirstColor": "STATIC_COLORS.LINK_COLOR",
734
+ "linkedWordFirstColor": "STATIC_COLORS.ONBOARD_LINK_COLOR",
735
735
  "linkedWordFirstPage": "privacy",
736
736
  "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
737
- "linkedWordSecondColor": "STATIC_COLORS.LINK_COLOR",
737
+ "linkedWordSecondColor": "STATIC_COLORS.ONBOARD_LINK_COLOR",
738
738
  "linkedWordSecondPage": "terms",
739
739
  "styles": {
740
740
  "gap": 8,
741
- "color": "THEME_COLORS.FOOTER_TEXT"
741
+ "color": "THEME_COLORS.ONBOARD_FOOTER_TEXT"
742
742
  }
743
743
  }
744
744
  }