@developer_tribe/react-builder 1.2.30 → 1.2.32

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 (154) hide show
  1. package/dist/build-components/BIcon/BIcon.d.ts +1 -1
  2. package/dist/build-components/BIcon/BIconProps.generated.d.ts +1 -1
  3. package/dist/build-components/BackgroundImage/BackgroundImage.d.ts +1 -1
  4. package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +1 -1
  5. package/dist/build-components/Button/Button.d.ts +1 -1
  6. package/dist/build-components/Button/ButtonProps.generated.d.ts +1 -1
  7. package/dist/build-components/Carousel/CarouselProps.generated.d.ts +1 -1
  8. package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +1 -1
  9. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +5 -1
  10. package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +1 -1
  11. package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +1 -1
  12. package/dist/build-components/CountDown/CountDownProps.generated.d.ts +1 -1
  13. package/dist/build-components/Image/ImageProps.generated.d.ts +1 -1
  14. package/dist/build-components/Main/MainProps.generated.d.ts +1 -1
  15. package/dist/build-components/NavigationBarColor/NavigationBarColorProps.generated.d.ts +1 -1
  16. package/dist/build-components/Onboard/OnboardProps.generated.d.ts +1 -1
  17. package/dist/build-components/OnboardButton/OnboardButton.d.ts +1 -1
  18. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +2 -4
  19. package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +1 -1
  20. package/dist/build-components/OnboardDot/OnboardDot.d.ts +1 -1
  21. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +1 -1
  22. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +1 -1
  23. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +1 -1
  24. package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +1 -1
  25. package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +1 -1
  26. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +1 -1
  27. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +1 -1
  28. package/dist/build-components/PaywallBackground/PaywallBackgroundProps.generated.d.ts +1 -1
  29. package/dist/build-components/PaywallCloseButton/PaywallCloseButton.d.ts +1 -1
  30. package/dist/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.d.ts +1 -1
  31. package/dist/build-components/PaywallOptions/PaywallOptionsProps.generated.d.ts +1 -1
  32. package/dist/build-components/PaywallProvider/PaywallProviderProps.generated.d.ts +1 -1
  33. package/dist/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.d.ts +1 -1
  34. package/dist/build-components/PriceTag/PriceTagProps.generated.d.ts +1 -1
  35. package/dist/build-components/Pricing/PricingProps.generated.d.ts +1 -1
  36. package/dist/build-components/Promo/PromoProps.generated.d.ts +1 -1
  37. package/dist/build-components/RadioButton/RadioButtonProps.generated.d.ts +1 -1
  38. package/dist/build-components/Separator/SeparatorProps.generated.d.ts +1 -1
  39. package/dist/build-components/StatusBarColor/StatusBarColorProps.generated.d.ts +1 -1
  40. package/dist/build-components/Text/Text.d.ts +1 -1
  41. package/dist/build-components/Text/TextProps.generated.d.ts +1 -1
  42. package/dist/build-components/View/ViewProps.generated.d.ts +1 -1
  43. package/dist/build-components/patterns.generated.d.ts +73 -69
  44. package/dist/index.cjs.js +1 -1
  45. package/dist/index.cjs.js.map +1 -1
  46. package/dist/index.esm.js +1 -1
  47. package/dist/index.esm.js.map +1 -1
  48. package/dist/index.web.cjs.js +4 -4
  49. package/dist/index.web.cjs.js.map +1 -1
  50. package/dist/index.web.esm.js +4 -4
  51. package/dist/index.web.esm.js.map +1 -1
  52. package/dist/utils/attributeStyle.d.ts +2 -2
  53. package/dist/utils/patterns.d.ts +2 -2
  54. package/dist/utils/useMergedStyle.d.ts +1 -1
  55. package/package.json +1 -1
  56. package/scripts/prebuild/utils/createGeneratedProps.js +9 -9
  57. package/scripts/prebuild/utils/validateAllComponentsOrThrow.js +9 -9
  58. package/src/RenderPage.tsx +42 -1
  59. package/src/assets/meta.json +1 -1
  60. package/src/assets/samples/vpn-onboard-1.json +21 -45
  61. package/src/assets/samples/vpn-onboard-2.json +21 -45
  62. package/src/assets/samples/vpn-onboard-3.json +21 -53
  63. package/src/assets/samples/vpn-onboard-4.json +21 -21
  64. package/src/assets/samples/vpn-onboard-5.json +33 -33
  65. package/src/assets/samples/vpn-onboard-6.json +21 -21
  66. package/src/assets/samples/vpn-onboard-7.json +21 -21
  67. package/src/build-components/BIcon/BIcon.tsx +1 -1
  68. package/src/build-components/BIcon/BIconProps.generated.ts +1 -1
  69. package/src/build-components/BIcon/pattern.json +4 -2
  70. package/src/build-components/BackgroundImage/BackgroundImage.tsx +2 -2
  71. package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +1 -1
  72. package/src/build-components/BackgroundImage/pattern.json +11 -3
  73. package/src/build-components/Button/Button.tsx +3 -3
  74. package/src/build-components/Button/ButtonProps.generated.ts +1 -1
  75. package/src/build-components/Button/pattern.json +5 -3
  76. package/src/build-components/Carousel/CarouselProps.generated.ts +1 -1
  77. package/src/build-components/Carousel/pattern.json +9 -3
  78. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +1 -1
  79. package/src/build-components/CarouselDots/CarouselDots.tsx +8 -17
  80. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +5 -1
  81. package/src/build-components/CarouselDots/pattern.json +12 -1
  82. package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +1 -1
  83. package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +1 -1
  84. package/src/build-components/CarouselProvider/pattern.json +5 -2
  85. package/src/build-components/CountDown/CountDownProps.generated.ts +1 -1
  86. package/src/build-components/CountDown/pattern.json +4 -2
  87. package/src/build-components/Image/ImageProps.generated.ts +1 -1
  88. package/src/build-components/Image/pattern.json +11 -4
  89. package/src/build-components/Main/Main.tsx +1 -0
  90. package/src/build-components/Main/MainProps.generated.ts +1 -1
  91. package/src/build-components/Main/pattern.json +4 -2
  92. package/src/build-components/NavigationBarColor/NavigationBarColorProps.generated.ts +1 -1
  93. package/src/build-components/NavigationBarColor/pattern.json +5 -3
  94. package/src/build-components/Onboard/OnboardProps.generated.ts +1 -1
  95. package/src/build-components/Onboard/pattern.json +7 -3
  96. package/src/build-components/OnboardButton/OnboardButton.tsx +3 -22
  97. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +2 -4
  98. package/src/build-components/OnboardButton/pattern.json +42 -44
  99. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +1 -1
  100. package/src/build-components/OnboardButtons/pattern.json +16 -5
  101. package/src/build-components/OnboardDot/OnboardDot.tsx +10 -22
  102. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +1 -1
  103. package/src/build-components/OnboardDot/pattern.json +6 -3
  104. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +1 -1
  105. package/src/build-components/OnboardFooter/pattern.json +4 -2
  106. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +1 -1
  107. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +1 -1
  108. package/src/build-components/OnboardItem/pattern.json +12 -4
  109. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +1 -1
  110. package/src/build-components/OnboardProvider/pattern.json +9 -3
  111. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +1 -1
  112. package/src/build-components/OnboardSubtitle/pattern.json +5 -2
  113. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +1 -1
  114. package/src/build-components/OnboardTitle/pattern.json +5 -2
  115. package/src/build-components/PaywallBackground/PaywallBackgroundProps.generated.ts +1 -1
  116. package/src/build-components/PaywallBackground/pattern.json +4 -2
  117. package/src/build-components/PaywallCloseButton/PaywallCloseButton.tsx +2 -2
  118. package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts +1 -1
  119. package/src/build-components/PaywallCloseButton/pattern.json +4 -2
  120. package/src/build-components/PaywallOptions/PaywallOptionsProps.generated.ts +1 -1
  121. package/src/build-components/PaywallOptions/pattern.json +4 -2
  122. package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts +1 -1
  123. package/src/build-components/PaywallProvider/pattern.json +4 -2
  124. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.ts +1 -1
  125. package/src/build-components/PaywallSubscribeButton/pattern.json +4 -2
  126. package/src/build-components/PriceTag/PriceTagProps.generated.ts +1 -1
  127. package/src/build-components/PriceTag/pattern.json +10 -4
  128. package/src/build-components/Pricing/PricingProps.generated.ts +1 -1
  129. package/src/build-components/Pricing/pattern.json +4 -2
  130. package/src/build-components/Promo/PromoProps.generated.ts +1 -1
  131. package/src/build-components/Promo/pattern.json +4 -2
  132. package/src/build-components/RadioButton/RadioButton.tsx +6 -3
  133. package/src/build-components/RadioButton/RadioButtonProps.generated.ts +1 -1
  134. package/src/build-components/RenderNode.generated.tsx +7 -7
  135. package/src/build-components/Separator/SeparatorProps.generated.ts +1 -1
  136. package/src/build-components/Separator/pattern.json +5 -3
  137. package/src/build-components/StatusBarColor/StatusBarColorProps.generated.ts +1 -1
  138. package/src/build-components/StatusBarColor/pattern.json +5 -3
  139. package/src/build-components/Text/Text.tsx +2 -2
  140. package/src/build-components/Text/TextProps.generated.ts +1 -1
  141. package/src/build-components/Text/pattern.json +5 -3
  142. package/src/build-components/View/ViewProps.generated.ts +1 -1
  143. package/src/build-components/View/pattern.json +18 -6
  144. package/src/build-components/patterns.generated.ts +73 -69
  145. package/src/build-components/useNode.ts +2 -16
  146. package/src/components/BuilderProvider.tsx +1 -1
  147. package/src/hooks/useLocalize.ts +1 -1
  148. package/src/migrations/migrations/1.1.2_extract_component_attributes_from_style.ts +31 -10
  149. package/src/utils/analyseNodeByPatterns.ts +2 -2
  150. package/src/utils/attributeStyle.ts +9 -3
  151. package/src/utils/extractImageStyle.ts +4 -4
  152. package/src/utils/patterns.ts +3 -3
  153. package/src/utils/projectColors.ts +3 -2
  154. package/src/utils/useMergedStyle.ts +9 -7
