@razorpay/blade 9.7.0 → 10.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/build/components/index.d.ts +12 -12
  2. package/build/components/index.development.web.js +4643 -7222
  3. package/build/components/index.development.web.js.map +1 -1
  4. package/build/components/index.native.d.ts +12 -12
  5. package/build/components/index.native.js +419 -413
  6. package/build/components/index.native.js.map +1 -1
  7. package/build/components/index.production.web.js +4631 -7163
  8. package/build/components/index.production.web.js.map +1 -1
  9. package/build/css/bankingThemeDarkDesktop.css +1 -1
  10. package/build/css/bankingThemeDarkMobile.css +1 -1
  11. package/build/css/bankingThemeLightDesktop.css +1 -1
  12. package/build/css/bankingThemeLightMobile.css +1 -1
  13. package/build/css/paymentThemeDarkDesktop.css +1 -1
  14. package/build/css/paymentThemeDarkMobile.css +1 -1
  15. package/build/css/paymentThemeLightDesktop.css +1 -1
  16. package/build/css/paymentThemeLightMobile.css +1 -1
  17. package/build/tokens/index.d.ts +27 -27
  18. package/build/tokens/index.development.web.js +30 -71
  19. package/build/tokens/index.development.web.js.map +1 -1
  20. package/build/tokens/index.native.d.ts +27 -27
  21. package/build/tokens/index.native.js +4 -5
  22. package/build/tokens/index.native.js.map +1 -1
  23. package/build/tokens/index.production.web.js +20 -44
  24. package/build/tokens/index.production.web.js.map +1 -1
  25. package/build/utils/index.d.ts +12 -12
  26. package/build/utils/index.development.web.js +26 -60
  27. package/build/utils/index.development.web.js.map +1 -1
  28. package/build/utils/index.native.d.ts +12 -12
  29. package/build/utils/index.native.js +7 -7
  30. package/build/utils/index.native.js.map +1 -1
  31. package/build/utils/index.production.web.js +24 -55
  32. package/build/utils/index.production.web.js.map +1 -1
  33. package/package.json +23 -22
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 11 Aug 2023 06:24:22 GMT
3
+ * Generated on Wed, 16 Aug 2023 05:42:42 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 11 Aug 2023 06:24:22 GMT
3
+ * Generated on Wed, 16 Aug 2023 05:42:42 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 11 Aug 2023 06:24:22 GMT
3
+ * Generated on Wed, 16 Aug 2023 05:42:42 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 11 Aug 2023 06:24:22 GMT
3
+ * Generated on Wed, 16 Aug 2023 05:42:42 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 11 Aug 2023 06:24:22 GMT
3
+ * Generated on Wed, 16 Aug 2023 05:42:41 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 11 Aug 2023 06:24:22 GMT
3
+ * Generated on Wed, 16 Aug 2023 05:42:41 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 11 Aug 2023 06:24:22 GMT
3
+ * Generated on Wed, 16 Aug 2023 05:42:41 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 11 Aug 2023 06:24:22 GMT
3
+ * Generated on Wed, 16 Aug 2023 05:42:41 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -759,10 +759,10 @@ type Delay$1 = {
759
759
  xlong: 5000;
760
760
  };
761
761
 
762
- type EasingFunctionFactory$1 = { factory: () => (value: number) => number }; // similar to EasingFunctionFactory of `react-native-reanimated`
762
+ type EasingFactoryFn$1 = { factory: () => (value: number) => number }; // similar to EasingFactoryFn of `react-native-reanimated`
763
763
  type EasingType$1<Value extends string> = Platform.Select<{
764
764
  web: Value;
765
- native: EasingFunctionFactory$1;
765
+ native: EasingFactoryFn$1;
766
766
  }>;
767
767
 
