@razorpay/blade 11.8.1 → 11.8.2
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/lib/web/development/components/ButtonGroup/StyledButtonGroup.js +7 -12
- package/build/lib/web/development/components/ButtonGroup/StyledButtonGroup.js.map +1 -1
- package/build/lib/web/production/components/ButtonGroup/StyledButtonGroup.js +7 -12
- package/build/lib/web/production/components/ButtonGroup/StyledButtonGroup.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
1
|
import styled from 'styled-components';
|
|
3
2
|
import '../Box/BaseBox/index.js';
|
|
4
3
|
import '../../utils/index.js';
|
|
@@ -7,8 +6,6 @@ import getIn from '../../utils/lodashButBetter/get.js';
|
|
|
7
6
|
import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
|
|
8
7
|
import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
|
|
9
8
|
|
|
10
|
-
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; }
|
|
11
|
-
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(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; }
|
|
12
9
|
var StyledButtonGroup = /*#__PURE__*/styled(BaseBox).withConfig({
|
|
13
10
|
displayName: "StyledButtonGroup",
|
|
14
11
|
componentId: "gr4xbj-0"
|
|
@@ -19,27 +16,25 @@ var StyledButtonGroup = /*#__PURE__*/styled(BaseBox).withConfig({
|
|
|
19
16
|
variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
|
|
20
17
|
color = _ref.color,
|
|
21
18
|
isFullWidth = _ref.isFullWidth;
|
|
22
|
-
return
|
|
19
|
+
return {
|
|
23
20
|
display: 'flex',
|
|
24
21
|
width: isFullWidth ? '100%' : 'fit-content',
|
|
25
|
-
|
|
26
|
-
borderRadius: makeBorderSize(theme.border.radius.medium)
|
|
27
|
-
|
|
22
|
+
borderWidth: makeBorderSize(theme.border.width.thin),
|
|
23
|
+
borderRadius: makeBorderSize(theme.border.radius.medium),
|
|
24
|
+
borderStyle: 'solid',
|
|
28
25
|
borderColor: getIn(theme.colors, getBackgroundColorToken({
|
|
29
|
-
|
|
26
|
+
// Only secondary variant has border a border, for other variants we use background color so that the border is not visible
|
|
27
|
+
property: variant === 'secondary' ? 'border' : 'background',
|
|
30
28
|
variant: variant,
|
|
31
29
|
color: color,
|
|
32
30
|
state: isDisabled ? 'disabled' : 'default'
|
|
33
31
|
})),
|
|
34
|
-
borderStyle: 'solid',
|
|
35
|
-
borderWidth: makeBorderSize(theme.border.width.thin)
|
|
36
|
-
}), {}, {
|
|
37
32
|
'button[role="button"]': {
|
|
38
33
|
borderRadius: 0,
|
|
39
34
|
border: 'none',
|
|
40
35
|
flex: isFullWidth ? 1 : 'auto'
|
|
41
36
|
}
|
|
42
|
-
}
|
|
37
|
+
};
|
|
43
38
|
});
|
|
44
39
|
|
|
45
40
|
export { StyledButtonGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledButtonGroup.js","sources":["../../../../../../src/components/ButtonGroup/StyledButtonGroup.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledButtonGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeBorderSize } from '~utils';\nimport { getBackgroundColorToken } from '~components/Button/BaseButton/BaseButton';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst StyledButtonGroup = styled(BaseBox)<StyledButtonGroupProps>(\n ({ theme, isDisabled, variant = 'primary', color, isFullWidth }) => {\n return {\n display: 'flex',\n width: isFullWidth ? '100%' : 'fit-content',\n
|
|
1
|
+
{"version":3,"file":"StyledButtonGroup.js","sources":["../../../../../../src/components/ButtonGroup/StyledButtonGroup.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledButtonGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeBorderSize } from '~utils';\nimport { getBackgroundColorToken } from '~components/Button/BaseButton/BaseButton';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst StyledButtonGroup = styled(BaseBox)<StyledButtonGroupProps>(\n ({ theme, isDisabled, variant = 'primary', color, isFullWidth }) => {\n return {\n display: 'flex',\n width: isFullWidth ? '100%' : 'fit-content',\n borderWidth: makeBorderSize(theme.border.width.thin),\n borderRadius: makeBorderSize(theme.border.radius.medium),\n borderStyle: 'solid',\n borderColor: getIn(\n theme.colors,\n getBackgroundColorToken({\n // Only secondary variant has border a border, for other variants we use background color so that the border is not visible\n property: variant === 'secondary' ? 'border' : 'background',\n variant,\n color,\n state: isDisabled ? 'disabled' : 'default',\n }),\n ),\n\n 'button[role=\"button\"]': {\n borderRadius: 0,\n border: 'none',\n flex: isFullWidth ? 1 : 'auto',\n },\n };\n },\n);\n\nexport { StyledButtonGroup };\n"],"names":["StyledButtonGroup","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isDisabled","_ref$variant","variant","color","isFullWidth","display","width","borderWidth","makeBorderSize","border","thin","borderRadius","radius","medium","borderStyle","borderColor","getIn","colors","getBackgroundColorToken","property","state","flex"],"mappings":";;;;;;;;AAOA,IAAMA,iBAAiB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,mBAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CACvC,CAAA,CAAA,UAAAC,IAAA,EAAoE;AAAA,EAAA,IAAjEC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAAC,YAAA,GAAAH,IAAA,CAAEI,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,YAAA;IAAEE,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,WAAW,GAAAN,IAAA,CAAXM,WAAW,CAAA;EAC3D,OAAO;AACLC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,KAAK,EAAEF,WAAW,GAAG,MAAM,GAAG,aAAa;IAC3CG,WAAW,EAAEC,cAAc,CAACT,KAAK,CAACU,MAAM,CAACH,KAAK,CAACI,IAAI,CAAC;IACpDC,YAAY,EAAEH,cAAc,CAACT,KAAK,CAACU,MAAM,CAACG,MAAM,CAACC,MAAM,CAAC;AACxDC,IAAAA,WAAW,EAAE,OAAO;IACpBC,WAAW,EAAEC,KAAK,CAChBjB,KAAK,CAACkB,MAAM,EACZC,uBAAuB,CAAC;AACtB;AACAC,MAAAA,QAAQ,EAAEjB,OAAO,KAAK,WAAW,GAAG,QAAQ,GAAG,YAAY;AAC3DA,MAAAA,OAAO,EAAPA,OAAO;AACPC,MAAAA,KAAK,EAALA,KAAK;AACLiB,MAAAA,KAAK,EAAEpB,UAAU,GAAG,UAAU,GAAG,SAAA;AACnC,KAAC,CACH,CAAC;AAED,IAAA,uBAAuB,EAAE;AACvBW,MAAAA,YAAY,EAAE,CAAC;AACfF,MAAAA,MAAM,EAAE,MAAM;AACdY,MAAAA,IAAI,EAAEjB,WAAW,GAAG,CAAC,GAAG,MAAA;AAC1B,KAAA;GACD,CAAA;AACH,CAAC;;;;"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
1
|
import styled from 'styled-components';
|
|
3
2
|
import '../Box/BaseBox/index.js';
|
|
4
3
|
import '../../utils/index.js';
|
|
@@ -7,8 +6,6 @@ import getIn from '../../utils/lodashButBetter/get.js';
|
|
|
7
6
|
import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
|
|
8
7
|
import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
|
|
9
8
|
|
|
10
|
-
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; }
|
|
11
|
-
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(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; }
|
|
12
9
|
var StyledButtonGroup = /*#__PURE__*/styled(BaseBox).withConfig({
|
|
13
10
|
displayName: "StyledButtonGroup",
|
|
14
11
|
componentId: "gr4xbj-0"
|
|
@@ -19,27 +16,25 @@ var StyledButtonGroup = /*#__PURE__*/styled(BaseBox).withConfig({
|
|
|
19
16
|
variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
|
|
20
17
|
color = _ref.color,
|
|
21
18
|
isFullWidth = _ref.isFullWidth;
|
|
22
|
-
return
|
|
19
|
+
return {
|
|
23
20
|
display: 'flex',
|
|
24
21
|
width: isFullWidth ? '100%' : 'fit-content',
|
|
25
|
-
|
|
26
|
-
borderRadius: makeBorderSize(theme.border.radius.medium)
|
|
27
|
-
|
|
22
|
+
borderWidth: makeBorderSize(theme.border.width.thin),
|
|
23
|
+
borderRadius: makeBorderSize(theme.border.radius.medium),
|
|
24
|
+
borderStyle: 'solid',
|
|
28
25
|
borderColor: getIn(theme.colors, getBackgroundColorToken({
|
|
29
|
-
|
|
26
|
+
// Only secondary variant has border a border, for other variants we use background color so that the border is not visible
|
|
27
|
+
property: variant === 'secondary' ? 'border' : 'background',
|
|
30
28
|
variant: variant,
|
|
31
29
|
color: color,
|
|
32
30
|
state: isDisabled ? 'disabled' : 'default'
|
|
33
31
|
})),
|
|
34
|
-
borderStyle: 'solid',
|
|
35
|
-
borderWidth: makeBorderSize(theme.border.width.thin)
|
|
36
|
-
}), {}, {
|
|
37
32
|
'button[role="button"]': {
|
|
38
33
|
borderRadius: 0,
|
|
39
34
|
border: 'none',
|
|
40
35
|
flex: isFullWidth ? 1 : 'auto'
|
|
41
36
|
}
|
|
42
|
-
}
|
|
37
|
+
};
|
|
43
38
|
});
|
|
44
39
|
|
|
45
40
|
export { StyledButtonGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledButtonGroup.js","sources":["../../../../../../src/components/ButtonGroup/StyledButtonGroup.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledButtonGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeBorderSize } from '~utils';\nimport { getBackgroundColorToken } from '~components/Button/BaseButton/BaseButton';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst StyledButtonGroup = styled(BaseBox)<StyledButtonGroupProps>(\n ({ theme, isDisabled, variant = 'primary', color, isFullWidth }) => {\n return {\n display: 'flex',\n width: isFullWidth ? '100%' : 'fit-content',\n
|
|
1
|
+
{"version":3,"file":"StyledButtonGroup.js","sources":["../../../../../../src/components/ButtonGroup/StyledButtonGroup.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledButtonGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeBorderSize } from '~utils';\nimport { getBackgroundColorToken } from '~components/Button/BaseButton/BaseButton';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst StyledButtonGroup = styled(BaseBox)<StyledButtonGroupProps>(\n ({ theme, isDisabled, variant = 'primary', color, isFullWidth }) => {\n return {\n display: 'flex',\n width: isFullWidth ? '100%' : 'fit-content',\n borderWidth: makeBorderSize(theme.border.width.thin),\n borderRadius: makeBorderSize(theme.border.radius.medium),\n borderStyle: 'solid',\n borderColor: getIn(\n theme.colors,\n getBackgroundColorToken({\n // Only secondary variant has border a border, for other variants we use background color so that the border is not visible\n property: variant === 'secondary' ? 'border' : 'background',\n variant,\n color,\n state: isDisabled ? 'disabled' : 'default',\n }),\n ),\n\n 'button[role=\"button\"]': {\n borderRadius: 0,\n border: 'none',\n flex: isFullWidth ? 1 : 'auto',\n },\n };\n },\n);\n\nexport { StyledButtonGroup };\n"],"names":["StyledButtonGroup","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isDisabled","_ref$variant","variant","color","isFullWidth","display","width","borderWidth","makeBorderSize","border","thin","borderRadius","radius","medium","borderStyle","borderColor","getIn","colors","getBackgroundColorToken","property","state","flex"],"mappings":";;;;;;;;AAOA,IAAMA,iBAAiB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,mBAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CACvC,CAAA,CAAA,UAAAC,IAAA,EAAoE;AAAA,EAAA,IAAjEC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAAC,YAAA,GAAAH,IAAA,CAAEI,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,YAAA;IAAEE,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,WAAW,GAAAN,IAAA,CAAXM,WAAW,CAAA;EAC3D,OAAO;AACLC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,KAAK,EAAEF,WAAW,GAAG,MAAM,GAAG,aAAa;IAC3CG,WAAW,EAAEC,cAAc,CAACT,KAAK,CAACU,MAAM,CAACH,KAAK,CAACI,IAAI,CAAC;IACpDC,YAAY,EAAEH,cAAc,CAACT,KAAK,CAACU,MAAM,CAACG,MAAM,CAACC,MAAM,CAAC;AACxDC,IAAAA,WAAW,EAAE,OAAO;IACpBC,WAAW,EAAEC,KAAK,CAChBjB,KAAK,CAACkB,MAAM,EACZC,uBAAuB,CAAC;AACtB;AACAC,MAAAA,QAAQ,EAAEjB,OAAO,KAAK,WAAW,GAAG,QAAQ,GAAG,YAAY;AAC3DA,MAAAA,OAAO,EAAPA,OAAO;AACPC,MAAAA,KAAK,EAALA,KAAK;AACLiB,MAAAA,KAAK,EAAEpB,UAAU,GAAG,UAAU,GAAG,SAAA;AACnC,KAAC,CACH,CAAC;AAED,IAAA,uBAAuB,EAAE;AACvBW,MAAAA,YAAY,EAAE,CAAC;AACfF,MAAAA,MAAM,EAAE,MAAM;AACdY,MAAAA,IAAI,EAAEjB,WAAW,GAAG,CAAC,GAAG,MAAA;AAC1B,KAAA;GACD,CAAA;AACH,CAAC;;;;"}
|