@developer_tribe/react-builder 1.2.29 → 1.2.31

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 (109) hide show
  1. package/dist/RenderPage.d.ts +7 -2
  2. package/dist/attributes-editor/attributesEditorModelTypes.d.ts +0 -1
  3. package/dist/build-components/BIcon/BIcon.d.ts +1 -1
  4. package/dist/build-components/BackgroundImage/BackgroundImage.d.ts +1 -1
  5. package/dist/build-components/Button/Button.d.ts +1 -1
  6. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +4 -0
  7. package/dist/build-components/OnboardButton/OnboardButton.d.ts +1 -1
  8. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +0 -2
  9. package/dist/build-components/OnboardDot/OnboardDot.d.ts +1 -1
  10. package/dist/build-components/PaywallCloseButton/PaywallCloseButton.d.ts +1 -1
  11. package/dist/build-components/Text/Text.d.ts +1 -1
  12. package/dist/build-components/index.generated.d.ts +38 -0
  13. package/dist/build-components/patterns.generated.d.ts +11 -17
  14. package/dist/components/BuilderProvider.d.ts +9 -15
  15. package/dist/hooks/useLocalize.d.ts +3 -2
  16. package/dist/hooks/usePreviewSelection.d.ts +12 -0
  17. package/dist/index.cjs.js +1 -28
  18. package/dist/index.cjs.js.map +1 -1
  19. package/dist/index.d.ts +2 -2
  20. package/dist/index.esm.js +1 -28
  21. package/dist/index.esm.js.map +1 -1
  22. package/dist/index.web.cjs.js +4 -4
  23. package/dist/index.web.cjs.js.map +1 -1
  24. package/dist/index.web.esm.js +4 -4
  25. package/dist/index.web.esm.js.map +1 -1
  26. package/dist/logger.d.ts +3 -6
  27. package/dist/modals/IconPickerModal.d.ts +1 -1
  28. package/dist/pages/DebugJsonPage.d.ts +1 -4
  29. package/dist/size-matters/index.d.ts +15 -6
  30. package/dist/store.d.ts +5 -3
  31. package/dist/types/Icons.generated.d.ts +2 -0
  32. package/dist/types/PreviewConfig.d.ts +6 -8
  33. package/dist/types/Project.d.ts +4 -3
  34. package/dist/utils/extractTextStyle/extractTextStyle.d.ts +2 -0
  35. package/dist/utils/extractTextStyle/extractTextStyleNative.d.ts +2 -0
  36. package/dist/utils/extractViewStyle/extractViewStyle.d.ts +2 -0
  37. package/dist/utils/extractViewStyle/extractViewStyleNative.d.ts +2 -0
  38. package/dist/utils/useMergedStyle.d.ts +1 -1
  39. package/package.json +1 -1
  40. package/scripts/prebuild/utils/validateAllComponentsOrThrow.js +19 -9
  41. package/src/RenderPage.tsx +66 -57
  42. package/src/assets/.DS_Store +0 -0
  43. package/src/assets/meta.json +1 -1
  44. package/src/assets/samples/carousel-sample.json +2 -6
  45. package/src/assets/samples/getSamples.ts +14 -4
  46. package/src/assets/samples/vpn-onboard-1.json +21 -21
  47. package/src/assets/samples/vpn-onboard-2.json +21 -45
  48. package/src/assets/samples/vpn-onboard-3.json +21 -53
  49. package/src/assets/samples/vpn-onboard-4.json +21 -21
  50. package/src/assets/samples/vpn-onboard-5.json +33 -33
  51. package/src/assets/samples/vpn-onboard-6.json +21 -21
  52. package/src/assets/samples/vpn-onboard-7.json +21 -21
  53. package/src/attribute-analyser/style/native/useExtractImageStyle.ts +3 -3
  54. package/src/attribute-analyser/style/native/useExtractTextStyle.ts +8 -2
  55. package/src/attribute-analyser/style/native/useExtractViewStyle.ts +7 -3
  56. package/src/attribute-analyser/style/web/useExtractImageStyle.ts +3 -3
  57. package/src/attribute-analyser/style/web/useExtractTextStyle.ts +8 -2
  58. package/src/attribute-analyser/style/web/useExtractViewStyle.ts +3 -3
  59. package/src/attributes-editor/AttributesEditorFields.tsx +1 -1
  60. package/src/attributes-editor/attributesEditorModelTypes.ts +0 -3
  61. package/src/attributes-editor/useAttributesEditorModel.ts +0 -3
  62. package/src/build-components/BIcon/BIcon.tsx +2 -2
  63. package/src/build-components/BackgroundImage/BackgroundImage.tsx +1 -1
  64. package/src/build-components/Button/Button.tsx +3 -3
  65. package/src/build-components/CarouselDots/CarouselDots.tsx +10 -19
  66. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +4 -0
  67. package/src/build-components/CarouselDots/pattern.json +12 -1
  68. package/src/build-components/Main/Main.tsx +1 -0
  69. package/src/build-components/OnboardButton/OnboardButton.tsx +13 -11
  70. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +0 -2
  71. package/src/build-components/OnboardButton/pattern.json +0 -16
  72. package/src/build-components/OnboardDot/OnboardDot.tsx +19 -25
  73. package/src/build-components/OnboardDot/pattern.json +2 -1
  74. package/src/build-components/OnboardFooter/OnboardFooter.tsx +4 -5
  75. package/src/build-components/PaywallCloseButton/PaywallCloseButton.tsx +2 -2
  76. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButton.tsx +2 -2
  77. package/src/build-components/RadioButton/RadioButton.tsx +6 -3
  78. package/src/build-components/RenderNode.generated.tsx +7 -7
  79. package/src/build-components/Text/Text.tsx +3 -3
  80. package/src/build-components/index.generated.ts +184 -0
  81. package/src/build-components/patterns.generated.ts +11 -17
  82. package/src/components/BottomBar.tsx +7 -9
  83. package/src/components/BuilderProvider.tsx +47 -84
  84. package/src/components/EditorHeader.tsx +6 -3
  85. package/src/hooks/useLocalize.ts +14 -10
  86. package/src/hooks/usePreviewSelection.ts +66 -0
  87. package/src/index.ts +0 -2
  88. package/src/logger.ts +4 -20
  89. package/src/modals/IconPickerModal.tsx +1 -1
  90. package/src/modals/InspectModal.tsx +6 -7
  91. package/src/pages/DebugJsonPage.tsx +0 -6
  92. package/src/pages/ProjectPage.tsx +12 -57
  93. package/src/pages/tabs/SideTool.tsx +7 -7
  94. package/src/product-base/extractAndroidParams.ts +4 -11
  95. package/src/product-base/extractIOSParams.ts +4 -10
  96. package/src/size-matters/index.ts +44 -31
  97. package/src/store.ts +12 -6
  98. package/src/styles/modals/_inspect-modal.scss +7 -3
  99. package/src/types/Icons.generated.ts +244 -0
  100. package/src/types/PreviewConfig.ts +5 -9
  101. package/src/types/Project.ts +4 -3
  102. package/src/utils/extractImageStyle.ts +4 -2
  103. package/src/utils/extractTextStyle/extractTextStyle.ts +6 -1
  104. package/src/utils/extractTextStyle/extractTextStyleNative.ts +4 -1
  105. package/src/utils/extractViewStyle/extractViewStyle.ts +7 -5
  106. package/src/utils/extractViewStyle/extractViewStyleNative.ts +3 -1
  107. package/src/utils/getDefaultProject.ts +0 -1
  108. package/src/utils/projectColors.ts +3 -2
  109. package/src/utils/useMergedStyle.ts +9 -7