package/src/assets/samples/vpn-onboard-3.json CHANGED
@@ -2,38 +2,6 @@
2
2
  "name": "vpn-onboard-3",
3
3
  "version": "1.1.2",
4
4
  "type": "onboard",
5
- "appConfig": {
6
- "localication": {
7
- "ar": {
8
- "onboard.title.one-page": " العربية",
9
- "onboard.title.one-page2": " العربية",
10
- "onboard.title.two-page": " العربية",
11
- "onboard.title.two-page2": " العربية",
12
- "onboard.title.three-page": " العربية",
13
- "onboard.title.three-page2": " العربية",
14
- "onboard.title.four-page": " العربية",
15
- "onboard.title.four-page2": " العربية",
16
- "onboard.subtitle.one-page": " العربية",
17
- "onboard.subtitle.one-page2": " العربية",
18
- "onboard.subtitle.two-page": " العربية",
19
- "onboard.subtitle.two-page2": " العربية",
20
- "onboard.subtitle.three-page": " العربية",
21
- "onboard.subtitle.three-page2": " العربية",
22
- "onboard.subtitle.four-page": " العربية",
23
- "onboard.subtitle.four-page2": " العربية",
24
- "onboard.next.one-page": "التالي",
25
- "onboard.next.two-page": "التالي",
26
- "onboard.next.three-page": "التالي",
27
- "onboard.skip.one-page": "تخطي",
28
- "onboard.skip.two-page": "تخطي",
29
- "onboard.skip.three-page": "تخطي",
30
- "onboard.allow.four-page": "السماح",
31
- "view.onboarding.footer.description": "بالمتابعة فإنك توافق على",
32
- "view.onboarding.btnPrivacy": "الخصوصية",
33
- "view.onboarding.btnTerms": "الشروط"
34
- }
35
- }
36
- },
37
5
  "data": {
38
6
  "type": "Main",
39
7
  "isMain": true,
@@ -282,8 +250,6 @@
282
250
  "type": "OnboardButton",
283
251
  "attributes": {
284
252
  "labelKey": "onboard.skip.one-page",
285
- "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
286
- "button_background_color": "STATIC_COLORS.TRANSPARENT",
287
253
  "events": [
288
254
  {
289
255
  "type": "Navigate",
@@ -292,7 +258,9 @@
292
258
  }
293
259
  ],
294
260
  "styles": {
295
- "flex": 1
261
+ "flex": 1,
262
+ "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
263
+ "backgroundColor": "STATIC_COLORS.TRANSPARENT"
296
264
  }
297
265
  }
298
266
  },
