@gravity-ui/page-constructor 8.2.1 → 8.3.0

package/build/cjs/components/ContentLabels/ContentLabels.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../utils/index.js");
-const ContentIcon_1 = tslib_1.__importDefault(require("../ContentIcon/ContentIcon.js"));
-const b = (0, utils_1.block)('content-labels');
-const ContentLabels = ({ className, labels, theme, size = 'l', qa, }) => {
-    const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, ['icon', 'text']);
-    return ((0, jsx_runtime_1.jsx)("div", { className: b({ size }, className), children: labels.map((label) => {
-            const { text, icon, gravityIcon } = label;
-            return ((0, jsx_runtime_1.jsxs)("div", { className: b('label', { theme }), children: [(0, jsx_runtime_1.jsx)(ContentIcon_1.default, { className: b('label-icon'), icon: icon, gravityIcon: gravityIcon, qa: qaAttributes.icon }), (0, jsx_runtime_1.jsx)("span", { className: b('label-text'), "data-qa": qaAttributes.text, children: text })] }, text));
-        }) }));
-};
-exports.default = ContentLabels;
-//# sourceMappingURL=ContentLabels.js.map

package/build/cjs/components/ContentLabels/ContentLabels.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentLabels.js","sourceRoot":"../../../../src","sources":["components/ContentLabels/ContentLabels.tsx"],"names":[],"mappings":";;;;AACA,gDAAmD;AACnD,wFAAqD;AAIrD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,gBAAgB,CAAC,CAAC;AAElC,MAAM,aAAa,GAAG,CAAC,EACnB,SAAS,EACT,MAAM,EACN,KAAK,EACL,IAAI,GAAG,GAAG,EACV,EAAE,GAC0C,EAAE,EAAE;IAChD,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3D,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,YAC/B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAClB,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;YAExC,OAAO,CACH,iCAAgB,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,KAAK,EAAC,CAAC,aAC1C,uBAAC,qBAAW,IACR,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAC1B,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,YAAY,CAAC,IAAI,GACvB,EACF,iCAAM,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,aAAW,YAAY,CAAC,IAAI,YACvD,IAAI,GACF,KATD,IAAI,CAUR,CACT,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["import {ClassNameProps, ContentLabelsProps, QAProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\nimport ContentIcon from '../ContentIcon/ContentIcon';\n\nimport './ContentLabels.scss';\n\nconst b = block('content-labels');\n\nconst ContentLabels = ({\n    className,\n    labels,\n    theme,\n    size = 'l',\n    qa,\n}: ContentLabelsProps & ClassNameProps & QAProps) => {\n    const qaAttributes = getQaAttrubutes(qa, ['icon', 'text']);\n\n    return (\n        <div className={b({size}, className)}>\n            {labels.map((label) => {\n                const {text, icon, gravityIcon} = label;\n\n                return (\n                    <div key={text} className={b('label', {theme})}>\n                        <ContentIcon\n                            className={b('label-icon')}\n                            icon={icon}\n                            gravityIcon={gravityIcon}\n                            qa={qaAttributes.icon}\n                        />\n                        <span className={b('label-text')} data-qa={qaAttributes.text}>\n                            {text}\n                        </span>\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport default ContentLabels;\n"]}

package/build/esm/components/ContentLabels/ContentLabels.css

@@ -1,53 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-content-labels {
-  display: flex;
-  gap: 10px;
-  flex-wrap: wrap;
-}
-.pc-content-labels__label {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-  flex-shrink: 0;
-  padding: 5px 11px;
-  background-color: var(--g-color-base-generic);
-  border-radius: 6px;
-}
-.pc-content-labels__label, .pc-content-labels__label-text {
-  color: var(--g-color-text-primary);
-}
-.pc-content-labels__label > .pc-icon, .pc-content-labels__label > picture {
-  display: flex;
-}
-.pc-content-labels__label-icon {
-  width: 16px;
-  height: 16px;
-  margin-inline-end: 6px;
-}
-.pc-content-labels__label_theme_light {
-  background-color: var(--g-color-private-black-50);
-}
-.pc-content-labels__label_theme_light,
-.pc-content-labels__label_theme_light .pc-content-labels__label-text {
-  color: var(--g-color-text-dark-primary);
-}
-.pc-content-labels__label_theme_dark {
-  background-color: var(--g-color-private-white-100);
-}
-.pc-content-labels__label_theme_dark,
-.pc-content-labels__label_theme_dark .pc-content-labels__label-text {
-  color: var(--g-color-text-light-primary);
-}
-.pc-content-labels_size_l .pc-content-labels__label, .pc-content-labels_size_m .pc-content-labels__label {
-  font-family: var(--g-text-body-font-family);
-  font-weight: var(--g-text-body-font-weight);
-  font-size: var(--g-text-body-3-font-size);
-  line-height: var(--g-text-body-3-line-height);
-}
-.pc-content-labels_size_s .pc-content-labels__label {
-  font-family: var(--g-text-body-font-family);
-  font-weight: var(--g-text-body-font-weight);
-  font-size: var(--g-text-body-2-font-size);
-  line-height: var(--g-text-body-2-line-height);
-}