package/src/assets/samples/vpn-onboard-2.json CHANGED
@@ -2,30 +2,6 @@
2
2
  "name": "vpn-onboard-2",
3
3
  "version": "1.1.2",
4
4
  "type": "onboard",
5
- "appConfig": {
6
- "localication": {
7
- "ar": {
8
- "onboard.title.one-page": " العربية",
9
- "onboard.title.two-page": " العربية",
10
- "onboard.title.three-page": " العربية",
11
- "onboard.title.four-page": " العربية",
12
- "onboard.subtitle.one-page": " العربية",
13
- "onboard.subtitle.two-page": " العربية",
14
- "onboard.subtitle.three-page": " العربية",
15
- "onboard.subtitle.four-page": " العربية",
16
- "onboard.next.one-page": "التالي",
17
- "onboard.next.two-page": "التالي",
18
- "onboard.next.three-page": "التالي",
19
- "onboard.skip.one-page": "تخطي",
20
- "onboard.skip.two-page": "تخطي",
21
- "onboard.skip.three-page": "تخطي",
22
- "onboard.allow.four-page": "السماح",
23
- "view.onboarding.footer.description": "بالمتابعة فإنك توافق على",
24
- "view.onboarding.btnPrivacy": "الخصوصية",
25
- "view.onboarding.btnTerms": "الشروط"
26
- }
27
- }
28
- },
29
5
  "data": {
30
6
  "type": "Main",
31
7
  "isMain": true,
@@ -304,10 +280,8 @@
304
280
  "type": "OnboardButton",
305
281
  "attributes": {
306
282
  "labelKey": "onboard.skip.one-page",
307
- "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
308
283
  "animation": "line-animation",
309
284
  "animation_color": "STATIC_COLORS.WHITE",
310
- "button_background_color": "STATIC_COLORS.TRANSPARENT",
311
285
  "events": [
312
286
  {
313
287
  "type": "Navigate",
@@ -316,7 +290,9 @@
316
290
  }
317
291
  ],
318
292
  "styles": {
319
- "flex": 1
293
+ "flex": 1,
294
+ "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
295
+ "backgroundColor": "STATIC_COLORS.TRANSPARENT"
320
296
  }
321
297
  }
322
298
  },