@@ -300,8 +268,6 @@
300
268
  "type": "OnboardButton",
301
269
  "attributes": {
302
270
  "labelKey": "onboard.next.one-page",
303
- "button_text_color": "STATIC_COLORS.WHITE",
304
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
305
271
  "events": [
306
272
  {
307
273
  "type": "Navigate",
@@ -310,7 +276,9 @@
310
276
  }
311
277
  ],
312
278
  "styles": {
313
- "flex": 1
279
+ "flex": 1,
280
+ "color": "STATIC_COLORS.WHITE",
281
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
314
282
  }
315
283
  }
316
284
  }
@@ -335,8 +303,6 @@
335
303
  "type": "OnboardButton",
336
304
  "attributes": {
337
305
  "labelKey": "onboard.skip.two-page",
338
- "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
339
- "button_background_color": "STATIC_COLORS.TRANSPARENT",
340
306
  "events": [
341
307
  {
342
308
  "type": "Permission",
@@ -349,7 +315,9 @@
349
315
  }
350
316
  ],
351
317
  "styles": {
352
- "flex": 1
318
+ "flex": 1,
319
+ "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
320
+ "backgroundColor": "STATIC_COLORS.TRANSPARENT"
353
321
  }
354
322
  }
355
323
  },
@@ -357,8 +325,6 @@
357
325
  "type": "OnboardButton",