package/build/esm/components/ContentLabels/ContentLabels.d.ts

@@ -1,4 +0,0 @@
-import { ClassNameProps, ContentLabelsProps, QAProps } from "../../models/index.js";
-import './ContentLabels.css';
-declare const ContentLabels: ({ className, labels, theme, size, qa, }: ContentLabelsProps & ClassNameProps & QAProps) => import("react/jsx-runtime").JSX.Element;
-export default ContentLabels;

package/build/esm/components/ContentLabels/ContentLabels.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { block, getQaAttrubutes } from "../../utils/index.js";
-import ContentIcon from "../ContentIcon/ContentIcon.js";
-import './ContentLabels.css';
-const b = block('content-labels');
-const ContentLabels = ({ className, labels, theme, size = 'l', qa, }) => {
-    const qaAttributes = getQaAttrubutes(qa, ['icon', 'text']);
-    return (_jsx("div", { className: b({ size }, className), children: labels.map((label) => {
-            const { text, icon, gravityIcon } = label;
-            return (_jsxs("div", { className: b('label', { theme }), children: [_jsx(ContentIcon, { className: b('label-icon'), icon: icon, gravityIcon: gravityIcon, qa: qaAttributes.icon }), _jsx("span", { className: b('label-text'), "data-qa": qaAttributes.text, children: text })] }, text));
-        }) }));
-};
-export default ContentLabels;
-//# sourceMappingURL=ContentLabels.js.map

package/build/esm/components/ContentLabels/ContentLabels.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentLabels.js","sourceRoot":"../../../../src","sources":["components/ContentLabels/ContentLabels.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,EAAE,eAAe,EAAC,6BAAoB;AACnD,OAAO,WAAW,sCAAmC;AAErD,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AAElC,MAAM,aAAa,GAAG,CAAC,EACnB,SAAS,EACT,MAAM,EACN,KAAK,EACL,IAAI,GAAG,GAAG,EACV,EAAE,GAC0C,EAAE,EAAE;IAChD,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3D,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,YAC/B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAClB,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;YAExC,OAAO,CACH,eAAgB,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,KAAK,EAAC,CAAC,aAC1C,KAAC,WAAW,IACR,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAC1B,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,YAAY,CAAC,IAAI,GACvB,EACF,eAAM,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,aAAW,YAAY,CAAC,IAAI,YACvD,IAAI,GACF,KATD,IAAI,CAUR,CACT,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import {ClassNameProps, ContentLabelsProps, QAProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\nimport ContentIcon from '../ContentIcon/ContentIcon';\n\nimport './ContentLabels.scss';\n\nconst b = block('content-labels');\n\nconst ContentLabels = ({\n    className,\n    labels,\n    theme,\n    size = 'l',\n    qa,\n}: ContentLabelsProps & ClassNameProps & QAProps) => {\n    const qaAttributes = getQaAttrubutes(qa, ['icon', 'text']);\n\n    return (\n        <div className={b({size}, className)}>\n            {labels.map((label) => {\n                const {text, icon, gravityIcon} = label;\n\n                return (\n                    <div key={text} className={b('label', {theme})}>\n                        <ContentIcon\n                            className={b('label-icon')}\n                            icon={icon}\n                            gravityIcon={gravityIcon}\n                            qa={qaAttributes.icon}\n                        />\n                        <span className={b('label-text')} data-qa={qaAttributes.text}>\n                            {text}\n                        </span>\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport default ContentLabels;\n"]}