@@ -324,9 +300,7 @@
324
300
  "type": "OnboardButton",
325
301
  "attributes": {
326
302
  "labelKey": "onboard.next.one-page",
327
- "button_text_color": "STATIC_COLORS.WHITE",
328
303
  "animation": "simple-animation",
329
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
330
304
  "events": [
331
305
  {
332
306
  "type": "Navigate",
@@ -335,7 +309,9 @@
335
309
  }
336
310
  ],
337
311
  "styles": {
338
- "flex": 1
312
+ "flex": 1,
313
+ "color": "STATIC_COLORS.WHITE",
314
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
339
315
  }
340
316
  }
341
317
  }
@@ -360,8 +336,6 @@
360
336
  "type": "OnboardButton",
361
337
  "attributes": {
362
338
  "labelKey": "onboard.skip.two-page",
363
- "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
364
- "button_background_color": "STATIC_COLORS.TRANSPARENT",
365
339
  "events": [
366
340
  {
367
341
  "type": "Permission",
@@ -374,7 +348,9 @@
374
348
  }
375
349
  ],
376
350
  "styles": {
377
- "flex": 1
351
+ "flex": 1,
352
+ "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
353
+ "backgroundColor": "STATIC_COLORS.TRANSPARENT"
378
354
  }
379
355
  }
380
356
  },
@@ -382,8 +358,6 @@
382
358
  "type": "OnboardButton",
383
359
  "attributes": {
384
360
  "labelKey": "onboard.next.two-page",
385
- "button_text_color": "STATIC_COLORS.WHITE",
386
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
387
361
  "events": [
388
362
  {
389
363
  "type": "Permission",
@@ -396,7 +370,9 @@
396
370
  }
397
371
  ],
398
372
  "styles": {
399
- "flex": 1
373
+ "flex": 1,
374
+ "color": "STATIC_COLORS.WHITE",
375
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
400
376
  }
401
377
  }
402
378
  }
@@ -421,8 +397,6 @@
421
397
  "type": "OnboardButton",
422
398
  "attributes": {
423
399
  "labelKey": "onboard.skip.three-page",
424
- "button_text_color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
425
- "button_background_color": "STATIC_COLORS.TRANSPARENT",
426
400
  "events": [
427
401
  {
428
402
  "type": "Navigate",
@@ -431,7 +405,9 @@
431
405
  }
432
406
  ],
433
407
  "styles": {
434
- "flex": 1
408
+ "flex": 1,
409
+ "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
410
+ "backgroundColor": "STATIC_COLORS.TRANSPARENT"
435
411
  }
436
412
  }
437
413
  },
@@ -439,8 +415,6 @@
439
415
  "type": "OnboardButton",
440
416
  "attributes": {
441
417
  "labelKey": "onboard.next.three-page",
442
- "button_text_color": "STATIC_COLORS.WHITE",
443
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
444
418
  "events": [
445
419
  {
446
420
  "type": "Permission",
@@ -453,7 +427,9 @@
453
427
  }
454
428
  ],
455
429
  "styles": {
456
- "flex": 1
430
+ "flex": 1,
431
+ "color": "STATIC_COLORS.WHITE",
432
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
457
433
  }
458
434
  }
459
435
  }
@@ -478,8 +454,6 @@
478
454
  "type": "OnboardButton",
479
455
  "attributes": {
480
456
  "labelKey": "onboard.allow.four-page",
481
- "button_text_color": "STATIC_COLORS.WHITE",
482
- "button_background_color": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
483
457
  "events": [
484
458
  {
485
459
  "type": "Permission",
@@ -491,7 +465,9 @@
491
465
  }
492
466
  ],
493
467
  "styles": {
494
- "flex": 1
468
+ "flex": 1,
469
+ "color": "STATIC_COLORS.WHITE",
470
+ "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
495
471
  }
496
472
  }
497
473
  }
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
  }