@developer_tribe/react-builder 1.2.44-test.1 → 1.2.44

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 (50) hide show
  1. package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +0 -2
  2. package/dist/build-components/PaywallProvider/PaywallProviderProps.generated.d.ts +0 -2
  3. package/dist/build-components/SystemButton/usePlacementButtonEvents.d.ts +0 -6
  4. package/dist/build-components/index.d.ts +1 -3
  5. package/dist/build-components/patterns.generated.d.ts +1391 -2180
  6. package/dist/index.cjs.js +1 -1
  7. package/dist/index.cjs.js.map +1 -1
  8. package/dist/index.esm.js +1 -1
  9. package/dist/index.esm.js.map +1 -1
  10. package/dist/index.web.cjs.js +4 -4
  11. package/dist/index.web.cjs.js.map +1 -1
  12. package/dist/index.web.esm.js +3 -3
  13. package/dist/index.web.esm.js.map +1 -1
  14. package/dist/styles.css +1 -1
  15. package/package.json +1 -1
  16. package/src/assets/meta.json +1 -1
  17. package/src/assets/prompt-scheme-onboard.generated.ts +1 -1
  18. package/src/assets/prompt-scheme-paywall.generated.ts +1 -1
  19. package/src/assets/samples/getSamples.ts +0 -2
  20. package/src/build-components/FormSubmitButton/FormSubmitButton.tsx +0 -3
  21. package/src/build-components/OnboardButton/OnboardButton.tsx +1 -5
  22. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +0 -12
  23. package/src/build-components/OnboardProvider/pattern.json +1 -9
  24. package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts +0 -12
  25. package/src/build-components/PaywallProvider/pattern.json +1 -9
  26. package/src/build-components/RenderNode.generated.tsx +0 -10
  27. package/src/build-components/SystemButton/SystemButton.tsx +0 -3
  28. package/src/build-components/SystemButton/usePlacementButtonEvents.ts +25 -36
  29. package/src/build-components/index.ts +0 -10
  30. package/src/build-components/patterns.generated.ts +1381 -2236
  31. package/src/styles/index.scss +0 -1
  32. package/src/utils/analyseNodeByPatterns.ts +2 -5
  33. package/dist/build-components/GlobalProvider/GlobalContext.d.ts +0 -28
  34. package/dist/build-components/GlobalProvider/GlobalProvider.d.ts +0 -5
  35. package/dist/build-components/GlobalProvider/GlobalProviderProps.generated.d.ts +0 -60
  36. package/dist/build-components/GlobalProvider/globalProviderUtils.d.ts +0 -37
  37. package/dist/build-components/GlobalProvider/useGlobalNavigation.d.ts +0 -19
  38. package/dist/build-components/TermsProvider/TermsProvider.d.ts +0 -5
  39. package/dist/build-components/TermsProvider/TermsProviderProps.generated.d.ts +0 -55
  40. package/src/assets/samples/global-onboard-flow.json +0 -729
  41. package/src/build-components/GlobalProvider/GlobalContext.ts +0 -48
  42. package/src/build-components/GlobalProvider/GlobalProvider.tsx +0 -191
  43. package/src/build-components/GlobalProvider/GlobalProviderProps.generated.ts +0 -78
  44. package/src/build-components/GlobalProvider/globalProviderUtils.ts +0 -163
  45. package/src/build-components/GlobalProvider/pattern.json +0 -55
  46. package/src/build-components/GlobalProvider/useGlobalNavigation.ts +0 -70
  47. package/src/build-components/TermsProvider/TermsProvider.tsx +0 -45
  48. package/src/build-components/TermsProvider/TermsProviderProps.generated.ts +0 -82
  49. package/src/build-components/TermsProvider/pattern.json +0 -35
  50. package/src/styles/components/_global-provider.scss +0 -131
