@diplodoc/components 0.0.0-rc-pdf-icon-custimization-24387828749

package/build/cjs/components/ErrorPage/ErrorPage.js

@@ -0,0 +1,86 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ErrorPage/ErrorPage.tsx
+var ErrorPage_exports = {};
+__export(ErrorPage_exports, {
+  default: () => ErrorPage_default
+});
+module.exports = __toCommonJS(ErrorPage_exports);
+var import_react = __toESM(require("react"));
+var import_uikit = require("@gravity-ui/uikit");
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_constants = require("../../constants");
+var import_hooks = require("../../hooks");
+var import_ErrorPage = require("./ErrorPage.css");
+var b = (0, import_bem_cn_lite.default)("ErrorPage");
+var ErrorPage = ({
+  code = 500,
+  homeUrl,
+  receiveAccessText,
+  receiveAccessUrl,
+  pageGroup,
+  links,
+  errorTitle
+}) => {
+  let title;
+  let description;
+  const { t } = (0, import_hooks.useTranslation)("error");
+  const href = homeUrl || "/";
+  const homeLink = /* @__PURE__ */ import_react.default.createElement(import_uikit.Link, { href }, /* @__PURE__ */ import_react.default.createElement(import_uikit.Button, { className: b("description-link") }, t("label_link-main")));
+  switch (code) {
+    case import_constants.ERROR_CODES.ACCESS_DENIED:
+      title = pageGroup ? t("label_title-403_page-group") : t("label_title-403_project");
+      description = /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, homeLink, receiveAccessUrl && /* @__PURE__ */ import_react.default.createElement(import_uikit.Link, { href: receiveAccessUrl, target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ import_react.default.createElement(import_uikit.Button, { view: "action", className: b("description-link") }, receiveAccessText || t("label_link-access"))));
+      break;
+    case import_constants.ERROR_CODES.NOT_FOUND:
+      title = t("label_title-404");
+      description = /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, links && links.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: b("subtext") }, links.filter((link) => link.code && import_constants.SUPPORTED_LANGS.includes(link.code)).map((link) => /* @__PURE__ */ import_react.default.createElement(import_uikit.Link, { href: link.url, key: link.code }, /* @__PURE__ */ import_react.default.createElement(import_uikit.Button, { view: "outlined-info" }, t(`label_lang-${link.code}`))))), /* @__PURE__ */ import_react.default.createElement("div", null, homeLink));
+      break;
+    default:
+      title = t("label_title-500");
+      description = /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, t("label_description-1"), /* @__PURE__ */ import_react.default.createElement(
+        import_uikit.Button,
+        {
+          className: b("description-link"),
+          onClick: () => window.location.reload()
+        },
+        t("label_description-link")
+      ));
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: b() }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      title: `Error image for ${code} code`,
+      className: b("image", { code: code.toString() })
+    }
+  ), /* @__PURE__ */ import_react.default.createElement("h1", { className: b("code") }, t("label_title-code", { code })), /* @__PURE__ */ import_react.default.createElement("h2", { className: b("title") }, errorTitle || title, code === import_constants.ERROR_CODES.NOT_FOUND && links && links.length > 0 && `. ${t("label_subtext")}`), /* @__PURE__ */ import_react.default.createElement("p", { className: b("description") }, description));
+};
+var ErrorPage_default = ErrorPage;
+//# sourceMappingURL=ErrorPage.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ErrorPage/ErrorPage.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport {Button, Link} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {ERROR_CODES, SUPPORTED_LANGS} from '../../constants';\nimport {useTranslation} from '../../hooks';\n\nimport './ErrorPage.scss';\n\nconst b = block('ErrorPage');\n\ntype LinkType = {\n    url: string;\n    code: string;\n};\n\nexport interface ErrorPageProps {\n    code?: number;\n    pageGroup?: string;\n    homeUrl?: string;\n    receiveAccessText?: string;\n    receiveAccessUrl?: string;\n    links?: LinkType[];\n    errorTitle?: string;\n}\n\nconst ErrorPage: React.FC<ErrorPageProps> = ({\n    code = 500,\n    homeUrl,\n    receiveAccessText,\n    receiveAccessUrl,\n    pageGroup,\n    links,\n    errorTitle,\n}) => {\n    let title;\n    let description;\n    const {t} = useTranslation('error');\n    const href = homeUrl || '/';\n    const homeLink = (\n        <Link href={href}>\n            <Button className={b('description-link')}>{t('label_link-main')}</Button>\n        </Link>\n    );\n\n    switch (code) {\n        case ERROR_CODES.ACCESS_DENIED:\n            title = pageGroup ? t('label_title-403_page-group') : t('label_title-403_project');\n            description = (\n                <React.Fragment>\n                    {homeLink}\n                    {receiveAccessUrl && (\n                        <Link href={receiveAccessUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                            <Button view=\"action\" className={b('description-link')}>\n                                {receiveAccessText || t('label_link-access')}\n                            </Button>\n                        </Link>\n                    )}\n                </React.Fragment>\n            );\n            break;\n        case ERROR_CODES.NOT_FOUND:\n            title = t('label_title-404');\n            description = (\n                <React.Fragment>\n                    {links && links.length > 0 && (\n                        <div className={b('subtext')}>\n                            {links\n                                .filter((link) => link.code && SUPPORTED_LANGS.includes(link.code))\n                                .map((link) => (\n                                    <Link href={link.url} key={link.code}>\n                                        <Button view=\"outlined-info\">\n                                            {t(`label_lang-${link.code}`)}\n                                        </Button>\n                                    </Link>\n                                ))}\n                        </div>\n                    )}\n                    <div>{homeLink}</div>\n                </React.Fragment>\n            );\n            break;\n        default:\n            title = t('label_title-500');\n            description = (\n                <React.Fragment>\n                    {t('label_description-1')}\n                    <Button\n                        className={b('description-link')}\n                        onClick={() => window.location.reload()}\n                    >\n                        {t('label_description-link')}\n                    </Button>\n                </React.Fragment>\n            );\n    }\n\n    return (\n        <div className={b()}>\n            <div\n                title={`Error image for ${code} code`}\n                className={b('image', {code: code.toString()})}\n            />\n            <h1 className={b('code')}>{t('label_title-code', {code})}</h1>\n            <h2 className={b('title')}>\n                {errorTitle || title}\n                {code === ERROR_CODES.NOT_FOUND &&\n                    links &&\n                    links.length > 0 &&\n                    `. ${t('label_subtext')}`}\n            </h2>\n            <p className={b('description')}>{description}</p>\n        </div>\n    );\n};\n\nexport default ErrorPage;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAA2B;AAC3B,yBAAkB;AAElB,uBAA2C;AAC3C,mBAA6B;AAE7B,uBAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,WAAW;AAiB3B,IAAM,YAAsC,CAAC;AAAA,EACzC,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,MAAI;AACJ,MAAI;AACJ,QAAM,EAAC,EAAC,QAAI,6BAAe,OAAO;AAClC,QAAM,OAAO,WAAW;AACxB,QAAM,WACF,6BAAAC,QAAA,cAAC,qBAAK,QACF,6BAAAA,QAAA,cAAC,uBAAO,WAAW,EAAE,kBAAkB,KAAI,EAAE,iBAAiB,CAAE,CACpE;AAGJ,UAAQ,MAAM;AAAA,IACV,KAAK,6BAAY;AACb,cAAQ,YAAY,EAAE,4BAA4B,IAAI,EAAE,yBAAyB;AACjF,oBACI,6BAAAA,QAAA,cAAC,aAAAA,QAAM,UAAN,MACI,UACA,oBACG,6BAAAA,QAAA,cAAC,qBAAK,MAAM,kBAAkB,QAAO,UAAS,KAAI,yBAC9C,6BAAAA,QAAA,cAAC,uBAAO,MAAK,UAAS,WAAW,EAAE,kBAAkB,KAChD,qBAAqB,EAAE,mBAAmB,CAC/C,CACJ,CAER;AAEJ;AAAA,IACJ,KAAK,6BAAY;AACb,cAAQ,EAAE,iBAAiB;AAC3B,oBACI,6BAAAA,QAAA,cAAC,aAAAA,QAAM,UAAN,MACI,SAAS,MAAM,SAAS,KACrB,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,SAAS,KACtB,MACI,OAAO,CAAC,SAAS,KAAK,QAAQ,iCAAgB,SAAS,KAAK,IAAI,CAAC,EACjE,IAAI,CAAC,SACF,6BAAAA,QAAA,cAAC,qBAAK,MAAM,KAAK,KAAK,KAAK,KAAK,QAC5B,6BAAAA,QAAA,cAAC,uBAAO,MAAK,mBACR,EAAE,cAAc,KAAK,IAAI,EAAE,CAChC,CACJ,CACH,CACT,GAEJ,6BAAAA,QAAA,cAAC,aAAK,QAAS,CACnB;AAEJ;AAAA,IACJ;AACI,cAAQ,EAAE,iBAAiB;AAC3B,oBACI,6BAAAA,QAAA,cAAC,aAAAA,QAAM,UAAN,MACI,EAAE,qBAAqB,GACxB,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACG,WAAW,EAAE,kBAAkB;AAAA,UAC/B,SAAS,MAAM,OAAO,SAAS,OAAO;AAAA;AAAA,QAErC,EAAE,wBAAwB;AAAA,MAC/B,CACJ;AAAA,EAEZ;AAEA,SACI,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,KACd,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,OAAO,mBAAmB,IAAI;AAAA,MAC9B,WAAW,EAAE,SAAS,EAAC,MAAM,KAAK,SAAS,EAAC,CAAC;AAAA;AAAA,EACjD,GACA,6BAAAA,QAAA,cAAC,QAAG,WAAW,EAAE,MAAM,KAAI,EAAE,oBAAoB,EAAC,KAAI,CAAC,CAAE,GACzD,6BAAAA,QAAA,cAAC,QAAG,WAAW,EAAE,OAAO,KACnB,cAAc,OACd,SAAS,6BAAY,aAClB,SACA,MAAM,SAAS,KACf,KAAK,EAAE,eAAe,CAAC,EAC/B,GACA,6BAAAA,QAAA,cAAC,OAAE,WAAW,EAAE,aAAa,KAAI,WAAY,CACjD;AAER;AAEA,IAAO,oBAAQ;",
+  "names": ["block", "React"]
+}