358
326
  "attributes": {
359
327
  "labelKey": "onboard.next.two-page",
360
- "button_text_color": "STATIC_COLORS.WHITE",
361
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
362
328
  "events": [
363
329
  {
364
330
  "type": "Permission",
@@ -371,7 +337,9 @@
371
337
  }
372
338
  ],
373
339
  "styles": {
374
- "flex": 1
340
+ "flex": 1,
341
+ "color": "STATIC_COLORS.WHITE",
342
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
375
343
  }
376
344
  }
377
345
  }
@@ -396,8 +364,6 @@
396
364
  "type": "OnboardButton",
397
365
  "attributes": {
398
366
  "labelKey": "onboard.skip.three-page",
399
- "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
400
- "button_background_color": "STATIC_COLORS.TRANSPARENT",
401
367
  "events": [
402
368
  {
403
369
  "type": "Navigate",
@@ -406,7 +372,9 @@
406
372
  }
407
373
  ],
408
374
  "styles": {
409
- "flex": 1
375
+ "flex": 1,
376
+ "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
377
+ "backgroundColor": "STATIC_COLORS.TRANSPARENT"
410
378
  }
411
379
  }
412
380
  },
@@ -414,8 +382,6 @@
414
382
  "type": "OnboardButton",
415
383
  "attributes": {
416
384
  "labelKey": "onboard.next.three-page",
417
- "button_text_color": "STATIC_COLORS.WHITE",
418
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
419
385
  "events": [
420
386
  {
421
387
  "type": "Permission",
@@ -428,7 +394,9 @@
428
394
  }
429
395
  ],
430
396
  "styles": {
431
- "flex": 1
397
+ "flex": 1,
398
+ "color": "STATIC_COLORS.WHITE",
399
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
432
400
  }
433
401
  }
434
402
  }
@@ -453,8 +421,6 @@
453
421
  "type": "OnboardButton",
