@razorpay/blade 8.1.0 → 8.2.3
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 +61 -41
- package/build/components/index.native.d.ts +61 -41
- package/build/components/index.native.js +33 -35
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.web.js +226 -233
- package/build/components/index.web.js.map +1 -1
- package/build/css/bankingThemeDarkDesktop.css +5 -26
- package/build/css/bankingThemeDarkMobile.css +5 -26
- package/build/css/bankingThemeLightDesktop.css +5 -26
- package/build/css/bankingThemeLightMobile.css +5 -26
- package/build/css/paymentThemeDarkDesktop.css +5 -26
- package/build/css/paymentThemeDarkMobile.css +5 -26
- package/build/css/paymentThemeLightDesktop.css +5 -26
- package/build/css/paymentThemeLightMobile.css +5 -26
- package/build/tokens/index.d.ts +180 -150
- package/build/tokens/index.native.d.ts +180 -150
- package/build/tokens/index.native.js +12 -10
- package/build/tokens/index.native.js.map +1 -1
- package/build/tokens/index.web.js +382 -409
- package/build/tokens/index.web.js.map +1 -1
- package/build/utils/index.native.js +0 -6
- package/build/utils/index.native.js.map +1 -1
- package/build/utils/index.web.js +16 -98
- package/build/utils/index.web.js.map +1 -1
- package/package.json +5 -5
- package/CHANGELOG.md +0 -1648
package/build/utils/index.web.js
CHANGED
|
@@ -2824,14 +2824,14 @@ var MetaConstants = {
|
|
|
2824
2824
|
VisuallyHidden: 'visually-hidden'
|
|
2825
2825
|
};
|
|
2826
2826
|
|
|
2827
|
-
function ownKeys$
|
|
2827
|
+
function ownKeys$2(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; }
|
|
2828
2828
|
|
|
2829
|
-
function _objectSpread$
|
|
2829
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
2830
2830
|
|
|
2831
2831
|
var metaAttribute = function metaAttribute(_ref) {
|
|
2832
2832
|
var name = _ref.name,
|
|
2833
2833
|
testID = _ref.testID;
|
|
2834
|
-
return _objectSpread$
|
|
2834
|
+
return _objectSpread$2(_objectSpread$2({}, name ? _defineProperty$1({}, "data-".concat(MetaConstants.Component), name) : {}), testID ? _defineProperty$1({}, "data-testid", testID) : {});
|
|
2835
2835
|
};
|
|
2836
2836
|
|
|
2837
2837
|
var getColorScheme = function getColorScheme() {
|
|
@@ -3992,9 +3992,9 @@ var isPartialMatchObjectKeys = function isPartialMatchObjectKeys(_ref) {
|
|
|
3992
3992
|
return matchResponses.every(Boolean);
|
|
3993
3993
|
};
|
|
3994
3994
|
|
|
3995
|
-
function ownKeys$
|
|
3995
|
+
function ownKeys$1(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; }
|
|
3996
3996
|
|
|
3997
|
-
function _objectSpread$
|
|
3997
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
3998
3998
|
|
|
3999
3999
|
var accessibilityValue = {
|
|
4000
4000
|
valueMax: 'aria-valuemax',
|
|
@@ -4011,7 +4011,7 @@ var accessibilityState = {
|
|
|
4011
4011
|
}; // TODO:
|
|
4012
4012
|
// accessibilityViewIsModal
|
|
4013
4013
|
|
|
4014
|
-
var accessibilityMap = _objectSpread$
|
|
4014
|
+
var accessibilityMap = _objectSpread$1(_objectSpread$1(_objectSpread$1({}, accessibilityState), accessibilityValue), {}, {
|
|
4015
4015
|
activeDescendant: 'aria-activedescendant',
|
|
4016
4016
|
atomic: 'aria-atomic',
|
|
4017
4017
|
autoComplete: 'aria-autocomplete',
|
|
@@ -4773,16 +4773,16 @@ var merge = createAssigner(function(object, source, srcIndex) {
|
|
|
4773
4773
|
|
|
4774
4774
|
var merge_1 = merge;
|
|
4775
4775
|
|
|
4776
|
-
function ownKeys
|
|
4776
|
+
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; }
|
|
4777
4777
|
|
|
4778
|
-
function _objectSpread
|
|
4778
|
+
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; }
|
|
4779
4779
|
|
|
4780
4780
|
var setupMatchMediaMock = function setupMatchMediaMock() {
|
|
4781
4781
|
var customArgs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
4782
4782
|
Object.defineProperty(window, 'matchMedia', {
|
|
4783
4783
|
writable: true,
|
|
4784
4784
|
value: jest.fn().mockImplementation(function (query) {
|
|
4785
|
-
return _objectSpread
|
|
4785
|
+
return _objectSpread({
|
|
4786
4786
|
matches: false,
|
|
4787
4787
|
media: query,
|
|
4788
4788
|
addEventListener: jest.fn(),
|
|
@@ -4932,95 +4932,13 @@ var useBreakpoint = function useBreakpoint(_ref) {
|
|
|
4932
4932
|
return breakpointAndDevice;
|
|
4933
4933
|
};
|
|
4934
4934
|
|
|
4935
|
-
|
|
4936
|
-
|
|
4937
|
-
|
|
4938
|
-
|
|
4939
|
-
|
|
4940
|
-
|
|
4941
|
-
|
|
4942
|
-
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; }
|
|
4943
|
-
var fontWeight = {
|
|
4944
|
-
regular: 400,
|
|
4945
|
-
bold: 700
|
|
4946
|
-
};
|
|
4947
|
-
({
|
|
4948
|
-
onDesktop: {
|
|
4949
|
-
fonts: {
|
|
4950
|
-
family: _objectSpread({}, fontFamily),
|
|
4951
|
-
size: {
|
|
4952
|
-
10: 9,
|
|
4953
|
-
25: 10,
|
|
4954
|
-
50: 11,
|
|
4955
|
-
75: 12,
|
|
4956
|
-
100: 14,
|
|
4957
|
-
200: 16,
|
|
4958
|
-
300: 18,
|
|
4959
|
-
400: 20,
|
|
4960
|
-
500: 22,
|
|
4961
|
-
600: 24,
|
|
4962
|
-
700: 28,
|
|
4963
|
-
800: 32,
|
|
4964
|
-
900: 36,
|
|
4965
|
-
1000: 40
|
|
4966
|
-
},
|
|
4967
|
-
weight: _objectSpread({}, fontWeight)
|
|
4968
|
-
},
|
|
4969
|
-
lineHeights: {
|
|
4970
|
-
0: 0,
|
|
4971
|
-
25: 14,
|
|
4972
|
-
50: 16,
|
|
4973
|
-
75: 18,
|
|
4974
|
-
100: 20,
|
|
4975
|
-
200: 24,
|
|
4976
|
-
300: 24,
|
|
4977
|
-
400: 28,
|
|
4978
|
-
500: 32,
|
|
4979
|
-
600: 40,
|
|
4980
|
-
700: 40,
|
|
4981
|
-
800: 48
|
|
4982
|
-
} // letterSpacings: {},
|
|
4983
|
-
|
|
4984
|
-
},
|
|
4985
|
-
onMobile: {
|
|
4986
|
-
fonts: {
|
|
4987
|
-
family: _objectSpread({}, fontFamily),
|
|
4988
|
-
size: {
|
|
4989
|
-
10: 9,
|
|
4990
|
-
25: 10,
|
|
4991
|
-
50: 11,
|
|
4992
|
-
75: 12,
|
|
4993
|
-
100: 14,
|
|
4994
|
-
200: 16,
|
|
4995
|
-
300: 16,
|
|
4996
|
-
400: 18,
|
|
4997
|
-
500: 20,
|
|
4998
|
-
600: 20,
|
|
4999
|
-
700: 24,
|
|
5000
|
-
800: 28,
|
|
5001
|
-
900: 32,
|
|
5002
|
-
1000: 32
|
|
5003
|
-
},
|
|
5004
|
-
weight: _objectSpread({}, fontWeight)
|
|
5005
|
-
},
|
|
5006
|
-
lineHeights: {
|
|
5007
|
-
0: 0,
|
|
5008
|
-
25: 14,
|
|
5009
|
-
50: 16,
|
|
5010
|
-
75: 18,
|
|
5011
|
-
100: 20,
|
|
5012
|
-
200: 20,
|
|
5013
|
-
300: 24,
|
|
5014
|
-
400: 24,
|
|
5015
|
-
500: 28,
|
|
5016
|
-
600: 32,
|
|
5017
|
-
700: 40,
|
|
5018
|
-
800: 40
|
|
5019
|
-
} // letterSpacings: {},
|
|
5020
|
-
|
|
5021
|
-
}
|
|
5022
|
-
});
|
|
5023
|
-
|
|
4935
|
+
// @TODO: this shall rather be Surface = 'level1' | 'level2' | 'level3' to keep in sync with color tokens
|
|
4936
|
+
// export type ActionProperties = {
|
|
4937
|
+
// background: ActionVariants;
|
|
4938
|
+
// border: ActionVariants;
|
|
4939
|
+
// text: ActionVariants;
|
|
4940
|
+
// icon: ActionVariants;
|
|
4941
|
+
// };
|
|
5024
4942
|
var colorSchemeNamesInput = ['light', 'dark', 'system'];
|
|
5025
4943
|
|
|
5026
4944
|
var useColorScheme = function useColorScheme() {
|