@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.
- package/build/components/index.d.ts +12 -12
- package/build/components/index.development.web.js +4643 -7222
- package/build/components/index.development.web.js.map +1 -1
- package/build/components/index.native.d.ts +12 -12
- package/build/components/index.native.js +419 -413
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.production.web.js +4631 -7163
- package/build/components/index.production.web.js.map +1 -1
- package/build/css/bankingThemeDarkDesktop.css +1 -1
- package/build/css/bankingThemeDarkMobile.css +1 -1
- package/build/css/bankingThemeLightDesktop.css +1 -1
- package/build/css/bankingThemeLightMobile.css +1 -1
- package/build/css/paymentThemeDarkDesktop.css +1 -1
- package/build/css/paymentThemeDarkMobile.css +1 -1
- package/build/css/paymentThemeLightDesktop.css +1 -1
- package/build/css/paymentThemeLightMobile.css +1 -1
- package/build/tokens/index.d.ts +27 -27
- package/build/tokens/index.development.web.js +30 -71
- package/build/tokens/index.development.web.js.map +1 -1
- package/build/tokens/index.native.d.ts +27 -27
- package/build/tokens/index.native.js +4 -5
- package/build/tokens/index.native.js.map +1 -1
- package/build/tokens/index.production.web.js +20 -44
- package/build/tokens/index.production.web.js.map +1 -1
- package/build/utils/index.d.ts +12 -12
- package/build/utils/index.development.web.js +26 -60
- package/build/utils/index.development.web.js.map +1 -1
- package/build/utils/index.native.d.ts +12 -12
- package/build/utils/index.native.js +7 -7
- package/build/utils/index.native.js.map +1 -1
- package/build/utils/index.production.web.js +24 -55
- package/build/utils/index.production.web.js.map +1 -1
- package/package.json +23 -22
package/build/tokens/index.d.ts
CHANGED
|
@@ -759,10 +759,10 @@ type Delay$1 = {
|
|
|
759
759
|
xlong: 5000;
|
|
760
760
|
};
|
|
761
761
|
|
|
762
|
-
type
|
|
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:
|
|
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 `
|
|
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 `
|
|
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 `
|
|
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 `
|
|
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 `
|
|
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 `
|
|
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 `
|
|
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 `
|
|
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 `
|
|
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 `
|
|
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 |
|
|
861
|
+
string | EasingFactoryFn$1
|
|
862
862
|
>
|
|
863
|
-
? Extract<keyof TokenType[K], string |
|
|
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
|
|
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:
|
|
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 `
|
|
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 `
|
|
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 `
|
|
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 `
|
|
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 `
|
|
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 `
|
|
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 `
|
|
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 `
|
|
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 `
|
|
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 `
|
|
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,
|
|
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
|
-
}
|
|
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
|
-
}
|
|
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
|
-
|
|
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
|
-
|
|
8978
|
-
|
|
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
|
-
|
|
8957
|
+
objectToInspect = _ref.objectToInspect;
|
|
8989
8958
|
var matchResponses = [];
|
|
8990
|
-
|
|
8991
8959
|
var matchObjectKeys = function matchObjectKeys(_ref2) {
|
|
8992
8960
|
var innerObjectToMatch = _ref2.innerObjectToMatch,
|
|
8993
|
-
|
|
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
|
-
|
|
8998
|
-
|
|
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) ||
|
|
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
|
-
|
|
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
|
-
}
|
|
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
|
|