454
422
  "attributes": {
455
423
  "labelKey": "onboard.allow.four-page",
456
- "button_text_color": "STATIC_COLORS.WHITE",
457
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
458
424
  "events": [
459
425
  {
460
426
  "type": "Permission",
@@ -466,7 +432,9 @@
466
432
  }
467
433
  ],
468
434
  "styles": {
469
- "flex": 1
435
+ "flex": 1,
436
+ "color": "STATIC_COLORS.WHITE",
437
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
470
438
  }
471
439
  }
472
440
  }
package/src/assets/samples/vpn-onboard-4.json CHANGED
@@ -250,8 +250,6 @@
250
250
  "type": "OnboardButton",
251
251
  "attributes": {
252
252
  "labelKey": "onboard.skip.one-page",
253
- "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
254
- "button_background_color": "STATIC_COLORS.TRANSPARENT",
255
253
  "events": [
256
254
  {
257
255
  "type": "Navigate",
@@ -260,7 +258,9 @@
260
258
  }
261
259
  ],
262
260
  "styles": {
263
- "flex": 1
261
+ "flex": 1,
262
+ "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
263
+ "backgroundColor": "STATIC_COLORS.TRANSPARENT"
264
264
  }
265
265
  }
266
266
  },
@@ -268,8 +268,6 @@
268
268
  "type": "OnboardButton",
269
269
  "attributes": {
270
270
  "labelKey": "onboard.next.one-page",
271
- "button_text_color": "STATIC_COLORS.WHITE",
272
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
273
271
  "events": [
274
272
  {
275
273
  "type": "Navigate",
@@ -278,7 +276,9 @@
278
276
  }
279
277
  ],
280
278
  "styles": {
281
- "flex": 1
279
+ "flex": 1,
280
+ "color": "STATIC_COLORS.WHITE",
281
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
282
282
  }
283
283
  }
284
284
  }
@@ -303,8 +303,6 @@
303
303
  "type": "OnboardButton",
304
304
  "attributes": {
305
305
  "labelKey": "onboard.skip.two-page",
306
- "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
307
- "button_background_color": "STATIC_COLORS.TRANSPARENT",
308
306
  "events": [
309
307
  {
310
308
  "type": "Permission",
@@ -317,7 +315,9 @@
317
315
  }
318
316
  ],
319
317
  "styles": {
320
- "flex": 1
318
+ "flex": 1,
319
+ "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
320
+ "backgroundColor": "STATIC_COLORS.TRANSPARENT"
321
321
  }
322
322
  }
323
323
  },
@@ -325,8 +325,6 @@
325
325
  "type": "OnboardButton",
326
326
  "attributes": {
327
327
  "labelKey": "onboard.next.two-page",
328
- "button_text_color": "STATIC_COLORS.WHITE",
329
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
330
328
  "events": [
331
329
  {
332
330
  "type": "Permission",
@@ -339,7 +337,9 @@
339
337
  }
340
338
  ],
341
339
  "styles": {
342
- "flex": 1
340
+ "flex": 1,
341
+ "color": "STATIC_COLORS.WHITE",
342
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
343
343
  }
344
344
  }
345
345
  }
@@ -364,8 +364,6 @@
364
364
  "type": "OnboardButton",
365
365
  "attributes": {
366
366
  "labelKey": "onboard.skip.three-page",
367
- "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
368
- "button_background_color": "STATIC_COLORS.TRANSPARENT",
369
367
  "events": [
370
368
  {
371
369
  "type": "Navigate",
@@ -374,7 +372,9 @@
374
372
  }
375
373
  ],
376
374
  "styles": {
377
- "flex": 1
375
+ "flex": 1,
376
+ "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
377
+ "backgroundColor": "STATIC_COLORS.TRANSPARENT"
378
378
  }
379
379
  }
380
380
  },
@@ -382,8 +382,6 @@
382
382
  "type": "OnboardButton",