package/build/cjs/components/ErrorPage/__tests__/ErrorPage.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/build/cjs/components/ErrorPage/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ErrorPage } from './ErrorPage';
+export * from './ErrorPage';

package/build/cjs/components/ErrorPage/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ErrorPage/index.ts
+var ErrorPage_exports = {};
+__export(ErrorPage_exports, {
+  ErrorPage: () => import_ErrorPage.default
+});
+module.exports = __toCommonJS(ErrorPage_exports);
+var import_ErrorPage = __toESM(require("./ErrorPage"));
+__reExport(ErrorPage_exports, require("./ErrorPage"), module.exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/components/ErrorPage/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ErrorPage/index.ts"],
+  "sourcesContent": ["export {default as ErrorPage} from './ErrorPage';\nexport * from './ErrorPage';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAmC;AACnC,8BAAc,wBADd;",
+  "names": []
+}

package/build/cjs/components/Feedback/Feedback.css

@@ -0,0 +1,111 @@
+/* src/components/Feedback/Feedback.scss */
+.dc-feedback__container_view_wide {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  width: 100%;
+}
+.dc-feedback__container-col {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  gap: 20px;
+  width: 100%;
+  padding: 26px;
+  border: 1px solid var(--g-color-line-generic);
+  border-radius: 8px;
+}
+.dc-feedback__container-col_view_wide {
+  display: flex;
+  align-items: center;
+}
+.dc-feedback__success-popup {
+  left: -20px;
+  padding: 16px 50px 16px 16px;
+  width: 320px;
+}
+@media screen and (max-width: 577px) {
+  .dc-feedback__success-popup_view_wide {
+    right: 0 !important;
+    left: 0 !important;
+    margin: auto;
+  }
+}
+.dc-feedback__variants-popup {
+  padding: 16px;
+  width: 320px;
+  left: -20px;
+}
+@media screen and (max-width: 577px) {
+  .dc-feedback__variants-popup_view_wide {
+    right: 0 !important;
+    left: 0 !important;
+    margin: auto;
+  }
+}
+.dc-feedback__popup-title {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  padding-bottom: 8px;
+}
+.dc-feedback__popup-text {
+  font-size: var(--g-text-body-short-font-size);
+  line-height: var(--g-text-body-short-line-height);
+}
+.dc-feedback__variants {
+  display: flex;
+  flex-direction: column;
+  padding: 8px 0;
+}
+.dc-feedback__variant {
+  margin-bottom: 8px;
+  white-space: normal;
+}
+.dc-feedback__variant:last-of-type {
+  margin-bottom: 0;
+}
+.dc-feedback__variants-actions {
+  padding-top: 8px;
+  display: flex;
+  justify-content: flex-end;
+}
+.dc-feedback__variants-action {
+  margin-left: 10px;
+}
+.dc-feedback__textarea {
+  padding: 8px 0;
+}
+.dc-feedback__title_view_wide {
+  font-size: var(--g-text-subheader-3-font-size);
+  line-height: var(--g-text-subheader-3-line-height);
+  font-weight: 400;
+}
+.dc-feedback__controls {
+  display: flex;
+  gap: 20px;
+}
+.dc-feedback__controls_view_wide {
+  display: flex;
+}
+.dc-feedback__control:nth-child(1),
+.dc-feedback__control:nth-child(2) {
+  display: flex;
+  align-items: center;
+  font-size: 17px;
+  line-height: 24px;
+  font-weight: 400;
+}
+.dc-feedback__control_view_wide {
+  margin-right: 24px;
+}
+.dc-feedback__control_view_wide:last-of-type {
+  margin-right: 0;
+}
+.dc-feedback__control_view_regular {
+  margin-right: 4px;
+}
+.dc-feedback__control_view_regular:last-of-type {
+  margin-right: 0;
+}
+/*# sourceMappingURL=Feedback.css.map */

package/build/cjs/components/Feedback/Feedback.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Feedback/Feedback.scss", "../../../../src/components/Feedback/%3Cinput css 7KjYzX%3E", "../../../../src/styles/variables.scss", "../../../../src/styles/mixins.scss"],
+  "sourcesContent": ["@use 'sass:map';\n@use '../../styles/mixins';\n@use '../../styles/variables';\n\n$popupWidth: 320px;\n\n@mixin tooltip-in-center {\n    // use sm to cover a larger number of smartphones\n    @media screen and (max-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        & {\n            // stylelint-disable declaration-no-important\n            right: 0 !important;\n            left: 0 !important;\n            margin: auto;\n        }\n    }\n}\n\n.dc-feedback {\n    &__container {\n        &_view_wide {\n            display: flex;\n            align-items: center;\n            flex-direction: column;\n            width: 100%;\n        }\n    }\n\n    &__container-col {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        flex-direction: column;\n        gap: 20px;\n\n        width: 100%;\n        padding: 26px;\n\n        border: 1px solid var(--g-color-line-generic);\n        border-radius: 8px;\n\n        &_view_wide {\n            display: flex;\n            align-items: center;\n        }\n    }\n\n    &__success-popup {\n        left: -20px;\n\n        padding: variables.$popupPadding 50px variables.$popupPadding variables.$popupPadding;\n        width: $popupWidth;\n\n        &_view_wide {\n            @include tooltip-in-center();\n        }\n    }\n\n    &__variants-popup {\n        padding: variables.$popupPadding;\n        width: $popupWidth;\n        left: -20px;\n\n        &_view_wide {\n            @include tooltip-in-center();\n        }\n    }\n\n    &__popup-title {\n        font-size: var(--g-text-body-2-font-size);\n        line-height: var(--g-text-body-2-line-height);\n        padding-bottom: 8px;\n    }\n\n    &__popup-text {\n        font-size: var(--g-text-body-short-font-size);\n        line-height: var(--g-text-body-short-line-height);\n    }\n\n    &__variants {\n        display: flex;\n        flex-direction: column;\n        padding: 8px 0;\n    }\n\n    &__variant {\n        margin-bottom: 8px;\n        white-space: normal;\n    }\n\n    &__variant:last-of-type {\n        margin-bottom: 0;\n    }\n\n    &__variants-actions {\n        padding-top: 8px;\n        display: flex;\n        justify-content: flex-end;\n    }\n\n    &__variants-action {\n        margin-left: 10px;\n    }\n\n    &__textarea {\n        padding: 8px 0;\n    }\n\n    &__title {\n        &_view_wide {\n            @include mixins.text-size(subheader-3);\n            font-weight: 400;\n        }\n    }\n\n    &__controls {\n        display: flex;\n        gap: 20px;\n\n        &_view_wide {\n            display: flex;\n        }\n    }\n\n    &__control {\n        &:nth-child(1),\n        &:nth-child(2) {\n            display: flex;\n            align-items: center;\n\n            font-size: 17px;\n            line-height: 24px;\n            font-weight: 400;\n        }\n\n        &_view_wide {\n            margin-right: 24px;\n\n            &:last-of-type {\n                margin-right: 0;\n            }\n        }\n\n        &_view_regular {\n            margin-right: 4px;\n\n            &:last-of-type {\n                margin-right: 0;\n            }\n        }\n    }\n}\n", ".dc-feedback__container_view_wide {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n}\n.dc-feedback__container-col {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  gap: 20px;\n  width: 100%;\n  padding: 26px;\n  border: 1px solid var(--g-color-line-generic);\n  border-radius: 8px;\n}\n.dc-feedback__container-col_view_wide {\n  display: flex;\n  align-items: center;\n}\n.dc-feedback__success-popup {\n  left: -20px;\n  padding: 16px 50px 16px 16px;\n  width: 320px;\n}\n@media screen and (max-width: 577px) {\n  .dc-feedback__success-popup_view_wide {\n    right: 0 !important;\n    left: 0 !important;\n    margin: auto;\n  }\n}\n.dc-feedback__variants-popup {\n  padding: 16px;\n  width: 320px;\n  left: -20px;\n}\n@media screen and (max-width: 577px) {\n  .dc-feedback__variants-popup_view_wide {\n    right: 0 !important;\n    left: 0 !important;\n    margin: auto;\n  }\n}\n.dc-feedback__popup-title {\n  font-size: var(--g-text-body-2-font-size);\n  line-height: var(--g-text-body-2-line-height);\n  padding-bottom: 8px;\n}\n.dc-feedback__popup-text {\n  font-size: var(--g-text-body-short-font-size);\n  line-height: var(--g-text-body-short-line-height);\n}\n.dc-feedback__variants {\n  display: flex;\n  flex-direction: column;\n  padding: 8px 0;\n}\n.dc-feedback__variant {\n  margin-bottom: 8px;\n  white-space: normal;\n}\n.dc-feedback__variant:last-of-type {\n  margin-bottom: 0;\n}\n.dc-feedback__variants-actions {\n  padding-top: 8px;\n  display: flex;\n  justify-content: flex-end;\n}\n.dc-feedback__variants-action {\n  margin-left: 10px;\n}\n.dc-feedback__textarea {\n  padding: 8px 0;\n}\n.dc-feedback__title_view_wide {\n  font-size: var(--g-text-subheader-3-font-size);\n  line-height: var(--g-text-subheader-3-line-height);\n  font-weight: 400;\n}\n.dc-feedback__controls {\n  display: flex;\n  gap: 20px;\n}\n.dc-feedback__controls_view_wide {\n  display: flex;\n}\n.dc-feedback__control:nth-child(1), .dc-feedback__control:nth-child(2) {\n  display: flex;\n  align-items: center;\n  font-size: 17px;\n  line-height: 24px;\n  font-weight: 400;\n}\n.dc-feedback__control_view_wide {\n  margin-right: 24px;\n}\n.dc-feedback__control_view_wide:last-of-type {\n  margin-right: 0;\n}\n.dc-feedback__control_view_regular {\n  margin-right: 4px;\n}\n.dc-feedback__control_view_regular:last-of-type {\n  margin-right: 0;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0ZlZWRiYWNrIiwic291cmNlcyI6WyJGZWVkYmFjay5zY3NzIiwiLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcy5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CUTtFQUNJO0VBQ0E7RUFDQTtFQUNBOztBQUlSO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFFQTtFQUNBOztBQUVBO0VBQ0k7RUFDQTs7QUFJUjtFQUNJO0VBRUE7RUFDQSxPQS9DSzs7QUFJVDtFQUNJO0lBRUk7SUFDQTtJQUNBOzs7QUE2Q1I7RUFDSSxTQ2pETztFRGtEUCxPQXhESztFQXlETDs7QUFyREo7RUFDSTtJQUVJO0lBQ0E7SUFDQTs7O0FBdURSO0VBQ0k7RUFDQTtFQUNBOztBQUdKO0VBQ0k7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBSUE7RUV6R0o7RUFDQTtFRjBHUTs7QUFJUjtFQUNJO0VBQ0E7O0FBRUE7RUFDSTs7QUFLSjtFQUVJO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFFQTtFQUNJOztBQUlSO0VBQ0k7O0FBRUE7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuQHVzZSAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5cbiRwb3B1cFdpZHRoOiAzMjBweDtcblxuQG1peGluIHRvb2x0aXAtaW4tY2VudGVyIHtcbiAgICAvLyB1c2Ugc20gdG8gY292ZXIgYSBsYXJnZXIgbnVtYmVyIG9mIHNtYXJ0cGhvbmVzXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICAmIHtcbiAgICAgICAgICAgIC8vIHN0eWxlbGludC1kaXNhYmxlIGRlY2xhcmF0aW9uLW5vLWltcG9ydGFudFxuICAgICAgICAgICAgcmlnaHQ6IDAgIWltcG9ydGFudDtcbiAgICAgICAgICAgIGxlZnQ6IDAgIWltcG9ydGFudDtcbiAgICAgICAgICAgIG1hcmdpbjogYXV0bztcbiAgICAgICAgfVxuICAgIH1cbn1cblxuLmRjLWZlZWRiYWNrIHtcbiAgICAmX19jb250YWluZXIge1xuICAgICAgICAmX3ZpZXdfd2lkZSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2NvbnRhaW5lci1jb2wge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZ2FwOiAyMHB4O1xuXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAyNnB4O1xuXG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1nZW5lcmljKTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogOHB4O1xuXG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fc3VjY2Vzcy1wb3B1cCB7XG4gICAgICAgIGxlZnQ6IC0yMHB4O1xuXG4gICAgICAgIHBhZGRpbmc6IHZhcmlhYmxlcy4kcG9wdXBQYWRkaW5nIDUwcHggdmFyaWFibGVzLiRwb3B1cFBhZGRpbmcgdmFyaWFibGVzLiRwb3B1cFBhZGRpbmc7XG4gICAgICAgIHdpZHRoOiAkcG9wdXBXaWR0aDtcblxuICAgICAgICAmX3ZpZXdfd2lkZSB7XG4gICAgICAgICAgICBAaW5jbHVkZSB0b29sdGlwLWluLWNlbnRlcigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fdmFyaWFudHMtcG9wdXAge1xuICAgICAgICBwYWRkaW5nOiB2YXJpYWJsZXMuJHBvcHVwUGFkZGluZztcbiAgICAgICAgd2lkdGg6ICRwb3B1cFdpZHRoO1xuICAgICAgICBsZWZ0OiAtMjBweDtcblxuICAgICAgICAmX3ZpZXdfd2lkZSB7XG4gICAgICAgICAgICBAaW5jbHVkZSB0b29sdGlwLWluLWNlbnRlcigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fcG9wdXAtdGl0bGUge1xuICAgICAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTItZm9udC1zaXplKTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTItbGluZS1oZWlnaHQpO1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogOHB4O1xuICAgIH1cblxuICAgICZfX3BvcHVwLXRleHQge1xuICAgICAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LXNob3J0LWZvbnQtc2l6ZSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1zaG9ydC1saW5lLWhlaWdodCk7XG4gICAgfVxuXG4gICAgJl9fdmFyaWFudHMge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBwYWRkaW5nOiA4cHggMDtcbiAgICB9XG5cbiAgICAmX192YXJpYW50IHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogOHB4O1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICAgIH1cblxuICAgICZfX3ZhcmlhbnQ6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG5cbiAgICAmX192YXJpYW50cy1hY3Rpb25zIHtcbiAgICAgICAgcGFkZGluZy10b3A6IDhweDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICB9XG5cbiAgICAmX192YXJpYW50cy1hY3Rpb24ge1xuICAgICAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgICB9XG5cbiAgICAmX190ZXh0YXJlYSB7XG4gICAgICAgIHBhZGRpbmc6IDhweCAwO1xuICAgIH1cblxuICAgICZfX3RpdGxlIHtcbiAgICAgICAgJl92aWV3X3dpZGUge1xuICAgICAgICAgICAgQGluY2x1ZGUgbWl4aW5zLnRleHQtc2l6ZShzdWJoZWFkZXItMyk7XG4gICAgICAgICAgICBmb250LXdlaWdodDogNDAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fY29udHJvbHMge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBnYXA6IDIwcHg7XG5cbiAgICAgICAgJl92aWV3X3dpZGUge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2NvbnRyb2wge1xuICAgICAgICAmOm50aC1jaGlsZCgxKSxcbiAgICAgICAgJjpudGgtY2hpbGQoMikge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTdweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgICAgfVxuXG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMjRweDtcblxuICAgICAgICAgICAgJjpsYXN0LW9mLXR5cGUge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfdmlld19yZWd1bGFyIHtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogNHB4O1xuXG4gICAgICAgICAgICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuIiwiLy8gU2l6ZXNcbiRoZWFkZXJIZWlnaHQ6IDBweDtcbiRzdWJIZWFkZXJIZWlnaHQ6IDQwcHg7XG4kc3ViTmF2aWdhdGlvbkhlaWdodDogNTJweDtcbiRub3JtYWxPZmZzZXQ6IDIwcHg7XG4kbWluaVRvY09mZnNldDogNTZweDtcbiRibG9ja01hcmdpbkJvdHRvbUxhcmdlOiAyMHB4O1xuJGJsb2NrTWFyZ2luQm90dG9tTWVkaXVtOiAxNXB4O1xuJGhlYWRlck1hcmdpblRvcExhcmdlOiA0MHB4O1xuJGhlYWRlck1hcmdpblRvcE1lZGl1bTogMzJweDtcbiRwb3B1cFBhZGRpbmc6IDE2cHg7XG4kY2VudGVyQmxvY2tNYXhXaWR0aDogNzM2cHg7XG5cbi8vIE5hdmlnYXRpb25cbiR0b01haW5NZW51VmVydGljYWxQYWRkaW5nOiA0cHg7XG4kdG9NYWluTWVudUhvcml6b250YWxQYWRkaW5nOiAxMnB4O1xuJHRvTWFpbk1lbnVIZWlnaHQ6IGNhbGMoXG4gICAgdmFyKC0tZGMtc3VibmF2aWdhdGlvbi1oZWlnaHQsICRzdWJOYXZpZ2F0aW9uSGVpZ2h0KSAtICN7JHRvTWFpbk1lbnVWZXJ0aWNhbFBhZGRpbmd9IC1cbiAgICAgICAgI3skdG9NYWluTWVudVZlcnRpY2FsUGFkZGluZ31cbik7XG5cbi8vIE1pbmlUb2NcbiRtaW5pVG9jVmVydGljYWxQYWRkaW5nOiAxNnB4O1xuJG1pbmlUb2NUaXRsZUhlaWdodDogMjBweDsgLy8gbGluZS1oZWlnaHQgYm9keS0yXG4kbWluaVRvY1RpdGxlTWFyZ2luOiAxMnB4O1xuJG1vYmlsZU1pbmlUb2NPZmZzZXQ6IDIgKiAkbWluaVRvY1ZlcnRpY2FsUGFkZGluZyArICRtaW5pVG9jVGl0bGVIZWlnaHQgKyAkbWluaVRvY1RpdGxlTWFyZ2luO1xuXG4kc2NyZWVuQnJlYWtwb2ludHM6IChcbiAgICAneHMnOiAzNzVweCxcbiAgICAnc20nOiA1NzdweCxcbiAgICAnbWQnOiA3NjlweCxcbiAgICAnbGcnOiAxMDgxcHgsXG4gICAgJ3hsJzogMTE4NXB4LFxuKTtcbiIsIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJ3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgQGluY2x1ZGUgZm9jdXNhYmxlKDAsICdib3gtc2hhZG93Jyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */", "// Sizes\n$headerHeight: 0px;\n$subHeaderHeight: 40px;\n$subNavigationHeight: 52px;\n$normalOffset: 20px;\n$miniTocOffset: 56px;\n$blockMarginBottomLarge: 20px;\n$blockMarginBottomMedium: 15px;\n$headerMarginTopLarge: 40px;\n$headerMarginTopMedium: 32px;\n$popupPadding: 16px;\n$centerBlockMaxWidth: 736px;\n\n// Navigation\n$toMainMenuVerticalPadding: 4px;\n$toMainMenuHorizontalPadding: 12px;\n$toMainMenuHeight: calc(\n    var(--dc-subnavigation-height, $subNavigationHeight) - #{$toMainMenuVerticalPadding} -\n        #{$toMainMenuVerticalPadding}\n);\n\n// MiniToc\n$miniTocVerticalPadding: 16px;\n$miniTocTitleHeight: 20px; // line-height body-2\n$miniTocTitleMargin: 12px;\n$mobileMiniTocOffset: 2 * $miniTocVerticalPadding + $miniTocTitleHeight + $miniTocTitleMargin;\n\n$screenBreakpoints: (\n    'xs': 375px,\n    'sm': 577px,\n    'md': 769px,\n    'lg': 1081px,\n    'xl': 1185px,\n);\n", "@use 'sass:map';\n@use 'variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin focusable($offset: 0, $mode: 'outline') {\n    @if $mode == 'outline' {\n        &:focus {\n            outline: 2px solid var(--g-color-line-focus);\n            outline-offset: $offset;\n        }\n        &:focus:not(:focus-visible) {\n            outline: 0;\n        }\n    }\n\n    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
+  "mappings": ";AAoBQ,CAAA;AACI,WAAA;AACA,eAAA;AACA,kBAAA;AACA,SAAA;ACnBZ;ADuBI,CAAA;AACI,WAAA;AACA,mBAAA;AACA,eAAA;AACA,kBAAA;AACA,OAAA;AAEA,SAAA;AACA,WAAA;AAEA,UAAA,IAAA,MAAA,IAAA;AACA,iBAAA;ACvBR;ADyBQ,CAAA;AACI,WAAA;AACA,eAAA;ACvBZ;AD2BI,CAAA;AACI,QAAA;AAEA,WAAA,KAAA,KAAA,KAAA;AACA,SAAA;AC1BR;ADjBI,OAAA,YAAA,WAAA;AACI,GAAA;AAEI,WAAA;AACA,UAAA;AACA,YAAA;ACkBV;AACF;AD0BI,CAAA;AACI,WAAA;AACA,SAAA;AACA,QAAA;ACxBR;AD7BI,OAAA,YAAA,WAAA;AACI,GAAA;AAEI,WAAA;AACA,UAAA;AACA,YAAA;AC8BV;AACF;ADwBI,CAAA;AACI,aAAA,IAAA;AACA,eAAA,IAAA;AACA,kBAAA;ACtBR;ADyBI,CAAA;AACI,aAAA,IAAA;AACA,eAAA,IAAA;ACvBR;AD0BI,CAAA;AACI,WAAA;AACA,kBAAA;AACA,WAAA,IAAA;ACxBR;AD2BI,CAAA;AACI,iBAAA;AACA,eAAA;ACzBR;AD4BI,CALA,oBAKA;AACI,iBAAA;AC1BR;AD6BI,CAAA;AACI,eAAA;AACA,WAAA;AACA,mBAAA;AC3BR;AD8BI,CAAA;AACI,eAAA;AC5BR;AD+BI,CAAA;AACI,WAAA,IAAA;AC7BR;ADiCQ,CAAA;AGzGJ,aAAA,IAAA;AACA,eAAA,IAAA;AH0GQ,eAAA;AC9BZ;ADkCI,CAAA;AACI,WAAA;AACA,OAAA;AChCR;ADkCQ,CAAA;AACI,WAAA;AChCZ;ADqCQ,CAAA,oBAAA;AAAA,CAAA,oBAAA;AAEI,WAAA;AACA,eAAA;AAEA,aAAA;AACA,eAAA;AACA,eAAA;ACrCZ;ADwCQ,CAAA;AACI,gBAAA;ACtCZ;ADwCY,CAHJ,8BAGI;AACI,gBAAA;ACtChB;AD0CQ,CAAA;AACI,gBAAA;ACxCZ;AD0CY,CAHJ,iCAGI;AACI,gBAAA;ACxChB;",
+  "names": []
+}

package/build/cjs/components/Feedback/Feedback.d.ts

@@ -0,0 +1,15 @@
+import type { FeedbackSendData } from '../../models';
+import React from 'react';
+import './Feedback.scss';
+export declare enum FeedbackView {
+    Wide = "wide",
+    Regular = "regular"
+}
+export interface FeedbackProps {
+    isLiked?: boolean;
+    isDisliked?: boolean;
+    onSendFeedback: (data: FeedbackSendData) => void;
+    view?: FeedbackView;
+}
+declare const Feedback: React.FC<FeedbackProps>;
+export default Feedback;

package/build/cjs/components/Feedback/Feedback.js

@@ -0,0 +1,184 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a, prop, b2[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a, prop, b2[prop]);
+    }
+  return a;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Feedback/Feedback.tsx
+var Feedback_exports = {};
+__export(Feedback_exports, {
+  FeedbackView: () => FeedbackView,
+  default: () => Feedback_default
+});
+module.exports = __toCommonJS(Feedback_exports);
+var import_react = __toESM(require("react"));
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_hooks = require("../../hooks");
+var import_models = require("../../models");
+var import_DislikeControl = __toESM(require("./controls/DislikeControl"));
+var import_DislikeVariantsPopup = __toESM(require("./controls/DislikeVariantsPopup"));
+var import_LikeControl = __toESM(require("./controls/LikeControl"));
+var import_SuccessPopup = __toESM(require("./controls/SuccessPopup"));
+var import_Feedback = require("./Feedback.css");
+var b = (0, import_bem_cn_lite.default)("dc-feedback");
+var FeedbackView = /* @__PURE__ */ ((FeedbackView2) => {
+  FeedbackView2["Wide"] = "wide";
+  FeedbackView2["Regular"] = "regular";
+  return FeedbackView2;
+})(FeedbackView || {});
+var getInnerState = (isLiked, isDisliked) => {
+  switch (true) {
+    case Boolean(isDisliked):
+      return import_models.FeedbackType.dislike;
+    case Boolean(isLiked):
+      return import_models.FeedbackType.like;
+    default:
+      return import_models.FeedbackType.indeterminate;
+  }
+};
+var ControlsLayout = ({ view, children }) => {
+  const { t } = (0, import_hooks.useTranslation)("feedback");
+  if (view === "regular" /* Regular */) {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children);
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: b("container", { view }) }, /* @__PURE__ */ import_react.default.createElement("div", { className: b("container-col", { view }) }, /* @__PURE__ */ import_react.default.createElement("h3", { className: b("title", { view }) }, t("main-question")), /* @__PURE__ */ import_react.default.createElement("div", { className: b("controls", { view }) }, children)));
+};
+var Feedback = (props) => {
+  const {
+    isLiked = false,
+    isDisliked = false,
+    onSendFeedback,
+    view = "regular" /* Regular */
+  } = props;
+  const likeControlRef = (0, import_react.useRef)(null);
+  const dislikeControlRef = (0, import_react.useRef)(null);
+  const [innerState, setInnerState] = (0, import_react.useState)(getInnerState(isLiked, isDisliked));
+  (0, import_react.useEffect)(() => {
+    setInnerState(getInnerState(isLiked, isDisliked));
+  }, [isLiked, isDisliked, setInnerState]);
+  const likeSuccessPopup = (0, import_hooks.usePopupState)({ autoclose: 3e3 });
+  const dislikeSuccessPopup = (0, import_hooks.usePopupState)({ autoclose: 3e3 });
+  const dislikeVariantsPopup = (0, import_hooks.usePopupState)();
+  const hideFeedbackPopups = (0, import_react.useCallback)(() => {
+    likeSuccessPopup.close();
+    dislikeSuccessPopup.close();
+    dislikeVariantsPopup.close();
+  }, [likeSuccessPopup, dislikeSuccessPopup, dislikeVariantsPopup]);
+  const onChangeLike = (0, import_react.useCallback)(() => {
+    hideFeedbackPopups();
+    if (innerState === import_models.FeedbackType.like) {
+      setInnerState(import_models.FeedbackType.indeterminate);
+      onSendFeedback({ type: import_models.FeedbackType.indeterminate });
+    } else {
+      setInnerState(import_models.FeedbackType.like);
+      onSendFeedback({ type: import_models.FeedbackType.like });
+      likeSuccessPopup.open();
+    }
+  }, [onSendFeedback, setInnerState, innerState, likeSuccessPopup, hideFeedbackPopups]);
+  const onChangeDislike = (0, import_react.useCallback)(() => {
+    hideFeedbackPopups();
+    if (innerState === import_models.FeedbackType.dislike) {
+      setInnerState(import_models.FeedbackType.indeterminate);
+      onSendFeedback({ type: import_models.FeedbackType.indeterminate });
+    } else {
+      dislikeVariantsPopup.open();
+    }
+  }, [onSendFeedback, setInnerState, innerState, dislikeVariantsPopup, hideFeedbackPopups]);
+  const onSendDislikeInformation = (0, import_react.useCallback)(
+    (data) => {
+      hideFeedbackPopups();
+      dislikeSuccessPopup.open();
+      setInnerState(import_models.FeedbackType.dislike);
+      onSendFeedback(__spreadValues({ type: import_models.FeedbackType.dislike }, data));
+    },
+    [onSendFeedback, setInnerState, dislikeSuccessPopup, hideFeedbackPopups]
+  );
+  const isDislikePopupVisible = dislikeSuccessPopup.visible || dislikeVariantsPopup.visible;
+  const isFeedbackHidden = (0, import_hooks.useInterface)("feedback");
+  if (isFeedbackHidden) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(ControlsLayout, { view }, /* @__PURE__ */ import_react.default.createElement(
+    import_LikeControl.default,
+    {
+      ref: likeControlRef,
+      view,
+      onClick: onChangeLike,
+      isLiked: innerState === import_models.FeedbackType.like,
+      isPopupVisible: likeSuccessPopup.visible
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_DislikeControl.default,
+    {
+      ref: dislikeControlRef,
+      view,
+      onClick: onChangeDislike,
+      isDisliked: innerState === import_models.FeedbackType.dislike,
+      isPopupVisible: isDislikePopupVisible
+    }
+  )), likeControlRef.current && /* @__PURE__ */ import_react.default.createElement(
+    import_SuccessPopup.default,
+    {
+      visible: likeSuccessPopup.visible,
+      anchor: likeControlRef,
+      view,
+      onOutsideClick: hideFeedbackPopups
+    }
+  ), dislikeControlRef.current && /* @__PURE__ */ import_react.default.createElement(
+    import_SuccessPopup.default,
+    {
+      visible: dislikeSuccessPopup.visible,
+      anchor: dislikeControlRef,
+      view,
+      onOutsideClick: hideFeedbackPopups
+    }
+  ), dislikeControlRef.current && /* @__PURE__ */ import_react.default.createElement(
+    import_DislikeVariantsPopup.default,
+    {
+      visible: dislikeVariantsPopup.visible,
+      anchor: dislikeControlRef,
+      view,
+      onSubmit: onSendDislikeInformation,
+      onOutsideClick: hideFeedbackPopups
+    }
+  ));
+};
+var Feedback_default = Feedback;
+//# sourceMappingURL=Feedback.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Feedback/Feedback.tsx"],
+  "sourcesContent": ["import type {PropsWithChildren} from 'react';\nimport type {FeedbackSendData} from '../../models';\nimport type {FormData} from './controls/DislikeVariantsPopup';\n\nimport React, {useCallback, useEffect, useRef, useState} from 'react';\nimport block from 'bem-cn-lite';\n\nimport {useInterface, usePopupState, useTranslation} from '../../hooks';\nimport {FeedbackType} from '../../models';\n\nimport DislikeControl from './controls/DislikeControl';\nimport DislikeVariantsPopup from './controls/DislikeVariantsPopup';\nimport LikeControl from './controls/LikeControl';\nimport SuccessPopup from './controls/SuccessPopup';\nimport './Feedback.scss';\n\nconst b = block('dc-feedback');\n\nexport enum FeedbackView {\n    Wide = 'wide',\n    Regular = 'regular',\n}\n\nexport interface FeedbackProps {\n    isLiked?: boolean;\n    isDisliked?: boolean;\n    onSendFeedback: (data: FeedbackSendData) => void;\n    view?: FeedbackView;\n}\n\nconst getInnerState = (isLiked: boolean, isDisliked: boolean) => {\n    switch (true) {\n        case Boolean(isDisliked):\n            return FeedbackType.dislike;\n        case Boolean(isLiked):\n            return FeedbackType.like;\n        default:\n            return FeedbackType.indeterminate;\n    }\n};\n\nconst ControlsLayout: React.FC<PropsWithChildren<{view: FeedbackView}>> = ({view, children}) => {\n    const {t} = useTranslation('feedback');\n\n    if (view === FeedbackView.Regular) {\n        return <React.Fragment>{children}</React.Fragment>;\n    }\n\n    return (\n        <div className={b('container', {view})}>\n            <div className={b('container-col', {view})}>\n                <h3 className={b('title', {view})}>{t('main-question')}</h3>\n                <div className={b('controls', {view})}>{children}</div>\n            </div>\n        </div>\n    );\n};\n\nconst Feedback: React.FC<FeedbackProps> = (props) => {\n    const {\n        isLiked = false,\n        isDisliked = false,\n        onSendFeedback,\n        view = FeedbackView.Regular,\n    } = props;\n\n    const likeControlRef = useRef<HTMLButtonElement | null>(null);\n    const dislikeControlRef = useRef<HTMLButtonElement | null>(null);\n\n    const [innerState, setInnerState] = useState<FeedbackType>(getInnerState(isLiked, isDisliked));\n    useEffect(() => {\n        setInnerState(getInnerState(isLiked, isDisliked));\n    }, [isLiked, isDisliked, setInnerState]);\n\n    const likeSuccessPopup = usePopupState({autoclose: 3000});\n    const dislikeSuccessPopup = usePopupState({autoclose: 3000});\n    const dislikeVariantsPopup = usePopupState();\n\n    const hideFeedbackPopups = useCallback(() => {\n        likeSuccessPopup.close();\n        dislikeSuccessPopup.close();\n        dislikeVariantsPopup.close();\n    }, [likeSuccessPopup, dislikeSuccessPopup, dislikeVariantsPopup]);\n\n    const onChangeLike = useCallback(() => {\n        hideFeedbackPopups();\n\n        if (innerState === FeedbackType.like) {\n            setInnerState(FeedbackType.indeterminate);\n            onSendFeedback({type: FeedbackType.indeterminate});\n        } else {\n            setInnerState(FeedbackType.like);\n            onSendFeedback({type: FeedbackType.like});\n            likeSuccessPopup.open();\n        }\n    }, [onSendFeedback, setInnerState, innerState, likeSuccessPopup, hideFeedbackPopups]);\n\n    const onChangeDislike = useCallback(() => {\n        hideFeedbackPopups();\n\n        if (innerState === FeedbackType.dislike) {\n            setInnerState(FeedbackType.indeterminate);\n            onSendFeedback({type: FeedbackType.indeterminate});\n        } else {\n            dislikeVariantsPopup.open();\n        }\n    }, [onSendFeedback, setInnerState, innerState, dislikeVariantsPopup, hideFeedbackPopups]);\n\n    const onSendDislikeInformation = useCallback(\n        (data: FormData) => {\n            hideFeedbackPopups();\n            dislikeSuccessPopup.open();\n            setInnerState(FeedbackType.dislike);\n            onSendFeedback({type: FeedbackType.dislike, ...data});\n        },\n        [onSendFeedback, setInnerState, dislikeSuccessPopup, hideFeedbackPopups],\n    );\n\n    const isDislikePopupVisible = dislikeSuccessPopup.visible || dislikeVariantsPopup.visible;\n    const isFeedbackHidden = useInterface('feedback');\n\n    if (isFeedbackHidden) {\n        return null;\n    }\n\n    return (\n        <React.Fragment>\n            <ControlsLayout view={view}>\n                <LikeControl\n                    ref={likeControlRef}\n                    view={view}\n                    onClick={onChangeLike}\n                    isLiked={innerState === FeedbackType.like}\n                    isPopupVisible={likeSuccessPopup.visible}\n                />\n                <DislikeControl\n                    ref={dislikeControlRef}\n                    view={view}\n                    onClick={onChangeDislike}\n                    isDisliked={innerState === FeedbackType.dislike}\n                    isPopupVisible={isDislikePopupVisible}\n                />\n            </ControlsLayout>\n            {likeControlRef.current && (\n                <SuccessPopup\n                    visible={likeSuccessPopup.visible}\n                    anchor={likeControlRef}\n                    view={view}\n                    onOutsideClick={hideFeedbackPopups}\n                />\n            )}\n            {dislikeControlRef.current && (\n                <SuccessPopup\n                    visible={dislikeSuccessPopup.visible}\n                    anchor={dislikeControlRef}\n                    view={view}\n                    onOutsideClick={hideFeedbackPopups}\n                />\n            )}\n            {dislikeControlRef.current && (\n                <DislikeVariantsPopup\n                    visible={dislikeVariantsPopup.visible}\n                    anchor={dislikeControlRef}\n                    view={view}\n                    onSubmit={onSendDislikeInformation}\n                    onOutsideClick={hideFeedbackPopups}\n                />\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default Feedback;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA8D;AAC9D,yBAAkB;AAElB,mBAA0D;AAC1D,oBAA2B;AAE3B,4BAA2B;AAC3B,kCAAiC;AACjC,yBAAwB;AACxB,0BAAyB;AACzB,sBAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,aAAa;AAEtB,IAAK,eAAL,kBAAKC,kBAAL;AACH,EAAAA,cAAA,UAAO;AACP,EAAAA,cAAA,aAAU;AAFF,SAAAA;AAAA,GAAA;AAYZ,IAAM,gBAAgB,CAAC,SAAkB,eAAwB;AAC7D,UAAQ,MAAM;AAAA,IACV,KAAK,QAAQ,UAAU;AACnB,aAAO,2BAAa;AAAA,IACxB,KAAK,QAAQ,OAAO;AAChB,aAAO,2BAAa;AAAA,IACxB;AACI,aAAO,2BAAa;AAAA,EAC5B;AACJ;AAEA,IAAM,iBAAoE,CAAC,EAAC,MAAM,SAAQ,MAAM;AAC5F,QAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AAErC,MAAI,SAAS,yBAAsB;AAC/B,WAAO,6BAAAC,QAAA,cAAC,aAAAA,QAAM,UAAN,MAAgB,QAAS;AAAA,EACrC;AAEA,SACI,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,aAAa,EAAC,KAAI,CAAC,KACjC,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,iBAAiB,EAAC,KAAI,CAAC,KACrC,6BAAAA,QAAA,cAAC,QAAG,WAAW,EAAE,SAAS,EAAC,KAAI,CAAC,KAAI,EAAE,eAAe,CAAE,GACvD,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,YAAY,EAAC,KAAI,CAAC,KAAI,QAAS,CACrD,CACJ;AAER;AAEA,IAAM,WAAoC,CAAC,UAAU;AACjD,QAAM;AAAA,IACF,UAAU;AAAA,IACV,aAAa;AAAA,IACb;AAAA,IACA,OAAO;AAAA,EACX,IAAI;AAEJ,QAAM,qBAAiB,qBAAiC,IAAI;AAC5D,QAAM,wBAAoB,qBAAiC,IAAI;AAE/D,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAuB,cAAc,SAAS,UAAU,CAAC;AAC7F,8BAAU,MAAM;AACZ,kBAAc,cAAc,SAAS,UAAU,CAAC;AAAA,EACpD,GAAG,CAAC,SAAS,YAAY,aAAa,CAAC;AAEvC,QAAM,uBAAmB,4BAAc,EAAC,WAAW,IAAI,CAAC;AACxD,QAAM,0BAAsB,4BAAc,EAAC,WAAW,IAAI,CAAC;AAC3D,QAAM,2BAAuB,4BAAc;AAE3C,QAAM,yBAAqB,0BAAY,MAAM;AACzC,qBAAiB,MAAM;AACvB,wBAAoB,MAAM;AAC1B,yBAAqB,MAAM;AAAA,EAC/B,GAAG,CAAC,kBAAkB,qBAAqB,oBAAoB,CAAC;AAEhE,QAAM,mBAAe,0BAAY,MAAM;AACnC,uBAAmB;AAEnB,QAAI,eAAe,2BAAa,MAAM;AAClC,oBAAc,2BAAa,aAAa;AACxC,qBAAe,EAAC,MAAM,2BAAa,cAAa,CAAC;AAAA,IACrD,OAAO;AACH,oBAAc,2BAAa,IAAI;AAC/B,qBAAe,EAAC,MAAM,2BAAa,KAAI,CAAC;AACxC,uBAAiB,KAAK;AAAA,IAC1B;AAAA,EACJ,GAAG,CAAC,gBAAgB,eAAe,YAAY,kBAAkB,kBAAkB,CAAC;AAEpF,QAAM,sBAAkB,0BAAY,MAAM;AACtC,uBAAmB;AAEnB,QAAI,eAAe,2BAAa,SAAS;AACrC,oBAAc,2BAAa,aAAa;AACxC,qBAAe,EAAC,MAAM,2BAAa,cAAa,CAAC;AAAA,IACrD,OAAO;AACH,2BAAqB,KAAK;AAAA,IAC9B;AAAA,EACJ,GAAG,CAAC,gBAAgB,eAAe,YAAY,sBAAsB,kBAAkB,CAAC;AAExF,QAAM,+BAA2B;AAAA,IAC7B,CAAC,SAAmB;AAChB,yBAAmB;AACnB,0BAAoB,KAAK;AACzB,oBAAc,2BAAa,OAAO;AAClC,qBAAe,iBAAC,MAAM,2BAAa,WAAY,KAAK;AAAA,IACxD;AAAA,IACA,CAAC,gBAAgB,eAAe,qBAAqB,kBAAkB;AAAA,EAC3E;AAEA,QAAM,wBAAwB,oBAAoB,WAAW,qBAAqB;AAClF,QAAM,uBAAmB,2BAAa,UAAU;AAEhD,MAAI,kBAAkB;AAClB,WAAO;AAAA,EACX;AAEA,SACI,6BAAAA,QAAA,cAAC,aAAAA,QAAM,UAAN,MACG,6BAAAA,QAAA,cAAC,kBAAe,QACZ,6BAAAA,QAAA;AAAA,IAAC,mBAAAC;AAAA,IAAA;AAAA,MACG,KAAK;AAAA,MACL;AAAA,MACA,SAAS;AAAA,MACT,SAAS,eAAe,2BAAa;AAAA,MACrC,gBAAgB,iBAAiB;AAAA;AAAA,EACrC,GACA,6BAAAD,QAAA;AAAA,IAAC,sBAAAE;AAAA,IAAA;AAAA,MACG,KAAK;AAAA,MACL;AAAA,MACA,SAAS;AAAA,MACT,YAAY,eAAe,2BAAa;AAAA,MACxC,gBAAgB;AAAA;AAAA,EACpB,CACJ,GACC,eAAe,WACZ,6BAAAF,QAAA;AAAA,IAAC,oBAAAG;AAAA,IAAA;AAAA,MACG,SAAS,iBAAiB;AAAA,MAC1B,QAAQ;AAAA,MACR;AAAA,MACA,gBAAgB;AAAA;AAAA,EACpB,GAEH,kBAAkB,WACf,6BAAAH,QAAA;AAAA,IAAC,oBAAAG;AAAA,IAAA;AAAA,MACG,SAAS,oBAAoB;AAAA,MAC7B,QAAQ;AAAA,MACR;AAAA,MACA,gBAAgB;AAAA;AAAA,EACpB,GAEH,kBAAkB,WACf,6BAAAH,QAAA;AAAA,IAAC,4BAAAI;AAAA,IAAA;AAAA,MACG,SAAS,qBAAqB;AAAA,MAC9B,QAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,gBAAgB;AAAA;AAAA,EACpB,CAER;AAER;AAEA,IAAO,mBAAQ;",
+  "names": ["block", "FeedbackView", "React", "LikeControl", "DislikeControl", "SuccessPopup", "DislikeVariantsPopup"]
+}