@@ -6019,10 +6019,10 @@ export const patterns = [
6019
6019
  {
6020
6020
  schemaVersion: 2,
6021
6021
  pattern: {
6022
- type: 'GlobalProvider',
6022
+ type: 'Image',
6023
6023
  title: 'title',
6024
6024
  description: 'description',
6025
- children: 'node',
6025
+ children: 'never',
6026
6026
  attributes: {
6027
6027
  scrollable: 'boolean',
6028
6028
  styles: {
@@ -6073,18 +6073,17 @@ export const patterns = [
6073
6073
  left: 'size',
6074
6074
  right: 'size',
6075
6075
  zIndex: 'number',
6076
+ resizeMode: ['cover', 'contain', 'stretch', 'center'],
6076
6077
  },
6077
6078
  testID: 'string',
6078
- initialPage: 'string',
6079
- persistProgress: 'boolean',
6080
- skipConditions: 'SkipConditionEntry[]',
6079
+ src: 'string',
6080
+ fetchStrategy: ['highIfItsAppLaunch', 'normal', 'lazy', 'none'],
6081
6081
  },
6082
6082
  },
6083
6083
  meta: {
6084
- desiredParent: ['root'],
6085
- label: 'Global Provider',
6086
- description:
6087
- 'Top-level provider that manages multi-page flow (Terms → Onboard → Paywall). Each direct child is treated as a page.',
6084
+ desiredParent: ['all'],
6085
+ label: 'Image',
6086
+ description: 'Shows an image or graphic.',
6088
6087
  specialCategories: {
6089
6088
  padding: {
6090
6089
  label: 'Padding',
@@ -6385,32 +6384,31 @@ export const patterns = [
6385
6384
  sort: 26,
6386
6385
  },
6387
6386
  },
6388
- initialPage: {
6389
- label: 'Initial Page Key',
6390
- description:
6391
- 'The page key to show first. Defaults to the first child.',
6387
+ src: {
6388
+ label: 'Src',
6389
+ description: 'Image source URL.',
6392
6390
  category: 'other',
6393
6391
  specialCategory: null,
6394
6392
  sort: 1,
6395
6393
  },
6396
- persistProgress: {
6397
- label: 'Persist Progress',
6394
+ fetchStrategy: {
6395
+ label: 'Fetch Strategy',
6398
6396
  description:
6399
- 'Save current page and conditions to localStorage so the user continues from where they left off.',
6397
+ "highIfItsAppLaunch ilk başta yükleniyor eğer app_launch placeholder'i ile gelirse\nnormal sonra bütün hepsi toplanıp prefetch ediniyor\nlazy builder açılır açılmaz\nnone ise os'a bırakıldı",
6400
6398
  category: 'other',
6401
6399
  specialCategory: null,
6402
6400
  sort: 2,
6403
6401
  },
6404
- skipConditions: {
6405
- label: 'Skip Conditions',
6406
- description:
6407
- 'List of page skip rules. Each entry maps a pageKey to a conditionKey: when conditions[conditionKey] is true, that page is skipped on navigate.',
6408
- category: 'other',
6402
+ },
6403
+ styles: {
6404
+ resizeMode: {
6405
+ label: 'Resize Mode',
6406
+ description: 'How the image fits the frame.',
6407
+ category: 'style',
6409
6408
  specialCategory: null,
6410
- sort: 3,
6409
+ sort: 4,
6411
6410
  },
6412
6411
  },
6413
- styles: {},
6414
6412
  },
6415
6413
  defaults: {
6416
6414
  styles: {
@@ -6420,20 +6418,19 @@ export const patterns = [
6420
6418
  alignSelf: 'flex-start',
6421
6419
  flexGrow: 0,
6422
6420
  flexShrink: 0,
6423
- flex: 1,
6421
+ resizeMode: 'contain',
6424
6422
  },
6423
+ fetchStrategy: 'normal',
6425
6424
  },
6426
- types: {
6427
- SkipConditionEntry: { pageKey: 'string', conditionKey: 'string' },
6428
- },
6425
+ types: {},
6429
6426
  },
6430
6427
  {
6431
6428
  schemaVersion: 2,
6432
6429
  pattern: {
6433
- type: 'Image',
6430
+ type: 'Main',
6434
6431
  title: 'title',
6435
6432
  description: 'description',
6436
- children: 'never',
6433
+ children: 'node',
6437
6434
  attributes: {
6438
6435
  scrollable: 'boolean',
6439
6436
  styles: {
@@ -6484,17 +6481,15 @@ export const patterns = [
6484
6481
  left: 'size',
6485
6482
  right: 'size',
6486
6483
  zIndex: 'number',
6487
- resizeMode: ['cover', 'contain', 'stretch', 'center'],
6488
6484
  },
6489
6485
  testID: 'string',
6490
- src: 'string',
6491
- fetchStrategy: ['highIfItsAppLaunch', 'normal', 'lazy', 'none'],
6486
+ useSafeAreaView: 'boolean',
6492
6487
  },
6493
6488
  },
6494
6489
  meta: {
6495
- desiredParent: ['all'],
6496
- label: 'Image',
6497
- description: 'Shows an image or graphic.',
6490
+ desiredParent: ['root'],
6491
+ label: 'Main',
6492
+ description: 'Top-level screen wrapper (safe area, base layout).',
6498
6493
  specialCategories: {
6499
6494
  padding: {
6500
6495
  label: 'Padding',
@@ -6795,31 +6790,18 @@ export const patterns = [
6795
6790
  sort: 26,
6796
6791
  },
6797
6792
  },
6798
- src: {
6799
- label: 'Src',
6800
- description: 'Image source URL.',
6801
- category: 'other',
6802
- specialCategory: null,
6803
- sort: 1,
6804
- },
6805
- fetchStrategy: {
6806
- label: 'Fetch Strategy',
6793
+ useSafeAreaView: {
6794
+ label: 'Use Safe Area View',
6807
6795
  description:
6808
- "highIfItsAppLaunch ilk başta yükleniyor eğer app_launch placeholder'i ile gelirse\nnormal sonra bütün hepsi toplanıp prefetch ediniyor\nlazy builder açılır açılmaz\nnone ise os'a bırakıldı",
6809
- category: 'other',
6810
- specialCategory: null,
6811
- sort: 2,
6812
- },
6813
- },
6814
- styles: {
6815
- resizeMode: {
6816
- label: 'Resize Mode',
6817
- description: 'How the image fits the frame.',
6818
- category: 'style',
6796
+ 'Wraps content with a safe-area-aware container (when supported by the target).',
6797
+ category: 'container',
6819
6798
  specialCategory: null,
6820
- sort: 4,
6799
+ sort: 1,
6800
+ forceVisible: true,
6821
6801
  },
6822
6802
  },
6803
+ hideAllAttributes: true,
6804
+ styles: {},
6823
6805
  },
6824
6806
  defaults: {
6825
6807
  styles: {
@@ -6829,16 +6811,55 @@ export const patterns = [
6829
6811
  alignSelf: 'flex-start',
6830
6812
  flexGrow: 0,
6831
6813
  flexShrink: 0,
6832
- resizeMode: 'contain',
6814
+ width: '100%',
6815
+ height: '100%',
6816
+ flex: 1,
6833
6817
  },
6834
- fetchStrategy: 'normal',
6818
+ useSafeAreaView: true,
6835
6819
  },
6836
6820
  types: {},
6837
6821
  },
6838
6822
  {
6839
6823
  schemaVersion: 2,
6840
6824
  pattern: {
6841
- type: 'Main',
6825
+ type: 'NavigationBarColor',
6826
+ title: 'title',
6827
+ description: 'description',
6828
+ children: 'never',
6829
+ attributes: {
6830
+ styles: { backgroundColor: 'color' },
6831
+ translucent: 'boolean',
6832
+ },
6833
+ },
6834
+ meta: {
6835
+ desiredParent: ['all'],
6836
+ label: 'Navigation Bar Color',
6837
+ description: 'Sets the OS navigation bar background color.',
6838
+ styles: {
6839
+ backgroundColor: {
6840
+ label: 'Background Color',
6841
+ description: 'Navigation bar background color.',
6842
+ category: 'style',
6843
+ specialCategory: null,
6844
+ sort: 1,
6845
+ },
6846
+ },
6847
+ attributes: {
6848
+ translucent: {
6849
+ label: 'Translucent',
6850
+ description: 'Sets the navigation bar to translucent.',
6851
+ category: 'style',
6852
+ specialCategory: null,
6853
+ sort: 2,
6854
+ },
6855
+ },
6856
+ },
6857
+ defaults: { styles: { backgroundColor: 'THEME_COLORS.BACKGROUND' } },
6858
+ },
6859
+ {
6860
+ schemaVersion: 2,
6861
+ pattern: {
6862
+ type: 'Onboard',
6842
6863
  title: 'title',
6843
6864
  description: 'description',
6844
6865
  children: 'node',
@@ -6894,13 +6915,12 @@ export const patterns = [
6894
6915
  zIndex: 'number',
6895
6916
  },
6896
6917
  testID: 'string',
6897
- useSafeAreaView: 'boolean',
6898
6918
  },
6899
6919
  },
6900
6920
  meta: {
6901
- desiredParent: ['root'],
6902
- label: 'Main',
6903
- description: 'Top-level screen wrapper (safe area, base layout).',
6921
+ desiredParent: ['=OnboardProvider'],
6922
+ label: 'Onboard',
6923
+ description: 'Wraps the onboarding flow.',
6904
6924
  specialCategories: {
6905
6925
  padding: {
6906
6926
  label: 'Padding',
@@ -7201,82 +7221,42 @@ export const patterns = [
7201
7221
  sort: 26,
7202
7222
  },
7203
7223
  },
7204
- useSafeAreaView: {
7205
- label: 'Use Safe Area View',
7206
- description:
7207
- 'Wraps content with a safe-area-aware container (when supported by the target).',
7208
- category: 'container',
7209
- specialCategory: null,
7210
- sort: 1,
7211
- forceVisible: true,
7212
- },
7213
7224
  },
7214
- hideAllAttributes: true,
7225
+ desiredChildren: ['=OnboardItem'],
7215
7226
  styles: {},
7216
7227
  },
7217
7228
  defaults: {
7218
7229
  styles: {
7219
- flexDirection: 'column',
7230
+ flexDirection: 'row',
7220
7231
  position: 'relative',
7221
7232
  zIndex: 1,
7222
7233
  alignSelf: 'flex-start',
7223
7234
  flexGrow: 0,
7224
7235
  flexShrink: 0,
7225
- width: '100%',
7226
- height: '100%',
7227
- flex: 1,
7228
7236
  },
7229
- useSafeAreaView: true,
7230
7237
  },
7231
7238
  types: {},
7232
7239
  },
7233
7240
  {
7234
7241
  schemaVersion: 2,
7235
7242
  pattern: {
7236
- type: 'NavigationBarColor',
7243
+ type: 'OnboardButton',
7237
7244
  title: 'title',
7238
7245
  description: 'description',
7239
7246
  children: 'never',
7240
7247
  attributes: {
7241
- styles: { backgroundColor: 'color' },
7242
- translucent: 'boolean',
7243
- },
7244
- },
7245
- meta: {
7246
- desiredParent: ['all'],
7247
- label: 'Navigation Bar Color',
7248
- description: 'Sets the OS navigation bar background color.',
7249
- styles: {
7250
- backgroundColor: {
7251
- label: 'Background Color',
7252
- description: 'Navigation bar background color.',
7253
- category: 'style',
7254
- specialCategory: null,
7255
- sort: 1,
7256
- },
7257
- },
7258
- attributes: {
7259
- translucent: {
7260
- label: 'Translucent',
7261
- description: 'Sets the navigation bar to translucent.',
7262
- category: 'style',
7263
- specialCategory: null,
7264
- sort: 2,
7265
- },
7266
- },
7267
- },
7268
- defaults: { styles: { backgroundColor: 'THEME_COLORS.BACKGROUND' } },
7269
- },
7270
- {
7271
- schemaVersion: 2,
7272
- pattern: {
7273
- type: 'Onboard',
7274
- title: 'title',
7275
- description: 'description',
7276
- children: 'node',
7277
- attributes: {
7278
- scrollable: 'boolean',
7248
+ labelKey: 'string',
7249
+ events: 'EventObject[]',
7250
+ testID: ['onboardSkip', 'onboardNext'],
7279
7251
  styles: {
7252
+ color: 'color',
7253
+ backgroundColor: 'color',
7254
+ height: 'size',
7255
+ borderRadius: 'size',
7256
+ fontSize: 'size',
7257
+ fontWeight: 'fontWeight',
7258
+ fontFamily: 'fontFamily',
7259
+ textAlign: 'string',
7280
7260
  flexDirection: ['row', 'column'],
7281
7261
  flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
7282
7262
  alignItems: [
@@ -7309,12 +7289,9 @@ export const patterns = [
7309
7289
  marginBottom: 'size',
7310
7290
  marginLeft: 'size',
7311
7291
  marginRight: 'size',
7312
- backgroundColor: 'color',
7313
- borderRadius: 'size',
7314
7292
  width: 'size',
7315
7293
  minWidth: 'size',
7316
7294
  maxWidth: 'size',
7317
- height: 'size',
7318
7295
  minHeight: 'size',
7319
7296
  maxHeight: 'size',
7320
7297
  flex: 'number',
@@ -7325,931 +7302,82 @@ export const patterns = [
7325
7302
  right: 'size',
7326
7303
  zIndex: 'number',
7327
7304
  },
7328
- testID: 'string',
7305
+ adjustsFontSizeToFit: 'boolean',
7306
+ numberOfLines: 'number',
7307
+ translateCounter: 'number',
7308
+ scrollable: 'boolean',
7309
+ animation: [
7310
+ 'simple-animation',
7311
+ 'line-animation',
7312
+ 'blur',
7313
+ 'blur-animation',
7314
+ 'blur-line-animation',
7315
+ ],
7316
+ animation_color: 'color',
7317
+ },
7318
+ },
7319
+ defaults: {
7320
+ attributes: { labelKey: 'Button' },
7321
+ styles: {
7322
+ height: '40@vs',
7323
+ borderRadius: '12@s',
7324
+ backgroundColor: 'THEME_COLORS.SYSTEM_BUTTON_BACKGROUND',
7325
+ color: 'THEME_COLORS.ONBOARD_BUTTON_PRIMARY_TEXT',
7326
+ fontSize: '16@fs',
7327
+ fontWeight: '400',
7328
+ flexDirection: 'column',
7329
+ position: 'relative',
7330
+ zIndex: 1,
7331
+ alignSelf: 'flex-start',
7332
+ flexGrow: 0,
7333
+ flexShrink: 0,
7334
+ },
7335
+ translateCounter: 1,
7336
+ numberOfLines: 1,
7337
+ },
7338
+ types: {
7339
+ EventObject: {
7340
+ type: ['Permission', 'Navigate', 'Placement'],
7341
+ permission: 'string',
7342
+ navigate_to: 'string',
7343
+ targetIndex: 'number',
7344
+ placementKey: 'string',
7329
7345
  },
7330
7346
  },
7331
7347
  meta: {
7332
- desiredParent: ['=OnboardProvider'],
7333
- label: 'Onboard',
7334
- description: 'Wraps the onboarding flow.',
7335
- specialCategories: {
7336
- padding: {
7337
- label: 'Padding',
7338
- description: 'Uniform padding on all sides.',
7339
- category: 'container',
7340
- sort: 1,
7341
- },
7342
- margin: {
7343
- label: 'Margin',
7344
- description: 'Uniform margin on all sides.',
7345
- category: 'container',
7346
- sort: 2,
7347
- },
7348
- size: {
7349
- label: 'Size',
7350
- description: 'Fixed dimensions.',
7351
- category: 'container',
7352
- sort: 3,
7353
- },
7354
- offset: {
7355
- label: 'Offset',
7356
- description: 'Absolute positioning offsets.',
7357
- category: 'container',
7358
- sort: 4,
7359
- },
7360
- },
7361
- attributes: {
7362
- scrollable: {
7363
- label: 'Scrollable',
7364
- description: 'Turns scroll interaction on.',
7365
- category: 'container',
7366
- specialCategory: null,
7367
- sort: -1,
7368
- },
7369
- styles: {
7370
- backgroundColor: {
7371
- label: 'Background Color',
7372
- description: 'Background fill color.',
7373
- category: 'style',
7374
- specialCategory: null,
7375
- sort: 20,
7376
- },
7377
- borderRadius: {
7378
- label: 'Border Radius',
7379
- description: 'Corner rounding amount.',
7380
- category: 'style',
7381
- specialCategory: null,
7382
- sort: 21,
7383
- preferredScale: 's',
7384
- },
7385
- flexDirection: {
7386
- label: 'Flex Direction',
7387
- description: 'Sets row or column layout.',
7388
- category: 'container',
7389
- specialCategory: null,
7390
- sort: 4,
7391
- },
7392
- flexWrap: {
7393
- label: 'Flex Wrap',
7394
- description: 'Controls whether flex items wrap to multiple lines.',
7395
- category: 'container',
7396
- specialCategory: null,
7397
- sort: 4.5,
7398
- },
7399
- alignItems: {
7400
- label: 'Align Items',
7401
- description: 'Controls cross-axis alignment.',
7402
- category: 'container',
7403
- specialCategory: null,
7404
- sort: 3,
7405
- },
7406
- justifyContent: {
7407
- label: 'Justify Content',
7408
- description: 'Controls main-axis alignment.',
7409
- category: 'container',
7410
- specialCategory: null,
7411
- sort: 5,
7412
- },
7413
- gap: {
7414
- label: 'Gap',
7415
- description: 'Space between children.',
7416
- category: 'container',
7417
- specialCategory: null,
7418
- sort: 10,
7419
- preferredScale: 's',
7420
- },
7421
- padding: {
7422
- label: 'Padding',
7423
- description: 'Uniform padding on all sides.',
7424
- category: 'container',
7425
- specialCategory: 'padding',
7426
- sort: 6,
7427
- preferredScale: 's',
7428
- },
7429
- paddingHorizontal: {
7430
- label: 'Padding Horizontal',
7431
- description: 'Left and right padding.',
7432
- category: 'container',
7433
- specialCategory: 'padding',
7434
- sort: 7,
7435
- preferredScale: 's',
7436
- },
7437
- paddingVertical: {
7438
- label: 'Padding Vertical',
7439
- description: 'Top and bottom padding.',
7440
- category: 'container',
7441
- specialCategory: 'padding',
7442
- sort: 8,
7443
- preferredScale: 'vs',
7444
- },
7445
- paddingTop: {
7446
- label: 'Padding Top',
7447
- description: 'Top padding only.',
7448
- category: 'container',
7449
- specialCategory: 'padding',
7450
- sort: 9,
7451
- preferredScale: 'vs',
7452
- },
7453
- paddingBottom: {
7454
- label: 'Padding Bottom',
7455
- description: 'Bottom padding only.',
7456
- category: 'container',
7457
- specialCategory: 'padding',
7458
- sort: 10,
7459
- preferredScale: 'vs',
7460
- },
7461
- paddingLeft: {
7462
- label: 'Padding Left',
7463
- description: 'Left padding only.',
7464
- category: 'container',
7465
- specialCategory: 'padding',
7466
- sort: 11,
7467
- preferredScale: 's',
7468
- },
7469
- paddingRight: {
7470
- label: 'Padding Right',
7471
- description: 'Right padding only.',
7472
- category: 'container',
7473
- specialCategory: 'padding',
7474
- sort: 12,
7475
- preferredScale: 's',
7476
- },
7477
- margin: {
7478
- label: 'Margin',
7479
- description: 'Uniform margin on all sides.',
7480
- category: 'container',
7481
- specialCategory: 'margin',
7482
- sort: 13,
7483
- preferredScale: 's',
7484
- },
7485
- marginHorizontal: {
7486
- label: 'Margin Horizontal',
7487
- description: 'Left and right margin.',
7488
- category: 'container',
7489
- specialCategory: 'margin',
7490
- sort: 14,
7491
- preferredScale: 's',
7492
- },
7493
- marginVertical: {
7494
- label: 'Margin Vertical',
7495
- description: 'Top and bottom margin.',
7496
- category: 'container',
7497
- specialCategory: 'margin',
7498
- sort: 15,
7499
- preferredScale: 'vs',
7500
- },
7501
- marginTop: {
7502
- label: 'Margin Top',
7503
- description: 'Top margin only.',
7504
- category: 'container',
7505
- specialCategory: 'margin',
7506
- sort: 16,
7507
- preferredScale: 'vs',
7508
- },
7509
- marginBottom: {
7510
- label: 'Margin Bottom',
7511
- description: 'Bottom margin only.',
7512
- category: 'container',
7513
- specialCategory: 'margin',
7514
- sort: 17,
7515
- preferredScale: 'vs',
7516
- },
7517
- marginLeft: {
7518
- label: 'Margin Left',
7519
- description: 'Left margin only.',
7520
- category: 'container',
7521
- specialCategory: 'margin',
7522
- sort: 18,
7523
- preferredScale: 's',
7524
- },
7525
- marginRight: {
7526
- label: 'Margin Right',
7527
- description: 'Right margin only.',
7528
- category: 'container',
7529
- specialCategory: 'margin',
7530
- sort: 19,
7531
- preferredScale: 's',
7532
- },
7533
- width: {
7534
- label: 'Width',
7535
- description: 'Fixed width value.',
7536
- category: 'container',
7537
- specialCategory: 'size',
7538
- sort: 0,
7539
- preferredScale: 's',
7540
- },
7541
- minWidth: {
7542
- label: 'Min Width',
7543
- description: 'Minimum width constraint.',
7544
- category: 'container',
7545
- specialCategory: 'size',
7546
- sort: 1,
7547
- preferredScale: 's',
7548
- },
7549
- maxWidth: {
7550
- label: 'Max Width',
7551
- description: 'Maximum width constraint.',
7552
- category: 'container',
7553
- specialCategory: 'size',
7554
- sort: 2,
7555
- preferredScale: 's',
7556
- },
7557
- height: {
7558
- label: 'Height',
7559
- description: 'Fixed height value.',
7560
- category: 'container',
7561
- specialCategory: 'size',
7562
- sort: 3,
7563
- preferredScale: 'vs',
7564
- },
7565
- minHeight: {
7566
- label: 'Min Height',
7567
- description: 'Minimum height constraint.',
7568
- category: 'container',
7569
- specialCategory: 'size',
7570
- sort: 4,
7571
- preferredScale: 'vs',
7572
- },
7573
- maxHeight: {
7574
- label: 'Max Height',
7575
- description: 'Maximum height constraint.',
7576
- category: 'container',
7577
- specialCategory: 'size',
7578
- sort: 5,
7579
- preferredScale: 'vs',
7580
- },
7581
- flex: {
7582
- label: 'Flex',
7583
- description: 'Flex grow factor (e.g. 1 fills available space).',
7584
- category: 'container',
7585
- specialCategory: 'size',
7586
- sort: 6,
7587
- },
7588
- position: {
7589
- label: 'Position',
7590
- description: 'Sets layout positioning mode.',
7591
- category: 'container',
7592
- specialCategory: null,
7593
- sort: 3,
7594
- },
7595
- top: {
7596
- label: 'Top',
7597
- description: 'Offset from the top edge.',
7598
- category: 'container',
7599
- specialCategory: 'offset',
7600
- sort: 22,
7601
- preferredScale: 'vs',
7602
- },
7603
- bottom: {
7604
- label: 'Bottom',
7605
- description: 'Offset from the bottom edge.',
7606
- category: 'container',
7607
- specialCategory: 'offset',
7608
- sort: 23,
7609
- preferredScale: 'vs',
7610
- },
7611
- left: {
7612
- label: 'Left',
7613
- description: 'Offset from the left edge.',
7614
- category: 'container',
7615
- specialCategory: 'offset',
7616
- sort: 24,
7617
- preferredScale: 's',
7618
- },
7619
- right: {
7620
- label: 'Right',
7621
- description: 'Offset from the right edge.',
7622
- category: 'container',
7623
- specialCategory: 'offset',
7624
- sort: 25,
7625
- preferredScale: 's',
7626
- },
7627
- zIndex: {
7628
- label: 'Z-Index',
7629
- description: 'Controls stacking order.',
7630
- category: 'container',
7631
- specialCategory: null,
7632
- sort: 26,
7633
- },
7634
- },
7635
- },
7636
- desiredChildren: ['=OnboardItem'],
7637
- styles: {},
7638
- },
7639
- defaults: {
7640
- styles: {
7641
- flexDirection: 'row',
7642
- position: 'relative',
7643
- zIndex: 1,
7644
- alignSelf: 'flex-start',
7645
- flexGrow: 0,
7646
- flexShrink: 0,
7647
- },
7648
- },
7649
- types: {},
7650
- },
7651
- {
7652
- schemaVersion: 2,
7653
- pattern: {
7654
- type: 'OnboardButton',
7655
- title: 'title',
7656
- description: 'description',
7657
- children: 'never',
7658
- attributes: {
7659
- labelKey: 'string',
7660
- events: 'EventObject[]',
7661
- testID: ['onboardSkip', 'onboardNext'],
7662
- styles: {
7663
- color: 'color',
7664
- backgroundColor: 'color',
7665
- height: 'size',
7666
- borderRadius: 'size',
7667
- fontSize: 'size',
7668
- fontWeight: 'fontWeight',
7669
- fontFamily: 'fontFamily',
7670
- textAlign: 'string',
7671
- flexDirection: ['row', 'column'],
7672
- flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
7673
- alignItems: [
7674
- 'flex-start',
7675
- 'center',
7676
- 'flex-end',
7677
- 'stretch',
7678
- 'baseline',
7679
- ],
7680
- justifyContent: [
7681
- 'flex-start',
7682
- 'center',
7683
- 'flex-end',
7684
- 'space-between',
7685
- 'space-around',
7686
- 'space-evenly',
7687
- ],
7688
- gap: 'size',
7689
- padding: 'size',
7690
- paddingHorizontal: 'size',
7691
- paddingVertical: 'size',
7692
- paddingTop: 'size',
7693
- paddingBottom: 'size',
7694
- paddingLeft: 'size',
7695
- paddingRight: 'size',
7696
- margin: 'size',
7697
- marginHorizontal: 'size',
7698
- marginVertical: 'size',
7699
- marginTop: 'size',
7700
- marginBottom: 'size',
7701
- marginLeft: 'size',
7702
- marginRight: 'size',
7703
- width: 'size',
7704
- minWidth: 'size',
7705
- maxWidth: 'size',
7706
- minHeight: 'size',
7707
- maxHeight: 'size',
7708
- flex: 'number',
7709
- position: ['relative', 'absolute'],
7710
- top: 'size',
7711
- bottom: 'size',
7712
- left: 'size',
7713
- right: 'size',
7714
- zIndex: 'number',
7715
- },
7716
- adjustsFontSizeToFit: 'boolean',
7717
- numberOfLines: 'number',
7718
- translateCounter: 'number',
7719
- scrollable: 'boolean',
7720
- animation: [
7721
- 'simple-animation',
7722
- 'line-animation',
7723
- 'blur',
7724
- 'blur-animation',
7725
- 'blur-line-animation',
7726
- ],
7727
- animation_color: 'color',
7728
- },
7729
- },
7730
- defaults: {
7731
- attributes: { labelKey: 'Button' },
7732
- styles: {
7733
- height: '40@vs',
7734
- borderRadius: '12@s',
7735
- backgroundColor: 'THEME_COLORS.SYSTEM_BUTTON_BACKGROUND',
7736
- color: 'THEME_COLORS.ONBOARD_BUTTON_PRIMARY_TEXT',
7737
- fontSize: '16@fs',
7738
- fontWeight: '400',
7739
- flexDirection: 'column',
7740
- position: 'relative',
7741
- zIndex: 1,
7742
- alignSelf: 'flex-start',
7743
- flexGrow: 0,
7744
- flexShrink: 0,
7745
- },
7746
- translateCounter: 1,
7747
- numberOfLines: 1,
7748
- },
7749
- types: {
7750
- EventObject: {
7751
- type: ['Permission', 'Navigate', 'Placement'],
7752
- permission: 'string',
7753
- navigate_to: 'string',
7754
- targetIndex: 'number',
7755
- placementKey: 'string',
7756
- },
7757
- },
7758
- meta: {
7759
- label: 'Onboard Button',
7760
- description: 'Single action button for onboard.',
7761
- attributes: {
7762
- labelKey: {
7763
- label: 'Label Key',
7764
- description: 'Localization key for the button text.',
7765
- category: 'other',
7766
- specialCategory: null,
7767
- sort: 1,
7768
- },
7769
- events: {
7770
- label: 'Events',
7771
- description: 'List of events fired by the button.',
7772
- category: 'other',
7773
- specialCategory: null,
7774
- sort: 7,
7775
- },
7776
- adjustsFontSizeToFit: {
7777
- label: 'Adjust Font Size To Fit',
7778
- description:
7779
- 'Automatically reduces font size to fit the available space.',
7780
- category: 'other',
7781
- specialCategory: null,
7782
- sort: 1,
7783
- },
7784
- showEllipsis: {
7785
- label: 'Show Ellipsis',
7786
- description:
7787
- 'If text overflows, show ellipsis (…); applied as single-line truncation.',
7788
- category: 'other',
7789
- specialCategory: null,
7790
- sort: 2,
7791
- },
7792
- scrollable: {
7793
- label: 'Scrollable',
7794
- description: 'Turns scroll interaction on.',
7795
- category: 'container',
7796
- specialCategory: null,
7797
- sort: -1,
7798
- },
7799
- styles: {
7800
- backgroundColor: {
7801
- label: 'Background Color',
7802
- description: 'Background fill color.',
7803
- category: 'style',
7804
- specialCategory: null,
7805
- sort: 20,
7806
- },
7807
- borderRadius: {
7808
- label: 'Border Radius',
7809
- description: 'Corner rounding amount.',
7810
- category: 'style',
7811
- specialCategory: null,
7812
- sort: 21,
7813
- preferredScale: 's',
7814
- },
7815
- flexDirection: {
7816
- label: 'Flex Direction',
7817
- description: 'Sets row or column layout.',
7818
- category: 'container',
7819
- specialCategory: null,
7820
- sort: 4,
7821
- },
7822
- flexWrap: {
7823
- label: 'Flex Wrap',
7824
- description: 'Controls whether flex items wrap to multiple lines.',
7825
- category: 'container',
7826
- specialCategory: null,
7827
- sort: 4.5,
7828
- },
7829
- alignItems: {
7830
- label: 'Align Items',
7831
- description: 'Controls cross-axis alignment.',
7832
- category: 'container',
7833
- specialCategory: null,
7834
- sort: 3,
7835
- },
7836
- justifyContent: {
7837
- label: 'Justify Content',
7838
- description: 'Controls main-axis alignment.',
7839
- category: 'container',
7840
- specialCategory: null,
7841
- sort: 5,
7842
- },
7843
- gap: {
7844
- label: 'Gap',
7845
- description: 'Space between children.',
7846
- category: 'container',
7847
- specialCategory: null,
7848
- sort: 10,
7849
- preferredScale: 's',
7850
- },
7851
- padding: {
7852
- label: 'Padding',
7853
- description: 'Uniform padding on all sides.',
7854
- category: 'container',
7855
- specialCategory: 'padding',
7856
- sort: 6,
7857
- preferredScale: 's',
7858
- },
7859
- paddingHorizontal: {
7860
- label: 'Padding Horizontal',
7861
- description: 'Left and right padding.',
7862
- category: 'container',
7863
- specialCategory: 'padding',
7864
- sort: 7,
7865
- preferredScale: 's',
7866
- },
7867
- paddingVertical: {
7868
- label: 'Padding Vertical',
7869
- description: 'Top and bottom padding.',
7870
- category: 'container',
7871
- specialCategory: 'padding',
7872
- sort: 8,
7873
- preferredScale: 'vs',
7874
- },
7875
- paddingTop: {
7876
- label: 'Padding Top',
7877
- description: 'Top padding only.',
7878
- category: 'container',
7879
- specialCategory: 'padding',
7880
- sort: 9,
7881
- preferredScale: 'vs',
7882
- },
7883
- paddingBottom: {
7884
- label: 'Padding Bottom',
7885
- description: 'Bottom padding only.',
7886
- category: 'container',
7887
- specialCategory: 'padding',
7888
- sort: 10,
7889
- preferredScale: 'vs',
7890
- },
7891
- paddingLeft: {
7892
- label: 'Padding Left',
7893
- description: 'Left padding only.',
7894
- category: 'container',
7895
- specialCategory: 'padding',
7896
- sort: 11,
7897
- preferredScale: 's',
7898
- },
7899
- paddingRight: {
7900
- label: 'Padding Right',
7901
- description: 'Right padding only.',
7902
- category: 'container',
7903
- specialCategory: 'padding',
7904
- sort: 12,
7905
- preferredScale: 's',
7906
- },
7907
- margin: {
7908
- label: 'Margin',
7909
- description: 'Uniform margin on all sides.',
7910
- category: 'container',
7911
- specialCategory: 'margin',
7912
- sort: 13,
7913
- preferredScale: 's',
7914
- },
7915
- marginHorizontal: {
7916
- label: 'Margin Horizontal',
7917
- description: 'Left and right margin.',
7918
- category: 'container',
7919
- specialCategory: 'margin',
7920
- sort: 14,
7921
- preferredScale: 's',
7922
- },
7923
- marginVertical: {
7924
- label: 'Margin Vertical',
7925
- description: 'Top and bottom margin.',
7926
- category: 'container',
7927
- specialCategory: 'margin',
7928
- sort: 15,
7929
- preferredScale: 'vs',
7930
- },
7931
- marginTop: {
7932
- label: 'Margin Top',
7933
- description: 'Top margin only.',
7934
- category: 'container',
7935
- specialCategory: 'margin',
7936
- sort: 16,
7937
- preferredScale: 'vs',
7938
- },
7939
- marginBottom: {
7940
- label: 'Margin Bottom',
7941
- description: 'Bottom margin only.',
7942
- category: 'container',
7943
- specialCategory: 'margin',
7944
- sort: 17,
7945
- preferredScale: 'vs',
7946
- },
7947
- marginLeft: {
7948
- label: 'Margin Left',
7949
- description: 'Left margin only.',
7950
- category: 'container',
7951
- specialCategory: 'margin',
7952
- sort: 18,
7953
- preferredScale: 's',
7954
- },
7955
- marginRight: {
7956
- label: 'Margin Right',
7957
- description: 'Right margin only.',
7958
- category: 'container',
7959
- specialCategory: 'margin',
7960
- sort: 19,
7961
- preferredScale: 's',
7962
- },
7963
- width: {
7964
- label: 'Width',
7965
- description: 'Fixed width value.',
7966
- category: 'container',
7967
- specialCategory: 'size',
7968
- sort: 0,
7969
- preferredScale: 's',
7970
- },
7971
- minWidth: {
7972
- label: 'Min Width',
7973
- description: 'Minimum width constraint.',
7974
- category: 'container',
7975
- specialCategory: 'size',
7976
- sort: 1,
7977
- preferredScale: 's',
7978
- },
7979
- maxWidth: {
7980
- label: 'Max Width',
7981
- description: 'Maximum width constraint.',
7982
- category: 'container',
7983
- specialCategory: 'size',
7984
- sort: 2,
7985
- preferredScale: 's',
7986
- },
7987
- height: {
7988
- label: 'Height',
7989
- description: 'Fixed height value.',
7990
- category: 'container',
7991
- specialCategory: 'size',
7992
- sort: 3,
7993
- preferredScale: 'vs',
7994
- },
7995
- minHeight: {
7996
- label: 'Min Height',
7997
- description: 'Minimum height constraint.',
7998
- category: 'container',
7999
- specialCategory: 'size',
8000
- sort: 4,
8001
- preferredScale: 'vs',
8002
- },
8003
- maxHeight: {
8004
- label: 'Max Height',
8005
- description: 'Maximum height constraint.',
8006
- category: 'container',
8007
- specialCategory: 'size',
8008
- sort: 5,
8009
- preferredScale: 'vs',
8010
- },
8011
- flex: {
8012
- label: 'Flex',
8013
- description: 'Flex grow factor (e.g. 1 fills available space).',
8014
- category: 'container',
8015
- specialCategory: 'size',
8016
- sort: 6,
8017
- },
8018
- position: {
8019
- label: 'Position',
8020
- description: 'Sets layout positioning mode.',
8021
- category: 'container',
8022
- specialCategory: null,
8023
- sort: 3,
8024
- },
8025
- top: {
8026
- label: 'Top',
8027
- description: 'Offset from the top edge.',
8028
- category: 'container',
8029
- specialCategory: 'offset',
8030
- sort: 22,
8031
- preferredScale: 'vs',
8032
- },
8033
- bottom: {
8034
- label: 'Bottom',
8035
- description: 'Offset from the bottom edge.',
8036
- category: 'container',
8037
- specialCategory: 'offset',
8038
- sort: 23,
8039
- preferredScale: 'vs',
8040
- },
8041
- left: {
8042
- label: 'Left',
8043
- description: 'Offset from the left edge.',
8044
- category: 'container',
8045
- specialCategory: 'offset',
8046
- sort: 24,
8047
- preferredScale: 's',
8048
- },
8049
- right: {
8050
- label: 'Right',
8051
- description: 'Offset from the right edge.',
8052
- category: 'container',
8053
- specialCategory: 'offset',
8054
- sort: 25,
8055
- preferredScale: 's',
8056
- },
8057
- zIndex: {
8058
- label: 'Z-Index',
8059
- description: 'Controls stacking order.',
8060
- category: 'container',
8061
- specialCategory: null,
8062
- sort: 26,
8063
- },
8064
- color: {
8065
- label: 'Color',
8066
- description: 'Text color.',
8067
- category: 'style',
8068
- specialCategory: null,
8069
- sort: 1,
8070
- },
8071
- },
8072
- animation: {
8073
- label: 'Animation',
8074
- description: 'Animation style for the button.',
8075
- category: 'style',
8076
- specialCategory: null,
8077
- sort: 3,
8078
- },
8079
- animation_color: {
8080
- label: 'Animation Color',
8081
- description: 'Color used by the animation.',
8082
- category: 'style',
8083
- specialCategory: null,
8084
- sort: 4,
8085
- },
8086
- },
8087
- desiredParent: ['=OnboardButtons'],
8088
- styles: {
8089
- color: {
8090
- label: 'Color',
8091
- description: 'Text color.',
8092
- category: 'style',
7348
+ label: 'Onboard Button',
7349
+ description: 'Single action button for onboard.',
7350
+ attributes: {
7351
+ labelKey: {
7352
+ label: 'Label Key',
7353
+ description: 'Localization key for the button text.',
7354
+ category: 'other',
8093
7355
  specialCategory: null,
8094
7356
  sort: 1,
8095
7357
  },
8096
- fontSize: {
8097
- label: 'Font Size',
8098
- description: 'Text size.',
8099
- category: 'style',
8100
- specialCategory: null,
8101
- sort: 2,
8102
- preferredScale: 'f',
8103
- },
8104
- fontFamily: {
8105
- label: 'Font Family',
8106
- description: 'Font family used for the text.',
8107
- category: 'style',
8108
- specialCategory: null,
8109
- sort: 3,
8110
- },
8111
- fontWeight: {
8112
- label: 'Font Weight',
8113
- description: 'Text weight.',
8114
- category: 'style',
7358
+ events: {
7359
+ label: 'Events',
7360
+ description: 'List of events fired by the button.',
7361
+ category: 'other',
8115
7362
  specialCategory: null,
8116
- sort: 4,
7363
+ sort: 7,
8117
7364
  },
8118
- textAlign: {
8119
- label: 'Text Align',
8120
- description: 'Text alignment.',
8121
- category: 'style',
7365
+ adjustsFontSizeToFit: {
7366
+ label: 'Adjust Font Size To Fit',
7367
+ description:
7368
+ 'Automatically reduces font size to fit the available space.',
7369
+ category: 'other',
8122
7370
  specialCategory: null,
8123
- sort: 5,
8124
- },
8125
- },
8126
- specialCategories: {
8127
- padding: {
8128
- label: 'Padding',
8129
- description: 'Uniform padding on all sides.',
8130
- category: 'container',
8131
- sort: 1,
8132
- },
8133
- margin: {
8134
- label: 'Margin',
8135
- description: 'Uniform margin on all sides.',
8136
- category: 'container',
8137
- sort: 2,
8138
- },
8139
- size: {
8140
- label: 'Size',
8141
- description: 'Fixed dimensions.',
8142
- category: 'container',
8143
- sort: 3,
8144
- },
8145
- offset: {
8146
- label: 'Offset',
8147
- description: 'Absolute positioning offsets.',
8148
- category: 'container',
8149
- sort: 4,
8150
- },
8151
- },
8152
- },
8153
- },
8154
- {
8155
- schemaVersion: 2,
8156
- pattern: {
8157
- type: 'OnboardButtons',
8158
- title: 'title',
8159
- description: 'description',
8160
- children: 'node',
8161
- attributes: {
8162
- scrollable: 'boolean',
8163
- styles: {
8164
- flexDirection: ['row', 'column'],
8165
- flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
8166
- alignItems: [
8167
- 'flex-start',
8168
- 'center',
8169
- 'flex-end',
8170
- 'stretch',
8171
- 'baseline',
8172
- ],
8173
- justifyContent: [
8174
- 'flex-start',
8175
- 'center',
8176
- 'flex-end',
8177
- 'space-between',
8178
- 'space-around',
8179
- 'space-evenly',
8180
- ],
8181
- gap: 'size',
8182
- padding: 'size',
8183
- paddingHorizontal: 'size',
8184
- paddingVertical: 'size',
8185
- paddingTop: 'size',
8186
- paddingBottom: 'size',
8187
- paddingLeft: 'size',
8188
- paddingRight: 'size',
8189
- margin: 'size',
8190
- marginHorizontal: 'size',
8191
- marginVertical: 'size',
8192
- marginTop: 'size',
8193
- marginBottom: 'size',
8194
- marginLeft: 'size',
8195
- marginRight: 'size',
8196
- backgroundColor: 'color',
8197
- borderRadius: 'size',
8198
- width: 'size',
8199
- minWidth: 'size',
8200
- maxWidth: 'size',
8201
- height: 'size',
8202
- minHeight: 'size',
8203
- maxHeight: 'size',
8204
- flex: 'number',
8205
- position: ['relative', 'absolute'],
8206
- top: 'size',
8207
- bottom: 'size',
8208
- left: 'size',
8209
- right: 'size',
8210
- zIndex: 'number',
8211
- },
8212
- testID: 'string',
8213
- buttonType: ['previous_button', 'next_button', 'skip_button'],
8214
- skipNumber: 'number',
8215
- buttons_direction: ['row', 'column'],
8216
- forIndex: 'number',
8217
- seperatorColor: 'color',
8218
- condition: ['carousel-index'],
8219
- conditionVariable: 'number',
8220
- },
8221
- },
8222
- meta: {
8223
- desiredParent: ['=OnboardItem'],
8224
- label: 'Onboard Buttons',
8225
- description: 'Wrapper for onboarding button set.',
8226
- specialCategories: {
8227
- padding: {
8228
- label: 'Padding',
8229
- description: 'Uniform padding on all sides.',
8230
- category: 'container',
8231
7371
  sort: 1,
8232
7372
  },
8233
- margin: {
8234
- label: 'Margin',
8235
- description: 'Uniform margin on all sides.',
8236
- category: 'container',
7373
+ showEllipsis: {
7374
+ label: 'Show Ellipsis',
7375
+ description:
7376
+ 'If text overflows, show ellipsis (…); applied as single-line truncation.',
7377
+ category: 'other',
7378
+ specialCategory: null,
8237
7379
  sort: 2,
8238
7380
  },
8239
- size: {
8240
- label: 'Size',
8241
- description: 'Fixed dimensions.',
8242
- category: 'container',
8243
- sort: 3,
8244
- },
8245
- offset: {
8246
- label: 'Offset',
8247
- description: 'Absolute positioning offsets.',
8248
- category: 'container',
8249
- sort: 4,
8250
- },
8251
- },
8252
- attributes: {
8253
7381
  scrollable: {
8254
7382
  label: 'Scrollable',
8255
7383
  description: 'Turns scroll interaction on.',
@@ -8522,84 +7650,103 @@ export const patterns = [
8522
7650
  specialCategory: null,
8523
7651
  sort: 26,
8524
7652
  },
7653
+ color: {
7654
+ label: 'Color',
7655
+ description: 'Text color.',
7656
+ category: 'style',
7657
+ specialCategory: null,
7658
+ sort: 1,
7659
+ },
8525
7660
  },
8526
- seperatorColor: {
8527
- label: 'Seperator Color',
8528
- description: 'Color of the divider line.',
7661
+ animation: {
7662
+ label: 'Animation',
7663
+ description: 'Animation style for the button.',
8529
7664
  category: 'style',
8530
7665
  specialCategory: null,
8531
- sort: 5,
7666
+ sort: 3,
8532
7667
  },
8533
- buttonType: {
8534
- label: 'Button Type',
8535
- description: 'Which onboard button to show.',
8536
- category: 'other',
7668
+ animation_color: {
7669
+ label: 'Animation Color',
7670
+ description: 'Color used by the animation.',
7671
+ category: 'style',
7672
+ specialCategory: null,
7673
+ sort: 4,
7674
+ },
7675
+ },
7676
+ desiredParent: ['=OnboardButtons'],
7677
+ styles: {
7678
+ color: {
7679
+ label: 'Color',
7680
+ description: 'Text color.',
7681
+ category: 'style',
8537
7682
  specialCategory: null,
8538
7683
  sort: 1,
8539
7684
  },
8540
- skipNumber: {
8541
- label: 'Skip Number',
8542
- description: 'Slide index to skip to.',
8543
- category: 'other',
7685
+ fontSize: {
7686
+ label: 'Font Size',
7687
+ description: 'Text size.',
7688
+ category: 'style',
8544
7689
  specialCategory: null,
8545
7690
  sort: 2,
7691
+ preferredScale: 'f',
8546
7692
  },
8547
- buttons_direction: {
8548
- label: 'Buttons Direction',
8549
- description: 'Direction to lay out buttons.',
7693
+ fontFamily: {
7694
+ label: 'Font Family',
7695
+ description: 'Font family used for the text.',
7696
+ category: 'style',
7697
+ specialCategory: null,
7698
+ sort: 3,
7699
+ },
7700
+ fontWeight: {
7701
+ label: 'Font Weight',
7702
+ description: 'Text weight.',
7703
+ category: 'style',
7704
+ specialCategory: null,
7705
+ sort: 4,
7706
+ },
7707
+ textAlign: {
7708
+ label: 'Text Align',
7709
+ description: 'Text alignment.',
7710
+ category: 'style',
7711
+ specialCategory: null,
7712
+ sort: 5,
7713
+ },
7714
+ },
7715
+ specialCategories: {
7716
+ padding: {
7717
+ label: 'Padding',
7718
+ description: 'Uniform padding on all sides.',
7719
+ category: 'container',
7720
+ sort: 1,
7721
+ },
7722
+ margin: {
7723
+ label: 'Margin',
7724
+ description: 'Uniform margin on all sides.',
7725
+ category: 'container',
7726
+ sort: 2,
7727
+ },
7728
+ size: {
7729
+ label: 'Size',
7730
+ description: 'Fixed dimensions.',
8550
7731
  category: 'container',
8551
- specialCategory: null,
8552
7732
  sort: 3,
8553
7733
  },
8554
- forIndex: {
8555
- label: 'For Index',
8556
- description: 'Show only for this slide index.',
8557
- category: 'other',
8558
- specialCategory: null,
7734
+ offset: {
7735
+ label: 'Offset',
7736
+ description: 'Absolute positioning offsets.',
7737
+ category: 'container',
8559
7738
  sort: 4,
8560
7739
  },
8561
- condition: {
8562
- label: 'Condition',
8563
- description: 'Built-in condition to check.',
8564
- category: 'other',
8565
- specialCategory: null,
8566
- sort: 6,
8567
- },
8568
- conditionVariable: {
8569
- label: 'Condition Variable',
8570
- description: 'Value used when checking the condition.',
8571
- category: 'other',
8572
- specialCategory: null,
8573
- sort: 7,
8574
- },
8575
- },
8576
- styles: {},
8577
- },
8578
- defaults: {
8579
- styles: {
8580
- flexDirection: 'row',
8581
- position: 'relative',
8582
- zIndex: 1,
8583
- alignSelf: 'flex-start',
8584
- flexGrow: 0,
8585
- flexShrink: 0,
8586
- display: 'flex',
8587
- gap: 12,
8588
- alignItems: 'center',
8589
- justifyContent: 'center',
8590
- marginVertical: '12@vs',
8591
- marginHorizontal: '24@s',
8592
7740
  },
8593
7741
  },
8594
- types: {},
8595
7742
  },
8596
7743
  {
8597
7744
  schemaVersion: 2,
8598
7745
  pattern: {
8599
- type: 'OnboardDot',
7746
+ type: 'OnboardButtons',
8600
7747
  title: 'title',
8601
7748
  description: 'description',
8602
- children: 'never',
7749
+ children: 'node',
8603
7750
  attributes: {
8604
7751
  scrollable: 'boolean',
8605
7752
  styles: {
@@ -8652,27 +7799,19 @@ export const patterns = [
8652
7799
  zIndex: 'number',
8653
7800
  },
8654
7801
  testID: 'string',
8655
- dotType: [
8656
- 'expanding_dot',
8657
- 'normal_dot',
8658
- 'scaling_dot',
8659
- 'sliding_border',
8660
- 'sliding_dot',
8661
- 'liquid_like',
8662
- ],
8663
- flexDirection: 'never',
8664
- alignItems: 'never',
8665
- justifyContent: 'never',
8666
- dot_thickness: 'size',
8667
- inactive_dot_opacity: 'number',
8668
- inactive_dot_color: 'color',
8669
- active_dot_color: 'color',
7802
+ buttonType: ['previous_button', 'next_button', 'skip_button'],
7803
+ skipNumber: 'number',
7804
+ buttons_direction: ['row', 'column'],
7805
+ forIndex: 'number',
7806
+ seperatorColor: 'color',
7807
+ condition: ['carousel-index'],
7808
+ conditionVariable: 'number',
8670
7809
  },
8671
7810
  },
8672
7811
  meta: {
8673
- desiredParent: ['>OnboardProvider'],
8674
- label: 'Onboard Dot',
8675
- description: 'Renders onboarding progress dots.',
7812
+ desiredParent: ['=OnboardItem'],
7813
+ label: 'Onboard Buttons',
7814
+ description: 'Wrapper for onboarding button set.',
8676
7815
  specialCategories: {
8677
7816
  padding: {
8678
7817
  label: 'Padding',
@@ -8973,40 +8112,54 @@ export const patterns = [
8973
8112
  sort: 26,
8974
8113
  },
8975
8114
  },
8976
- dotType: {
8977
- label: 'Dot Type',
8978
- description: 'Dot animation style.',
8115
+ seperatorColor: {
8116
+ label: 'Seperator Color',
8117
+ description: 'Color of the divider line.',
8979
8118
  category: 'style',
8980
8119
  specialCategory: null,
8120
+ sort: 5,
8121
+ },
8122
+ buttonType: {
8123
+ label: 'Button Type',
8124
+ description: 'Which onboard button to show.',
8125
+ category: 'other',
8126
+ specialCategory: null,
8981
8127
  sort: 1,
8982
8128
  },
8983
- dot_thickness: {
8984
- label: 'Dot Thickness',
8985
- description: 'Dot size/diameter.',
8986
- category: 'style',
8129
+ skipNumber: {
8130
+ label: 'Skip Number',
8131
+ description: 'Slide index to skip to.',
8132
+ category: 'other',
8987
8133
  specialCategory: null,
8988
8134
  sort: 2,
8989
8135
  },
8990
- inactive_dot_opacity: {
8991
- label: 'Inactive Dot Opacity',
8992
- description: 'Opacity for inactive dots.',
8993
- category: 'style',
8136
+ buttons_direction: {
8137
+ label: 'Buttons Direction',
8138
+ description: 'Direction to lay out buttons.',
8139
+ category: 'container',
8994
8140
  specialCategory: null,
8995
8141
  sort: 3,
8996
8142
  },
8997
- inactive_dot_color: {
8998
- label: 'Inactive Dot Color',
8999
- description: 'Color of inactive dots.',
9000
- category: 'style',
8143
+ forIndex: {
8144
+ label: 'For Index',
8145
+ description: 'Show only for this slide index.',
8146
+ category: 'other',
9001
8147
  specialCategory: null,
9002
8148
  sort: 4,
9003
8149
  },
9004
- active_dot_color: {
9005
- label: 'Active Dot Color',
9006
- description: 'Color of the active dot.',
9007
- category: 'style',
8150
+ condition: {
8151
+ label: 'Condition',
8152
+ description: 'Built-in condition to check.',
8153
+ category: 'other',
9008
8154
  specialCategory: null,
9009
- sort: 5,
8155
+ sort: 6,
8156
+ },
8157
+ conditionVariable: {
8158
+ label: 'Condition Variable',
8159
+ description: 'Value used when checking the condition.',
8160
+ category: 'other',
8161
+ specialCategory: null,
8162
+ sort: 7,
9010
8163
  },
9011
8164
  },
9012
8165
  styles: {},
@@ -9019,35 +8172,26 @@ export const patterns = [
9019
8172
  alignSelf: 'flex-start',
9020
8173
  flexGrow: 0,
9021
8174
  flexShrink: 0,
8175
+ display: 'flex',
8176
+ gap: 12,
9022
8177
  alignItems: 'center',
9023
8178
  justifyContent: 'center',
9024
- gap: '12@s',
8179
+ marginVertical: '12@vs',
8180
+ marginHorizontal: '24@s',
9025
8181
  },
9026
- dotType: 'expanding_dot',
9027
- dot_thickness: 10,
9028
- inactive_dot_opacity: 0.3,
9029
- active_dot_color: 'STATIC_COLORS.ONBOARD_DOT_ACTIVE',
9030
- inactive_dot_color: 'THEME_COLORS.BACKGROUND',
9031
8182
  },
9032
8183
  types: {},
9033
8184
  },
9034
8185
  {
9035
8186
  schemaVersion: 2,
9036
8187
  pattern: {
9037
- type: 'OnboardFooter',
8188
+ type: 'OnboardDot',
9038
8189
  title: 'title',
9039
8190
  description: 'description',
9040
8191
  children: 'never',
9041
8192
  attributes: {
9042
- adjustsFontSizeToFit: 'boolean',
9043
- numberOfLines: 'number',
9044
- translateCounter: 'number',
8193
+ scrollable: 'boolean',
9045
8194
  styles: {
9046
- color: 'color',
9047
- fontSize: 'size',
9048
- fontFamily: 'fontFamily',
9049
- fontWeight: 'fontWeight',
9050
- textAlign: 'string',
9051
8195
  flexDirection: ['row', 'column'],
9052
8196
  flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
9053
8197
  alignItems: [
@@ -9096,76 +8240,55 @@ export const patterns = [
9096
8240
  right: 'size',
9097
8241
  zIndex: 'number',
9098
8242
  },
9099
- scrollable: 'boolean',
9100
8243
  testID: 'string',
9101
- textLocalizationKey: 'string',
9102
- linkedWordFirstLocalizationKey: 'string',
9103
- linkedWordFirstColor: 'color',
9104
- linkedWordFirstPage: 'string',
9105
- linkedWordSecondLocalizationKey: 'string',
9106
- linkedWordSecondColor: 'color',
9107
- linkedWordSecondPage: 'string',
8244
+ dotType: [
8245
+ 'expanding_dot',
8246
+ 'normal_dot',
8247
+ 'scaling_dot',
8248
+ 'sliding_border',
8249
+ 'sliding_dot',
8250
+ 'liquid_like',
8251
+ ],
8252
+ flexDirection: 'never',
8253
+ alignItems: 'never',
8254
+ justifyContent: 'never',
8255
+ dot_thickness: 'size',
8256
+ inactive_dot_opacity: 'number',
8257
+ inactive_dot_color: 'color',
8258
+ active_dot_color: 'color',
9108
8259
  },
9109
8260
  },
9110
8261
  meta: {
9111
- desiredParent: ['>OnboardItem'],
9112
- label: 'Onboard Footer',
9113
- description: 'Footer text with optional links.',
9114
- styles: {
9115
- color: {
9116
- label: 'Color',
9117
- description: 'Text color.',
9118
- category: 'style',
9119
- specialCategory: null,
8262
+ desiredParent: ['>OnboardProvider'],
8263
+ label: 'Onboard Dot',
8264
+ description: 'Renders onboarding progress dots.',
8265
+ specialCategories: {
8266
+ padding: {
8267
+ label: 'Padding',
8268
+ description: 'Uniform padding on all sides.',
8269
+ category: 'container',
9120
8270
  sort: 1,
9121
8271
  },
9122
- fontSize: {
9123
- label: 'Font Size',
9124
- description: 'Text size.',
9125
- category: 'style',
9126
- specialCategory: null,
8272
+ margin: {
8273
+ label: 'Margin',
8274
+ description: 'Uniform margin on all sides.',
8275
+ category: 'container',
9127
8276
  sort: 2,
9128
- preferredScale: 'f',
9129
8277
  },
9130
- fontFamily: {
9131
- label: 'Font Family',
9132
- description: 'Font family used for the text.',
9133
- category: 'style',
9134
- specialCategory: null,
8278
+ size: {
8279
+ label: 'Size',
8280
+ description: 'Fixed dimensions.',
8281
+ category: 'container',
9135
8282
  sort: 3,
9136
8283
  },
9137
- fontWeight: {
9138
- label: 'Font Weight',
9139
- description: 'Text weight.',
9140
- category: 'style',
9141
- specialCategory: null,
8284
+ offset: {
8285
+ label: 'Offset',
8286
+ description: 'Absolute positioning offsets.',
8287
+ category: 'container',
9142
8288
  sort: 4,
9143
8289
  },
9144
- textAlign: {
9145
- label: 'Text Align',
9146
- description: 'Text alignment.',
9147
- category: 'style',
9148
- specialCategory: null,
9149
- sort: 5,
9150
- },
9151
8290
  },
9152
8291
  attributes: {
9153
- adjustsFontSizeToFit: {
9154
- label: 'Adjust Font Size To Fit',
9155
- description:
9156
- 'Automatically reduces font size to fit the available space.',
9157
- category: 'other',
9158
- specialCategory: null,
9159
- sort: 1,
9160
- },
9161
- showEllipsis: {
9162
- label: 'Show Ellipsis',
9163
- description:
9164
- 'If text overflows, show ellipsis (…); applied as single-line truncation.',
9165
- category: 'other',
9166
- specialCategory: null,
9167
- sort: 2,
9168
- },
9169
8292
  scrollable: {
9170
8293
  label: 'Scrollable',
9171
8294
  description: 'Turns scroll interaction on.',
@@ -9439,118 +8562,81 @@ export const patterns = [
9439
8562
  sort: 26,
9440
8563
  },
9441
8564
  },
9442
- textLocalizationKey: {
9443
- label: 'Text Localization Key',
9444
- description: 'Localization key for the footer text.',
9445
- category: 'other',
8565
+ dotType: {
8566
+ label: 'Dot Type',
8567
+ description: 'Dot animation style.',
8568
+ category: 'style',
9446
8569
  specialCategory: null,
9447
8570
  sort: 1,
9448
8571
  },
9449
- linkedWordFirstLocalizationKey: {
9450
- label: 'Linked Word First Localization Key',
9451
- description: 'Key for the first linked word.',
9452
- category: 'other',
8572
+ dot_thickness: {
8573
+ label: 'Dot Thickness',
8574
+ description: 'Dot size/diameter.',
8575
+ category: 'style',
9453
8576
  specialCategory: null,
9454
8577
  sort: 2,
9455
8578
  },
9456
- linkedWordFirstColor: {
9457
- label: 'Linked Word First Color',
9458
- description: 'Color of the first linked word.',
9459
- category: 'other',
8579
+ inactive_dot_opacity: {
8580
+ label: 'Inactive Dot Opacity',
8581
+ description: 'Opacity for inactive dots.',
8582
+ category: 'style',
9460
8583
  specialCategory: null,
9461
8584
  sort: 3,
9462
8585
  },
9463
- linkedWordFirstPage: {
9464
- label: 'Linked Word First Page',
9465
- description: 'Page opened by the first link.',
9466
- category: 'other',
8586
+ inactive_dot_color: {
8587
+ label: 'Inactive Dot Color',
8588
+ description: 'Color of inactive dots.',
8589
+ category: 'style',
9467
8590
  specialCategory: null,
9468
8591
  sort: 4,
9469
8592
  },
9470
- linkedWordSecondLocalizationKey: {
9471
- label: 'Linked Word Second Localization Key',
9472
- description: 'Key for the second linked word.',
9473
- category: 'other',
8593
+ active_dot_color: {
8594
+ label: 'Active Dot Color',
8595
+ description: 'Color of the active dot.',
8596
+ category: 'style',
9474
8597
  specialCategory: null,
9475
8598
  sort: 5,
9476
8599
  },
9477
- linkedWordSecondColor: {
9478
- label: 'Linked Word Second Color',
9479
- description: 'Color of the second linked word.',
9480
- category: 'other',
9481
- specialCategory: null,
9482
- sort: 6,
9483
- },
9484
- linkedWordSecondPage: {
9485
- label: 'Linked Word Second Page',
9486
- description: 'Page opened by the second link.',
9487
- category: 'other',
9488
- specialCategory: null,
9489
- sort: 7,
9490
- },
9491
- },
9492
- specialCategories: {
9493
- padding: {
9494
- label: 'Padding',
9495
- description: 'Uniform padding on all sides.',
9496
- category: 'container',
9497
- sort: 1,
9498
- },
9499
- margin: {
9500
- label: 'Margin',
9501
- description: 'Uniform margin on all sides.',
9502
- category: 'container',
9503
- sort: 2,
9504
- },
9505
- size: {
9506
- label: 'Size',
9507
- description: 'Fixed dimensions.',
9508
- category: 'container',
9509
- sort: 3,
9510
- },
9511
- offset: {
9512
- label: 'Offset',
9513
- description: 'Absolute positioning offsets.',
9514
- category: 'container',
9515
- sort: 4,
9516
- },
9517
8600
  },
8601
+ styles: {},
9518
8602
  },
9519
8603
  defaults: {
9520
- translateCounter: 1,
9521
- numberOfLines: 1,
9522
8604
  styles: {
9523
- color: 'THEME_COLORS.TEXT',
9524
- fontSize: '16@fs',
9525
- fontWeight: '400',
9526
8605
  flexDirection: 'row',
9527
8606
  position: 'relative',
9528
8607
  zIndex: 1,
9529
8608
  alignSelf: 'flex-start',
9530
8609
  flexGrow: 0,
9531
8610
  flexShrink: 0,
9532
- minHeight: '50@vs',
9533
- flexWrap: 'wrap',
9534
8611
  alignItems: 'center',
9535
8612
  justifyContent: 'center',
9536
- textAlign: 'center',
9537
- paddingHorizontal: '16@s',
8613
+ gap: '12@s',
9538
8614
  },
8615
+ dotType: 'expanding_dot',
8616
+ dot_thickness: 10,
8617
+ inactive_dot_opacity: 0.3,
8618
+ active_dot_color: 'STATIC_COLORS.ONBOARD_DOT_ACTIVE',
8619
+ inactive_dot_color: 'THEME_COLORS.BACKGROUND',
9539
8620
  },
9540
8621
  types: {},
9541
8622
  },
9542
8623
  {
9543
8624
  schemaVersion: 2,
9544
8625
  pattern: {
9545
- type: 'OnboardImage',
8626
+ type: 'OnboardFooter',
9546
8627
  title: 'title',
9547
8628
  description: 'description',
9548
- children: 'node',
8629
+ children: 'never',
9549
8630
  attributes: {
9550
- src: 'string',
9551
- fetchStrategy: ['highIfItsAppLaunch', 'normal', 'lazy', 'none'],
8631
+ adjustsFontSizeToFit: 'boolean',
8632
+ numberOfLines: 'number',
8633
+ translateCounter: 'number',
9552
8634
  styles: {
9553
- resizeMode: ['cover', 'contain', 'stretch', 'center'],
8635
+ color: 'color',
8636
+ fontSize: 'size',
8637
+ fontFamily: 'fontFamily',
8638
+ fontWeight: 'fontWeight',
8639
+ textAlign: 'string',
9554
8640
  flexDirection: ['row', 'column'],
9555
8641
  flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
9556
8642
  alignItems: [
@@ -9601,35 +8687,70 @@ export const patterns = [
9601
8687
  },
9602
8688
  scrollable: 'boolean',
9603
8689
  testID: 'string',
9604
- video_url: 'string',
9605
- lottie: 'string',
8690
+ textLocalizationKey: 'string',
8691
+ linkedWordFirstLocalizationKey: 'string',
8692
+ linkedWordFirstColor: 'color',
8693
+ linkedWordFirstPage: 'string',
8694
+ linkedWordSecondLocalizationKey: 'string',
8695
+ linkedWordSecondColor: 'color',
8696
+ linkedWordSecondPage: 'string',
9606
8697
  },
9607
8698
  },
9608
8699
  meta: {
9609
- desiredParent: ['>OnboardProvider', '>OnboardItem', '!=Onboard'],
9610
- label: 'Onboard Image',
9611
- description: 'Onboarding hero image with media.',
8700
+ desiredParent: ['>OnboardItem'],
8701
+ label: 'Onboard Footer',
8702
+ description: 'Footer text with optional links.',
9612
8703
  styles: {
9613
- resizeMode: {
9614
- label: 'Resize Mode',
9615
- description: 'How the image fits the frame.',
8704
+ color: {
8705
+ label: 'Color',
8706
+ description: 'Text color.',
8707
+ category: 'style',
8708
+ specialCategory: null,
8709
+ sort: 1,
8710
+ },
8711
+ fontSize: {
8712
+ label: 'Font Size',
8713
+ description: 'Text size.',
8714
+ category: 'style',
8715
+ specialCategory: null,
8716
+ sort: 2,
8717
+ preferredScale: 'f',
8718
+ },
8719
+ fontFamily: {
8720
+ label: 'Font Family',
8721
+ description: 'Font family used for the text.',
8722
+ category: 'style',
8723
+ specialCategory: null,
8724
+ sort: 3,
8725
+ },
8726
+ fontWeight: {
8727
+ label: 'Font Weight',
8728
+ description: 'Text weight.',
9616
8729
  category: 'style',
9617
8730
  specialCategory: null,
9618
8731
  sort: 4,
9619
8732
  },
8733
+ textAlign: {
8734
+ label: 'Text Align',
8735
+ description: 'Text alignment.',
8736
+ category: 'style',
8737
+ specialCategory: null,
8738
+ sort: 5,
8739
+ },
9620
8740
  },
9621
8741
  attributes: {
9622
- src: {
9623
- label: 'Src',
9624
- description: 'Image source URL.',
8742
+ adjustsFontSizeToFit: {
8743
+ label: 'Adjust Font Size To Fit',
8744
+ description:
8745
+ 'Automatically reduces font size to fit the available space.',
9625
8746
  category: 'other',
9626
8747
  specialCategory: null,
9627
8748
  sort: 1,
9628
8749
  },
9629
- fetchStrategy: {
9630
- label: 'Fetch Strategy',
8750
+ showEllipsis: {
8751
+ label: 'Show Ellipsis',
9631
8752
  description:
9632
- "highIfItsAppLaunch ilk başta yükleniyor eğer app_launch placeholder'i ile gelirse\nnormal sonra bütün hepsi toplanıp prefetch ediniyor\nlazy builder açılır açılmaz\nnone ise os'a bırakıldı",
8753
+ 'If text overflows, show ellipsis (…); applied as single-line truncation.',
9633
8754
  category: 'other',
9634
8755
  specialCategory: null,
9635
8756
  sort: 2,
@@ -9907,20 +9028,55 @@ export const patterns = [
9907
9028
  sort: 26,
9908
9029
  },
9909
9030
  },
9910
- video_url: {
9911
- label: 'Video Url',
9912
- description: 'URL for the onboarding video.',
9031
+ textLocalizationKey: {
9032
+ label: 'Text Localization Key',
9033
+ description: 'Localization key for the footer text.',
9913
9034
  category: 'other',
9914
9035
  specialCategory: null,
9915
9036
  sort: 1,
9916
9037
  },
9917
- lottie: {
9918
- label: 'Lottie',
9919
- description: 'Path to the lottie animation.',
9038
+ linkedWordFirstLocalizationKey: {
9039
+ label: 'Linked Word First Localization Key',
9040
+ description: 'Key for the first linked word.',
9920
9041
  category: 'other',
9921
9042
  specialCategory: null,
9922
9043
  sort: 2,
9923
9044
  },
9045
+ linkedWordFirstColor: {
9046
+ label: 'Linked Word First Color',
9047
+ description: 'Color of the first linked word.',
9048
+ category: 'other',
9049
+ specialCategory: null,
9050
+ sort: 3,
9051
+ },
9052
+ linkedWordFirstPage: {
9053
+ label: 'Linked Word First Page',
9054
+ description: 'Page opened by the first link.',
9055
+ category: 'other',
9056
+ specialCategory: null,
9057
+ sort: 4,
9058
+ },
9059
+ linkedWordSecondLocalizationKey: {
9060
+ label: 'Linked Word Second Localization Key',
9061
+ description: 'Key for the second linked word.',
9062
+ category: 'other',
9063
+ specialCategory: null,
9064
+ sort: 5,
9065
+ },
9066
+ linkedWordSecondColor: {
9067
+ label: 'Linked Word Second Color',
9068
+ description: 'Color of the second linked word.',
9069
+ category: 'other',
9070
+ specialCategory: null,
9071
+ sort: 6,
9072
+ },
9073
+ linkedWordSecondPage: {
9074
+ label: 'Linked Word Second Page',
9075
+ description: 'Page opened by the second link.',
9076
+ category: 'other',
9077
+ specialCategory: null,
9078
+ sort: 7,
9079
+ },
9924
9080
  },
9925
9081
  specialCategories: {
9926
9082
  padding: {
@@ -9950,15 +9106,24 @@ export const patterns = [
9950
9106
  },
9951
9107
  },
9952
9108
  defaults: {
9953
- fetchStrategy: 'normal',
9109
+ translateCounter: 1,
9110
+ numberOfLines: 1,
9954
9111
  styles: {
9955
- resizeMode: 'contain',
9956
- flexDirection: 'column',
9112
+ color: 'THEME_COLORS.TEXT',
9113
+ fontSize: '16@fs',
9114
+ fontWeight: '400',
9115
+ flexDirection: 'row',
9957
9116
  position: 'relative',
9958
9117
  zIndex: 1,
9959
9118
  alignSelf: 'flex-start',
9960
9119
  flexGrow: 0,
9961
9120
  flexShrink: 0,
9121
+ minHeight: '50@vs',
9122
+ flexWrap: 'wrap',
9123
+ alignItems: 'center',
9124
+ justifyContent: 'center',
9125
+ textAlign: 'center',
9126
+ paddingHorizontal: '16@s',
9962
9127
  },
9963
9128
  },
9964
9129
  types: {},
@@ -9966,13 +9131,15 @@ export const patterns = [
9966
9131
  {
9967
9132
  schemaVersion: 2,
9968
9133
  pattern: {
9969
- type: 'OnboardItem',
9134
+ type: 'OnboardImage',
9970
9135
  title: 'title',
9971
9136
  description: 'description',
9972
9137
  children: 'node',
9973
9138
  attributes: {
9974
- scrollable: 'boolean',
9139
+ src: 'string',
9140
+ fetchStrategy: ['highIfItsAppLaunch', 'normal', 'lazy', 'none'],
9975
9141
  styles: {
9142
+ resizeMode: ['cover', 'contain', 'stretch', 'center'],
9976
9143
  flexDirection: ['row', 'column'],
9977
9144
  flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
9978
9145
  alignItems: [
@@ -10019,43 +9186,43 @@ export const patterns = [
10019
9186
  bottom: 'size',
10020
9187
  left: 'size',
10021
9188
  right: 'size',
10022
- zIndex: 'number',
10023
- },
10024
- testID: 'string',
10025
- display: ['flex', 'block'],
10026
- },
10027
- },
10028
- meta: {
10029
- desiredParent: ['=Onboard'],
10030
- label: 'Onboard Item',
10031
- description: 'Single onboarding screen section.',
10032
- specialCategories: {
10033
- padding: {
10034
- label: 'Padding',
10035
- description: 'Uniform padding on all sides.',
10036
- category: 'container',
10037
- sort: 1,
10038
- },
10039
- margin: {
10040
- label: 'Margin',
10041
- description: 'Uniform margin on all sides.',
10042
- category: 'container',
10043
- sort: 2,
10044
- },
10045
- size: {
10046
- label: 'Size',
10047
- description: 'Fixed dimensions.',
10048
- category: 'container',
10049
- sort: 3,
9189
+ zIndex: 'number',
10050
9190
  },
10051
- offset: {
10052
- label: 'Offset',
10053
- description: 'Absolute positioning offsets.',
10054
- category: 'container',
9191
+ scrollable: 'boolean',
9192
+ testID: 'string',
9193
+ video_url: 'string',
9194
+ lottie: 'string',
9195
+ },
9196
+ },
9197
+ meta: {
9198
+ desiredParent: ['>OnboardProvider', '>OnboardItem', '!=Onboard'],
9199
+ label: 'Onboard Image',
9200
+ description: 'Onboarding hero image with media.',
9201
+ styles: {
9202
+ resizeMode: {
9203
+ label: 'Resize Mode',
9204
+ description: 'How the image fits the frame.',
9205
+ category: 'style',
9206
+ specialCategory: null,
10055
9207
  sort: 4,
10056
9208
  },
10057
9209
  },
10058
9210
  attributes: {
9211
+ src: {
9212
+ label: 'Src',
9213
+ description: 'Image source URL.',
9214
+ category: 'other',
9215
+ specialCategory: null,
9216
+ sort: 1,
9217
+ },
9218
+ fetchStrategy: {
9219
+ label: 'Fetch Strategy',
9220
+ description:
9221
+ "highIfItsAppLaunch ilk başta yükleniyor eğer app_launch placeholder'i ile gelirse\nnormal sonra bütün hepsi toplanıp prefetch ediniyor\nlazy builder açılır açılmaz\nnone ise os'a bırakıldı",
9222
+ category: 'other',
9223
+ specialCategory: null,
9224
+ sort: 2,
9225
+ },
10059
9226
  scrollable: {
10060
9227
  label: 'Scrollable',
10061
9228
  description: 'Turns scroll interaction on.',
@@ -10081,10 +9248,10 @@ export const patterns = [
10081
9248
  },
10082
9249
  flexDirection: {
10083
9250
  label: 'Flex Direction',
10084
- description: 'Order of child stacking.',
9251
+ description: 'Sets row or column layout.',
10085
9252
  category: 'container',
10086
9253
  specialCategory: null,
10087
- sort: 3,
9254
+ sort: 4,
10088
9255
  },
10089
9256
  flexWrap: {
10090
9257
  label: 'Flex Wrap',
@@ -10109,10 +9276,11 @@ export const patterns = [
10109
9276
  },
10110
9277
  gap: {
10111
9278
  label: 'Gap',
10112
- description: 'Space between child blocks.',
9279
+ description: 'Space between children.',
10113
9280
  category: 'container',
10114
9281
  specialCategory: null,
10115
- sort: 2,
9282
+ sort: 10,
9283
+ preferredScale: 's',
10116
9284
  },
10117
9285
  padding: {
10118
9286
  label: 'Padding',
@@ -10127,7 +9295,8 @@ export const patterns = [
10127
9295
  description: 'Left and right padding.',
10128
9296
  category: 'container',
10129
9297
  specialCategory: 'padding',
10130
- sort: 4,
9298
+ sort: 7,
9299
+ preferredScale: 's',
10131
9300
  },
10132
9301
  paddingVertical: {
10133
9302
  label: 'Padding Vertical',
@@ -10327,35 +9496,66 @@ export const patterns = [
10327
9496
  sort: 26,
10328
9497
  },
10329
9498
  },
10330
- display: {
10331
- label: 'Display',
10332
- description: 'Controls layout display mode.',
10333
- category: 'container',
9499
+ video_url: {
9500
+ label: 'Video Url',
9501
+ description: 'URL for the onboarding video.',
9502
+ category: 'other',
10334
9503
  specialCategory: null,
10335
9504
  sort: 1,
10336
9505
  },
9506
+ lottie: {
9507
+ label: 'Lottie',
9508
+ description: 'Path to the lottie animation.',
9509
+ category: 'other',
9510
+ specialCategory: null,
9511
+ sort: 2,
9512
+ },
9513
+ },
9514
+ specialCategories: {
9515
+ padding: {
9516
+ label: 'Padding',
9517
+ description: 'Uniform padding on all sides.',
9518
+ category: 'container',
9519
+ sort: 1,
9520
+ },
9521
+ margin: {
9522
+ label: 'Margin',
9523
+ description: 'Uniform margin on all sides.',
9524
+ category: 'container',
9525
+ sort: 2,
9526
+ },
9527
+ size: {
9528
+ label: 'Size',
9529
+ description: 'Fixed dimensions.',
9530
+ category: 'container',
9531
+ sort: 3,
9532
+ },
9533
+ offset: {
9534
+ label: 'Offset',
9535
+ description: 'Absolute positioning offsets.',
9536
+ category: 'container',
9537
+ sort: 4,
9538
+ },
10337
9539
  },
10338
- styles: {},
10339
9540
  },
10340
9541
  defaults: {
9542
+ fetchStrategy: 'normal',
10341
9543
  styles: {
9544
+ resizeMode: 'contain',
10342
9545
  flexDirection: 'column',
10343
9546
  position: 'relative',
10344
9547
  zIndex: 1,
10345
9548
  alignSelf: 'flex-start',
10346
9549
  flexGrow: 0,
10347
9550
  flexShrink: 0,
10348
- gap: '16@vs',
10349
- paddingHorizontal: '24@s',
10350
9551
  },
10351
- display: 'flex',
10352
9552
  },
10353
9553
  types: {},
10354
9554
  },
10355
9555
  {
10356
9556
  schemaVersion: 2,
10357
9557
  pattern: {
10358
- type: 'OnboardProvider',
9558
+ type: 'OnboardItem',
10359
9559
  title: 'title',
10360
9560
  description: 'description',
10361
9561
  children: 'node',
@@ -10411,26 +9611,13 @@ export const patterns = [
10411
9611
  zIndex: 'number',
10412
9612
  },
10413
9613
  testID: 'string',
10414
- theme: ['light', 'dark', 'all'],
10415
- borderRadius: 'never',
10416
- animation: [
10417
- 'default',
10418
- 'fade',
10419
- 'fade_from_bottom',
10420
- 'fade_from_right',
10421
- 'reveal_from_bottom',
10422
- 'scale_from_center',
10423
- 'slide_from_right',
10424
- 'slide_from_left',
10425
- 'slide_from_bottom',
10426
- 'none',
10427
- ],
9614
+ display: ['flex', 'block'],
10428
9615
  },
10429
9616
  },
10430
9617
  meta: {
10431
- desiredParent: ['root'],
10432
- label: 'Onboard Provider',
10433
- description: 'Provides shared settings for onboard.',
9618
+ desiredParent: ['=Onboard'],
9619
+ label: 'Onboard Item',
9620
+ description: 'Single onboarding screen section.',
10434
9621
  specialCategories: {
10435
9622
  padding: {
10436
9623
  label: 'Padding',
@@ -10483,10 +9670,10 @@ export const patterns = [
10483
9670
  },
10484
9671
  flexDirection: {
10485
9672
  label: 'Flex Direction',
10486
- description: 'Sets row or column layout.',
9673
+ description: 'Order of child stacking.',
10487
9674
  category: 'container',
10488
9675
  specialCategory: null,
10489
- sort: 4,
9676
+ sort: 3,
10490
9677
  },
10491
9678
  flexWrap: {
10492
9679
  label: 'Flex Wrap',
@@ -10511,11 +9698,10 @@ export const patterns = [
10511
9698
  },
10512
9699
  gap: {
10513
9700
  label: 'Gap',
10514
- description: 'Space between children.',
9701
+ description: 'Space between child blocks.',
10515
9702
  category: 'container',
10516
9703
  specialCategory: null,
10517
- sort: 10,
10518
- preferredScale: 's',
9704
+ sort: 2,
10519
9705
  },
10520
9706
  padding: {
10521
9707
  label: 'Padding',
@@ -10530,8 +9716,7 @@ export const patterns = [
10530
9716
  description: 'Left and right padding.',
10531
9717
  category: 'container',
10532
9718
  specialCategory: 'padding',
10533
- sort: 7,
10534
- preferredScale: 's',
9719
+ sort: 4,
10535
9720
  },
10536
9721
  paddingVertical: {
10537
9722
  label: 'Padding Vertical',
@@ -10543,31 +9728,35 @@ export const patterns = [
10543
9728
  },
10544
9729
  paddingTop: {
10545
9730
  label: 'Padding Top',
10546
- description: 'Top padding for the provider.',
9731
+ description: 'Top padding only.',
10547
9732
  category: 'container',
10548
9733
  specialCategory: 'padding',
10549
- sort: 1,
9734
+ sort: 9,
9735
+ preferredScale: 'vs',
10550
9736
  },
10551
9737
  paddingBottom: {
10552
9738
  label: 'Padding Bottom',
10553
- description: 'Bottom padding for the provider.',
9739
+ description: 'Bottom padding only.',
10554
9740
  category: 'container',
10555
9741
  specialCategory: 'padding',
10556
- sort: 3,
9742
+ sort: 10,
9743
+ preferredScale: 'vs',
10557
9744
  },
10558
9745
  paddingLeft: {
10559
9746
  label: 'Padding Left',
10560
- description: 'Left padding for the provider.',
9747
+ description: 'Left padding only.',
10561
9748
  category: 'container',
10562
9749
  specialCategory: 'padding',
10563
- sort: 4,
9750
+ sort: 11,
9751
+ preferredScale: 's',
10564
9752
  },
10565
9753
  paddingRight: {
10566
9754
  label: 'Padding Right',
10567
- description: 'Right padding for the provider.',
9755
+ description: 'Right padding only.',
10568
9756
  category: 'container',
10569
9757
  specialCategory: 'padding',
10570
- sort: 2,
9758
+ sort: 12,
9759
+ preferredScale: 's',
10571
9760
  },
10572
9761
  margin: {
10573
9762
  label: 'Margin',
@@ -10727,21 +9916,12 @@ export const patterns = [
10727
9916
  sort: 26,
10728
9917
  },
10729
9918
  },
10730
- theme: {
10731
- label: 'Theme',
10732
- description:
10733
- 'Controls which app theme(s) this onboarding is intended for.',
10734
- category: 'other',
10735
- specialCategory: null,
10736
- sort: -10,
10737
- },
10738
- animation: {
10739
- label: 'Page transition animation',
10740
- description:
10741
- 'When this component is a GlobalProvider page: animation used when navigating to this screen.',
10742
- category: 'other',
9919
+ display: {
9920
+ label: 'Display',
9921
+ description: 'Controls layout display mode.',
9922
+ category: 'container',
10743
9923
  specialCategory: null,
10744
- sort: 2,
9924
+ sort: 1,
10745
9925
  },
10746
9926
  },
10747
9927
  styles: {},
@@ -10754,29 +9934,23 @@ export const patterns = [
10754
9934
  alignSelf: 'flex-start',
10755
9935
  flexGrow: 0,
10756
9936
  flexShrink: 0,
10757
- width: '100%',
10758
- height: '100%',
9937
+ gap: '16@vs',
9938
+ paddingHorizontal: '24@s',
10759
9939
  },
9940
+ display: 'flex',
10760
9941
  },
10761
9942
  types: {},
10762
9943
  },
10763
9944
  {
10764
9945
  schemaVersion: 2,
10765
9946
  pattern: {
10766
- type: 'OnboardSubtitle',
9947
+ type: 'OnboardProvider',
10767
9948
  title: 'title',
10768
9949
  description: 'description',
10769
- children: 'string',
9950
+ children: 'node',
10770
9951
  attributes: {
10771
- adjustsFontSizeToFit: 'boolean',
10772
- numberOfLines: 'number',
10773
- translateCounter: 'number',
9952
+ scrollable: 'boolean',
10774
9953
  styles: {
10775
- color: 'color',
10776
- fontSize: 'size',
10777
- fontFamily: 'fontFamily',
10778
- fontWeight: 'fontWeight',
10779
- textAlign: 'string',
10780
9954
  flexDirection: ['row', 'column'],
10781
9955
  flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
10782
9956
  alignItems: [
@@ -10825,69 +9999,42 @@ export const patterns = [
10825
9999
  right: 'size',
10826
10000
  zIndex: 'number',
10827
10001
  },
10828
- scrollable: 'boolean',
10829
10002
  testID: 'string',
10003
+ theme: ['light', 'dark', 'all'],
10004
+ borderRadius: 'never',
10830
10005
  },
10831
10006
  },
10832
10007
  meta: {
10833
- desiredParent: ['>OnboardProvider', '>OnboardItem'],
10834
- label: 'Onboard Subtitle',
10835
- description: 'Subtitle text for an onboarding step.',
10836
- styles: {
10837
- color: {
10838
- label: 'Color',
10839
- description: 'Text color.',
10840
- category: 'style',
10841
- specialCategory: null,
10008
+ desiredParent: ['root'],
10009
+ label: 'Onboard Provider',
10010
+ description: 'Provides shared settings for onboard.',
10011
+ specialCategories: {
10012
+ padding: {
10013
+ label: 'Padding',
10014
+ description: 'Uniform padding on all sides.',
10015
+ category: 'container',
10842
10016
  sort: 1,
10843
10017
  },
10844
- fontSize: {
10845
- label: 'Font Size',
10846
- description: 'Text size.',
10847
- category: 'style',
10848
- specialCategory: null,
10018
+ margin: {
10019
+ label: 'Margin',
10020
+ description: 'Uniform margin on all sides.',
10021
+ category: 'container',
10849
10022
  sort: 2,
10850
- preferredScale: 'f',
10851
10023
  },
10852
- fontFamily: {
10853
- label: 'Font Family',
10854
- description: 'Font family used for the text.',
10855
- category: 'style',
10856
- specialCategory: null,
10024
+ size: {
10025
+ label: 'Size',
10026
+ description: 'Fixed dimensions.',
10027
+ category: 'container',
10857
10028
  sort: 3,
10858
10029
  },
10859
- fontWeight: {
10860
- label: 'Font Weight',
10861
- description: 'Text weight.',
10862
- category: 'style',
10863
- specialCategory: null,
10030
+ offset: {
10031
+ label: 'Offset',
10032
+ description: 'Absolute positioning offsets.',
10033
+ category: 'container',
10864
10034
  sort: 4,
10865
10035
  },
10866
- textAlign: {
10867
- label: 'Text Align',
10868
- description: 'Text alignment.',
10869
- category: 'style',
10870
- specialCategory: null,
10871
- sort: 5,
10872
- },
10873
10036
  },
10874
10037
  attributes: {
10875
- adjustsFontSizeToFit: {
10876
- label: 'Adjust Font Size To Fit',
10877
- description:
10878
- 'Automatically reduces font size to fit the available space.',
10879
- category: 'other',
10880
- specialCategory: null,
10881
- sort: 1,
10882
- },
10883
- showEllipsis: {
10884
- label: 'Show Ellipsis',
10885
- description:
10886
- 'If text overflows, show ellipsis (…); applied as single-line truncation.',
10887
- category: 'other',
10888
- specialCategory: null,
10889
- sort: 2,
10890
- },
10891
10038
  scrollable: {
10892
10039
  label: 'Scrollable',
10893
10040
  description: 'Turns scroll interaction on.',
@@ -10973,35 +10120,31 @@ export const patterns = [
10973
10120
  },
10974
10121
  paddingTop: {
10975
10122
  label: 'Padding Top',
10976
- description: 'Top padding only.',
10123
+ description: 'Top padding for the provider.',
10977
10124
  category: 'container',
10978
10125
  specialCategory: 'padding',
10979
- sort: 9,
10980
- preferredScale: 'vs',
10126
+ sort: 1,
10981
10127
  },
10982
10128
  paddingBottom: {
10983
10129
  label: 'Padding Bottom',
10984
- description: 'Bottom padding only.',
10130
+ description: 'Bottom padding for the provider.',
10985
10131
  category: 'container',
10986
10132
  specialCategory: 'padding',
10987
- sort: 10,
10988
- preferredScale: 'vs',
10133
+ sort: 3,
10989
10134
  },
10990
10135
  paddingLeft: {
10991
10136
  label: 'Padding Left',
10992
- description: 'Left padding only.',
10137
+ description: 'Left padding for the provider.',
10993
10138
  category: 'container',
10994
10139
  specialCategory: 'padding',
10995
- sort: 11,
10996
- preferredScale: 's',
10140
+ sort: 4,
10997
10141
  },
10998
10142
  paddingRight: {
10999
10143
  label: 'Padding Right',
11000
- description: 'Right padding only.',
10144
+ description: 'Right padding for the provider.',
11001
10145
  category: 'container',
11002
10146
  specialCategory: 'padding',
11003
- sort: 12,
11004
- preferredScale: 's',
10147
+ sort: 2,
11005
10148
  },
11006
10149
  margin: {
11007
10150
  label: 'Margin',
@@ -11161,47 +10304,27 @@ export const patterns = [
11161
10304
  sort: 26,
11162
10305
  },
11163
10306
  },
11164
- },
11165
- specialCategories: {
11166
- padding: {
11167
- label: 'Padding',
11168
- description: 'Uniform padding on all sides.',
11169
- category: 'container',
11170
- sort: 1,
11171
- },
11172
- margin: {
11173
- label: 'Margin',
11174
- description: 'Uniform margin on all sides.',
11175
- category: 'container',
11176
- sort: 2,
11177
- },
11178
- size: {
11179
- label: 'Size',
11180
- description: 'Fixed dimensions.',
11181
- category: 'container',
11182
- sort: 3,
11183
- },
11184
- offset: {
11185
- label: 'Offset',
11186
- description: 'Absolute positioning offsets.',
11187
- category: 'container',
11188
- sort: 4,
10307
+ theme: {
10308
+ label: 'Theme',
10309
+ description:
10310
+ 'Controls which app theme(s) this onboarding is intended for.',
10311
+ category: 'other',
10312
+ specialCategory: null,
10313
+ sort: -10,
11189
10314
  },
11190
10315
  },
10316
+ styles: {},
11191
10317
  },
11192
10318
  defaults: {
11193
- translateCounter: 1,
11194
- numberOfLines: 1,
11195
10319
  styles: {
11196
- color: 'THEME_COLORS.TEXT',
11197
- fontSize: '14@fs',
11198
- fontWeight: '600',
11199
10320
  flexDirection: 'column',
11200
10321
  position: 'relative',
11201
10322
  zIndex: 1,
11202
10323
  alignSelf: 'flex-start',
11203
10324
  flexGrow: 0,
11204
10325
  flexShrink: 0,
10326
+ width: '100%',
10327
+ height: '100%',
11205
10328
  },
11206
10329
  },
11207
10330
  types: {},
@@ -11209,7 +10332,7 @@ export const patterns = [
11209
10332
  {
11210
10333
  schemaVersion: 2,
11211
10334
  pattern: {
11212
- type: 'OnboardTitle',
10335
+ type: 'OnboardSubtitle',
11213
10336
  title: 'title',
11214
10337
  description: 'description',
11215
10338
  children: 'string',
@@ -11276,9 +10399,9 @@ export const patterns = [
11276
10399
  },
11277
10400
  },
11278
10401
  meta: {
11279
- desiredParent: ['>OnboardItem', '>OnboardProvider'],
11280
- label: 'Onboard Title',
11281
- description: 'Title text for an onboarding step.',
10402
+ desiredParent: ['>OnboardProvider', '>OnboardItem'],
10403
+ label: 'Onboard Subtitle',
10404
+ description: 'Subtitle text for an onboarding step.',
11282
10405
  styles: {
11283
10406
  color: {
11284
10407
  label: 'Color',
@@ -11640,15 +10763,14 @@ export const patterns = [
11640
10763
  numberOfLines: 1,
11641
10764
  styles: {
11642
10765
  color: 'THEME_COLORS.TEXT',
11643
- fontSize: '24@fs',
11644
- fontWeight: '700',
10766
+ fontSize: '14@fs',
10767
+ fontWeight: '600',
11645
10768
  flexDirection: 'column',
11646
10769
  position: 'relative',
11647
10770
  zIndex: 1,
11648
10771
  alignSelf: 'flex-start',
11649
10772
  flexGrow: 0,
11650
10773
  flexShrink: 0,
11651
- textAlign: 'center',
11652
10774
  },
11653
10775
  },
11654
10776
  types: {},
@@ -11656,15 +10778,20 @@ export const patterns = [
11656
10778
  {
11657
10779
  schemaVersion: 2,
11658
10780
  pattern: {
11659
- type: 'PaywallBackground',
10781
+ type: 'OnboardTitle',
11660
10782
  title: 'title',
11661
10783
  description: 'description',
11662
- children: 'never',
10784
+ children: 'string',
11663
10785
  attributes: {
11664
- src: 'string',
11665
- resizeMode: ['cover', 'contain', 'stretch', 'center'],
11666
- scrollable: 'boolean',
10786
+ adjustsFontSizeToFit: 'boolean',
10787
+ numberOfLines: 'number',
10788
+ translateCounter: 'number',
11667
10789
  styles: {
10790
+ color: 'color',
10791
+ fontSize: 'size',
10792
+ fontFamily: 'fontFamily',
10793
+ fontWeight: 'fontWeight',
10794
+ textAlign: 'string',
11668
10795
  flexDirection: ['row', 'column'],
11669
10796
  flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
11670
10797
  alignItems: [
@@ -11713,28 +10840,68 @@ export const patterns = [
11713
10840
  right: 'size',
11714
10841
  zIndex: 'number',
11715
10842
  },
10843
+ scrollable: 'boolean',
11716
10844
  testID: 'string',
11717
10845
  },
11718
10846
  },
11719
10847
  meta: {
11720
- desiredParent: ['>PaywallProvider'],
11721
- label: 'Paywall Background',
11722
- description: 'Paywall Background component.',
11723
- styles: {},
10848
+ desiredParent: ['>OnboardItem', '>OnboardProvider'],
10849
+ label: 'Onboard Title',
10850
+ description: 'Title text for an onboarding step.',
10851
+ styles: {
10852
+ color: {
10853
+ label: 'Color',
10854
+ description: 'Text color.',
10855
+ category: 'style',
10856
+ specialCategory: null,
10857
+ sort: 1,
10858
+ },
10859
+ fontSize: {
10860
+ label: 'Font Size',
10861
+ description: 'Text size.',
10862
+ category: 'style',
10863
+ specialCategory: null,
10864
+ sort: 2,
10865
+ preferredScale: 'f',
10866
+ },
10867
+ fontFamily: {
10868
+ label: 'Font Family',
10869
+ description: 'Font family used for the text.',
10870
+ category: 'style',
10871
+ specialCategory: null,
10872
+ sort: 3,
10873
+ },
10874
+ fontWeight: {
10875
+ label: 'Font Weight',
10876
+ description: 'Text weight.',
10877
+ category: 'style',
10878
+ specialCategory: null,
10879
+ sort: 4,
10880
+ },
10881
+ textAlign: {
10882
+ label: 'Text Align',
10883
+ description: 'Text alignment.',
10884
+ category: 'style',
10885
+ specialCategory: null,
10886
+ sort: 5,
10887
+ },
10888
+ },
11724
10889
  attributes: {
11725
- src: {
11726
- label: 'Src',
11727
- description: 'Image source URL.',
10890
+ adjustsFontSizeToFit: {
10891
+ label: 'Adjust Font Size To Fit',
10892
+ description:
10893
+ 'Automatically reduces font size to fit the available space.',
11728
10894
  category: 'other',
11729
10895
  specialCategory: null,
11730
10896
  sort: 1,
11731
10897
  },
11732
- resizeMode: {
11733
- label: 'Resize Mode',
11734
- description: 'How the image fits its container.',
10898
+ showEllipsis: {
10899
+ label: 'Show Ellipsis',
10900
+ description:
10901
+ 'If text overflows, show ellipsis (…); applied as single-line truncation.',
11735
10902
  category: 'other',
11736
10903
  specialCategory: null,
11737
- sort: 4,
10904
+ sort: 2,
11738
10905
  },
11739
10906
  scrollable: {
11740
10907
  label: 'Scrollable',
@@ -12038,20 +11205,19 @@ export const patterns = [
12038
11205
  },
12039
11206
  },
12040
11207
  defaults: {
12041
- resizeMode: 'cover',
11208
+ translateCounter: 1,
11209
+ numberOfLines: 1,
12042
11210
  styles: {
12043
- width: '100%',
12044
- height: '100%',
12045
- position: 'absolute',
12046
- top: 0,
12047
- left: 0,
12048
- right: 0,
12049
- bottom: 0,
12050
- zIndex: 1,
11211
+ color: 'THEME_COLORS.TEXT',
11212
+ fontSize: '24@fs',
11213
+ fontWeight: '700',
12051
11214
  flexDirection: 'column',
11215
+ position: 'relative',
11216
+ zIndex: 1,
12052
11217
  alignSelf: 'flex-start',
12053
11218
  flexGrow: 0,
12054
11219
  flexShrink: 0,
11220
+ textAlign: 'center',
12055
11221
  },
12056
11222
  },
12057
11223
  types: {},
@@ -12059,23 +11225,15 @@ export const patterns = [
12059
11225
  {
12060
11226
  schemaVersion: 2,
12061
11227
  pattern: {
12062
- type: 'PaywallCloseButton',
11228
+ type: 'PaywallBackground',
12063
11229
  title: 'title',
12064
11230
  description: 'description',
12065
11231
  children: 'never',
12066
11232
  attributes: {
12067
- iconType: 'iconType',
12068
- size: 'number',
12069
- strokeWidth: 'number',
12070
- adjustsFontSizeToFit: 'boolean',
12071
- numberOfLines: 'number',
12072
- translateCounter: 'number',
11233
+ src: 'string',
11234
+ resizeMode: ['cover', 'contain', 'stretch', 'center'],
11235
+ scrollable: 'boolean',
12073
11236
  styles: {
12074
- color: 'color',
12075
- fontSize: 'size',
12076
- fontFamily: 'fontFamily',
12077
- fontWeight: 'fontWeight',
12078
- textAlign: 'string',
12079
11237
  flexDirection: ['row', 'column'],
12080
11238
  flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
12081
11239
  alignItems: [
@@ -12108,105 +11266,44 @@ export const patterns = [
12108
11266
  marginBottom: 'size',
12109
11267
  marginLeft: 'size',
12110
11268
  marginRight: 'size',
12111
- backgroundColor: 'color',
12112
- borderRadius: 'size',
12113
- width: 'size',
12114
- minWidth: 'size',
12115
- maxWidth: 'size',
12116
- height: 'size',
12117
- minHeight: 'size',
12118
- maxHeight: 'size',
12119
- flex: 'number',
12120
- position: ['relative', 'absolute'],
12121
- top: 'size',
12122
- bottom: 'size',
12123
- left: 'size',
12124
- right: 'size',
12125
- zIndex: 'number',
12126
- },
12127
- scrollable: 'boolean',
12128
- testID: 'string',
12129
- },
12130
- },
12131
- meta: {
12132
- desiredParent: ['>PaywallProvider'],
12133
- label: 'Paywall Close Button',
12134
- description: 'Paywall Close Button component.',
12135
- styles: {
12136
- color: {
12137
- label: 'Color',
12138
- description: 'Text color.',
12139
- category: 'style',
12140
- specialCategory: null,
12141
- sort: 1,
12142
- },
12143
- fontSize: {
12144
- label: 'Font Size',
12145
- description: 'Text size.',
12146
- category: 'style',
12147
- specialCategory: null,
12148
- sort: 2,
12149
- preferredScale: 'f',
12150
- },
12151
- fontFamily: {
12152
- label: 'Font Family',
12153
- description: 'Font family used for the text.',
12154
- category: 'style',
12155
- specialCategory: null,
12156
- sort: 3,
12157
- },
12158
- fontWeight: {
12159
- label: 'Font Weight',
12160
- description: 'Text weight.',
12161
- category: 'style',
12162
- specialCategory: null,
12163
- sort: 4,
12164
- },
12165
- textAlign: {
12166
- label: 'Text Align',
12167
- description: 'Text alignment.',
12168
- category: 'style',
12169
- specialCategory: null,
12170
- sort: 5,
12171
- },
12172
- },
12173
- attributes: {
12174
- iconType: {
12175
- label: 'Icon',
12176
- description: 'Which icon to render.',
12177
- category: 'other',
12178
- specialCategory: null,
12179
- sort: 1,
12180
- },
12181
- size: {
12182
- label: 'Size',
12183
- description: 'Icon size (px).',
12184
- category: 'other',
12185
- specialCategory: null,
12186
- sort: 2,
12187
- },
12188
- strokeWidth: {
12189
- label: 'Stroke Width',
12190
- description: 'SVG stroke width override (applied to the icon paths).',
12191
- category: 'other',
12192
- specialCategory: null,
12193
- sort: 3,
11269
+ backgroundColor: 'color',
11270
+ borderRadius: 'size',
11271
+ width: 'size',
11272
+ minWidth: 'size',
11273
+ maxWidth: 'size',
11274
+ height: 'size',
11275
+ minHeight: 'size',
11276
+ maxHeight: 'size',
11277
+ flex: 'number',
11278
+ position: ['relative', 'absolute'],
11279
+ top: 'size',
11280
+ bottom: 'size',
11281
+ left: 'size',
11282
+ right: 'size',
11283
+ zIndex: 'number',
12194
11284
  },
12195
- adjustsFontSizeToFit: {
12196
- label: 'Adjust Font Size To Fit',
12197
- description:
12198
- 'Automatically reduces font size to fit the available space.',
11285
+ testID: 'string',
11286
+ },
11287
+ },
11288
+ meta: {
11289
+ desiredParent: ['>PaywallProvider'],
11290
+ label: 'Paywall Background',
11291
+ description: 'Paywall Background component.',
11292
+ styles: {},
11293
+ attributes: {
11294
+ src: {
11295
+ label: 'Src',
11296
+ description: 'Image source URL.',
12199
11297
  category: 'other',
12200
11298
  specialCategory: null,
12201
11299
  sort: 1,
12202
11300
  },
12203
- showEllipsis: {
12204
- label: 'Show Ellipsis',
12205
- description:
12206
- 'If text overflows, show ellipsis (…); applied as single-line truncation.',
11301
+ resizeMode: {
11302
+ label: 'Resize Mode',
11303
+ description: 'How the image fits its container.',
12207
11304
  category: 'other',
12208
11305
  specialCategory: null,
12209
- sort: 2,
11306
+ sort: 4,
12210
11307
  },
12211
11308
  scrollable: {
12212
11309
  label: 'Scrollable',
@@ -12510,38 +11607,35 @@ export const patterns = [
12510
11607
  },
12511
11608
  },
12512
11609
  defaults: {
12513
- iconType: 'close',
12514
- strokeWidth: 1.5,
11610
+ resizeMode: 'cover',
12515
11611
  styles: {
12516
- fontSize: '16@fs',
12517
- color: 'THEME_COLORS.TEXT',
12518
- fontWeight: '400',
12519
- flexDirection: 'row',
11612
+ width: '100%',
11613
+ height: '100%',
12520
11614
  position: 'absolute',
11615
+ top: 0,
11616
+ left: 0,
11617
+ right: 0,
11618
+ bottom: 0,
12521
11619
  zIndex: 1,
11620
+ flexDirection: 'column',
12522
11621
  alignSelf: 'flex-start',
12523
11622
  flexGrow: 0,
12524
11623
  flexShrink: 0,
12525
- top: '35@vs',
12526
- left: '24@s',
12527
- justifyContent: 'center',
12528
- alignItems: 'center',
12529
11624
  },
12530
- translateCounter: 1,
12531
- numberOfLines: 1,
12532
- testID: 'paywall-close-button',
12533
- size: 24,
12534
11625
  },
12535
11626
  types: {},
12536
11627
  },
12537
11628
  {
12538
11629
  schemaVersion: 2,
12539
11630
  pattern: {
12540
- type: 'PaywallFooter',
11631
+ type: 'PaywallCloseButton',
12541
11632
  title: 'title',
12542
11633
  description: 'description',
12543
11634
  children: 'never',
12544
11635
  attributes: {
11636
+ iconType: 'iconType',
11637
+ size: 'number',
11638
+ strokeWidth: 'number',
12545
11639
  adjustsFontSizeToFit: 'boolean',
12546
11640
  numberOfLines: 'number',
12547
11641
  translateCounter: 'number',
@@ -12601,19 +11695,12 @@ export const patterns = [
12601
11695
  },
12602
11696
  scrollable: 'boolean',
12603
11697
  testID: 'string',
12604
- textLocalizationKey: 'string',
12605
- linkedWordFirstLocalizationKey: 'string',
12606
- linkedWordFirstColor: 'color',
12607
- linkedWordFirstPage: 'string',
12608
- linkedWordSecondLocalizationKey: 'string',
12609
- linkedWordSecondColor: 'color',
12610
- linkedWordSecondPage: 'string',
12611
11698
  },
12612
11699
  },
12613
11700
  meta: {
12614
11701
  desiredParent: ['>PaywallProvider'],
12615
- label: 'Paywall Footer',
12616
- description: 'Footer text with optional links for paywall screens.',
11702
+ label: 'Paywall Close Button',
11703
+ description: 'Paywall Close Button component.',
12617
11704
  styles: {
12618
11705
  color: {
12619
11706
  label: 'Color',
@@ -12653,6 +11740,27 @@ export const patterns = [
12653
11740
  },
12654
11741
  },
12655
11742
  attributes: {
11743
+ iconType: {
11744
+ label: 'Icon',
11745
+ description: 'Which icon to render.',
11746
+ category: 'other',
11747
+ specialCategory: null,
11748
+ sort: 1,
11749
+ },
11750
+ size: {
11751
+ label: 'Size',
11752
+ description: 'Icon size (px).',
11753
+ category: 'other',
11754
+ specialCategory: null,
11755
+ sort: 2,
11756
+ },
11757
+ strokeWidth: {
11758
+ label: 'Stroke Width',
11759
+ description: 'SVG stroke width override (applied to the icon paths).',
11760
+ category: 'other',
11761
+ specialCategory: null,
11762
+ sort: 3,
11763
+ },
12656
11764
  adjustsFontSizeToFit: {
12657
11765
  label: 'Adjust Font Size To Fit',
12658
11766
  description:
@@ -12942,55 +12050,6 @@ export const patterns = [
12942
12050
  sort: 26,
12943
12051
  },
12944
12052
  },
12945
- textLocalizationKey: {
12946
- label: 'Text Localization Key',
12947
- description: 'Localization key for the footer text.',
12948
- category: 'other',
12949
- specialCategory: null,
12950
- sort: 1,
12951
- },
12952
- linkedWordFirstLocalizationKey: {
12953
- label: 'Linked Word First Localization Key',
12954
- description: 'Key for the first linked word.',
12955
- category: 'other',
12956
- specialCategory: null,
12957
- sort: 2,
12958
- },
12959
- linkedWordFirstColor: {
12960
- label: 'Linked Word First Color',
12961
- description: 'Color of the first linked word.',
12962
- category: 'other',
12963
- specialCategory: null,
12964
- sort: 3,
12965
- },
12966
- linkedWordFirstPage: {
12967
- label: 'Linked Word First Page',
12968
- description: 'Page opened by the first link.',
12969
- category: 'other',
12970
- specialCategory: null,
12971
- sort: 4,
12972
- },
12973
- linkedWordSecondLocalizationKey: {
12974
- label: 'Linked Word Second Localization Key',
12975
- description: 'Key for the second linked word.',
12976
- category: 'other',
12977
- specialCategory: null,
12978
- sort: 5,
12979
- },
12980
- linkedWordSecondColor: {
12981
- label: 'Linked Word Second Color',
12982
- description: 'Color of the second linked word.',
12983
- category: 'other',
12984
- specialCategory: null,
12985
- sort: 6,
12986
- },
12987
- linkedWordSecondPage: {
12988
- label: 'Linked Word Second Page',
12989
- description: 'Page opened by the second link.',
12990
- category: 'other',
12991
- specialCategory: null,
12992
- sort: 7,
12993
- },
12994
12053
  },
12995
12054
  specialCategories: {
12996
12055
  padding: {
@@ -13020,38 +12079,47 @@ export const patterns = [
13020
12079
  },
13021
12080
  },
13022
12081
  defaults: {
13023
- translateCounter: 1,
13024
- numberOfLines: 1,
12082
+ iconType: 'close',
12083
+ strokeWidth: 1.5,
13025
12084
  styles: {
13026
- color: 'THEME_COLORS.TEXT',
13027
12085
  fontSize: '16@fs',
12086
+ color: 'THEME_COLORS.TEXT',
13028
12087
  fontWeight: '400',
13029
12088
  flexDirection: 'row',
13030
- position: 'relative',
12089
+ position: 'absolute',
13031
12090
  zIndex: 1,
13032
12091
  alignSelf: 'flex-start',
13033
12092
  flexGrow: 0,
13034
12093
  flexShrink: 0,
13035
- minHeight: '50@vs',
13036
- flexWrap: 'wrap',
13037
- alignItems: 'center',
12094
+ top: '35@vs',
12095
+ left: '24@s',
13038
12096
  justifyContent: 'center',
13039
- textAlign: 'center',
13040
- paddingHorizontal: '16@s',
12097
+ alignItems: 'center',
13041
12098
  },
12099
+ translateCounter: 1,
12100
+ numberOfLines: 1,
12101
+ testID: 'paywall-close-button',
12102
+ size: 24,
13042
12103
  },
13043
12104
  types: {},
13044
12105
  },
13045
12106
  {
13046
12107
  schemaVersion: 2,
13047
12108
  pattern: {
13048
- type: 'PaywallOptions',
12109
+ type: 'PaywallFooter',
13049
12110
  title: 'title',
13050
12111
  description: 'description',
13051
- children: 'node',
12112
+ children: 'never',
13052
12113
  attributes: {
13053
- scrollable: 'boolean',
12114
+ adjustsFontSizeToFit: 'boolean',
12115
+ numberOfLines: 'number',
12116
+ translateCounter: 'number',
13054
12117
  styles: {
12118
+ color: 'color',
12119
+ fontSize: 'size',
12120
+ fontFamily: 'fontFamily',
12121
+ fontWeight: 'fontWeight',
12122
+ textAlign: 'string',
13055
12123
  flexDirection: ['row', 'column'],
13056
12124
  flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
13057
12125
  alignItems: [
@@ -13100,40 +12168,76 @@ export const patterns = [
13100
12168
  right: 'size',
13101
12169
  zIndex: 'number',
13102
12170
  },
12171
+ scrollable: 'boolean',
13103
12172
  testID: 'string',
12173
+ textLocalizationKey: 'string',
12174
+ linkedWordFirstLocalizationKey: 'string',
12175
+ linkedWordFirstColor: 'color',
12176
+ linkedWordFirstPage: 'string',
12177
+ linkedWordSecondLocalizationKey: 'string',
12178
+ linkedWordSecondColor: 'color',
12179
+ linkedWordSecondPage: 'string',
13104
12180
  },
13105
12181
  },
13106
12182
  meta: {
13107
12183
  desiredParent: ['>PaywallProvider'],
13108
- label: 'Paywall Options',
13109
- description: 'Paywall options selector component.',
13110
- specialCategories: {
13111
- padding: {
13112
- label: 'Padding',
13113
- description: 'Uniform padding on all sides.',
13114
- category: 'container',
12184
+ label: 'Paywall Footer',
12185
+ description: 'Footer text with optional links for paywall screens.',
12186
+ styles: {
12187
+ color: {
12188
+ label: 'Color',
12189
+ description: 'Text color.',
12190
+ category: 'style',
12191
+ specialCategory: null,
13115
12192
  sort: 1,
13116
12193
  },
13117
- margin: {
13118
- label: 'Margin',
13119
- description: 'Uniform margin on all sides.',
13120
- category: 'container',
12194
+ fontSize: {
12195
+ label: 'Font Size',
12196
+ description: 'Text size.',
12197
+ category: 'style',
12198
+ specialCategory: null,
13121
12199
  sort: 2,
12200
+ preferredScale: 'f',
13122
12201
  },
13123
- size: {
13124
- label: 'Size',
13125
- description: 'Fixed dimensions.',
13126
- category: 'container',
12202
+ fontFamily: {
12203
+ label: 'Font Family',
12204
+ description: 'Font family used for the text.',
12205
+ category: 'style',
12206
+ specialCategory: null,
13127
12207
  sort: 3,
13128
12208
  },
13129
- offset: {
13130
- label: 'Offset',
13131
- description: 'Absolute positioning offsets.',
13132
- category: 'container',
12209
+ fontWeight: {
12210
+ label: 'Font Weight',
12211
+ description: 'Text weight.',
12212
+ category: 'style',
12213
+ specialCategory: null,
13133
12214
  sort: 4,
13134
12215
  },
13135
- },
13136
- attributes: {
12216
+ textAlign: {
12217
+ label: 'Text Align',
12218
+ description: 'Text alignment.',
12219
+ category: 'style',
12220
+ specialCategory: null,
12221
+ sort: 5,
12222
+ },
12223
+ },
12224
+ attributes: {
12225
+ adjustsFontSizeToFit: {
12226
+ label: 'Adjust Font Size To Fit',
12227
+ description:
12228
+ 'Automatically reduces font size to fit the available space.',
12229
+ category: 'other',
12230
+ specialCategory: null,
12231
+ sort: 1,
12232
+ },
12233
+ showEllipsis: {
12234
+ label: 'Show Ellipsis',
12235
+ description:
12236
+ 'If text overflows, show ellipsis (…); applied as single-line truncation.',
12237
+ category: 'other',
12238
+ specialCategory: null,
12239
+ sort: 2,
12240
+ },
13137
12241
  scrollable: {
13138
12242
  label: 'Scrollable',
13139
12243
  description: 'Turns scroll interaction on.',
@@ -13407,20 +12511,102 @@ export const patterns = [
13407
12511
  sort: 26,
13408
12512
  },
13409
12513
  },
12514
+ textLocalizationKey: {
12515
+ label: 'Text Localization Key',
12516
+ description: 'Localization key for the footer text.',
12517
+ category: 'other',
12518
+ specialCategory: null,
12519
+ sort: 1,
12520
+ },
12521
+ linkedWordFirstLocalizationKey: {
12522
+ label: 'Linked Word First Localization Key',
12523
+ description: 'Key for the first linked word.',
12524
+ category: 'other',
12525
+ specialCategory: null,
12526
+ sort: 2,
12527
+ },
12528
+ linkedWordFirstColor: {
12529
+ label: 'Linked Word First Color',
12530
+ description: 'Color of the first linked word.',
12531
+ category: 'other',
12532
+ specialCategory: null,
12533
+ sort: 3,
12534
+ },
12535
+ linkedWordFirstPage: {
12536
+ label: 'Linked Word First Page',
12537
+ description: 'Page opened by the first link.',
12538
+ category: 'other',
12539
+ specialCategory: null,
12540
+ sort: 4,
12541
+ },
12542
+ linkedWordSecondLocalizationKey: {
12543
+ label: 'Linked Word Second Localization Key',
12544
+ description: 'Key for the second linked word.',
12545
+ category: 'other',
12546
+ specialCategory: null,
12547
+ sort: 5,
12548
+ },
12549
+ linkedWordSecondColor: {
12550
+ label: 'Linked Word Second Color',
12551
+ description: 'Color of the second linked word.',
12552
+ category: 'other',
12553
+ specialCategory: null,
12554
+ sort: 6,
12555
+ },
12556
+ linkedWordSecondPage: {
12557
+ label: 'Linked Word Second Page',
12558
+ description: 'Page opened by the second link.',
12559
+ category: 'other',
12560
+ specialCategory: null,
12561
+ sort: 7,
12562
+ },
12563
+ },
12564
+ specialCategories: {
12565
+ padding: {
12566
+ label: 'Padding',
12567
+ description: 'Uniform padding on all sides.',
12568
+ category: 'container',
12569
+ sort: 1,
12570
+ },
12571
+ margin: {
12572
+ label: 'Margin',
12573
+ description: 'Uniform margin on all sides.',
12574
+ category: 'container',
12575
+ sort: 2,
12576
+ },
12577
+ size: {
12578
+ label: 'Size',
12579
+ description: 'Fixed dimensions.',
12580
+ category: 'container',
12581
+ sort: 3,
12582
+ },
12583
+ offset: {
12584
+ label: 'Offset',
12585
+ description: 'Absolute positioning offsets.',
12586
+ category: 'container',
12587
+ sort: 4,
12588
+ },
13410
12589
  },
13411
- styles: {},
13412
12590
  },
13413
12591
  defaults: {
12592
+ translateCounter: 1,
12593
+ numberOfLines: 1,
13414
12594
  styles: {
12595
+ color: 'THEME_COLORS.TEXT',
12596
+ fontSize: '16@fs',
12597
+ fontWeight: '400',
13415
12598
  flexDirection: 'row',
13416
12599
  position: 'relative',
13417
12600
  zIndex: 1,
13418
12601
  alignSelf: 'flex-start',
13419
12602
  flexGrow: 0,
13420
12603
  flexShrink: 0,
13421
- justifyContent: 'space-between',
12604
+ minHeight: '50@vs',
12605
+ flexWrap: 'wrap',
13422
12606
  alignItems: 'center',
13423
- minHeight: '60px',
12607
+ justifyContent: 'center',
12608
+ textAlign: 'center',
12609
+ paddingHorizontal: '16@s',
13424
12610
  },
13425
12611
  },
13426
12612
  types: {},
@@ -13428,7 +12614,7 @@ export const patterns = [
13428
12614
  {
13429
12615
  schemaVersion: 2,
13430
12616
  pattern: {
13431
- type: 'PaywallProvider',
12617
+ type: 'PaywallOptions',
13432
12618
  title: 'title',
13433
12619
  description: 'description',
13434
12620
  children: 'node',
@@ -13484,25 +12670,12 @@ export const patterns = [
13484
12670
  zIndex: 'number',
13485
12671
  },
13486
12672
  testID: 'string',
13487
- delay: 'number',
13488
- animation: [
13489
- 'default',
13490
- 'fade',
13491
- 'fade_from_bottom',
13492
- 'fade_from_right',
13493
- 'reveal_from_bottom',
13494
- 'scale_from_center',
13495
- 'slide_from_right',
13496
- 'slide_from_left',
13497
- 'slide_from_bottom',
13498
- 'none',
13499
- ],
13500
12673
  },
13501
12674
  },
13502
12675
  meta: {
13503
- desiredParent: ['all'],
13504
- label: 'Paywall Provider',
13505
- description: 'Provider/wrapper for paywall screen components.',
12676
+ desiredParent: ['>PaywallProvider'],
12677
+ label: 'Paywall Options',
12678
+ description: 'Paywall options selector component.',
13506
12679
  specialCategories: {
13507
12680
  padding: {
13508
12681
  label: 'Padding',
@@ -13803,36 +12976,20 @@ export const patterns = [
13803
12976
  sort: 26,
13804
12977
  },
13805
12978
  },
13806
- delay: {
13807
- label: 'Back Delay (ms)',
13808
- description:
13809
- 'Milliseconds before the paywall can be dismissed via back/close.',
13810
- category: 'other',
13811
- specialCategory: null,
13812
- sort: 1,
13813
- },
13814
- animation: {
13815
- label: 'Page transition animation',
13816
- description:
13817
- 'When this component is a GlobalProvider page: animation used when navigating to this screen.',
13818
- category: 'other',
13819
- specialCategory: null,
13820
- sort: 2,
13821
- },
13822
12979
  },
13823
- mockableFeatures: { products: true, benefits: true },
13824
12980
  styles: {},
13825
12981
  },
13826
12982
  defaults: {
13827
12983
  styles: {
13828
- flexDirection: 'column',
12984
+ flexDirection: 'row',
13829
12985
  position: 'relative',
13830
12986
  zIndex: 1,
13831
12987
  alignSelf: 'flex-start',
13832
12988
  flexGrow: 0,
13833
12989
  flexShrink: 0,
13834
- width: '100%',
13835
- height: '100%',
12990
+ justifyContent: 'space-between',
12991
+ alignItems: 'center',
12992
+ minHeight: '60px',
13836
12993
  },
13837
12994
  },
13838
12995
  types: {},
@@ -13840,27 +12997,13 @@ export const patterns = [
13840
12997
  {
13841
12998
  schemaVersion: 2,
13842
12999
  pattern: {
13843
- type: 'PaywallSubscribeButton',
13000
+ type: 'PaywallProvider',
13844
13001
  title: 'title',
13845
13002
  description: 'description',
13846
- children: 'string',
13003
+ children: 'node',
13847
13004
  attributes: {
13005
+ scrollable: 'boolean',
13848
13006
  styles: {
13849
- color: 'color',
13850
- fontSize: 'size',
13851
- fontWeight: [
13852
- 'normal',
13853
- 'bold',
13854
- '100',
13855
- '200',
13856
- '300',
13857
- '400',
13858
- '500',
13859
- '600',
13860
- '700',
13861
- '800',
13862
- '900',
13863
- ],
13864
13007
  flexDirection: ['row', 'column'],
13865
13008
  flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
13866
13009
  alignItems: [
@@ -13909,37 +13052,14 @@ export const patterns = [
13909
13052
  right: 'size',
13910
13053
  zIndex: 'number',
13911
13054
  },
13912
- scrollable: 'boolean',
13913
13055
  testID: 'string',
13056
+ delay: 'number',
13914
13057
  },
13915
13058
  },
13916
13059
  meta: {
13917
- desiredParent: ['>PaywallProvider'],
13918
- label: 'Paywall Subscribe Button',
13919
- description: 'Paywall subscribe call-to-action button. Extends Button.',
13920
- styles: {
13921
- color: {
13922
- label: 'Color',
13923
- description: 'Text color of the button.',
13924
- category: 'style',
13925
- specialCategory: null,
13926
- sort: 1,
13927
- },
13928
- fontSize: {
13929
- label: 'Font Size',
13930
- description: 'Text size of the button.',
13931
- category: 'style',
13932
- specialCategory: null,
13933
- sort: 2,
13934
- },
13935
- fontWeight: {
13936
- label: 'Font Weight',
13937
- description: 'Text weight of the button.',
13938
- category: 'style',
13939
- specialCategory: null,
13940
- sort: 3,
13941
- },
13942
- },
13060
+ desiredParent: ['all'],
13061
+ label: 'Paywall Provider',
13062
+ description: 'Provider/wrapper for paywall screen components.',
13943
13063
  specialCategories: {
13944
13064
  padding: {
13945
13065
  label: 'Padding',
@@ -14240,26 +13360,28 @@ export const patterns = [
14240
13360
  sort: 26,
14241
13361
  },
14242
13362
  },
13363
+ delay: {
13364
+ label: 'Back Delay (ms)',
13365
+ description:
13366
+ 'Milliseconds before the paywall can be dismissed via back/close.',
13367
+ category: 'other',
13368
+ specialCategory: null,
13369
+ sort: 1,
13370
+ },
14243
13371
  },
13372
+ mockableFeatures: { products: true, benefits: true },
13373
+ styles: {},
14244
13374
  },
14245
13375
  defaults: {
14246
13376
  styles: {
14247
- display: 'flex',
14248
- alignItems: 'center',
14249
- justifyContent: 'center',
14250
- backgroundColor: '#6495ED',
14251
13377
  flexDirection: 'column',
14252
13378
  position: 'relative',
14253
13379
  zIndex: 1,
14254
13380
  alignSelf: 'flex-start',
14255
13381
  flexGrow: 0,
14256
13382
  flexShrink: 0,
14257
- paddingHorizontal: '20@s',
14258
- paddingVertical: '12@vs',
14259
- borderRadius: '12@s',
14260
- color: '#FFFFFF',
14261
- fontSize: '16@fs',
14262
- fontWeight: '700',
13383
+ width: '100%',
13384
+ height: '100%',
14263
13385
  },
14264
13386
  },
14265
13387
  types: {},
@@ -14267,20 +13389,27 @@ export const patterns = [
14267
13389
  {
14268
13390
  schemaVersion: 2,
14269
13391
  pattern: {
14270
- type: 'PriceTag',
13392
+ type: 'PaywallSubscribeButton',
14271
13393
  title: 'title',
14272
13394
  description: 'description',
14273
13395
  children: 'string',
14274
13396
  attributes: {
14275
- adjustsFontSizeToFit: 'boolean',
14276
- numberOfLines: 'number',
14277
- translateCounter: 'number',
14278
13397
  styles: {
14279
13398
  color: 'color',
14280
13399
  fontSize: 'size',
14281
- fontFamily: 'fontFamily',
14282
- fontWeight: 'fontWeight',
14283
- textAlign: 'string',
13400
+ fontWeight: [
13401
+ 'normal',
13402
+ 'bold',
13403
+ '100',
13404
+ '200',
13405
+ '300',
13406
+ '400',
13407
+ '500',
13408
+ '600',
13409
+ '700',
13410
+ '800',
13411
+ '900',
13412
+ ],
14284
13413
  flexDirection: ['row', 'column'],
14285
13414
  flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
14286
13415
  alignItems: [
@@ -14328,81 +13457,65 @@ export const patterns = [
14328
13457
  left: 'size',
14329
13458
  right: 'size',
14330
13459
  zIndex: 'number',
14331
- textDecorationLine: ['none', 'underline', 'line-through'],
14332
13460
  },
14333
13461
  scrollable: 'boolean',
14334
13462
  testID: 'string',
14335
- showOriginalPricePossible: 'boolean',
14336
- hideIfItsNotDiscount: 'boolean',
14337
13463
  },
14338
13464
  },
14339
13465
  meta: {
14340
13466
  desiredParent: ['>PaywallProvider'],
14341
- label: 'Price Tag',
14342
- description: 'Displays a price tag text. Extends Text.',
13467
+ label: 'Paywall Subscribe Button',
13468
+ description: 'Paywall subscribe call-to-action button. Extends Button.',
14343
13469
  styles: {
14344
13470
  color: {
14345
13471
  label: 'Color',
14346
- description: 'Text color.',
13472
+ description: 'Text color of the button.',
14347
13473
  category: 'style',
14348
13474
  specialCategory: null,
14349
13475
  sort: 1,
14350
13476
  },
14351
13477
  fontSize: {
14352
13478
  label: 'Font Size',
14353
- description: 'Text size.',
13479
+ description: 'Text size of the button.',
14354
13480
  category: 'style',
14355
13481
  specialCategory: null,
14356
13482
  sort: 2,
14357
- preferredScale: 'f',
14358
- },
14359
- fontFamily: {
14360
- label: 'Font Family',
14361
- description: 'Font family used for the text.',
14362
- category: 'style',
14363
- specialCategory: null,
14364
- sort: 3,
14365
- },
14366
- fontWeight: {
14367
- label: 'Font Weight',
14368
- description: 'Text weight.',
14369
- category: 'style',
14370
- specialCategory: null,
14371
- sort: 4,
14372
- },
14373
- textAlign: {
14374
- label: 'Text Align',
14375
- description: 'Text alignment.',
14376
- category: 'style',
14377
- specialCategory: null,
14378
- sort: 5,
14379
- },
14380
- textDecorationLine: {
14381
- label: 'Text Decoration',
14382
- description:
14383
- 'Text decoration line style (e.g. line-through for strikethrough).',
13483
+ },
13484
+ fontWeight: {
13485
+ label: 'Font Weight',
13486
+ description: 'Text weight of the button.',
14384
13487
  category: 'style',
14385
13488
  specialCategory: null,
14386
- sort: 6,
13489
+ sort: 3,
14387
13490
  },
14388
13491
  },
14389
- attributes: {
14390
- adjustsFontSizeToFit: {
14391
- label: 'Adjust Font Size To Fit',
14392
- description:
14393
- 'Automatically reduces font size to fit the available space.',
14394
- category: 'other',
14395
- specialCategory: null,
13492
+ specialCategories: {
13493
+ padding: {
13494
+ label: 'Padding',
13495
+ description: 'Uniform padding on all sides.',
13496
+ category: 'container',
14396
13497
  sort: 1,
14397
13498
  },
14398
- showEllipsis: {
14399
- label: 'Show Ellipsis',
14400
- description:
14401
- 'If text overflows, show ellipsis (…); applied as single-line truncation.',
14402
- category: 'other',
14403
- specialCategory: null,
13499
+ margin: {
13500
+ label: 'Margin',
13501
+ description: 'Uniform margin on all sides.',
13502
+ category: 'container',
14404
13503
  sort: 2,
14405
13504
  },
13505
+ size: {
13506
+ label: 'Size',
13507
+ description: 'Fixed dimensions.',
13508
+ category: 'container',
13509
+ sort: 3,
13510
+ },
13511
+ offset: {
13512
+ label: 'Offset',
13513
+ description: 'Absolute positioning offsets.',
13514
+ category: 'container',
13515
+ sort: 4,
13516
+ },
13517
+ },
13518
+ attributes: {
14406
13519
  scrollable: {
14407
13520
  label: 'Scrollable',
14408
13521
  description: 'Turns scroll interaction on.',
@@ -14676,62 +13789,26 @@ export const patterns = [
14676
13789
  sort: 26,
14677
13790
  },
14678
13791
  },
14679
- showOriginalPricePossible: {
14680
- label: 'Show Original Price Possible',
14681
- description: 'When enabled, shows the original price if available.',
14682
- category: 'other',
14683
- specialCategory: null,
14684
- sort: 1,
14685
- },
14686
- hideIfItsNotDiscount: {
14687
- label: 'Hide If No Discount',
14688
- description:
14689
- 'Hides this element when there is no active discount/promo.',
14690
- category: 'other',
14691
- specialCategory: null,
14692
- sort: 2,
14693
- },
14694
- },
14695
- specialCategories: {
14696
- padding: {
14697
- label: 'Padding',
14698
- description: 'Uniform padding on all sides.',
14699
- category: 'container',
14700
- sort: 1,
14701
- },
14702
- margin: {
14703
- label: 'Margin',
14704
- description: 'Uniform margin on all sides.',
14705
- category: 'container',
14706
- sort: 2,
14707
- },
14708
- size: {
14709
- label: 'Size',
14710
- description: 'Fixed dimensions.',
14711
- category: 'container',
14712
- sort: 3,
14713
- },
14714
- offset: {
14715
- label: 'Offset',
14716
- description: 'Absolute positioning offsets.',
14717
- category: 'container',
14718
- sort: 4,
14719
- },
14720
13792
  },
14721
13793
  },
14722
13794
  defaults: {
14723
- translateCounter: 1,
14724
- numberOfLines: 1,
14725
13795
  styles: {
14726
- color: 'THEME_COLORS.TEXT',
14727
- fontSize: '16@fs',
14728
- fontWeight: '700',
13796
+ display: 'flex',
13797
+ alignItems: 'center',
13798
+ justifyContent: 'center',
13799
+ backgroundColor: '#6495ED',
14729
13800
  flexDirection: 'column',
14730
13801
  position: 'relative',
14731
13802
  zIndex: 1,
14732
13803
  alignSelf: 'flex-start',
14733
13804
  flexGrow: 0,
14734
13805
  flexShrink: 0,
13806
+ paddingHorizontal: '20@s',
13807
+ paddingVertical: '12@vs',
13808
+ borderRadius: '12@s',
13809
+ color: '#FFFFFF',
13810
+ fontSize: '16@fs',
13811
+ fontWeight: '700',
14735
13812
  },
14736
13813
  },
14737
13814
  types: {},
@@ -14739,9 +13816,9 @@ export const patterns = [
14739
13816
  {
14740
13817
  schemaVersion: 2,
14741
13818
  pattern: {
14742
- type: 'Pricing',
13819
+ type: 'PriceTag',
14743
13820
  title: 'title',
14744
- description: 'base.builder.paywall.pricing.default.text',
13821
+ description: 'description',
14745
13822
  children: 'string',
14746
13823
  attributes: {
14747
13824
  adjustsFontSizeToFit: 'boolean',
@@ -14800,16 +13877,18 @@ export const patterns = [
14800
13877
  left: 'size',
14801
13878
  right: 'size',
14802
13879
  zIndex: 'number',
13880
+ textDecorationLine: ['none', 'underline', 'line-through'],
14803
13881
  },
14804
13882
  scrollable: 'boolean',
14805
13883
  testID: 'string',
13884
+ showOriginalPricePossible: 'boolean',
13885
+ hideIfItsNotDiscount: 'boolean',
14806
13886
  },
14807
13887
  },
14808
13888
  meta: {
14809
13889
  desiredParent: ['>PaywallProvider'],
14810
- label: 'Pricing',
14811
- description:
14812
- 'Displays pricing details (e.g. promo/trial breakdown). Extends Text.',
13890
+ label: 'Price Tag',
13891
+ description: 'Displays a price tag text. Extends Text.',
14813
13892
  styles: {
14814
13893
  color: {
14815
13894
  label: 'Color',
@@ -14847,6 +13926,14 @@ export const patterns = [
14847
13926
  specialCategory: null,
14848
13927
  sort: 5,
14849
13928
  },
13929
+ textDecorationLine: {
13930
+ label: 'Text Decoration',
13931
+ description:
13932
+ 'Text decoration line style (e.g. line-through for strikethrough).',
13933
+ category: 'style',
13934
+ specialCategory: null,
13935
+ sort: 6,
13936
+ },
14850
13937
  },
14851
13938
  attributes: {
14852
13939
  adjustsFontSizeToFit: {
@@ -15138,6 +14225,21 @@ export const patterns = [
15138
14225
  sort: 26,
15139
14226
  },
15140
14227
  },
14228
+ showOriginalPricePossible: {
14229
+ label: 'Show Original Price Possible',
14230
+ description: 'When enabled, shows the original price if available.',
14231
+ category: 'other',
14232
+ specialCategory: null,
14233
+ sort: 1,
14234
+ },
14235
+ hideIfItsNotDiscount: {
14236
+ label: 'Hide If No Discount',
14237
+ description:
14238
+ 'Hides this element when there is no active discount/promo.',
14239
+ category: 'other',
14240
+ specialCategory: null,
14241
+ sort: 2,
14242
+ },
15141
14243
  },
15142
14244
  specialCategories: {
15143
14245
  padding: {
@@ -15167,19 +14269,18 @@ export const patterns = [
15167
14269
  },
15168
14270
  },
15169
14271
  defaults: {
15170
- translateCounter: 2,
14272
+ translateCounter: 1,
15171
14273
  numberOfLines: 1,
15172
14274
  styles: {
15173
- color: 'rgba(255,255,255,0.6)',
15174
- fontSize: '12@fs',
15175
- fontWeight: '400',
14275
+ color: 'THEME_COLORS.TEXT',
14276
+ fontSize: '16@fs',
14277
+ fontWeight: '700',
15176
14278
  flexDirection: 'column',
15177
14279
  position: 'relative',
15178
14280
  zIndex: 1,
15179
14281
  alignSelf: 'flex-start',
15180
14282
  flexGrow: 0,
15181
14283
  flexShrink: 0,
15182
- textAlign: 'center',
15183
14284
  },
15184
14285
  },
15185
14286
  types: {},
@@ -15187,9 +14288,9 @@ export const patterns = [
15187
14288
  {
15188
14289
  schemaVersion: 2,
15189
14290
  pattern: {
15190
- type: 'Promo',
14291
+ type: 'Pricing',
15191
14292
  title: 'title',
15192
- description: 'base.builder.paywall.promo.default.text',
14293
+ description: 'base.builder.paywall.pricing.default.text',
15193
14294
  children: 'string',
15194
14295
  attributes: {
15195
14296
  adjustsFontSizeToFit: 'boolean',
@@ -15255,9 +14356,9 @@ export const patterns = [
15255
14356
  },
15256
14357
  meta: {
15257
14358
  desiredParent: ['>PaywallProvider'],
15258
- label: 'Promo',
14359
+ label: 'Pricing',
15259
14360
  description:
15260
- 'Displays promotional badge/text (e.g. discount percentage). Extends Text.',
14361
+ 'Displays pricing details (e.g. promo/trial breakdown). Extends Text.',
15261
14362
  styles: {
15262
14363
  color: {
15263
14364
  label: 'Color',
@@ -15618,9 +14719,9 @@ export const patterns = [
15618
14719
  translateCounter: 2,
15619
14720
  numberOfLines: 1,
15620
14721
  styles: {
15621
- color: '#34D399',
14722
+ color: 'rgba(255,255,255,0.6)',
15622
14723
  fontSize: '12@fs',
15623
- fontWeight: '600',
14724
+ fontWeight: '400',
15624
14725
  flexDirection: 'column',
15625
14726
  position: 'relative',
15626
14727
  zIndex: 1,
@@ -15635,13 +14736,20 @@ export const patterns = [
15635
14736
  {
15636
14737
  schemaVersion: 2,
15637
14738
  pattern: {
15638
- type: 'RadioButton',
14739
+ type: 'Promo',
15639
14740
  title: 'title',
15640
- description: 'description',
15641
- children: 'never',
14741
+ description: 'base.builder.paywall.promo.default.text',
14742
+ children: 'string',
15642
14743
  attributes: {
15643
- scrollable: 'boolean',
14744
+ adjustsFontSizeToFit: 'boolean',
14745
+ numberOfLines: 'number',
14746
+ translateCounter: 'number',
15644
14747
  styles: {
14748
+ color: 'color',
14749
+ fontSize: 'size',
14750
+ fontFamily: 'fontFamily',
14751
+ fontWeight: 'fontWeight',
14752
+ textAlign: 'string',
15645
14753
  flexDirection: ['row', 'column'],
15646
14754
  flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
15647
14755
  alignItems: [
@@ -15690,43 +14798,70 @@ export const patterns = [
15690
14798
  right: 'size',
15691
14799
  zIndex: 'number',
15692
14800
  },
14801
+ scrollable: 'boolean',
15693
14802
  testID: 'string',
15694
- selected: 'boolean',
15695
- color: 'color',
15696
- size: 'number',
15697
14803
  },
15698
14804
  },
15699
14805
  meta: {
15700
- desiredParent: ['all'],
15701
- label: 'Radio Button',
15702
- description: 'Generic radio button icon.',
15703
- specialCategories: {
15704
- padding: {
15705
- label: 'Padding',
15706
- description: 'Uniform padding on all sides.',
15707
- category: 'container',
14806
+ desiredParent: ['>PaywallProvider'],
14807
+ label: 'Promo',
14808
+ description:
14809
+ 'Displays promotional badge/text (e.g. discount percentage). Extends Text.',
14810
+ styles: {
14811
+ color: {
14812
+ label: 'Color',
14813
+ description: 'Text color.',
14814
+ category: 'style',
14815
+ specialCategory: null,
15708
14816
  sort: 1,
15709
14817
  },
15710
- margin: {
15711
- label: 'Margin',
15712
- description: 'Uniform margin on all sides.',
15713
- category: 'container',
14818
+ fontSize: {
14819
+ label: 'Font Size',
14820
+ description: 'Text size.',
14821
+ category: 'style',
14822
+ specialCategory: null,
15714
14823
  sort: 2,
14824
+ preferredScale: 'f',
15715
14825
  },
15716
- size: {
15717
- label: 'Size',
15718
- description: 'Fixed dimensions.',
15719
- category: 'container',
14826
+ fontFamily: {
14827
+ label: 'Font Family',
14828
+ description: 'Font family used for the text.',
14829
+ category: 'style',
14830
+ specialCategory: null,
15720
14831
  sort: 3,
15721
14832
  },
15722
- offset: {
15723
- label: 'Offset',
15724
- description: 'Absolute positioning offsets.',
15725
- category: 'container',
14833
+ fontWeight: {
14834
+ label: 'Font Weight',
14835
+ description: 'Text weight.',
14836
+ category: 'style',
14837
+ specialCategory: null,
15726
14838
  sort: 4,
15727
14839
  },
14840
+ textAlign: {
14841
+ label: 'Text Align',
14842
+ description: 'Text alignment.',
14843
+ category: 'style',
14844
+ specialCategory: null,
14845
+ sort: 5,
14846
+ },
15728
14847
  },
15729
14848
  attributes: {
14849
+ adjustsFontSizeToFit: {
14850
+ label: 'Adjust Font Size To Fit',
14851
+ description:
14852
+ 'Automatically reduces font size to fit the available space.',
14853
+ category: 'other',
14854
+ specialCategory: null,
14855
+ sort: 1,
14856
+ },
14857
+ showEllipsis: {
14858
+ label: 'Show Ellipsis',
14859
+ description:
14860
+ 'If text overflows, show ellipsis (…); applied as single-line truncation.',
14861
+ category: 'other',
14862
+ specialCategory: null,
14863
+ sort: 2,
14864
+ },
15730
14865
  scrollable: {
15731
14866
  label: 'Scrollable',
15732
14867
  description: 'Turns scroll interaction on.',
@@ -16000,38 +15135,48 @@ export const patterns = [
16000
15135
  sort: 26,
16001
15136
  },
16002
15137
  },
16003
- color: {
16004
- label: 'Color',
16005
- description: 'Radio color.',
16006
- category: 'style',
16007
- specialCategory: null,
15138
+ },
15139
+ specialCategories: {
15140
+ padding: {
15141
+ label: 'Padding',
15142
+ description: 'Uniform padding on all sides.',
15143
+ category: 'container',
16008
15144
  sort: 1,
16009
15145
  },
15146
+ margin: {
15147
+ label: 'Margin',
15148
+ description: 'Uniform margin on all sides.',
15149
+ category: 'container',
15150
+ sort: 2,
15151
+ },
16010
15152
  size: {
16011
15153
  label: 'Size',
16012
- description: 'Radio size in px.',
16013
- category: 'style',
16014
- specialCategory: null,
16015
- sort: 2,
15154
+ description: 'Fixed dimensions.',
15155
+ category: 'container',
15156
+ sort: 3,
16016
15157
  },
16017
- selected: {
16018
- label: 'Selected',
16019
- description: 'Whether the radio is selected.',
16020
- category: 'other',
16021
- specialCategory: null,
16022
- sort: 0,
15158
+ offset: {
15159
+ label: 'Offset',
15160
+ description: 'Absolute positioning offsets.',
15161
+ category: 'container',
15162
+ sort: 4,
16023
15163
  },
16024
15164
  },
16025
- styles: {},
16026
15165
  },
16027
15166
  defaults: {
15167
+ translateCounter: 2,
15168
+ numberOfLines: 1,
16028
15169
  styles: {
15170
+ color: '#34D399',
15171
+ fontSize: '12@fs',
15172
+ fontWeight: '600',
16029
15173
  flexDirection: 'column',
16030
15174
  position: 'relative',
16031
15175
  zIndex: 1,
16032
15176
  alignSelf: 'flex-start',
16033
15177
  flexGrow: 0,
16034
15178
  flexShrink: 0,
15179
+ textAlign: 'center',
16035
15180
  },
16036
15181
  },
16037
15182
  types: {},
@@ -16039,113 +15184,13 @@ export const patterns = [
16039
15184
  {
16040
15185
  schemaVersion: 2,
16041
15186
  pattern: {
16042
- type: 'Separator',
16043
- title: 'title',
16044
- description: 'description',
16045
- children: 'never',
16046
- attributes: {
16047
- styles: {
16048
- backgroundColor: 'color',
16049
- width: 'size',
16050
- height: 'size',
16051
- marginHorizontal: 'size',
16052
- marginVertical: 'size',
16053
- marginTop: 'size',
16054
- marginBottom: 'size',
16055
- },
16056
- testID: 'string',
16057
- },
16058
- },
16059
- meta: {
16060
- desiredParent: ['all'],
16061
- label: 'Separator',
16062
- description: 'Horizontal line separator.',
16063
- attributes: {
16064
- styles: {
16065
- backgroundColor: {
16066
- label: 'Color',
16067
- description: 'Separator line color.',
16068
- category: 'style',
16069
- specialCategory: null,
16070
- sort: 1,
16071
- },
16072
- width: {
16073
- label: 'Width',
16074
- description: 'Separator width.',
16075
- category: 'container',
16076
- specialCategory: null,
16077
- sort: 1,
16078
- preferredScale: 's',
16079
- },
16080
- height: {
16081
- label: 'Height',
16082
- description: 'Separator thickness.',
16083
- category: 'container',
16084
- specialCategory: null,
16085
- sort: 2,
16086
- preferredScale: 'vs',
16087
- },
16088
- },
16089
- },
16090
- },
16091
- defaults: {
16092
- styles: { width: '100%', height: 2, backgroundColor: '#000000' },
16093
- },
16094
- },
16095
- {
16096
- schemaVersion: 2,
16097
- pattern: {
16098
- type: 'StatusBarColor',
15187
+ type: 'RadioButton',
16099
15188
  title: 'title',
16100
15189
  description: 'description',
16101
15190
  children: 'never',
16102
15191
  attributes: {
16103
- styles: { backgroundColor: 'color' },
16104
- translucent: 'boolean',
16105
- },
16106
- },
16107
- meta: {
16108
- desiredParent: ['all'],
16109
- label: 'Status Bar Color',
16110
- description: 'Sets the OS status bar background color.',
16111
- styles: {
16112
- backgroundColor: {
16113
- label: 'Background Color',
16114
- description: 'Status bar background color.',
16115
- category: 'style',
16116
- specialCategory: null,
16117
- sort: 1,
16118
- },
16119
- },
16120
- attributes: {
16121
- translucent: {
16122
- label: 'Translucent',
16123
- description: 'Sets the status bar to translucent.',
16124
- category: 'style',
16125
- specialCategory: null,
16126
- sort: 2,
16127
- },
16128
- },
16129
- },
16130
- defaults: { styles: { backgroundColor: 'THEME_COLORS.BACKGROUND' } },
16131
- },
16132
- {
16133
- schemaVersion: 2,
16134
- pattern: {
16135
- type: 'SystemButton',
16136
- title: 'SystemButton',
16137
- description: 'A reusable button component for system actions.',
16138
- children: 'never',
16139
- attributes: {
16140
- adjustsFontSizeToFit: 'boolean',
16141
- numberOfLines: 'number',
16142
- translateCounter: 'number',
15192
+ scrollable: 'boolean',
16143
15193
  styles: {
16144
- color: 'color',
16145
- fontSize: 'number',
16146
- fontFamily: 'fontFamily',
16147
- fontWeight: 'string',
16148
- textAlign: 'string',
16149
15194
  flexDirection: ['row', 'column'],
16150
15195
  flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
16151
15196
  alignItems: [
@@ -16179,11 +15224,11 @@ export const patterns = [
16179
15224
  marginLeft: 'size',
16180
15225
  marginRight: 'size',
16181
15226
  backgroundColor: 'color',
16182
- borderRadius: 'number',
15227
+ borderRadius: 'size',
16183
15228
  width: 'size',
16184
15229
  minWidth: 'size',
16185
15230
  maxWidth: 'size',
16186
- height: 'number',
15231
+ height: 'size',
16187
15232
  minHeight: 'size',
16188
15233
  maxHeight: 'size',
16189
15234
  flex: 'number',
@@ -16194,71 +15239,43 @@ export const patterns = [
16194
15239
  right: 'size',
16195
15240
  zIndex: 'number',
16196
15241
  },
16197
- scrollable: 'boolean',
16198
15242
  testID: 'string',
16199
- labelKey: 'string',
16200
- events: 'EventObject[]',
15243
+ selected: 'boolean',
15244
+ color: 'color',
15245
+ size: 'number',
16201
15246
  },
16202
15247
  },
16203
15248
  meta: {
16204
15249
  desiredParent: ['all'],
16205
- label: 'System Button',
16206
- description: 'Versatile button for navigation, permissions, and more.',
16207
- styles: {
16208
- color: {
16209
- label: 'Color',
16210
- description: 'Text color.',
16211
- category: 'style',
16212
- specialCategory: null,
15250
+ label: 'Radio Button',
15251
+ description: 'Generic radio button icon.',
15252
+ specialCategories: {
15253
+ padding: {
15254
+ label: 'Padding',
15255
+ description: 'Uniform padding on all sides.',
15256
+ category: 'container',
16213
15257
  sort: 1,
16214
15258
  },
16215
- fontSize: {
16216
- label: 'Font Size',
16217
- description: 'Text size.',
16218
- category: 'style',
16219
- specialCategory: null,
15259
+ margin: {
15260
+ label: 'Margin',
15261
+ description: 'Uniform margin on all sides.',
15262
+ category: 'container',
16220
15263
  sort: 2,
16221
- preferredScale: 'f',
16222
15264
  },
16223
- fontFamily: {
16224
- label: 'Font Family',
16225
- description: 'Font family used for the text.',
16226
- category: 'style',
16227
- specialCategory: null,
15265
+ size: {
15266
+ label: 'Size',
15267
+ description: 'Fixed dimensions.',
15268
+ category: 'container',
16228
15269
  sort: 3,
16229
15270
  },
16230
- fontWeight: {
16231
- label: 'Font Weight',
16232
- description: 'Text weight.',
16233
- category: 'style',
16234
- specialCategory: null,
15271
+ offset: {
15272
+ label: 'Offset',
15273
+ description: 'Absolute positioning offsets.',
15274
+ category: 'container',
16235
15275
  sort: 4,
16236
15276
  },
16237
- textAlign: {
16238
- label: 'Text Align',
16239
- description: 'Text alignment.',
16240
- category: 'style',
16241
- specialCategory: null,
16242
- sort: 5,
16243
- },
16244
15277
  },
16245
15278
  attributes: {
16246
- adjustsFontSizeToFit: {
16247
- label: 'Adjust Font Size To Fit',
16248
- description:
16249
- 'Automatically reduces font size to fit the available space.',
16250
- category: 'other',
16251
- specialCategory: null,
16252
- sort: 1,
16253
- },
16254
- showEllipsis: {
16255
- label: 'Show Ellipsis',
16256
- description:
16257
- 'If text overflows, show ellipsis (…); applied as single-line truncation.',
16258
- category: 'other',
16259
- specialCategory: null,
16260
- sort: 2,
16261
- },
16262
15279
  scrollable: {
16263
15280
  label: 'Scrollable',
16264
15281
  description: 'Turns scroll interaction on.',
@@ -16532,85 +15549,152 @@ export const patterns = [
16532
15549
  sort: 26,
16533
15550
  },
16534
15551
  },
16535
- labelKey: {
16536
- label: 'Label Key',
16537
- description: 'Localization key for button text.',
16538
- category: 'other',
16539
- sort: 1,
16540
- },
16541
- events: {
16542
- label: 'Events',
16543
- description: 'Actions to perform on click.',
16544
- category: 'other',
16545
- sort: 2,
16546
- },
16547
- },
16548
- specialCategories: {
16549
- padding: {
16550
- label: 'Padding',
16551
- description: 'Uniform padding on all sides.',
16552
- category: 'container',
15552
+ color: {
15553
+ label: 'Color',
15554
+ description: 'Radio color.',
15555
+ category: 'style',
15556
+ specialCategory: null,
16553
15557
  sort: 1,
16554
15558
  },
16555
- margin: {
16556
- label: 'Margin',
16557
- description: 'Uniform margin on all sides.',
16558
- category: 'container',
16559
- sort: 2,
16560
- },
16561
15559
  size: {
16562
15560
  label: 'Size',
16563
- description: 'Fixed dimensions.',
16564
- category: 'container',
16565
- sort: 3,
15561
+ description: 'Radio size in px.',
15562
+ category: 'style',
15563
+ specialCategory: null,
15564
+ sort: 2,
16566
15565
  },
16567
- offset: {
16568
- label: 'Offset',
16569
- description: 'Absolute positioning offsets.',
16570
- category: 'container',
16571
- sort: 4,
15566
+ selected: {
15567
+ label: 'Selected',
15568
+ description: 'Whether the radio is selected.',
15569
+ category: 'other',
15570
+ specialCategory: null,
15571
+ sort: 0,
16572
15572
  },
16573
15573
  },
15574
+ styles: {},
16574
15575
  },
16575
15576
  defaults: {
16576
- translateCounter: 1,
16577
- numberOfLines: 1,
16578
15577
  styles: {
16579
- color: 'THEME_COLORS.SYSTEM_BUTTON_TEXT',
16580
- fontSize: '16@fs',
16581
- fontWeight: '400',
16582
15578
  flexDirection: 'column',
16583
15579
  position: 'relative',
16584
15580
  zIndex: 1,
16585
15581
  alignSelf: 'flex-start',
16586
15582
  flexGrow: 0,
16587
15583
  flexShrink: 0,
16588
- height: 48,
16589
- borderRadius: 8,
16590
- backgroundColor: 'THEME_COLORS.SYSTEM_BUTTON_BACKGROUND',
16591
15584
  },
16592
- attributes: { labelKey: 'Button' },
16593
15585
  },
16594
- types: {
16595
- EventObject: {
16596
- type: ['Permission', 'Navigate', 'Placement'],
16597
- permission: 'string',
16598
- navigate_to: 'string',
16599
- targetIndex: 'number',
16600
- placementKey: 'string',
15586
+ types: {},
15587
+ },
15588
+ {
15589
+ schemaVersion: 2,
15590
+ pattern: {
15591
+ type: 'Separator',
15592
+ title: 'title',
15593
+ description: 'description',
15594
+ children: 'never',
15595
+ attributes: {
15596
+ styles: {
15597
+ backgroundColor: 'color',
15598
+ width: 'size',
15599
+ height: 'size',
15600
+ marginHorizontal: 'size',
15601
+ marginVertical: 'size',
15602
+ marginTop: 'size',
15603
+ marginBottom: 'size',
15604
+ },
15605
+ testID: 'string',
15606
+ },
15607
+ },
15608
+ meta: {
15609
+ desiredParent: ['all'],
15610
+ label: 'Separator',
15611
+ description: 'Horizontal line separator.',
15612
+ attributes: {
15613
+ styles: {
15614
+ backgroundColor: {
15615
+ label: 'Color',
15616
+ description: 'Separator line color.',
15617
+ category: 'style',
15618
+ specialCategory: null,
15619
+ sort: 1,
15620
+ },
15621
+ width: {
15622
+ label: 'Width',
15623
+ description: 'Separator width.',
15624
+ category: 'container',
15625
+ specialCategory: null,
15626
+ sort: 1,
15627
+ preferredScale: 's',
15628
+ },
15629
+ height: {
15630
+ label: 'Height',
15631
+ description: 'Separator thickness.',
15632
+ category: 'container',
15633
+ specialCategory: null,
15634
+ sort: 2,
15635
+ preferredScale: 'vs',
15636
+ },
15637
+ },
16601
15638
  },
16602
15639
  },
15640
+ defaults: {
15641
+ styles: { width: '100%', height: 2, backgroundColor: '#000000' },
15642
+ },
16603
15643
  },
16604
15644
  {
16605
15645
  schemaVersion: 2,
16606
15646
  pattern: {
16607
- type: 'TermsProvider',
15647
+ type: 'StatusBarColor',
16608
15648
  title: 'title',
16609
15649
  description: 'description',
16610
- children: 'node',
15650
+ children: 'never',
16611
15651
  attributes: {
16612
- scrollable: 'boolean',
15652
+ styles: { backgroundColor: 'color' },
15653
+ translucent: 'boolean',
15654
+ },
15655
+ },
15656
+ meta: {
15657
+ desiredParent: ['all'],
15658
+ label: 'Status Bar Color',
15659
+ description: 'Sets the OS status bar background color.',
15660
+ styles: {
15661
+ backgroundColor: {
15662
+ label: 'Background Color',
15663
+ description: 'Status bar background color.',
15664
+ category: 'style',
15665
+ specialCategory: null,
15666
+ sort: 1,
15667
+ },
15668
+ },
15669
+ attributes: {
15670
+ translucent: {
15671
+ label: 'Translucent',
15672
+ description: 'Sets the status bar to translucent.',
15673
+ category: 'style',
15674
+ specialCategory: null,
15675
+ sort: 2,
15676
+ },
15677
+ },
15678
+ },
15679
+ defaults: { styles: { backgroundColor: 'THEME_COLORS.BACKGROUND' } },
15680
+ },
15681
+ {
15682
+ schemaVersion: 2,
15683
+ pattern: {
15684
+ type: 'SystemButton',
15685
+ title: 'SystemButton',
15686
+ description: 'A reusable button component for system actions.',
15687
+ children: 'never',
15688
+ attributes: {
15689
+ adjustsFontSizeToFit: 'boolean',
15690
+ numberOfLines: 'number',
15691
+ translateCounter: 'number',
16613
15692
  styles: {
15693
+ color: 'color',
15694
+ fontSize: 'number',
15695
+ fontFamily: 'fontFamily',
15696
+ fontWeight: 'string',
15697
+ textAlign: 'string',
16614
15698
  flexDirection: ['row', 'column'],
16615
15699
  flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
16616
15700
  alignItems: [
@@ -16644,11 +15728,11 @@ export const patterns = [
16644
15728
  marginLeft: 'size',
16645
15729
  marginRight: 'size',
16646
15730
  backgroundColor: 'color',
16647
- borderRadius: 'size',
15731
+ borderRadius: 'number',
16648
15732
  width: 'size',
16649
15733
  minWidth: 'size',
16650
15734
  maxWidth: 'size',
16651
- height: 'size',
15735
+ height: 'number',
16652
15736
  minHeight: 'size',
16653
15737
  maxHeight: 'size',
16654
15738
  flex: 'number',
@@ -16659,53 +15743,71 @@ export const patterns = [
16659
15743
  right: 'size',
16660
15744
  zIndex: 'number',
16661
15745
  },
15746
+ scrollable: 'boolean',
16662
15747
  testID: 'string',
16663
- animation: [
16664
- 'default',
16665
- 'fade',
16666
- 'fade_from_bottom',
16667
- 'fade_from_right',
16668
- 'reveal_from_bottom',
16669
- 'scale_from_center',
16670
- 'slide_from_right',
16671
- 'slide_from_left',
16672
- 'slide_from_bottom',
16673
- 'none',
16674
- ],
15748
+ labelKey: 'string',
15749
+ events: 'EventObject[]',
16675
15750
  },
16676
15751
  },
16677
15752
  meta: {
16678
- desiredParent: ['root', 'GlobalProvider'],
16679
- label: 'Terms Provider',
16680
- description:
16681
- 'Provider for terms & privacy page (e.g. WebView + form). Use as a GlobalProvider page.',
16682
- specialCategories: {
16683
- padding: {
16684
- label: 'Padding',
16685
- description: 'Uniform padding on all sides.',
16686
- category: 'container',
15753
+ desiredParent: ['all'],
15754
+ label: 'System Button',
15755
+ description: 'Versatile button for navigation, permissions, and more.',
15756
+ styles: {
15757
+ color: {
15758
+ label: 'Color',
15759
+ description: 'Text color.',
15760
+ category: 'style',
15761
+ specialCategory: null,
16687
15762
  sort: 1,
16688
15763
  },
16689
- margin: {
16690
- label: 'Margin',
16691
- description: 'Uniform margin on all sides.',
16692
- category: 'container',
15764
+ fontSize: {
15765
+ label: 'Font Size',
15766
+ description: 'Text size.',
15767
+ category: 'style',
15768
+ specialCategory: null,
16693
15769
  sort: 2,
15770
+ preferredScale: 'f',
16694
15771
  },
16695
- size: {
16696
- label: 'Size',
16697
- description: 'Fixed dimensions.',
16698
- category: 'container',
15772
+ fontFamily: {
15773
+ label: 'Font Family',
15774
+ description: 'Font family used for the text.',
15775
+ category: 'style',
15776
+ specialCategory: null,
16699
15777
  sort: 3,
16700
15778
  },
16701
- offset: {
16702
- label: 'Offset',
16703
- description: 'Absolute positioning offsets.',
16704
- category: 'container',
15779
+ fontWeight: {
15780
+ label: 'Font Weight',
15781
+ description: 'Text weight.',
15782
+ category: 'style',
15783
+ specialCategory: null,
16705
15784
  sort: 4,
16706
15785
  },
15786
+ textAlign: {
15787
+ label: 'Text Align',
15788
+ description: 'Text alignment.',
15789
+ category: 'style',
15790
+ specialCategory: null,
15791
+ sort: 5,
15792
+ },
16707
15793
  },
16708
15794
  attributes: {
15795
+ adjustsFontSizeToFit: {
15796
+ label: 'Adjust Font Size To Fit',
15797
+ description:
15798
+ 'Automatically reduces font size to fit the available space.',
15799
+ category: 'other',
15800
+ specialCategory: null,
15801
+ sort: 1,
15802
+ },
15803
+ showEllipsis: {
15804
+ label: 'Show Ellipsis',
15805
+ description:
15806
+ 'If text overflows, show ellipsis (…); applied as single-line truncation.',
15807
+ category: 'other',
15808
+ specialCategory: null,
15809
+ sort: 2,
15810
+ },
16709
15811
  scrollable: {
16710
15812
  label: 'Scrollable',
16711
15813
  description: 'Turns scroll interaction on.',
@@ -16979,31 +16081,74 @@ export const patterns = [
16979
16081
  sort: 26,
16980
16082
  },
16981
16083
  },
16982
- animation: {
16983
- label: 'Page transition animation',
16984
- description:
16985
- 'When this component is a GlobalProvider page: animation used when navigating to this screen.',
16084
+ labelKey: {
16085
+ label: 'Label Key',
16086
+ description: 'Localization key for button text.',
16986
16087
  category: 'other',
16987
- specialCategory: null,
16988
16088
  sort: 1,
16989
16089
  },
16090
+ events: {
16091
+ label: 'Events',
16092
+ description: 'Actions to perform on click.',
16093
+ category: 'other',
16094
+ sort: 2,
16095
+ },
16096
+ },
16097
+ specialCategories: {
16098
+ padding: {
16099
+ label: 'Padding',
16100
+ description: 'Uniform padding on all sides.',
16101
+ category: 'container',
16102
+ sort: 1,
16103
+ },
16104
+ margin: {
16105
+ label: 'Margin',
16106
+ description: 'Uniform margin on all sides.',
16107
+ category: 'container',
16108
+ sort: 2,
16109
+ },
16110
+ size: {
16111
+ label: 'Size',
16112
+ description: 'Fixed dimensions.',
16113
+ category: 'container',
16114
+ sort: 3,
16115
+ },
16116
+ offset: {
16117
+ label: 'Offset',
16118
+ description: 'Absolute positioning offsets.',
16119
+ category: 'container',
16120
+ sort: 4,
16121
+ },
16990
16122
  },
16991
- styles: {},
16992
16123
  },
16993
16124
  defaults: {
16125
+ translateCounter: 1,
16126
+ numberOfLines: 1,
16994
16127
  styles: {
16128
+ color: 'THEME_COLORS.SYSTEM_BUTTON_TEXT',
16129
+ fontSize: '16@fs',
16130
+ fontWeight: '400',
16995
16131
  flexDirection: 'column',
16996
16132
  position: 'relative',
16997
16133
  zIndex: 1,
16998
16134
  alignSelf: 'flex-start',
16999
16135
  flexGrow: 0,
17000
16136
  flexShrink: 0,
17001
- width: '100%',
17002
- height: '100%',
17003
- flex: 1,
16137
+ height: 48,
16138
+ borderRadius: 8,
16139
+ backgroundColor: 'THEME_COLORS.SYSTEM_BUTTON_BACKGROUND',
16140
+ },
16141
+ attributes: { labelKey: 'Button' },
16142
+ },
16143
+ types: {
16144
+ EventObject: {
16145
+ type: ['Permission', 'Navigate', 'Placement'],
16146
+ permission: 'string',
16147
+ navigate_to: 'string',
16148
+ targetIndex: 'number',
16149
+ placementKey: 'string',
17004
16150
  },
17005
16151
  },
17006
- types: {},
17007
16152
  },
17008
16153
  {
17009
16154
  schemaVersion: 2,