383
383
  "attributes": {
384
384
  "labelKey": "onboard.next.three-page",
385
- "button_text_color": "STATIC_COLORS.WHITE",
386
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
387
385
  "events": [
388
386
  {
389
387
  "type": "Permission",
@@ -396,7 +394,9 @@
396
394
  }
397
395
  ],
398
396
  "styles": {
399
- "flex": 1
397
+ "flex": 1,
398
+ "color": "STATIC_COLORS.WHITE",
399
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
400
400
  }
401
401
  }
402
402
  }
@@ -421,8 +421,6 @@
421
421
  "type": "OnboardButton",
422
422
  "attributes": {
423
423
  "labelKey": "onboard.allow.four-page",
424
- "button_text_color": "STATIC_COLORS.WHITE",
425
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
426
424
  "events": [
427
425
  {
428
426
  "type": "Permission",
@@ -434,7 +432,9 @@
434
432
  }
435
433
  ],
436
434
  "styles": {
437
- "flex": 1
435
+ "flex": 1,
436
+ "color": "STATIC_COLORS.WHITE",
437
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
438
438
  }
439
439
  }
440
440
  }
package/src/assets/samples/vpn-onboard-5.json CHANGED
@@ -350,8 +350,6 @@
350
350
  "type": "OnboardButton",
351
351
  "attributes": {
352
352
  "labelKey": "onboard.skip.one-page",
353
- "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
354
- "button_background_color": "THEME_COLORS.LINE",
355
353
  "events": [
356
354
  {
357
355
  "type": "Navigate",
@@ -360,7 +358,9 @@
360
358
  }
361
359
  ],
362
360
  "styles": {
363
- "flex": 1
361
+ "flex": 1,
362
+ "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
363
+ "backgroundColor": "THEME_COLORS.LINE"
364
364
  }
365
365
  }
366
366
  },
@@ -368,8 +368,6 @@
368
368
  "type": "OnboardButton",
369
369
  "attributes": {
370
370
  "labelKey": "onboard.next.one-page",
371
- "button_text_color": "STATIC_COLORS.WHITE",
372
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
373
371
  "events": [
374
372
  {
375
373
  "type": "Navigate",
@@ -378,7 +376,9 @@
378
376
  }
379
377
  ],
380
378
  "styles": {
381
- "flex": 1
379
+ "flex": 1,
380
+ "color": "STATIC_COLORS.WHITE",
381
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
382
382
  }
383
383
  }
384
384
  }
@@ -403,8 +403,6 @@
403
403
  "type": "OnboardButton",
404
404
  "attributes": {
405
405
  "labelKey": "onboard.skip.two-page",
406
- "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
407
- "button_background_color": "THEME_COLORS.LINE",
408
406
  "events": [
409
407
  {
410
408
  "type": "Navigate",
@@ -413,7 +411,9 @@
413
411
  }
414
412
  ],
415
413
  "styles": {
416
- "flex": 1
414
+ "flex": 1,
415
+ "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
416
+ "backgroundColor": "THEME_COLORS.LINE"
417
417
  }
418
418
  }
419
419
  },
@@ -421,8 +421,6 @@
421
421
  "type": "OnboardButton",
422
422
  "attributes": {
423
423
  "labelKey": "onboard.next.two-page",
424
- "button_text_color": "STATIC_COLORS.WHITE",
425
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
426
424
  "events": [
427
425
  {
428
426
  "type": "Navigate",
@@ -431,7 +429,9 @@
431
429
  }
432
430
  ],
433
431
  "styles": {
434
- "flex": 1
432
+ "flex": 1,
433
+ "color": "STATIC_COLORS.WHITE",
434
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
435
435
  }
436
436
  }
437
437
  }
@@ -456,8 +456,6 @@
456
456
  "type": "OnboardButton",
457
457
  "attributes": {
458
458
  "labelKey": "onboard.skip.three-page",
459
- "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
460
- "button_background_color": "THEME_COLORS.LINE",
461
459
  "events": [
462
460
  {
463
461
  "type": "Navigate",
@@ -466,7 +464,9 @@
466
464
  }
467
465
  ],
468
466
  "styles": {
469
- "flex": 1
467
+ "flex": 1,
468
+ "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
469
+ "backgroundColor": "THEME_COLORS.LINE"
470
470
  }
471
471
  }
