@gravity-ui/page-constructor 7.10.0 → 7.10.1
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/cjs/components/IconWrapper/IconWrapper.css +3 -1
- package/build/cjs/components/IconWrapper/IconWrapper.js +5 -1
- package/build/cjs/components/IconWrapper/IconWrapper.js.map +1 -1
- package/build/esm/components/IconWrapper/IconWrapper.css +3 -1
- package/build/esm/components/IconWrapper/IconWrapper.js +5 -1
- package/build/esm/components/IconWrapper/IconWrapper.js.map +1 -1
- package/package.json +1 -1
|
@@ -14,10 +14,12 @@ unpredictable css rules order in build */
|
|
|
14
14
|
max-width: 100%;
|
|
15
15
|
margin-bottom: 12px;
|
|
16
16
|
height: 32px;
|
|
17
|
-
width: 32px;
|
|
18
17
|
object-fit: contain;
|
|
19
18
|
display: block;
|
|
20
19
|
}
|
|
20
|
+
.pc-icon-wrapper__icon_gravity-icon {
|
|
21
|
+
width: 32px;
|
|
22
|
+
}
|
|
21
23
|
.pc-icon-wrapper__icon_icon-position_left {
|
|
22
24
|
height: 22px;
|
|
23
25
|
width: 22px;
|
|
@@ -14,7 +14,11 @@ const IconWrapper = (props) => {
|
|
|
14
14
|
const iconPosition = icon?.position;
|
|
15
15
|
const gravityIconPosition = gravityIcon?.position;
|
|
16
16
|
const position = gravityIconPosition || iconPosition;
|
|
17
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: b({ ['icon-position']: position }, className), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { icon: icon?.value, gravityIcon: gravityIcon?.value, containerClassName: b('icon-container'), className: b('icon', {
|
|
17
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: b({ ['icon-position']: position }, className), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { icon: icon?.value, gravityIcon: gravityIcon?.value, containerClassName: b('icon-container'), className: b('icon', {
|
|
18
|
+
['icon-position']: position,
|
|
19
|
+
size,
|
|
20
|
+
['gravity-icon']: Boolean(gravityIcon),
|
|
21
|
+
}) }), (0, jsx_runtime_1.jsx)("div", { className: b('content', { ['icon-position']: position }), children: children })] }));
|
|
18
22
|
};
|
|
19
23
|
exports.default = IconWrapper;
|
|
20
24
|
//# sourceMappingURL=IconWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconWrapper.js","sourceRoot":"../../../../src","sources":["components/IconWrapper/IconWrapper.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAG/B,gDAAkC;AAClC,mEAAgC;AAGhC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,KAAiE,EAAE,EAAE;IACtF,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IAC7D,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;QACxB,OAAO,uBAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAAC;IACvD,CAAC;IAED,MAAM,YAAY,GAAG,IAAI,EAAE,QAAQ,CAAC;IAEpC,MAAM,mBAAmB,GAAG,WAAW,EAAE,QAAQ,CAAC;IAElD,MAAM,QAAQ,GAAG,mBAAmB,IAAI,YAAY,CAAC;IAErD,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,QAAQ,EAAC,EAAE,SAAS,CAAC,aACvD,uBAAC,cAAI,IACD,IAAI,EAAE,IAAI,EAAE,KAAK,EACjB,WAAW,EAAE,WAAW,EAAE,KAAK,EAC/B,kBAAkB,EAAE,CAAC,CAAC,gBAAgB,CAAC,EACvC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"IconWrapper.js","sourceRoot":"../../../../src","sources":["components/IconWrapper/IconWrapper.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAG/B,gDAAkC;AAClC,mEAAgC;AAGhC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,KAAiE,EAAE,EAAE;IACtF,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IAC7D,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;QACxB,OAAO,uBAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAAC;IACvD,CAAC;IAED,MAAM,YAAY,GAAG,IAAI,EAAE,QAAQ,CAAC;IAEpC,MAAM,mBAAmB,GAAG,WAAW,EAAE,QAAQ,CAAC;IAElD,MAAM,QAAQ,GAAG,mBAAmB,IAAI,YAAY,CAAC;IAErD,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,QAAQ,EAAC,EAAE,SAAS,CAAC,aACvD,uBAAC,cAAI,IACD,IAAI,EAAE,IAAI,EAAE,KAAK,EACjB,WAAW,EAAE,WAAW,EAAE,KAAK,EAC/B,kBAAkB,EAAE,CAAC,CAAC,gBAAgB,CAAC,EACvC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;oBACjB,CAAC,eAAe,CAAC,EAAE,QAAQ;oBAC3B,IAAI;oBACJ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC;iBACzC,CAAC,GACJ,EACF,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,QAAQ,EAAC,CAAC,YAAG,QAAQ,GAAO,IAC3E,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type {ClassNameProps, IconWrapperProps} from '../../models';\nimport {block} from '../../utils';\nimport Icon from '../Icon/Icon';\n\nimport './IconWrapper.scss';\nconst b = block('icon-wrapper');\n\nconst IconWrapper = (props: React.PropsWithChildren<IconWrapperProps> & ClassNameProps) => {\n const {icon, children, className, size, gravityIcon} = props;\n if (!icon && !gravityIcon) {\n return <React.Fragment>{children}</React.Fragment>;\n }\n\n const iconPosition = icon?.position;\n\n const gravityIconPosition = gravityIcon?.position;\n\n const position = gravityIconPosition || iconPosition;\n\n return (\n <div className={b({['icon-position']: position}, className)}>\n <Icon\n icon={icon?.value}\n gravityIcon={gravityIcon?.value}\n containerClassName={b('icon-container')}\n className={b('icon', {\n ['icon-position']: position,\n size,\n ['gravity-icon']: Boolean(gravityIcon),\n })}\n />\n <div className={b('content', {['icon-position']: position})}>{children}</div>\n </div>\n );\n};\n\nexport default IconWrapper;\n"]}
|
|
@@ -14,10 +14,12 @@ unpredictable css rules order in build */
|
|
|
14
14
|
max-width: 100%;
|
|
15
15
|
margin-bottom: 12px;
|
|
16
16
|
height: 32px;
|
|
17
|
-
width: 32px;
|
|
18
17
|
object-fit: contain;
|
|
19
18
|
display: block;
|
|
20
19
|
}
|
|
20
|
+
.pc-icon-wrapper__icon_gravity-icon {
|
|
21
|
+
width: 32px;
|
|
22
|
+
}
|
|
21
23
|
.pc-icon-wrapper__icon_icon-position_left {
|
|
22
24
|
height: 22px;
|
|
23
25
|
width: 22px;
|
|
@@ -12,7 +12,11 @@ const IconWrapper = (props) => {
|
|
|
12
12
|
const iconPosition = icon?.position;
|
|
13
13
|
const gravityIconPosition = gravityIcon?.position;
|
|
14
14
|
const position = gravityIconPosition || iconPosition;
|
|
15
|
-
return (_jsxs("div", { className: b({ ['icon-position']: position }, className), children: [_jsx(Icon, { icon: icon?.value, gravityIcon: gravityIcon?.value, containerClassName: b('icon-container'), className: b('icon', {
|
|
15
|
+
return (_jsxs("div", { className: b({ ['icon-position']: position }, className), children: [_jsx(Icon, { icon: icon?.value, gravityIcon: gravityIcon?.value, containerClassName: b('icon-container'), className: b('icon', {
|
|
16
|
+
['icon-position']: position,
|
|
17
|
+
size,
|
|
18
|
+
['gravity-icon']: Boolean(gravityIcon),
|
|
19
|
+
}) }), _jsx("div", { className: b('content', { ['icon-position']: position }), children: children })] }));
|
|
16
20
|
};
|
|
17
21
|
export default IconWrapper;
|
|
18
22
|
//# sourceMappingURL=IconWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconWrapper.js","sourceRoot":"../../../../src","sources":["components/IconWrapper/IconWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,IAAI,wBAAqB;AAEhC,OAAO,mBAAmB,CAAC;AAC3B,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,KAAiE,EAAE,EAAE;IACtF,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IAC7D,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;QACxB,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAAC;IACvD,CAAC;IAED,MAAM,YAAY,GAAG,IAAI,EAAE,QAAQ,CAAC;IAEpC,MAAM,mBAAmB,GAAG,WAAW,EAAE,QAAQ,CAAC;IAElD,MAAM,QAAQ,GAAG,mBAAmB,IAAI,YAAY,CAAC;IAErD,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,QAAQ,EAAC,EAAE,SAAS,CAAC,aACvD,KAAC,IAAI,IACD,IAAI,EAAE,IAAI,EAAE,KAAK,EACjB,WAAW,EAAE,WAAW,EAAE,KAAK,EAC/B,kBAAkB,EAAE,CAAC,CAAC,gBAAgB,CAAC,EACvC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"IconWrapper.js","sourceRoot":"../../../../src","sources":["components/IconWrapper/IconWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,IAAI,wBAAqB;AAEhC,OAAO,mBAAmB,CAAC;AAC3B,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,KAAiE,EAAE,EAAE;IACtF,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IAC7D,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;QACxB,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAAC;IACvD,CAAC;IAED,MAAM,YAAY,GAAG,IAAI,EAAE,QAAQ,CAAC;IAEpC,MAAM,mBAAmB,GAAG,WAAW,EAAE,QAAQ,CAAC;IAElD,MAAM,QAAQ,GAAG,mBAAmB,IAAI,YAAY,CAAC;IAErD,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,QAAQ,EAAC,EAAE,SAAS,CAAC,aACvD,KAAC,IAAI,IACD,IAAI,EAAE,IAAI,EAAE,KAAK,EACjB,WAAW,EAAE,WAAW,EAAE,KAAK,EAC/B,kBAAkB,EAAE,CAAC,CAAC,gBAAgB,CAAC,EACvC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;oBACjB,CAAC,eAAe,CAAC,EAAE,QAAQ;oBAC3B,IAAI;oBACJ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC;iBACzC,CAAC,GACJ,EACF,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,QAAQ,EAAC,CAAC,YAAG,QAAQ,GAAO,IAC3E,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type {ClassNameProps, IconWrapperProps} from '../../models';\nimport {block} from '../../utils';\nimport Icon from '../Icon/Icon';\n\nimport './IconWrapper.scss';\nconst b = block('icon-wrapper');\n\nconst IconWrapper = (props: React.PropsWithChildren<IconWrapperProps> & ClassNameProps) => {\n const {icon, children, className, size, gravityIcon} = props;\n if (!icon && !gravityIcon) {\n return <React.Fragment>{children}</React.Fragment>;\n }\n\n const iconPosition = icon?.position;\n\n const gravityIconPosition = gravityIcon?.position;\n\n const position = gravityIconPosition || iconPosition;\n\n return (\n <div className={b({['icon-position']: position}, className)}>\n <Icon\n icon={icon?.value}\n gravityIcon={gravityIcon?.value}\n containerClassName={b('icon-container')}\n className={b('icon', {\n ['icon-position']: position,\n size,\n ['gravity-icon']: Boolean(gravityIcon),\n })}\n />\n <div className={b('content', {['icon-position']: position})}>{children}</div>\n </div>\n );\n};\n\nexport default IconWrapper;\n"]}
|