package/build/cjs/components/Feedback/__tests__/Feedback.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/build/cjs/components/Feedback/__tests__/FeedbackControls.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/build/cjs/components/Feedback/controls/DislikeControl.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { FeedbackView } from '../Feedback';
+type DislikeControlProps = {
+    isVerticalView?: boolean | undefined;
+    isDisliked: boolean | undefined;
+    isPopupVisible: boolean;
+    className?: string | undefined;
+    view: FeedbackView | undefined;
+    onClick: () => void;
+};
+declare const DislikeControl: React.MemoExoticComponent<React.ForwardRefExoticComponent<DislikeControlProps & React.RefAttributes<HTMLButtonElement>>>;
+export default DislikeControl;

package/build/cjs/components/Feedback/controls/DislikeControl.js

@@ -0,0 +1,69 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Feedback/controls/DislikeControl.tsx
+var DislikeControl_exports = {};
+__export(DislikeControl_exports, {
+  default: () => DislikeControl_default
+});
+module.exports = __toCommonJS(DislikeControl_exports);
+var import_react = __toESM(require("react"));
+var import_icons = require("@gravity-ui/icons");
+var import_uikit = require("@gravity-ui/uikit");
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_hooks = require("../../../hooks");
+var import_Control = require("../../Control");
+var import_ControlsLayout = require("../../Controls/ControlsLayout");
+var import_Feedback = require("../Feedback");
+var b = (0, import_bem_cn_lite.default)("dc-feedback");
+var DislikeControl = (0, import_react.memo)(
+  (0, import_react.forwardRef)(({ isDisliked, view, onClick }, ref) => {
+    const { t } = (0, import_hooks.useTranslation)("feedback");
+    const { isVerticalView, controlClassName } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
+    const tooltipText = isDisliked ? t("cancel-dislike-text") : t("dislike-text");
+    const Icon = isDisliked ? import_icons.ThumbsDownFill : import_icons.ThumbsDown;
+    if (view === import_Feedback.FeedbackView.Wide) {
+      return /* @__PURE__ */ import_react.default.createElement(import_uikit.Button, { view: "normal", ref, onClick, className: b("control", { view }) }, /* @__PURE__ */ import_react.default.createElement(import_uikit.Button.Icon, null, /* @__PURE__ */ import_react.default.createElement(Icon, { width: 20, height: 20 })), t("button-dislike-text"));
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_Control.Control,
+      {
+        onClick,
+        className: b("control", { view }, controlClassName),
+        isVerticalView,
+        tooltipText,
+        ref,
+        icon: Icon
+      }
+    );
+  })
+);
+DislikeControl.displayName = "DislikeControl";
+var DislikeControl_default = DislikeControl;
+//# sourceMappingURL=DislikeControl.js.map