472
472
  },
@@ -474,8 +474,6 @@
474
474
  "type": "OnboardButton",
475
475
  "attributes": {
476
476
  "labelKey": "onboard.next.three-page",
477
- "button_text_color": "STATIC_COLORS.WHITE",
478
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
479
477
  "events": [
480
478
  {
481
479
  "type": "Navigate",
@@ -484,7 +482,9 @@
484
482
  }
485
483
  ],
486
484
  "styles": {
487
- "flex": 1
485
+ "flex": 1,
486
+ "color": "STATIC_COLORS.WHITE",
487
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
488
488
  }
489
489
  }
490
490
  }
@@ -509,8 +509,6 @@
509
509
  "type": "OnboardButton",
510
510
  "attributes": {
511
511
  "labelKey": "onboard.skip.five-page",
512
- "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
513
- "button_background_color": "THEME_COLORS.LINE",
514
512
  "events": [
515
513
  {
516
514
  "type": "Navigate",
@@ -519,7 +517,9 @@
519
517
  }
520
518
  ],
521
519
  "styles": {
522
- "flex": 1
520
+ "flex": 1,
521
+ "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
522
+ "backgroundColor": "THEME_COLORS.LINE"
523
523
  }
524
524
  }
525
525
  },
@@ -527,8 +527,6 @@
527
527
  "type": "OnboardButton",
528
528
  "attributes": {
529
529
  "labelKey": "onboard.next.five-page",
530
- "button_text_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_TEXT",
531
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
532
530
  "events": [
533
531
  {
534
532
  "type": "Permission",
@@ -541,7 +539,9 @@
541
539
  }
542
540
  ],
543
541
  "styles": {
544
- "flex": 1
542
+ "flex": 1,
543
+ "color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_TEXT",
544
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
545
545
  }
546
546
  }
547
547
  }
@@ -566,8 +566,6 @@
566
566
  "type": "OnboardButton",
567
567
  "attributes": {
568
568
  "labelKey": "onboard.skip.five-page",
569
- "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
570
- "button_background_color": "THEME_COLORS.LINE",
571
569
  "events": [
572
570
  {
573
571
  "type": "Navigate",
@@ -576,7 +574,9 @@
576
574
  }
577
575
  ],
578
576
  "styles": {
579
- "flex": 1
577
+ "flex": 1,
578
+ "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
579
+ "backgroundColor": "THEME_COLORS.LINE"
580
580
  }
581
581
  }
582
582
  },
@@ -584,8 +584,6 @@
584
584
  "type": "OnboardButton",
585
585
  "attributes": {
586
586
  "labelKey": "onboard.next.five-page",
587
- "button_text_color": "STATIC_COLORS.WHITE",
588
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
589
587
  "events": [
590
588
  {
591
589
  "type": "Permission",
@@ -598,7 +596,9 @@
598
596
  }
599
597
  ],
600
598
  "styles": {
601
- "flex": 1
599
+ "flex": 1,
600
+ "color": "STATIC_COLORS.WHITE",
601
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
602
602
  }
603
603
  }
604
604
  }
@@ -623,8 +623,6 @@
623
623
  "type": "OnboardButton",
624
624
  "attributes": {
625
625
  "labelKey": "onboard.allow.four-page",
626
- "button_text_color": "STATIC_COLORS.WHITE",
627
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
628
626
  "events": [
629
627
  {
630
628
  "type": "Permission",
@@ -636,7 +634,9 @@
636
634
  }
637
635
  ],
638
636
  "styles": {
639
- "flex": 1
637
+ "flex": 1,
638
+ "color": "STATIC_COLORS.WHITE",
639
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
640
640
  }
641
641
  }
642
642
  }
package/src/assets/samples/vpn-onboard-6.json CHANGED
@@ -264,8 +264,6 @@
264
264
  "type": "OnboardButton",
