@razorpay/blade 6.2.2 → 6.3.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/CHANGELOG.md +14 -0
- package/build/components/index.d.ts +7 -5
- package/build/components/index.native.d.ts +7 -5
- package/build/components/index.native.js +21 -17
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.web.js +158 -68
- package/build/components/index.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 +54 -1
- package/build/tokens/index.native.d.ts +54 -1
- package/package.json +13 -13
package/build/tokens/index.d.ts
CHANGED
|
@@ -752,6 +752,59 @@ declare type Motion = Readonly<{
|
|
|
752
752
|
easing: Easing;
|
|
753
753
|
}>;
|
|
754
754
|
|
|
755
|
+
/**
|
|
756
|
+
* Size tokens are currently not exposed for users (therefore not available in theme)
|
|
757
|
+
*/
|
|
758
|
+
declare const size: {
|
|
759
|
+
/** 0 px */
|
|
760
|
+
readonly 0: 0;
|
|
761
|
+
/** 1 px */
|
|
762
|
+
readonly 1: 1;
|
|
763
|
+
/** 2 px */
|
|
764
|
+
readonly 2: 2;
|
|
765
|
+
/** 3 px */
|
|
766
|
+
readonly 3: 3;
|
|
767
|
+
/** 4 px */
|
|
768
|
+
readonly 4: 4;
|
|
769
|
+
/** 5 px */
|
|
770
|
+
readonly 5: 5;
|
|
771
|
+
/** 6 px */
|
|
772
|
+
readonly 6: 6;
|
|
773
|
+
/** 8 px */
|
|
774
|
+
readonly 8: 8;
|
|
775
|
+
/** 10 px */
|
|
776
|
+
readonly 10: 10;
|
|
777
|
+
/** 12 px */
|
|
778
|
+
readonly 12: 12;
|
|
779
|
+
/** 16 px */
|
|
780
|
+
readonly 16: 16;
|
|
781
|
+
/** 18 px */
|
|
782
|
+
readonly 18: 18;
|
|
783
|
+
/** 20 px */
|
|
784
|
+
readonly 20: 20;
|
|
785
|
+
/** 24 px */
|
|
786
|
+
readonly 24: 24;
|
|
787
|
+
/** 28 px */
|
|
788
|
+
readonly 28: 28;
|
|
789
|
+
/** 32 px */
|
|
790
|
+
readonly 32: 32;
|
|
791
|
+
/** 36 px */
|
|
792
|
+
readonly 36: 36;
|
|
793
|
+
/** 40 px */
|
|
794
|
+
readonly 40: 40;
|
|
795
|
+
/** 48 px */
|
|
796
|
+
readonly 48: 48;
|
|
797
|
+
/** 100 px */
|
|
798
|
+
readonly 100: 100;
|
|
799
|
+
/** 120 px */
|
|
800
|
+
readonly 120: 120;
|
|
801
|
+
/** 300 px */
|
|
802
|
+
readonly 300: 300;
|
|
803
|
+
/** 584 px */
|
|
804
|
+
readonly 584: 584;
|
|
805
|
+
};
|
|
806
|
+
declare type Size = typeof size;
|
|
807
|
+
|
|
755
808
|
type ColorSchemeNames = 'dark' | 'light';
|
|
756
809
|
type ColorSchemeNamesInput = ColorSchemeNames | 'system';
|
|
757
810
|
|
|
@@ -952,4 +1005,4 @@ declare const overrideTheme: ({ baseThemeTokens, overrides }: OverrideTheme) =>
|
|
|
952
1005
|
|
|
953
1006
|
declare const colorSchemeNamesInput: ColorSchemeNamesInput[];
|
|
954
1007
|
|
|
955
|
-
export { Border$1 as Border, Breakpoints$1 as Breakpoints, Color, ColorSchemeNames, ColorSchemeNamesInput, ColorsWithModes, FontFamily$1 as FontFamily, Motion, Opacity, Shadows, Spacing$1 as Spacing, ThemeTokens, Typography$1 as Typography, bankingTheme, colorSchemeNamesInput, colors, overrideTheme, paymentTheme };
|
|
1008
|
+
export { Border$1 as Border, Breakpoints$1 as Breakpoints, Color, ColorSchemeNames, ColorSchemeNamesInput, ColorsWithModes, FontFamily$1 as FontFamily, Motion, Opacity, Shadows, Size, Spacing$1 as Spacing, ThemeTokens, Typography$1 as Typography, bankingTheme, colorSchemeNamesInput, colors, overrideTheme, paymentTheme };
|
|
@@ -752,6 +752,59 @@ declare type Motion = Readonly<{
|
|
|
752
752
|
easing: Easing;
|
|
753
753
|
}>;
|
|
754
754
|
|
|
755
|
+
/**
|
|
756
|
+
* Size tokens are currently not exposed for users (therefore not available in theme)
|
|
757
|
+
*/
|
|
758
|
+
declare const size: {
|
|
759
|
+
/** 0 px */
|
|
760
|
+
readonly 0: 0;
|
|
761
|
+
/** 1 px */
|
|
762
|
+
readonly 1: 1;
|
|
763
|
+
/** 2 px */
|
|
764
|
+
readonly 2: 2;
|
|
765
|
+
/** 3 px */
|
|
766
|
+
readonly 3: 3;
|
|
767
|
+
/** 4 px */
|
|
768
|
+
readonly 4: 4;
|
|
769
|
+
/** 5 px */
|
|
770
|
+
readonly 5: 5;
|
|
771
|
+
/** 6 px */
|
|
772
|
+
readonly 6: 6;
|
|
773
|
+
/** 8 px */
|
|
774
|
+
readonly 8: 8;
|
|
775
|
+
/** 10 px */
|
|
776
|
+
readonly 10: 10;
|
|
777
|
+
/** 12 px */
|
|
778
|
+
readonly 12: 12;
|
|
779
|
+
/** 16 px */
|
|
780
|
+
readonly 16: 16;
|
|
781
|
+
/** 18 px */
|
|
782
|
+
readonly 18: 18;
|
|
783
|
+
/** 20 px */
|
|
784
|
+
readonly 20: 20;
|
|
785
|
+
/** 24 px */
|
|
786
|
+
readonly 24: 24;
|
|
787
|
+
/** 28 px */
|
|
788
|
+
readonly 28: 28;
|
|
789
|
+
/** 32 px */
|
|
790
|
+
readonly 32: 32;
|
|
791
|
+
/** 36 px */
|
|
792
|
+
readonly 36: 36;
|
|
793
|
+
/** 40 px */
|
|
794
|
+
readonly 40: 40;
|
|
795
|
+
/** 48 px */
|
|
796
|
+
readonly 48: 48;
|
|
797
|
+
/** 100 px */
|
|
798
|
+
readonly 100: 100;
|
|
799
|
+
/** 120 px */
|
|
800
|
+
readonly 120: 120;
|
|
801
|
+
/** 300 px */
|
|
802
|
+
readonly 300: 300;
|
|
803
|
+
/** 584 px */
|
|
804
|
+
readonly 584: 584;
|
|
805
|
+
};
|
|
806
|
+
declare type Size = typeof size;
|
|
807
|
+
|
|
755
808
|
type ColorSchemeNames = 'dark' | 'light';
|
|
756
809
|
type ColorSchemeNamesInput = ColorSchemeNames | 'system';
|
|
757
810
|
|
|
@@ -952,4 +1005,4 @@ declare const overrideTheme: ({ baseThemeTokens, overrides }: OverrideTheme) =>
|
|
|
952
1005
|
|
|
953
1006
|
declare const colorSchemeNamesInput: ColorSchemeNamesInput[];
|
|
954
1007
|
|
|
955
|
-
export { Border$1 as Border, Breakpoints$1 as Breakpoints, Color, ColorSchemeNames, ColorSchemeNamesInput, ColorsWithModes, FontFamily$1 as FontFamily, Motion, Opacity, Shadows, Spacing$1 as Spacing, ThemeTokens, Typography$1 as Typography, bankingTheme, colorSchemeNamesInput, colors, overrideTheme, paymentTheme };
|
|
1008
|
+
export { Border$1 as Border, Breakpoints$1 as Breakpoints, Color, ColorSchemeNames, ColorSchemeNamesInput, ColorsWithModes, FontFamily$1 as FontFamily, Motion, Opacity, Shadows, Size, Spacing$1 as Spacing, ThemeTokens, Typography$1 as Typography, bankingTheme, colorSchemeNamesInput, colors, overrideTheme, paymentTheme };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@razorpay/blade",
|
|
3
3
|
"description": "The Design System that powers Razorpay",
|
|
4
|
-
"version": "6.
|
|
4
|
+
"version": "6.3.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"engines": {
|
|
7
7
|
"node": ">=14.18.0"
|
|
@@ -29,32 +29,32 @@
|
|
|
29
29
|
"exports": {
|
|
30
30
|
"./components": {
|
|
31
31
|
"react-native": {
|
|
32
|
-
"
|
|
33
|
-
"
|
|
32
|
+
"types": "./build/components/index.native.d.ts",
|
|
33
|
+
"default": "./build/components/index.native.js"
|
|
34
34
|
},
|
|
35
35
|
"default": {
|
|
36
|
-
"
|
|
37
|
-
"
|
|
36
|
+
"types": "./build/components/index.d.ts",
|
|
37
|
+
"default": "./build/components/index.web.js"
|
|
38
38
|
}
|
|
39
39
|
},
|
|
40
40
|
"./tokens": {
|
|
41
41
|
"react-native": {
|
|
42
|
-
"
|
|
43
|
-
"
|
|
42
|
+
"types": "./build/tokens/index.native.d.ts",
|
|
43
|
+
"default": "./build/tokens/index.native.js"
|
|
44
44
|
},
|
|
45
45
|
"default": {
|
|
46
|
-
"
|
|
47
|
-
"
|
|
46
|
+
"types": "./build/tokens/index.d.ts",
|
|
47
|
+
"default": "./build/tokens/index.web.js"
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
"./utils": {
|
|
51
51
|
"react-native": {
|
|
52
|
-
"
|
|
53
|
-
"
|
|
52
|
+
"types": "./build/utils/index.native.d.ts",
|
|
53
|
+
"default": "./build/utils/index.native.js"
|
|
54
54
|
},
|
|
55
55
|
"default": {
|
|
56
|
-
"
|
|
57
|
-
"
|
|
56
|
+
"types": "./build/utils/index.d.ts",
|
|
57
|
+
"default": "./build/utils/index.web.js"
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
},
|