768
768
  type Easing$1 = {
@@ -770,49 +770,49 @@ type Easing$1 = {
770
770
  standard: {
771
771
  /** `cubic-bezier(0.5, 0, 0.3, 1.5)`
772
772
  *
773
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
773
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
774
774
  attentive: EasingType$1<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
775
775
  /** `cubic-bezier(0.3, 0, 0.2, 1)`
776
776
  *
777
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
777
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
778
778
  effective: EasingType$1<'cubic-bezier(0.3, 0, 0.2, 1)'>;
779
779
  /** `cubic-bezier(0.5, 0, 0, 1)`
780
780
  *
781
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
781
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
782
782
  revealing: EasingType$1<'cubic-bezier(0.5, 0, 0, 1)'>;
783
783
  /** `cubic-bezier(1, 0.5, 0, 0.5)`
784
784
  *
785
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
785
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
786
786
  wary: EasingType$1<'cubic-bezier(1, 0.5, 0, 0.5)'>;
787
787
  };
788
788
  /** Easings for all entrance animations*/
789
789
  entrance: {
790
790
  /** `cubic-bezier(0.5, 0, 0.3, 1.5)`
791
791
  *
792
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
792
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
793
793
  attentive: EasingType$1<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
794
794
  /** `cubic-bezier(0, 0, 0.2, 1)`
795
795
  *
796
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
796
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
797
797
  effective: EasingType$1<'cubic-bezier(0, 0, 0.2, 1)'>;
798
798
  /** `cubic-bezier(0, 0, 0, 1)`
799
799
  *
800
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
800
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
801
801
  revealing: EasingType$1<'cubic-bezier(0, 0, 0, 1)'>;
802
802
  };
803
803
  /** Easings for all exit animations*/
804
804
  exit: {
805
805
  /** `cubic-bezier(0.7, 0, 0.5, 1)`
806
806
  *
807
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
807
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
808
808
  attentive: EasingType$1<'cubic-bezier(0.7, 0, 0.5, 1)'>;
809
809
  /** `cubic-bezier(0.17, 0, 1, 1)`
810
810
  *
811
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
811
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
812
812
  effective: EasingType$1<'cubic-bezier(0.17, 0, 1, 1)'>;
813
813
  /** `cubic-bezier(0.5, 0, 1, 1)`
814
814
  *
815
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
815
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
816
816
  revealing: EasingType$1<'cubic-bezier(0.5, 0, 1, 1)'>;
817
817
  };
818
818
  };
@@ -858,9 +858,9 @@ type ElevationWithColorModes$1 = Record<ColorSchemeModes$1, Elevation$1>;
858
858
  type DotNotationMotionStringToken<TokenType> = {
859
859
  [K in keyof TokenType]: `${Extract<K, string>}.${TokenType[K] extends Record<
860
860
  string,
861
- string | EasingFunctionFactory$1
861
+ string | EasingFactoryFn$1
862
862
  >
863
- ? Extract<keyof TokenType[K], string | EasingFunctionFactory$1>
863
+ ? Extract<keyof TokenType[K], string | EasingFactoryFn$1>
864
864
  : DotNotationMotionStringToken<TokenType[K]>}`;
865
865
  }[keyof TokenType];
866
866
 
@@ -912,61 +912,61 @@ declare type Delay = {
912
912
  /** `5000` milliseconds */
913
913
  xlong: 5000;
914
914
  };
915
- declare type EasingFunctionFactory = {
915
+ declare type EasingFactoryFn = {
916
916
  factory: () => (value: number) => number;
917
917
  };
918
918
  declare type EasingType<Value extends string> = Platform.Select<{
919
919
  web: Value;
920
- native: EasingFunctionFactory;
920
+ native: EasingFactoryFn;
921
921
  }>;
922
922
  declare type Easing = {
923
923
  /** Easings for all standard animations*/
924
924
  standard: {
925
925
  /** `cubic-bezier(0.5, 0, 0.3, 1.5)`
926
926
  *
927
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
927
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
928
928
  attentive: EasingType<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
929
929
  /** `cubic-bezier(0.3, 0, 0.2, 1)`
930
930
  *
931
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
931
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
932
932
  effective: EasingType<'cubic-bezier(0.3, 0, 0.2, 1)'>;
933
933
  /** `cubic-bezier(0.5, 0, 0, 1)`
934
934
  *
935
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
935
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
936
936
  revealing: EasingType<'cubic-bezier(0.5, 0, 0, 1)'>;
937
937
  /** `cubic-bezier(1, 0.5, 0, 0.5)`
938
938
  *
939
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
939
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
940
940
  wary: EasingType<'cubic-bezier(1, 0.5, 0, 0.5)'>;
941
941
  };
942
942
  /** Easings for all entrance animations*/
943
943
  entrance: {
944
944
  /** `cubic-bezier(0.5, 0, 0.3, 1.5)`
945
945
  *
946
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
946
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
947
947
  attentive: EasingType<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
948
948
  /** `cubic-bezier(0, 0, 0.2, 1)`
949
949
  *
950
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
950
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
951
951
  effective: EasingType<'cubic-bezier(0, 0, 0.2, 1)'>;
952
952
  /** `cubic-bezier(0, 0, 0, 1)`
953
953
  *
954
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
954
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
955
955
  revealing: EasingType<'cubic-bezier(0, 0, 0, 1)'>;
956
956
  };
957
957
  /** Easings for all exit animations*/
958
958
  exit: {
959
959
  /** `cubic-bezier(0.7, 0, 0.5, 1)`
960
960
  *
961
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
961
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
962
962
  attentive: EasingType<'cubic-bezier(0.7, 0, 0.5, 1)'>;
963
963
  /** `cubic-bezier(0.17, 0, 1, 1)`
964
964
  *
965
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
965
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
966
966
  effective: EasingType<'cubic-bezier(0.17, 0, 1, 1)'>;
967
967
  /** `cubic-bezier(0.5, 0, 1, 1)`
968
968
  *
969
- * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
969
+ * Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
970
970
  revealing: EasingType<'cubic-bezier(0.5, 0, 1, 1)'>;
971
971
  };
972
972
  };
@@ -1237,4 +1237,4 @@ declare type OverrideTheme = {
1237
1237
  */
1238
1238
  declare const overrideTheme: ({ baseThemeTokens, overrides }: OverrideTheme) => ThemeTokens;
1239
1239
 
1240
- export { Border$1 as Border, Breakpoints$1 as Breakpoints, Color, ColorSchemeNames, ColorSchemeNamesInput, ColorsWithModes, DelayString, DurationString, EasingFunctionFactory, EasingString, Elevation, ElevationWithColorModes, FontFamily$1 as FontFamily, FontSize$1 as FontSize, Motion, Opacity, Size, Spacing$1 as Spacing, ThemeTokens, Typography$1 as Typography, TypographyPlatforms$1 as TypographyPlatforms, TypographyWithPlatforms$1 as TypographyWithPlatforms, bankingTheme, border, breakpoints, colors, elevation, motion, opacity, overrideTheme, paymentTheme, size, spacing, typography };
1240
+ export { Border$1 as Border, Breakpoints$1 as Breakpoints, Color, ColorSchemeNames, ColorSchemeNamesInput, ColorsWithModes, DelayString, DurationString, EasingFactoryFn, EasingString, Elevation, ElevationWithColorModes, FontFamily$1 as FontFamily, FontSize$1 as FontSize, Motion, Opacity, Size, Spacing$1 as Spacing, ThemeTokens, Typography$1 as Typography, TypographyPlatforms$1 as TypographyPlatforms, TypographyWithPlatforms$1 as TypographyWithPlatforms, bankingTheme, border, breakpoints, colors, elevation, motion, opacity, overrideTheme, paymentTheme, size, spacing, typography };
@@ -10,8 +10,8 @@ var border = {
10
10
  large: 8,
11
11
  max: 9999,
12
12
  round: '50%' // this needs to be in % but need to figure out how will we store unitless things
13
-
14
13
  },
14
+
15
15
  width: {
16
16
  none: 0,
17
17
  thinner: 0.5,
@@ -324,8 +324,15 @@ var fontFamily = {
324
324
  };
325
325
 
326
326
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
327
-
328
327
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
328
+
329
+ /**
330
+ * For font size and line-heights we can’t say from xl to 2xl the value will necessary increase.
331
+ * it might decrease or remain same because these are alias tokens and we need aliases for cross platform.
332
+ * so for example xl on mobile can be 32px and on desktop xl can be 34px,
333
+ * similarly 2xl on mobile can be 34px but on desktop doesn’t necessarily mean 2xl will be more than xl(34px) it can be 32 as well since visually they make better hierarchy.
334
+ */
335
+
329
336
  var fontWeight = {
330
337
  regular: 400,
331
338
  bold: 700
@@ -365,9 +372,10 @@ var typography = {
365
372
  600: 40,
366
373
  700: 40,
367
374
  800: 48
368
- } // letterSpacings: {},
369
-
375
+ }
376
+ // letterSpacings: {},
370
377
  },
378
+
371
379
  onMobile: {
372
380
  fonts: {
373
381
  family: _objectSpread({}, fontFamily),
@@ -402,8 +410,8 @@ var typography = {
402
410
  600: 32,
403
411
  700: 40,
404
412
  800: 40
405
- } // letterSpacings: {},
406
-
413
+ }
414
+ // letterSpacings: {},
407
415
  }
408
416
  };
409
417
 
@@ -412,6 +420,7 @@ var typography = {
412
420
  *
413
421
  * {@link ../../components/Box/BaseBox/types/spacingTypes.ts}
414
422
  */
423
+
415
424
  var spacing = {
416
425
  0: 0,
417
426
  1: 2,
@@ -431,6 +440,8 @@ var makeBezier = function makeBezier(x1, y1, x2, y2) {
431
440
  return "cubic-bezier(".concat(x1, ", ").concat(y1, ", ").concat(x2, ", ").concat(y2, ")");
432
441
  };
433
442
 
443
+ // similar to EasingFactoryFn of `react-native-reanimated`
444
+
434
445
  var delay = {
435
446
  '2xshort': 70,
436
447
  xshort: 120,
@@ -448,8 +459,8 @@ var duration = {
448
459
  xgentle: 600,
449
460
  '2xgentle': 900
450
461
  };
451
- /* makeBezier returns a string of `cubic-bezier()` for web & a react-native-reanimated Easing Function of type `EasingFunctionFactory` for native */
452
462
 
463
+ /* makeBezier returns a string of `cubic-bezier()` for web & a react-native-reanimated Easing Function of type `EasingFactoryFn` for native */
453
464
  var easing = {
454
465
  standard: {
455
466
  attentive: makeBezier(0.5, 0, 0.3, 1.5),
@@ -480,106 +491,72 @@ var motion = {
480
491
  var size = {
481
492
  /** 0 px */
482
493
  0: 0,
483
-
484
494
  /** 1 px */
485
495
  1: 1,
486
-
487
496
  /** 2 px */
488
497
  2: 2,
489
-
490
498
  /** 3 px */
491
499
  3: 3,
492
-
493
500
  /** 4 px */
494
501
  4: 4,
495
-
496
502
  /** 5 px */
497
503
  5: 5,
498
-
499
504
  /** 6 px */
500
505
  6: 6,
501
-
502
506
  /** 8 px */
503
507
  8: 8,
504
-
505
508
  /** 10 px */
506
509
  10: 10,
507
-
508
510
  /** 12 px */
509
511
  12: 12,
510
-
511
512
  /** 16 px */
512
513
  16: 16,
513
-
514
514
  /** 18 px */
515
515
  18: 18,
516
-
517
516
  /** 20 px */
518
517
  20: 20,
519
-
520
518
  /** 24 px */
521
519
  24: 24,
522
-
523
520
  /** 28 px */
524
521
  28: 28,
525
-
526
522
  /** 32 px */
527
523
  32: 32,
528
-
529
524
  /** 36 px */
530
525
  36: 36,
531
-
532
526
  /** 40 px */
533
527
  40: 40,
534
-
535
528
  /** 44 px */
536
529
  44: 44,
537
-
538
530
  /** 48 px */
539
531
  48: 48,
540
-
541
532
  /** 60 px */
542
533
  56: 56,
543
-
544
534
  /** 100 px */
545
535
  100: 100,
546
-
547
536
  /** 120 px */
548
537
  120: 120,
549
-
550
538
  /** 140 px */
551
539
  140: 140,
552
-
553
540
  /** 160 px */
554
541
  160: 160,
555
-
556
542
  /** 200 px */
557
543
  200: 200,
558
-
559
544
  /** 300 px */
560
545
  300: 300,
561
-
562
546
  /** 360 px */
563
547
  360: 360,
564
-
565
548
  /** 400 px */
566
549
  400: 400,
567
-
568
550
  /** 584 px */
569
551
  584: 584,
570
-
571
552
  /** 640 px */
572
553
  640: 640,
573
-
574
554
  /** 760 px */
575
555
  760: 760,
576
-
577
556
  /** 800 px */
578
557
  800: 800,
579
-
580
558
  /** 1024 px */
581
559
  1024: 1024,
582
-
583
560
  /** 1136 px */
584
561
  1136: 1136
585
562
  };
@@ -587,7 +564,6 @@ var size = {
587
564
  var elevation = {
588
565
  onLight: {
589
566
  none: 'none',
590
-
591
567
  /** offset-x | offset-y | blur-radius | spread-radius | color, offset-x | offset-y | blur-radius | spread-radius | color */
592
568
  lowRaised: "0 4px 8px -2px hsla(217, 56%, 17%, 0.1), 0 2px 4px -2px hsla(217, 56%, 17%, 0.06)",
593
569
  midRaised: "0 12px 16px -4px hsla(217, 56%, 17%, 0.08), 0 4px 6px -2px hsla(217, 56%, 17%, 0.03)",
@@ -8947,36 +8923,29 @@ var merge = createAssigner(function(object, source, srcIndex) {
8947
8923
  var merge_1 = merge;
8948
8924
 
8949
8925
  var PREFIX = '[Blade]:';
8950
-
8951
8926
  var throwBladeError = function throwBladeError(_ref) {
8952
8927
  var message = _ref.message,
8953
- moduleName = _ref.moduleName;
8954
-
8928
+ moduleName = _ref.moduleName;
8955
8929
  {
8956
8930
  var prefix = moduleName ? "[Blade: ".concat(moduleName, "]:") : PREFIX;
8957
8931
  throw new Error("".concat(prefix, " ").concat(message));
8958
8932
  }
8959
8933
  };
8960
-
8961
8934
  var getCommonLogger = function getCommonLogger(type) {
8962
8935
  switch (type) {
8963
8936
  case 'error':
8964
8937
  return console.error;
8965
-
8966
8938
  case 'warn':
8967
8939
  return console.warn;
8968
-
8969
8940
  case 'log':
8970
8941
  default:
8971
8942
  return console.log;
8972
8943
  }
8973
8944
  };
8974
-
8975
8945
  var logger = function logger(_ref2) {
8976
8946
  var message = _ref2.message,
8977
- moduleName = _ref2.moduleName,
8978
- type = _ref2.type;
8979
-
8947
+ moduleName = _ref2.moduleName,
8948
+ type = _ref2.type;
8980
8949
  {
8981
8950
  var prefix = moduleName ? "[Blade: ".concat(moduleName, "]:") : PREFIX;
8982
8951
  getCommonLogger(type)("".concat(prefix, " ").concat(message));
@@ -8985,22 +8954,19 @@ var logger = function logger(_ref2) {
8985
8954
 
8986
8955
  var isPartialMatchObjectKeys = function isPartialMatchObjectKeys(_ref) {
8987
8956
  var objectToMatch = _ref.objectToMatch,
8988
- objectToInspect = _ref.objectToInspect;
8957
+ objectToInspect = _ref.objectToInspect;
8989
8958
  var matchResponses = [];
8990
-
8991
8959
  var matchObjectKeys = function matchObjectKeys(_ref2) {
8992
8960
  var innerObjectToMatch = _ref2.innerObjectToMatch,
8993
- innerObjectToInspect = _ref2.innerObjectToInspect;
8994
-
8961
+ innerObjectToInspect = _ref2.innerObjectToInspect;
8995
8962
  for (var _i = 0, _Object$entries = Object.entries(innerObjectToMatch); _i < _Object$entries.length; _i++) {
8996
8963
  var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
8997
- key = _Object$entries$_i[0],
8998
- valueToMatch = _Object$entries$_i[1];
8999
-
8964
+ key = _Object$entries$_i[0],
8965
+ valueToMatch = _Object$entries$_i[1];
9000
8966
  var valueToInspect = innerObjectToInspect[key];
9001
-
9002
8967
  if (innerObjectToInspect.hasOwnProperty(key)) {
9003
- if (valueToMatch === null || valueToMatch === undefined || valueToMatch === '' || Array.isArray(valueToMatch) || // the condition checks if the "valueToMatch" is not of type object then "valueToMatch" type should be same as type of "valueToInspect"
8968
+ if (valueToMatch === null || valueToMatch === undefined || valueToMatch === '' || Array.isArray(valueToMatch) ||
8969
+ // the condition checks if the "valueToMatch" is not of type object then "valueToMatch" type should be same as type of "valueToInspect"
9004
8970
  !(valueToMatch instanceof Object) && _typeof(valueToMatch) !== _typeof(valueToInspect)) {
9005
8971
  {
9006
8972
  // this is an invalid case, so we log error
@@ -9010,15 +8976,12 @@ var isPartialMatchObjectKeys = function isPartialMatchObjectKeys(_ref) {
9010
8976
  type: 'error'
9011
8977
  });
9012
8978
  }
9013
-
9014
8979
  matchResponses.push(false);
9015
8980
  }
9016
-
9017
8981
  if (typeof valueToMatch === 'string') {
9018
8982
  // we have reached leaf node of the objectToMatch(i.e sub-object)
9019
8983
  matchResponses.push(true);
9020
8984
  }
9021
-
9022
8985
  if (isObject_1(valueToMatch) && isObject_1(valueToInspect)) {
9023
8986
  // let's go inside further and do a nested check
9024
8987
  matchObjectKeys({
@@ -9035,12 +8998,10 @@ var isPartialMatchObjectKeys = function isPartialMatchObjectKeys(_ref) {
9035
8998
  type: 'error'
9036
8999
  });
9037
9000
  }
9038
-
9039
9001
  matchResponses.push(false);
9040
9002
  }
9041
9003
  }
9042
9004
  };
9043
-
9044
9005
  matchObjectKeys({
9045
9006
  innerObjectToMatch: objectToMatch,
9046
9007
  innerObjectToInspect: objectToInspect
@@ -9076,8 +9037,7 @@ var isPartialMatchObjectKeys = function isPartialMatchObjectKeys(_ref) {
9076
9037
  */
9077
9038
  var overrideTheme = function overrideTheme(_ref) {
9078
9039
  var baseThemeTokens = _ref.baseThemeTokens,
9079
- overrides = _ref.overrides;
9080
-
9040
+ overrides = _ref.overrides;
9081
9041
  {
9082
9042
  if (!isEqual_1(baseThemeTokens, paymentTheme) && !isEqual_1(baseThemeTokens, bankingTheme)) {
9083
9043
  throwBladeError({
@@ -9085,7 +9045,6 @@ var overrideTheme = function overrideTheme(_ref) {
9085
9045
  moduleName: 'overrideTheme'
9086
9046
  });
9087
9047
  }
9088
-
9089
9048
  if (!isPartialMatchObjectKeys({
9090
9049
  objectToMatch: overrides,
9091
9050
  objectToInspect: baseThemeTokens
@@ -9095,9 +9054,9 @@ var overrideTheme = function overrideTheme(_ref) {
9095
9054
  moduleName: 'overrideTheme'
9096
9055
  });
9097
9056
  }
9098
- } // Need to clone before merging since merge changes/mutates the actual object
9099
-
9057
+ }
9100
9058
 
9059
+ // Need to clone before merging since merge changes/mutates the actual object
9101
9060
  return merge_1(cloneDeep_1(baseThemeTokens), overrides);
9102
9061
  };
9103
9062