265
265
  "attributes": {
266
266
  "labelKey": "onboard.skip.one-page",
267
- "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
268
- "button_background_color": "THEME_COLORS.TEXT",
269
267
  "events": [
270
268
  {
271
269
  "type": "Navigate",
@@ -274,7 +272,9 @@
274
272
  }
275
273
  ],
276
274
  "styles": {
277
- "flex": 1
275
+ "flex": 1,
276
+ "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
277
+ "backgroundColor": "THEME_COLORS.TEXT"
278
278
  }
279
279
  }
280
280
  },
@@ -282,8 +282,6 @@
282
282
  "type": "OnboardButton",
283
283
  "attributes": {
284
284
  "labelKey": "onboard.next.one-page",
285
- "button_text_color": "STATIC_COLORS.WHITE",
286
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
287
285
  "events": [
288
286
  {
289
287
  "type": "Navigate",
@@ -292,7 +290,9 @@
292
290
  }
293
291
  ],
294
292
  "styles": {
295
- "flex": 1
293
+ "flex": 1,
294
+ "color": "STATIC_COLORS.WHITE",
295
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
296
296
  }
297
297
  }
298
298
  }
@@ -317,8 +317,6 @@
317
317
  "type": "OnboardButton",
318
318
  "attributes": {
319
319
  "labelKey": "onboard.skip.two-page",
320
- "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
321
- "button_background_color": "THEME_COLORS.TEXT",
322
320
  "events": [
323
321
  {
324
322
  "type": "Navigate",
@@ -327,7 +325,9 @@
327
325
  }
328
326
  ],
329
327
  "styles": {
330
- "flex": 1
328
+ "flex": 1,
329
+ "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
330
+ "backgroundColor": "THEME_COLORS.TEXT"
331
331
  }
332
332
  }
333
333
  },
@@ -335,8 +335,6 @@
335
335
  "type": "OnboardButton",
336
336
  "attributes": {
337
337
  "labelKey": "onboard.next.two-page",
338
- "button_text_color": "STATIC_COLORS.WHITE",
339
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
340
338
  "events": [
341
339
  {
342
340
  "type": "Navigate",
@@ -345,7 +343,9 @@
345
343
  }
346
344
  ],
347
345
  "styles": {
348
- "flex": 1
346
+ "flex": 1,
347
+ "color": "STATIC_COLORS.WHITE",
348
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
349
349
  }
350
350
  }
351
351
  }
@@ -370,8 +370,6 @@
370
370
  "type": "OnboardButton",
371
371
  "attributes": {
372
372
  "labelKey": "onboard.skip.three-page",
373
- "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
374
- "button_background_color": "THEME_COLORS.TEXT",
375
373
  "events": [
376
374
  {
377
375
  "type": "Navigate",
@@ -380,7 +378,9 @@
380
378
  }
381
379
  ],
382
380
  "styles": {
383
- "flex": 1
381
+ "flex": 1,
382
+ "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
383
+ "backgroundColor": "THEME_COLORS.TEXT"
384
384
  }
385
385
  }
386
386
  },
@@ -388,8 +388,6 @@
388
388
  "type": "OnboardButton",
389
389
  "attributes": {
390
390
  "labelKey": "onboard.next.three-page",
391
- "button_text_color": "STATIC_COLORS.WHITE",
392
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
393
391
  "events": [
394
392
  {
395
393
  "type": "Permission",
@@ -402,7 +400,9 @@
402
400
  }
403
401
  ],
404
402
  "styles": {
405
- "flex": 1
403
+ "flex": 1,
404
+ "color": "STATIC_COLORS.WHITE",
405
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
406
406
  }
407
407
  }
408
408
  }
@@ -427,8 +427,6 @@
427
427
  "type": "OnboardButton",
428
428
  "attributes": {
429
429
  "labelKey": "onboard.allow.four-page",
430
- "button_text_color": "STATIC_COLORS.WHITE",
431
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
432
430
  "events": [
433
431
  {
434
432
  "type": "Permission",
@@ -440,7 +438,9 @@
440
438
  }
441
439
  ],
442
440
  "styles": {
443
- "flex": 1
441
+ "flex": 1,
442
+ "color": "STATIC_COLORS.WHITE",
443
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
444
444
  }
445
445
  }
446
446
  }