@diplodoc/components 5.16.2 → 5.17.2

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

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import type { PropsWithChildren, ReactNode } from 'react';
 import React from 'react';
 interface ErrorBoundaryState {
     error?: Error;
@@ -8,6 +8,6 @@ declare class ErrorBoundary extends React.Component<PropsWithChildren<ErrorBound
     state: ErrorBoundaryState;
     componentDidUpdate(prevProps: ErrorBoundaryState): void;
     componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
-    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+    render(): ReactNode;
 }
 export default ErrorBoundary;

package/build/esm/components/ErrorBoundary/ErrorBoundary.js

@@ -1,15 +1,12 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-
 // src/components/ErrorBoundary/ErrorBoundary.tsx
 import React from "react";
 import isEqual from "lodash/isEqual";
 import { ErrorPage } from "../ErrorPage";
+import { jsx } from "react/jsx-runtime";
 var ErrorBoundary = class extends React.Component {
   constructor() {
     super(...arguments);
-    __publicField(this, "state", {});
+    this.state = {};
   }
   componentDidUpdate(prevProps) {
     if (this.state.error && !isEqual(this.props, prevProps)) {
@@ -22,7 +19,7 @@ var ErrorBoundary = class extends React.Component {
   render() {
     const { children } = this.props;
     const { error } = this.state;
-    return error ? /* @__PURE__ */ React.createElement(ErrorPage, null) : children;
+    return error ? /* @__PURE__ */ jsx(ErrorPage, {}) : children;
   }
 };
 var ErrorBoundary_default = ErrorBoundary;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/ErrorBoundary/ErrorBoundary.tsx"],
-  "sourcesContent": ["import type {PropsWithChildren} from 'react';\n\nimport React from 'react';\nimport isEqual from 'lodash/isEqual';\n\nimport {ErrorPage} from '../ErrorPage';\n\ninterface ErrorBoundaryState {\n    error?: Error;\n    errorInfo?: unknown;\n}\n\nclass ErrorBoundary extends React.Component<PropsWithChildren<ErrorBoundaryState>> {\n    state: ErrorBoundaryState = {};\n\n    componentDidUpdate(prevProps: ErrorBoundaryState) {\n        if (this.state.error && !isEqual(this.props, prevProps)) {\n            this.setState({error: undefined, errorInfo: undefined});\n        }\n    }\n\n    componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n        this.setState({error, errorInfo});\n    }\n\n    render() {\n        const {children} = this.props;\n        const {error} = this.state;\n\n        return error ? <ErrorPage /> : children;\n    }\n}\n\nexport default ErrorBoundary;\n"],
-  "mappings": ";;;;;AAEA,OAAO,WAAW;AAClB,OAAO,aAAa;AAEpB,SAAQ,iBAAgB;AAOxB,IAAM,gBAAN,cAA4B,MAAM,UAAiD;AAAA,EAAnF;AAAA;AACI,iCAA4B,CAAC;AAAA;AAAA,EAE7B,mBAAmB,WAA+B;AAC9C,QAAI,KAAK,MAAM,SAAS,CAAC,QAAQ,KAAK,OAAO,SAAS,GAAG;AACrD,WAAK,SAAS,EAAC,OAAO,QAAW,WAAW,OAAS,CAAC;AAAA,IAC1D;AAAA,EACJ;AAAA,EAEA,kBAAkB,OAAc,WAA4B;AACxD,SAAK,SAAS,EAAC,OAAO,UAAS,CAAC;AAAA,EACpC;AAAA,EAEA,SAAS;AACL,UAAM,EAAC,SAAQ,IAAI,KAAK;AACxB,UAAM,EAAC,MAAK,IAAI,KAAK;AAErB,WAAO,QAAQ,oCAAC,eAAU,IAAK;AAAA,EACnC;AACJ;AAEA,IAAO,wBAAQ;",
+  "sourcesContent": ["import type {PropsWithChildren, ReactNode} from 'react';\n\nimport React from 'react';\nimport isEqual from 'lodash/isEqual';\n\nimport {ErrorPage} from '../ErrorPage';\n\ninterface ErrorBoundaryState {\n    error?: Error;\n    errorInfo?: unknown;\n}\n\nclass ErrorBoundary extends React.Component<PropsWithChildren<ErrorBoundaryState>> {\n    state: ErrorBoundaryState = {};\n\n    componentDidUpdate(prevProps: ErrorBoundaryState) {\n        if (this.state.error && !isEqual(this.props, prevProps)) {\n            this.setState({error: undefined, errorInfo: undefined});\n        }\n    }\n\n    componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n        this.setState({error, errorInfo});\n    }\n\n    render(): ReactNode {\n        const {children} = this.props;\n        const {error} = this.state;\n\n        return error ? <ErrorPage /> : children;\n    }\n}\n\nexport default ErrorBoundary;\n"],
+  "mappings": ";AAEA,OAAO,WAAW;AAClB,OAAO,aAAa;AAEpB,SAAQ,iBAAgB;AAwBD;AAjBvB,IAAM,gBAAN,cAA4B,MAAM,UAAiD;AAAA,EAAnF;AAAA;AACI,iBAA4B,CAAC;AAAA;AAAA,EAE7B,mBAAmB,WAA+B;AAC9C,QAAI,KAAK,MAAM,SAAS,CAAC,QAAQ,KAAK,OAAO,SAAS,GAAG;AACrD,WAAK,SAAS,EAAC,OAAO,QAAW,WAAW,OAAS,CAAC;AAAA,IAC1D;AAAA,EACJ;AAAA,EAEA,kBAAkB,OAAc,WAA4B;AACxD,SAAK,SAAS,EAAC,OAAO,UAAS,CAAC;AAAA,EACpC;AAAA,EAEA,SAAoB;AAChB,UAAM,EAAC,SAAQ,IAAI,KAAK;AACxB,UAAM,EAAC,MAAK,IAAI,KAAK;AAErB,WAAO,QAAQ,oBAAC,aAAU,IAAK;AAAA,EACnC;AACJ;AAEA,IAAO,wBAAQ;",
   "names": []
 }

package/build/esm/components/ErrorPage/ErrorPage.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/ErrorPage/ErrorPage.scss", "../../../../src/components/ErrorPage/%3Cinput css YJLwPZ%3E", "../../../../src/styles/mixins.scss"],
+  "sources": ["../../../../src/components/ErrorPage/ErrorPage.scss", "../../../../src/components/ErrorPage/%3Cinput css QpKuOx%3E", "../../../../src/styles/mixins.scss"],
   "sourcesContent": ["@use '../../styles/variables';\n@use '../../styles/mixins';\n\n.ErrorPage {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-top: 70px;\n    padding: 0 50px;\n    text-align: center;\n\n    &__image {\n        width: 230px;\n        height: 230px;\n        margin-bottom: 40px;\n\n        background-size: contain;\n        background-repeat: no-repeat;\n        background-position: center center;\n\n        //The images for error page are supposed to be installed via overriding \"background-image\" variable\n        &_code {\n            &_403 {\n                background-image: var(--dc-error-image-403);\n            }\n\n            &_404 {\n                background-image: var(--dc-error-image-404);\n            }\n\n            &_500 {\n                background-image: var(--dc-error-image-500);\n            }\n        }\n    }\n\n    &__code {\n        margin-bottom: 10px;\n    }\n\n    &__title {\n        @include mixins.heading3();\n\n        max-width: 800px;\n        margin-bottom: 20px;\n        white-space: pre-line;\n    }\n\n    &__description {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n\n        max-width: 600px;\n\n        &-link {\n            width: 100%;\n            max-width: 200px;\n        }\n    }\n\n    &__subtext {\n        margin-bottom: 12px;\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        align-items: center;\n        gap: 4px;\n    }\n\n    a {\n        @include mixins.link();\n    }\n\n    .mobile & {\n        margin-top: 40px;\n        padding: 0 20px;\n    }\n}\n", ".ErrorPage {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-top: 70px;\n  padding: 0 50px;\n  text-align: center;\n}\n.ErrorPage__image {\n  width: 230px;\n  height: 230px;\n  margin-bottom: 40px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center center;\n}\n.ErrorPage__image_code_403 {\n  background-image: var(--dc-error-image-403);\n}\n.ErrorPage__image_code_404 {\n  background-image: var(--dc-error-image-404);\n}\n.ErrorPage__image_code_500 {\n  background-image: var(--dc-error-image-500);\n}\n.ErrorPage__code {\n  margin-bottom: 10px;\n}\n.ErrorPage__title {\n  font-weight: 500;\n  font-size: var(--g-text-header-2-font-size);\n  line-height: var(--g-text-header-2-line-height);\n  max-width: 800px;\n  margin-bottom: 20px;\n  white-space: pre-line;\n}\n.ErrorPage__description {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  max-width: 600px;\n}\n.ErrorPage__description-link {\n  width: 100%;\n  max-width: 200px;\n}\n.ErrorPage__subtext {\n  margin-bottom: 12px;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  gap: 4px;\n}\n.ErrorPage a {\n  color: var(--g-color-text-link);\n  text-decoration: none;\n  cursor: pointer;\n  border-radius: var(--g-focus-border-radius);\n  outline: none;\n}\n.utilityfocus .ErrorPage a:focus {\n  outline: 2px solid #ffdb4d;\n}\n.ErrorPage a:focus {\n  box-shadow: 0 0 0 2px var(--g-color-line-focus);\n  outline: 0;\n}\n.ErrorPage a:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n.ErrorPage a:hover, .ErrorPage a:active {\n  color: var(--g-color-text-link-hover);\n}\n.mobile .ErrorPage {\n  margin-top: 40px;\n  padding: 0 20px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0Vycm9yUGFnZSIsInNvdXJjZXMiOlsiRXJyb3JQYWdlLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDSTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7O0FBSUk7RUFDSTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBS1o7RUFDSTs7QUFHSjtFQytDQTtFQW5GQTtFQUNBO0VEc0NJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTtFQUVBOztBQUVBO0VBQ0k7RUFDQTs7QUFJUjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQ2ZBO0VBQ0E7RUFDQTtFQUNBO0VBakNBOztBQUVBO0VBQ0k7O0FBZ0JBO0VBQ0k7RUFDQTs7QUFFSjtFQUNJOztBQWVSO0VBRUk7O0FEUUo7RUFDSTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AdXNlICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLkVycm9yUGFnZSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXRvcDogNzBweDtcbiAgICBwYWRkaW5nOiAwIDUwcHg7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuXG4gICAgJl9faW1hZ2Uge1xuICAgICAgICB3aWR0aDogMjMwcHg7XG4gICAgICAgIGhlaWdodDogMjMwcHg7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDQwcHg7XG5cbiAgICAgICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuICAgICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xuXG4gICAgICAgIC8vVGhlIGltYWdlcyBmb3IgZXJyb3IgcGFnZSBhcmUgc3VwcG9zZWQgdG8gYmUgaW5zdGFsbGVkIHZpYSBvdmVycmlkaW5nIFwiYmFja2dyb3VuZC1pbWFnZVwiIHZhcmlhYmxlXG4gICAgICAgICZfY29kZSB7XG4gICAgICAgICAgICAmXzQwMyB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogdmFyKC0tZGMtZXJyb3ItaW1hZ2UtNDAzKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJl80MDQge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHZhcigtLWRjLWVycm9yLWltYWdlLTQwNCk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICZfNTAwIHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiB2YXIoLS1kYy1lcnJvci1pbWFnZS01MDApO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fY29kZSB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG4gICAgfVxuXG4gICAgJl9fdGl0bGUge1xuICAgICAgICBAaW5jbHVkZSBtaXhpbnMuaGVhZGluZzMoKTtcblxuICAgICAgICBtYXgtd2lkdGg6IDgwMHB4O1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgICAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG4gICAgfVxuXG4gICAgJl9fZGVzY3JpcHRpb24ge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBnYXA6IDEwcHg7XG5cbiAgICAgICAgbWF4LXdpZHRoOiA2MDBweDtcblxuICAgICAgICAmLWxpbmsge1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IDIwMHB4O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fc3VidGV4dCB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDEycHg7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGdhcDogNHB4O1xuICAgIH1cblxuICAgIGEge1xuICAgICAgICBAaW5jbHVkZSBtaXhpbnMubGluaygpO1xuICAgIH1cblxuICAgIC5tb2JpbGUgJiB7XG4gICAgICAgIG1hcmdpbi10b3A6IDQwcHg7XG4gICAgICAgIHBhZGRpbmc6IDAgMjBweDtcbiAgICB9XG59XG4iLCJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICd2YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gZm9jdXNhYmxlKCRvZmZzZXQ6IDAsICRtb2RlOiAnb3V0bGluZScpIHtcbiAgICBAaWYgJG1vZGUgPT0gJ291dGxpbmUnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmUtb2Zmc2V0OiAkb2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGlmICRtb2RlID09ICdib3gtc2hhZG93JyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMnB4IHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcblxuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgwLCAnYm94LXNoYWRvdycpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBmb250LXdlaWdodDogNDAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZ3Jhdml0eS11aS10ZXh0LXNpemVzKCRkZWx0YSkge1xuICAgIC0tZy10ZXh0LWJvZHktMS1mb250LXNpemU6ICN7MTNweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0OiAjezE4cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMi1mb250LXNpemU6ICN7MTVweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0yLWxpbmUtaGVpZ2h0OiAjezIwcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMy1mb250LXNpemU6ICN7MTdweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0zLWxpbmUtaGVpZ2h0OiAjezI0cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktc2hvcnQtZm9udC1zaXplOiAjezEzcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNhcHRpb24tMS1mb250LXNpemU6ICN7OXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jYXB0aW9uLTItZm9udC1zaXplOiAjezExcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWhlYWRlci0xLWZvbnQtc2l6ZTogI3syMHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1oZWFkZXItMi1mb250LXNpemU6ICN7MjRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtc3ViaGVhZGVyLTEtZm9udC1zaXplOiAjezEzcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LXN1YmhlYWRlci0yLWZvbnQtc2l6ZTogI3sxNXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1zdWJoZWFkZXItMy1mb250LXNpemU6ICN7MTdweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS0xLWZvbnQtc2l6ZTogI3syOHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1kaXNwbGF5LTItZm9udC1zaXplOiAjezMycHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWRpc3BsYXktMy1mb250LXNpemU6ICN7NDBweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS00LWZvbnQtc2l6ZTogI3s0OHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLTEtZm9udC1zaXplOiAjezEycHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtMi1mb250LXNpemU6ICN7MTRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS0zLWZvbnQtc2l6ZTogI3sxNnB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0xLWZvbnQtc2l6ZTogI3sxMnB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0yLWZvbnQtc2l6ZTogI3sxNHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0zLWZvbnQtc2l6ZTogI3sxNnB4ICsgJGRlbHRhfTtcblxuICAgIC0teWZtLWZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMi1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTItbGluZS1oZWlnaHQpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oMjogdmFyKC0tZy10ZXh0LWhlYWRlci0yLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWgzOiB2YXIoLS1nLXRleHQtaGVhZGVyLTEtZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LXNpemUtaDQ6IHZhcigtLWctdGV4dC1zdWJoZWFkZXItMy1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oNTogdmFyKC0tZy10ZXh0LXN1YmhlYWRlci0yLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWg2OiB2YXIoLS1nLXRleHQtc3ViaGVhZGVyLTEtZm9udC1zaXplKTtcbn1cbiJdfQ== */", "@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\n@mixin gravity-ui-text-sizes($delta) {\n    --g-text-body-1-font-size: #{13px + $delta};\n    --g-text-body-1-line-height: #{18px + $delta};\n    --g-text-body-2-font-size: #{15px + $delta};\n    --g-text-body-2-line-height: #{20px + $delta};\n    --g-text-body-3-font-size: #{17px + $delta};\n    --g-text-body-3-line-height: #{24px + $delta};\n    --g-text-body-short-font-size: #{13px + $delta};\n    --g-text-caption-1-font-size: #{9px + $delta};\n    --g-text-caption-2-font-size: #{11px + $delta};\n    --g-text-header-1-font-size: #{20px + $delta};\n    --g-text-header-2-font-size: #{24px + $delta};\n    --g-text-subheader-1-font-size: #{13px + $delta};\n    --g-text-subheader-2-font-size: #{15px + $delta};\n    --g-text-subheader-3-font-size: #{17px + $delta};\n    --g-text-display-1-font-size: #{28px + $delta};\n    --g-text-display-2-font-size: #{32px + $delta};\n    --g-text-display-3-font-size: #{40px + $delta};\n    --g-text-display-4-font-size: #{48px + $delta};\n    --g-text-code-1-font-size: #{12px + $delta};\n    --g-text-code-2-font-size: #{14px + $delta};\n    --g-text-code-3-font-size: #{16px + $delta};\n    --g-text-code-inline-1-font-size: #{12px + $delta};\n    --g-text-code-inline-2-font-size: #{14px + $delta};\n    --g-text-code-inline-3-font-size: #{16px + $delta};\n\n    --yfm-font-size: var(--g-text-body-2-font-size);\n    --yfm-font-line-height: var(--g-text-body-2-line-height);\n    --yfm-font-size-h2: var(--g-text-header-2-font-size);\n    --yfm-font-size-h3: var(--g-text-header-1-font-size);\n    --yfm-font-size-h4: var(--g-text-subheader-3-font-size);\n    --yfm-font-size-h5: var(--g-text-subheader-2-font-size);\n    --yfm-font-size-h6: var(--g-text-subheader-1-font-size);\n}\n"],
   "mappings": ";AAGA,CAAA;AACI,WAAA;AACA,kBAAA;AACA,eAAA;AACA,cAAA;AACA,WAAA,EAAA;AACA,cAAA;ACFJ;ADII,CAAA;AACI,SAAA;AACA,UAAA;AACA,iBAAA;AAEA,mBAAA;AACA,qBAAA;AACA,uBAAA,OAAA;ACHR;ADOY,CAAA;AACI,oBAAA,IAAA;ACLhB;ADQY,CAAA;AACI,oBAAA,IAAA;ACNhB;ADSY,CAAA;AACI,oBAAA,IAAA;ACPhB;ADYI,CAAA;AACI,iBAAA;ACVR;ADaI,CAAA;AE+CA,eAAA;AAnFA,aAAA,IAAA;AACA,eAAA,IAAA;AFsCI,aAAA;AACA,iBAAA;AACA,eAAA;ACVR;ADaI,CAAA;AACI,WAAA;AACA,kBAAA;AACA,OAAA;AAEA,aAAA;ACZR;ADcQ,CAAA;AACI,SAAA;AACA,aAAA;ACZZ;ADgBI,CAAA;AACI,iBAAA;AACA,WAAA;AACA,aAAA;AACA,mBAAA;AACA,eAAA;AACA,OAAA;ACdR;ADiBI,CAnEJ,UAmEI;AEfA,SAAA,IAAA;AACA,2BAAA;AAAA,mBAAA;AACA,UAAA;AACA,iBAAA,IAAA;AAjCA,WAAA;ADmCJ;ACjCI,CAAA,aAAA,CFxBJ,UEwBI,CAAA;AACI,WAAA,IAAA,MAAA;ADmCR;ACnBQ,CFzCR,UEyCQ,CAAA;AACI,cAAA,EAAA,EAAA,EAAA,IAAA,IAAA;AACA,WAAA;ADqBZ;ACnBQ,CF7CR,UE6CQ,CAAA,MAAA,KAAA;AACI,cAAA;ADqBZ;ACNI,CF7DJ,UE6DI,CAAA;AAAA,CF7DJ,UE6DI,CAAA;AAEI,SAAA,IAAA;ADOR;ADCI,CAAA,OAAA,CAvEJ;AAwEQ,cAAA;AACA,WAAA,EAAA;ACCR;",
   "names": []

package/build/esm/components/ErrorPage/ErrorPage.js

@@ -5,6 +5,7 @@ import block from "bem-cn-lite";
 import { ERROR_CODES, SUPPORTED_LANGS } from "../../constants";
 import { useTranslation } from "../../hooks";
 import "./ErrorPage.css";
+import { jsx, jsxs } from "react/jsx-runtime";
 var b = block("ErrorPage");
 var ErrorPage = ({
   code = 500,
@@ -19,34 +20,51 @@ var ErrorPage = ({
   let description;
   const { t } = useTranslation("error");
   const href = homeUrl || "/";
-  const homeLink = /* @__PURE__ */ React.createElement(Link, { href }, /* @__PURE__ */ React.createElement(Button, { className: b("description-link") }, t("label_link-main")));
+  const homeLink = /* @__PURE__ */ jsx(Link, { href, children: /* @__PURE__ */ jsx(Button, { className: b("description-link"), children: t("label_link-main") }) });
   switch (code) {
     case ERROR_CODES.ACCESS_DENIED:
       title = pageGroup ? t("label_title-403_page-group") : t("label_title-403_project");
-      description = /* @__PURE__ */ React.createElement(React.Fragment, null, homeLink, receiveAccessUrl && /* @__PURE__ */ React.createElement(Link, { href: receiveAccessUrl, target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ React.createElement(Button, { view: "action", className: b("description-link") }, receiveAccessText || t("label_link-access"))));
+      description = /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        homeLink,
+        receiveAccessUrl && /* @__PURE__ */ jsx(Link, { href: receiveAccessUrl, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx(Button, { view: "action", className: b("description-link"), children: receiveAccessText || t("label_link-access") }) })
+      ] });
       break;
     case ERROR_CODES.NOT_FOUND:
       title = t("label_title-404");
-      description = /* @__PURE__ */ React.createElement(React.Fragment, null, links && links.length > 0 && /* @__PURE__ */ React.createElement("div", { className: b("subtext") }, links.filter((link) => link.code && SUPPORTED_LANGS.includes(link.code)).map((link) => /* @__PURE__ */ React.createElement(Link, { href: link.url, key: link.code }, /* @__PURE__ */ React.createElement(Button, { view: "outlined-info" }, t(`label_lang-${link.code}`))))), /* @__PURE__ */ React.createElement("div", null, homeLink));
+      description = /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        links && links.length > 0 && /* @__PURE__ */ jsx("div", { className: b("subtext"), children: links.filter((link) => link.code && SUPPORTED_LANGS.includes(link.code)).map((link) => /* @__PURE__ */ jsx(Link, { href: link.url, children: /* @__PURE__ */ jsx(Button, { view: "outlined-info", children: t(`label_lang-${link.code}`) }) }, link.code)) }),
+        /* @__PURE__ */ jsx("div", { children: homeLink })
+      ] });
       break;
     default:
       title = t("label_title-500");
-      description = /* @__PURE__ */ React.createElement(React.Fragment, null, t("label_description-1"), /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          className: b("description-link"),
-          onClick: () => window.location.reload()
-        },
-        t("label_description-link")
-      ));
+      description = /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        t("label_description-1"),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: b("description-link"),
+            onClick: () => window.location.reload(),
+            children: t("label_description-link")
+          }
+        )
+      ] });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: b() }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      title: `Error image for ${code} code`,
-      className: b("image", { code: code.toString() })
-    }
-  ), /* @__PURE__ */ React.createElement("h1", { className: b("code") }, t("label_title-code", { code })), /* @__PURE__ */ React.createElement("h2", { className: b("title") }, errorTitle || title, code === ERROR_CODES.NOT_FOUND && links && links.length > 0 && `. ${t("label_subtext")}`), /* @__PURE__ */ React.createElement("p", { className: b("description") }, description));
+  return /* @__PURE__ */ jsxs("div", { className: b(), children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        title: `Error image for ${code} code`,
+        className: b("image", { code: code.toString() })
+      }
+    ),
+    /* @__PURE__ */ jsx("h1", { className: b("code"), children: t("label_title-code", { code }) }),
+    /* @__PURE__ */ jsxs("h2", { className: b("title"), children: [
+      errorTitle || title,
+      code === ERROR_CODES.NOT_FOUND && links && links.length > 0 && `. ${t("label_subtext")}`
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: b("description"), children: description })
+  ] });
 };
 var ErrorPage_default = ErrorPage;
 export {

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

@@ -2,6 +2,6 @@
   "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,OAAO,WAAW;AAClB,SAAQ,QAAQ,YAAW;AAC3B,OAAO,WAAW;AAElB,SAAQ,aAAa,uBAAsB;AAC3C,SAAQ,sBAAqB;AAE7B,OAAO;AAEP,IAAM,IAAI,MAAM,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,IAAI,eAAe,OAAO;AAClC,QAAM,OAAO,WAAW;AACxB,QAAM,WACF,oCAAC,QAAK,QACF,oCAAC,UAAO,WAAW,EAAE,kBAAkB,KAAI,EAAE,iBAAiB,CAAE,CACpE;AAGJ,UAAQ,MAAM;AAAA,IACV,KAAK,YAAY;AACb,cAAQ,YAAY,EAAE,4BAA4B,IAAI,EAAE,yBAAyB;AACjF,oBACI,oCAAC,MAAM,UAAN,MACI,UACA,oBACG,oCAAC,QAAK,MAAM,kBAAkB,QAAO,UAAS,KAAI,yBAC9C,oCAAC,UAAO,MAAK,UAAS,WAAW,EAAE,kBAAkB,KAChD,qBAAqB,EAAE,mBAAmB,CAC/C,CACJ,CAER;AAEJ;AAAA,IACJ,KAAK,YAAY;AACb,cAAQ,EAAE,iBAAiB;AAC3B,oBACI,oCAAC,MAAM,UAAN,MACI,SAAS,MAAM,SAAS,KACrB,oCAAC,SAAI,WAAW,EAAE,SAAS,KACtB,MACI,OAAO,CAAC,SAAS,KAAK,QAAQ,gBAAgB,SAAS,KAAK,IAAI,CAAC,EACjE,IAAI,CAAC,SACF,oCAAC,QAAK,MAAM,KAAK,KAAK,KAAK,KAAK,QAC5B,oCAAC,UAAO,MAAK,mBACR,EAAE,cAAc,KAAK,IAAI,EAAE,CAChC,CACJ,CACH,CACT,GAEJ,oCAAC,aAAK,QAAS,CACnB;AAEJ;AAAA,IACJ;AACI,cAAQ,EAAE,iBAAiB;AAC3B,oBACI,oCAAC,MAAM,UAAN,MACI,EAAE,qBAAqB,GACxB;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,oCAAC,SAAI,WAAW,EAAE,KACd;AAAA,IAAC;AAAA;AAAA,MACG,OAAO,mBAAmB,IAAI;AAAA,MAC9B,WAAW,EAAE,SAAS,EAAC,MAAM,KAAK,SAAS,EAAC,CAAC;AAAA;AAAA,EACjD,GACA,oCAAC,QAAG,WAAW,EAAE,MAAM,KAAI,EAAE,oBAAoB,EAAC,KAAI,CAAC,CAAE,GACzD,oCAAC,QAAG,WAAW,EAAE,OAAO,KACnB,cAAc,OACd,SAAS,YAAY,aAClB,SACA,MAAM,SAAS,KACf,KAAK,EAAE,eAAe,CAAC,EAC/B,GACA,oCAAC,OAAE,WAAW,EAAE,aAAa,KAAI,WAAY,CACjD;AAER;AAEA,IAAO,oBAAQ;",
+  "mappings": ";AAAA,OAAO,WAAW;AAClB,SAAQ,QAAQ,YAAW;AAC3B,OAAO,WAAW;AAElB,SAAQ,aAAa,uBAAsB;AAC3C,SAAQ,sBAAqB;AAE7B,OAAO;AAkCK,cAQI,YARJ;AAhCZ,IAAM,IAAI,MAAM,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,IAAI,eAAe,OAAO;AAClC,QAAM,OAAO,WAAW;AACxB,QAAM,WACF,oBAAC,QAAK,MACF,8BAAC,UAAO,WAAW,EAAE,kBAAkB,GAAI,YAAE,iBAAiB,GAAE,GACpE;AAGJ,UAAQ,MAAM;AAAA,IACV,KAAK,YAAY;AACb,cAAQ,YAAY,EAAE,4BAA4B,IAAI,EAAE,yBAAyB;AACjF,oBACI,qBAAC,MAAM,UAAN,EACI;AAAA;AAAA,QACA,oBACG,oBAAC,QAAK,MAAM,kBAAkB,QAAO,UAAS,KAAI,uBAC9C,8BAAC,UAAO,MAAK,UAAS,WAAW,EAAE,kBAAkB,GAChD,+BAAqB,EAAE,mBAAmB,GAC/C,GACJ;AAAA,SAER;AAEJ;AAAA,IACJ,KAAK,YAAY;AACb,cAAQ,EAAE,iBAAiB;AAC3B,oBACI,qBAAC,MAAM,UAAN,EACI;AAAA,iBAAS,MAAM,SAAS,KACrB,oBAAC,SAAI,WAAW,EAAE,SAAS,GACtB,gBACI,OAAO,CAAC,SAAS,KAAK,QAAQ,gBAAgB,SAAS,KAAK,IAAI,CAAC,EACjE,IAAI,CAAC,SACF,oBAAC,QAAK,MAAM,KAAK,KACb,8BAAC,UAAO,MAAK,iBACR,YAAE,cAAc,KAAK,IAAI,EAAE,GAChC,KAHuB,KAAK,IAIhC,CACH,GACT;AAAA,QAEJ,oBAAC,SAAK,oBAAS;AAAA,SACnB;AAEJ;AAAA,IACJ;AACI,cAAQ,EAAE,iBAAiB;AAC3B,oBACI,qBAAC,MAAM,UAAN,EACI;AAAA,UAAE,qBAAqB;AAAA,QACxB;AAAA,UAAC;AAAA;AAAA,YACG,WAAW,EAAE,kBAAkB;AAAA,YAC/B,SAAS,MAAM,OAAO,SAAS,OAAO;AAAA,YAErC,YAAE,wBAAwB;AAAA;AAAA,QAC/B;AAAA,SACJ;AAAA,EAEZ;AAEA,SACI,qBAAC,SAAI,WAAW,EAAE,GACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,OAAO,mBAAmB,IAAI;AAAA,QAC9B,WAAW,EAAE,SAAS,EAAC,MAAM,KAAK,SAAS,EAAC,CAAC;AAAA;AAAA,IACjD;AAAA,IACA,oBAAC,QAAG,WAAW,EAAE,MAAM,GAAI,YAAE,oBAAoB,EAAC,KAAI,CAAC,GAAE;AAAA,IACzD,qBAAC,QAAG,WAAW,EAAE,OAAO,GACnB;AAAA,oBAAc;AAAA,MACd,SAAS,YAAY,aAClB,SACA,MAAM,SAAS,KACf,KAAK,EAAE,eAAe,CAAC;AAAA,OAC/B;AAAA,IACA,oBAAC,OAAE,WAAW,EAAE,aAAa,GAAI,uBAAY;AAAA,KACjD;AAER;AAEA,IAAO,oBAAQ;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Feedback/Feedback.scss", "../../../../src/components/Feedback/%3Cinput css trzbR2%3E", "../../../../src/styles/variables.scss", "../../../../src/styles/mixins.scss"],
+  "sources": ["../../../../src/components/Feedback/Feedback.scss", "../../../../src/components/Feedback/%3Cinput css 8Tt3Z8%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            flex-wrap: wrap;\n            justify-content: center;\n        }\n    }\n\n    // Wide-only: own full-width row so the button stays content-width and centered\n    &__comment-row {\n        display: flex;\n        flex-basis: 100%;\n        justify-content: center;\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  flex-wrap: wrap;\n  justify-content: center;\n}\n.dc-feedback__comment-row {\n  display: flex;\n  flex-basis: 100%;\n  justify-content: center;\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0ZlZWRiYWNrIiwic291cmNlcyI6WyJGZWVkYmFjay5zY3NzIiwiLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcy5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CUTtFQUNJO0VBQ0E7RUFDQTtFQUNBOztBQUlSO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFFQTtFQUNBOztBQUVBO0VBQ0k7RUFDQTs7QUFJUjtFQUNJO0VBRUE7RUFDQSxPQS9DSzs7QUFJVDtFQUNJO0lBRUk7SUFDQTtJQUNBOzs7QUE2Q1I7RUFDSSxTQ2pETztFRGtEUCxPQXhESztFQXlETDs7QUFyREo7RUFDSTtJQUVJO0lBQ0E7SUFDQTs7O0FBdURSO0VBQ0k7RUFDQTtFQUNBOztBQUdKO0VBQ0k7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBSUE7RUV6R0o7RUFDQTtFRjBHUTs7QUFJUjtFQUNJO0VBQ0E7O0FBRUE7RUFDSTtFQUNBOztBQUtSO0VBQ0k7RUFDQTtFQUNBOztBQUlBO0VBRUk7RUFDQTtFQUVBO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUVBO0VBQ0k7O0FBSVI7RUFDSTs7QUFFQTtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnc2FzczptYXAnO1xuQHVzZSAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5AdXNlICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcblxuJHBvcHVwV2lkdGg6IDMyMHB4O1xuXG5AbWl4aW4gdG9vbHRpcC1pbi1jZW50ZXIge1xuICAgIC8vIHVzZSBzbSB0byBjb3ZlciBhIGxhcmdlciBudW1iZXIgb2Ygc21hcnRwaG9uZXNcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgICYge1xuICAgICAgICAgICAgLy8gc3R5bGVsaW50LWRpc2FibGUgZGVjbGFyYXRpb24tbm8taW1wb3J0YW50XG4gICAgICAgICAgICByaWdodDogMCAhaW1wb3J0YW50O1xuICAgICAgICAgICAgbGVmdDogMCAhaW1wb3J0YW50O1xuICAgICAgICAgICAgbWFyZ2luOiBhdXRvO1xuICAgICAgICB9XG4gICAgfVxufVxuXG4uZGMtZmVlZGJhY2sge1xuICAgICZfX2NvbnRhaW5lciB7XG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fY29udGFpbmVyLWNvbCB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBnYXA6IDIwcHg7XG5cbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIHBhZGRpbmc6IDI2cHg7XG5cbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWdlbmVyaWMpO1xuICAgICAgICBib3JkZXItcmFkaXVzOiA4cHg7XG5cbiAgICAgICAgJl92aWV3X3dpZGUge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19zdWNjZXNzLXBvcHVwIHtcbiAgICAgICAgbGVmdDogLTIwcHg7XG5cbiAgICAgICAgcGFkZGluZzogdmFyaWFibGVzLiRwb3B1cFBhZGRpbmcgNTBweCB2YXJpYWJsZXMuJHBvcHVwUGFkZGluZyB2YXJpYWJsZXMuJHBvcHVwUGFkZGluZztcbiAgICAgICAgd2lkdGg6ICRwb3B1cFdpZHRoO1xuXG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIEBpbmNsdWRlIHRvb2x0aXAtaW4tY2VudGVyKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX192YXJpYW50cy1wb3B1cCB7XG4gICAgICAgIHBhZGRpbmc6IHZhcmlhYmxlcy4kcG9wdXBQYWRkaW5nO1xuICAgICAgICB3aWR0aDogJHBvcHVwV2lkdGg7XG4gICAgICAgIGxlZnQ6IC0yMHB4O1xuXG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIEBpbmNsdWRlIHRvb2x0aXAtaW4tY2VudGVyKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19wb3B1cC10aXRsZSB7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMi1mb250LXNpemUpO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMi1saW5lLWhlaWdodCk7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiA4cHg7XG4gICAgfVxuXG4gICAgJl9fcG9wdXAtdGV4dCB7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktc2hvcnQtZm9udC1zaXplKTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LXNob3J0LWxpbmUtaGVpZ2h0KTtcbiAgICB9XG5cbiAgICAmX192YXJpYW50cyB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIHBhZGRpbmc6IDhweCAwO1xuICAgIH1cblxuICAgICZfX3ZhcmlhbnQge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgfVxuXG4gICAgJl9fdmFyaWFudDpsYXN0LW9mLXR5cGUge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgIH1cblxuICAgICZfX3ZhcmlhbnRzLWFjdGlvbnMge1xuICAgICAgICBwYWRkaW5nLXRvcDogOHB4O1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgIH1cblxuICAgICZfX3ZhcmlhbnRzLWFjdGlvbiB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgIH1cblxuICAgICZfX3RleHRhcmVhIHtcbiAgICAgICAgcGFkZGluZzogOHB4IDA7XG4gICAgfVxuXG4gICAgJl9fdGl0bGUge1xuICAgICAgICAmX3ZpZXdfd2lkZSB7XG4gICAgICAgICAgICBAaW5jbHVkZSBtaXhpbnMudGV4dC1zaXplKHN1YmhlYWRlci0zKTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19jb250cm9scyB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGdhcDogMjBweDtcblxuICAgICAgICAmX3ZpZXdfd2lkZSB7XG4gICAgICAgICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIFdpZGUtb25seTogb3duIGZ1bGwtd2lkdGggcm93IHNvIHRoZSBidXR0b24gc3RheXMgY29udGVudC13aWR0aCBhbmQgY2VudGVyZWRcbiAgICAmX19jb21tZW50LXJvdyB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtYmFzaXM6IDEwMCU7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIH1cblxuICAgICZfX2NvbnRyb2wge1xuICAgICAgICAmOm50aC1jaGlsZCgxKSxcbiAgICAgICAgJjpudGgtY2hpbGQoMikge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTdweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgICAgfVxuXG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMjRweDtcblxuICAgICAgICAgICAgJjpsYXN0LW9mLXR5cGUge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfdmlld19yZWd1bGFyIHtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogNHB4O1xuXG4gICAgICAgICAgICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuIiwiLy8gU2l6ZXNcbiRoZWFkZXJIZWlnaHQ6IDBweDtcbiRzdWJIZWFkZXJIZWlnaHQ6IDQwcHg7XG4kc3ViTmF2aWdhdGlvbkhlaWdodDogNTJweDtcbiRub3JtYWxPZmZzZXQ6IDIwcHg7XG4kbWluaVRvY09mZnNldDogNTZweDtcbiRibG9ja01hcmdpbkJvdHRvbUxhcmdlOiAyMHB4O1xuJGJsb2NrTWFyZ2luQm90dG9tTWVkaXVtOiAxNXB4O1xuJGhlYWRlck1hcmdpblRvcExhcmdlOiA0MHB4O1xuJGhlYWRlck1hcmdpblRvcE1lZGl1bTogMzJweDtcbiRwb3B1cFBhZGRpbmc6IDE2cHg7XG4kY2VudGVyQmxvY2tNYXhXaWR0aDogNzM2cHg7XG5cbi8vIE5hdmlnYXRpb25cbiR0b01haW5NZW51VmVydGljYWxQYWRkaW5nOiA0cHg7XG4kdG9NYWluTWVudUhvcml6b250YWxQYWRkaW5nOiAxMnB4O1xuJHRvTWFpbk1lbnVIZWlnaHQ6IGNhbGMoXG4gICAgdmFyKC0tZGMtc3VibmF2aWdhdGlvbi1oZWlnaHQsICRzdWJOYXZpZ2F0aW9uSGVpZ2h0KSAtICN7JHRvTWFpbk1lbnVWZXJ0aWNhbFBhZGRpbmd9IC1cbiAgICAgICAgI3skdG9NYWluTWVudVZlcnRpY2FsUGFkZGluZ31cbik7XG5cbi8vIE1pbmlUb2NcbiRtaW5pVG9jVmVydGljYWxQYWRkaW5nOiAxNnB4O1xuJG1pbmlUb2NUaXRsZUhlaWdodDogMjBweDsgLy8gbGluZS1oZWlnaHQgYm9keS0yXG4kbWluaVRvY1RpdGxlTWFyZ2luOiAxMnB4O1xuJG1vYmlsZU1pbmlUb2NPZmZzZXQ6IDIgKiAkbWluaVRvY1ZlcnRpY2FsUGFkZGluZyArICRtaW5pVG9jVGl0bGVIZWlnaHQgKyAkbWluaVRvY1RpdGxlTWFyZ2luO1xuXG4vLyBNb2JpbGVDb250cm9sc1xuJG1vYmlsZUNvbnRyb2xzSGVpZ2h0OiAzMnB4O1xuJG1vYmlsZUNvbnRyb2xzVG9wUGFkZGluZzogOHB4O1xuJG1vYmlsZUNvbnRyb2xzQm90dG9tUGFkZGluZzogMTJweDtcblxuJHNjcmVlbkJyZWFrcG9pbnRzOiAoXG4gICAgJ3hzJzogMzc1cHgsXG4gICAgJ3NtJzogNTc3cHgsXG4gICAgJ21kJzogNzY5cHgsXG4gICAgJ2xnJzogMTA4MXB4LFxuICAgICd4bCc6IDExODVweCxcbik7XG4iLCJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICd2YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gZm9jdXNhYmxlKCRvZmZzZXQ6IDAsICRtb2RlOiAnb3V0bGluZScpIHtcbiAgICBAaWYgJG1vZGUgPT0gJ291dGxpbmUnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmUtb2Zmc2V0OiAkb2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGlmICRtb2RlID09ICdib3gtc2hhZG93JyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMnB4IHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcblxuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgwLCAnYm94LXNoYWRvdycpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBmb250LXdlaWdodDogNDAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZ3Jhdml0eS11aS10ZXh0LXNpemVzKCRkZWx0YSkge1xuICAgIC0tZy10ZXh0LWJvZHktMS1mb250LXNpemU6ICN7MTNweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0OiAjezE4cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMi1mb250LXNpemU6ICN7MTVweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0yLWxpbmUtaGVpZ2h0OiAjezIwcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMy1mb250LXNpemU6ICN7MTdweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0zLWxpbmUtaGVpZ2h0OiAjezI0cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktc2hvcnQtZm9udC1zaXplOiAjezEzcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNhcHRpb24tMS1mb250LXNpemU6ICN7OXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jYXB0aW9uLTItZm9udC1zaXplOiAjezExcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWhlYWRlci0xLWZvbnQtc2l6ZTogI3syMHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1oZWFkZXItMi1mb250LXNpemU6ICN7MjRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtc3ViaGVhZGVyLTEtZm9udC1zaXplOiAjezEzcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LXN1YmhlYWRlci0yLWZvbnQtc2l6ZTogI3sxNXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1zdWJoZWFkZXItMy1mb250LXNpemU6ICN7MTdweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS0xLWZvbnQtc2l6ZTogI3syOHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1kaXNwbGF5LTItZm9udC1zaXplOiAjezMycHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWRpc3BsYXktMy1mb250LXNpemU6ICN7NDBweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS00LWZvbnQtc2l6ZTogI3s0OHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLTEtZm9udC1zaXplOiAjezEycHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtMi1mb250LXNpemU6ICN7MTRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS0zLWZvbnQtc2l6ZTogI3sxNnB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0xLWZvbnQtc2l6ZTogI3sxMnB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0yLWZvbnQtc2l6ZTogI3sxNHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0zLWZvbnQtc2l6ZTogI3sxNnB4ICsgJGRlbHRhfTtcblxuICAgIC0teWZtLWZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMi1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTItbGluZS1oZWlnaHQpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oMjogdmFyKC0tZy10ZXh0LWhlYWRlci0yLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWgzOiB2YXIoLS1nLXRleHQtaGVhZGVyLTEtZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LXNpemUtaDQ6IHZhcigtLWctdGV4dC1zdWJoZWFkZXItMy1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oNTogdmFyKC0tZy10ZXh0LXN1YmhlYWRlci0yLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWg2OiB2YXIoLS1nLXRleHQtc3ViaGVhZGVyLTEtZm9udC1zaXplKTtcbn1cbiJdfQ== */", "// 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// MobileControls\n$mobileControlsHeight: 32px;\n$mobileControlsTopPadding: 8px;\n$mobileControlsBottomPadding: 12px;\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\n@mixin gravity-ui-text-sizes($delta) {\n    --g-text-body-1-font-size: #{13px + $delta};\n    --g-text-body-1-line-height: #{18px + $delta};\n    --g-text-body-2-font-size: #{15px + $delta};\n    --g-text-body-2-line-height: #{20px + $delta};\n    --g-text-body-3-font-size: #{17px + $delta};\n    --g-text-body-3-line-height: #{24px + $delta};\n    --g-text-body-short-font-size: #{13px + $delta};\n    --g-text-caption-1-font-size: #{9px + $delta};\n    --g-text-caption-2-font-size: #{11px + $delta};\n    --g-text-header-1-font-size: #{20px + $delta};\n    --g-text-header-2-font-size: #{24px + $delta};\n    --g-text-subheader-1-font-size: #{13px + $delta};\n    --g-text-subheader-2-font-size: #{15px + $delta};\n    --g-text-subheader-3-font-size: #{17px + $delta};\n    --g-text-display-1-font-size: #{28px + $delta};\n    --g-text-display-2-font-size: #{32px + $delta};\n    --g-text-display-3-font-size: #{40px + $delta};\n    --g-text-display-4-font-size: #{48px + $delta};\n    --g-text-code-1-font-size: #{12px + $delta};\n    --g-text-code-2-font-size: #{14px + $delta};\n    --g-text-code-3-font-size: #{16px + $delta};\n    --g-text-code-inline-1-font-size: #{12px + $delta};\n    --g-text-code-inline-2-font-size: #{14px + $delta};\n    --g-text-code-inline-3-font-size: #{16px + $delta};\n\n    --yfm-font-size: var(--g-text-body-2-font-size);\n    --yfm-font-line-height: var(--g-text-body-2-line-height);\n    --yfm-font-size-h2: var(--g-text-header-2-font-size);\n    --yfm-font-size-h3: var(--g-text-header-1-font-size);\n    --yfm-font-size-h4: var(--g-text-subheader-3-font-size);\n    --yfm-font-size-h5: var(--g-text-subheader-2-font-size);\n    --yfm-font-size-h6: var(--g-text-subheader-1-font-size);\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,aAAA;AACA,mBAAA;AChCZ;ADqCI,CAAA;AACI,WAAA;AACA,cAAA;AACA,mBAAA;ACnCR;ADuCQ,CAAA,oBAAA;AAAA,CAAA,oBAAA;AAEI,WAAA;AACA,eAAA;AAEA,aAAA;AACA,eAAA;AACA,eAAA;ACvCZ;AD0CQ,CAAA;AACI,gBAAA;ACxCZ;AD0CY,CAHJ,8BAGI;AACI,gBAAA;ACxChB;AD4CQ,CAAA;AACI,gBAAA;AC1CZ;AD4CY,CAHJ,iCAGI;AACI,gBAAA;AC1ChB;",
   "names": []

package/build/esm/components/Feedback/Feedback.js

@@ -28,6 +28,7 @@ import FeedbackFormPopup from "./controls/FeedbackFormPopup";
 import LikeControl from "./controls/LikeControl";
 import SuccessPopup from "./controls/SuccessPopup";
 import "./Feedback.css";
+import { jsx, jsxs } from "react/jsx-runtime";
 var b = block("dc-feedback");
 var FeedbackView = /* @__PURE__ */ ((FeedbackView2) => {
   FeedbackView2["Wide"] = "wide";
@@ -47,9 +48,12 @@ var getInnerState = (isLiked, isDisliked) => {
 var ControlsLayout = ({ view, children }) => {
   const { t } = useTranslation("feedback");
   if (view === "regular" /* Regular */) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+    return /* @__PURE__ */ jsx(React.Fragment, { children });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: b("container", { view }) }, /* @__PURE__ */ React.createElement("div", { className: b("container-col", { view }) }, /* @__PURE__ */ React.createElement("h3", { className: b("title", { view }) }, t("main-question")), /* @__PURE__ */ React.createElement("div", { className: b("controls", { view }) }, children)));
+  return /* @__PURE__ */ jsx("div", { className: b("container", { view }), children: /* @__PURE__ */ jsxs("div", { className: b("container-col", { view }), children: [
+    /* @__PURE__ */ jsx("h3", { className: b("title", { view }), children: t("main-question") }),
+    /* @__PURE__ */ jsx("div", { className: b("controls", { view }), children })
+  ] }) });
 };
 var Feedback = (props) => {
   const {
@@ -139,85 +143,96 @@ var Feedback = (props) => {
   if (isFeedbackHidden) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ControlsLayout, { view }, /* @__PURE__ */ React.createElement(
-    LikeControl,
-    {
-      ref: likeControlRef,
-      view,
-      onClick: onChangeLike,
-      isLiked: innerState === FeedbackType.like,
-      isPopupVisible: likeSuccessPopup.visible
-    }
-  ), /* @__PURE__ */ React.createElement(
-    DislikeControl,
-    {
-      ref: dislikeControlRef,
-      view,
-      onClick: onChangeDislike,
-      isDisliked: innerState === FeedbackType.dislike,
-      isPopupVisible: isDislikePopupVisible
-    }
-  ), isCommentEnabled && (view === "wide" /* Wide */ ? /* @__PURE__ */ React.createElement("div", { className: b("comment-row") }, /* @__PURE__ */ React.createElement(
-    FeedbackControl,
-    {
-      ref: feedbackControlRef,
-      view,
-      onClick: onClickFeedback
-    }
-  )) : /* @__PURE__ */ React.createElement(
-    FeedbackControl,
-    {
-      ref: feedbackControlRef,
-      view,
-      onClick: onClickFeedback
-    }
-  ))), likeControlRef.current && /* @__PURE__ */ React.createElement(
-    SuccessPopup,
-    {
-      visible: likeSuccessPopup.visible,
-      anchor: likeControlRef,
-      view,
-      onOutsideClick: hideFeedbackPopups
-    }
-  ), dislikeControlRef.current && /* @__PURE__ */ React.createElement(
-    SuccessPopup,
-    {
-      visible: dislikeSuccessPopup.visible,
-      anchor: dislikeControlRef,
-      view,
-      onOutsideClick: hideFeedbackPopups
-    }
-  ), dislikeControlRef.current && /* @__PURE__ */ React.createElement(
-    FeedbackFormPopup,
-    {
-      visible: dislikeVariantsPopup.visible,
-      anchor: dislikeControlRef,
-      view,
-      titleKey: "dislike-variants-title",
-      showVariants: true,
-      onSubmit: onSendDislikeInformation,
-      onOutsideClick: hideFeedbackPopups
-    }
-  ), isCommentEnabled && feedbackControlRef.current && /* @__PURE__ */ React.createElement(
-    SuccessPopup,
-    {
-      visible: commentSuccessPopup.visible,
-      anchor: feedbackControlRef,
-      view,
-      onOutsideClick: hideFeedbackPopups
-    }
-  ), isCommentEnabled && feedbackControlRef.current && /* @__PURE__ */ React.createElement(
-    FeedbackFormPopup,
-    {
-      visible: commentFormPopup.visible,
-      anchor: feedbackControlRef,
-      view,
-      titleKey: "comment-form-title",
-      placeholderKey: "comment-form-placeholder",
-      onSubmit: onSendComment,
-      onOutsideClick: hideFeedbackPopups
-    }
-  ));
+  return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+    /* @__PURE__ */ jsxs(ControlsLayout, { view, children: [
+      /* @__PURE__ */ jsx(
+        LikeControl,
+        {
+          ref: likeControlRef,
+          view,
+          onClick: onChangeLike,
+          isLiked: innerState === FeedbackType.like,
+          isPopupVisible: likeSuccessPopup.visible
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        DislikeControl,
+        {
+          ref: dislikeControlRef,
+          view,
+          onClick: onChangeDislike,
+          isDisliked: innerState === FeedbackType.dislike,
+          isPopupVisible: isDislikePopupVisible
+        }
+      ),
+      isCommentEnabled && (view === "wide" /* Wide */ ? /* @__PURE__ */ jsx("div", { className: b("comment-row"), children: /* @__PURE__ */ jsx(
+        FeedbackControl,
+        {
+          ref: feedbackControlRef,
+          view,
+          onClick: onClickFeedback
+        }
+      ) }) : /* @__PURE__ */ jsx(
+        FeedbackControl,
+        {
+          ref: feedbackControlRef,
+          view,
+          onClick: onClickFeedback
+        }
+      ))
+    ] }),
+    likeControlRef.current && /* @__PURE__ */ jsx(
+      SuccessPopup,
+      {
+        visible: likeSuccessPopup.visible,
+        anchor: likeControlRef,
+        view,
+        onOutsideClick: hideFeedbackPopups
+      }
+    ),
+    dislikeControlRef.current && /* @__PURE__ */ jsx(
+      SuccessPopup,
+      {
+        visible: dislikeSuccessPopup.visible,
+        anchor: dislikeControlRef,
+        view,
+        onOutsideClick: hideFeedbackPopups
+      }
+    ),
+    dislikeControlRef.current && /* @__PURE__ */ jsx(
+      FeedbackFormPopup,
+      {
+        visible: dislikeVariantsPopup.visible,
+        anchor: dislikeControlRef,
+        view,
+        titleKey: "dislike-variants-title",
+        showVariants: true,
+        onSubmit: onSendDislikeInformation,
+        onOutsideClick: hideFeedbackPopups
+      }
+    ),
+    isCommentEnabled && feedbackControlRef.current && /* @__PURE__ */ jsx(
+      SuccessPopup,
+      {
+        visible: commentSuccessPopup.visible,
+        anchor: feedbackControlRef,
+        view,
+        onOutsideClick: hideFeedbackPopups
+      }
+    ),
+    isCommentEnabled && feedbackControlRef.current && /* @__PURE__ */ jsx(
+      FeedbackFormPopup,
+      {
+        visible: commentFormPopup.visible,
+        anchor: feedbackControlRef,
+        view,
+        titleKey: "comment-form-title",
+        placeholderKey: "comment-form-placeholder",
+        onSubmit: onSendComment,
+        onOutsideClick: hideFeedbackPopups
+      }
+    )
+  ] });
 };
 var Feedback_default = Feedback;
 export {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/Feedback/Feedback.tsx"],
   "sourcesContent": ["import type {PropsWithChildren} from 'react';\nimport type {FeedbackSendData} from '../../models';\nimport type {FormData} from './controls/FeedbackFormPopup';\n\nimport React, {useCallback, useContext, useEffect, useRef, useState} from 'react';\nimport block from 'bem-cn-lite';\n\nimport {InterfaceContext} from '../../contexts/InterfaceContext';\nimport {useInterface, usePopupState, useTranslation} from '../../hooks';\nimport {FeedbackType} from '../../models';\nimport {CommonAnalyticsEvent, useAnalytics} from '../../shared/libs/analytics';\n\nimport DislikeControl from './controls/DislikeControl';\nimport FeedbackControl from './controls/FeedbackControl';\nimport FeedbackFormPopup from './controls/FeedbackFormPopup';\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     * Opt in to the rating-free \"leave a comment\" entry point.\n     * When omitted, falls back to the `feedback-comment` interface flag.\n     */\n    showComment?: boolean;\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        showComment,\n    } = props;\n    const analytics = useAnalytics();\n    const likeControlRef = useRef<HTMLButtonElement | null>(null);\n    const dislikeControlRef = useRef<HTMLButtonElement | null>(null);\n    const feedbackControlRef = 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 commentSuccessPopup = usePopupState({autoclose: 3000});\n    const dislikeVariantsPopup = usePopupState();\n    const commentFormPopup = usePopupState();\n\n    const hideFeedbackPopups = useCallback(() => {\n        likeSuccessPopup.close();\n        dislikeSuccessPopup.close();\n        commentSuccessPopup.close();\n        dislikeVariantsPopup.close();\n        commentFormPopup.close();\n    }, [\n        likeSuccessPopup,\n        dislikeSuccessPopup,\n        commentSuccessPopup,\n        dislikeVariantsPopup,\n        commentFormPopup,\n    ]);\n\n    const onChangeLike = useCallback(() => {\n        const event =\n            view === FeedbackView.Regular\n                ? CommonAnalyticsEvent.DOCS_ASIDE_LIKE_CLICK\n                : CommonAnalyticsEvent.DOCS_FOOTER_LIKE_CLICK;\n        analytics.track(event);\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    }, [view, analytics, hideFeedbackPopups, innerState, onSendFeedback, likeSuccessPopup]);\n\n    const onChangeDislike = useCallback(() => {\n        const event =\n            view === FeedbackView.Regular\n                ? CommonAnalyticsEvent.DOCS_ASIDE_DISLIKE_CLICK\n                : CommonAnalyticsEvent.DOCS_FOOTER_DISLIKE_CLICK;\n        analytics.track(event);\n        hideFeedbackPopups();\n\n        if (innerState === FeedbackType.dislike) {\n            setInnerState(FeedbackType.indeterminate);\n            onSendFeedback({type: FeedbackType.indeterminate});\n        } else {\n            dislikeVariantsPopup.open();\n        }\n    }, [view, analytics, hideFeedbackPopups, innerState, onSendFeedback, dislikeVariantsPopup]);\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 onClickFeedback = useCallback(() => {\n        const event =\n            view === FeedbackView.Regular\n                ? CommonAnalyticsEvent.DOCS_ASIDE_FEEDBACK_CLICK\n                : CommonAnalyticsEvent.DOCS_FOOTER_FEEDBACK_CLICK;\n        analytics.track(event);\n        hideFeedbackPopups();\n        commentFormPopup.open();\n    }, [view, analytics, hideFeedbackPopups, commentFormPopup]);\n\n    const onSendComment = useCallback(\n        (data: FormData) => {\n            hideFeedbackPopups();\n            commentSuccessPopup.open();\n            onSendFeedback({type: FeedbackType.comment, comment: data.comment});\n        },\n        [onSendFeedback, commentSuccessPopup, hideFeedbackPopups],\n    );\n\n    const isDislikePopupVisible = dislikeSuccessPopup.visible || dislikeVariantsPopup.visible;\n    const isFeedbackHidden = useInterface('feedback');\n    const {interface: viewerInterface} = useContext(InterfaceContext);\n    const isCommentEnabled = showComment ?? viewerInterface?.['feedback-comment'] === true;\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                {isCommentEnabled &&\n                    (view === FeedbackView.Wide ? (\n                        <div className={b('comment-row')}>\n                            <FeedbackControl\n                                ref={feedbackControlRef}\n                                view={view}\n                                onClick={onClickFeedback}\n                            />\n                        </div>\n                    ) : (\n                        <FeedbackControl\n                            ref={feedbackControlRef}\n                            view={view}\n                            onClick={onClickFeedback}\n                        />\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                <FeedbackFormPopup\n                    visible={dislikeVariantsPopup.visible}\n                    anchor={dislikeControlRef}\n                    view={view}\n                    titleKey=\"dislike-variants-title\"\n                    showVariants\n                    onSubmit={onSendDislikeInformation}\n                    onOutsideClick={hideFeedbackPopups}\n                />\n            )}\n            {isCommentEnabled && feedbackControlRef.current && (\n                <SuccessPopup\n                    visible={commentSuccessPopup.visible}\n                    anchor={feedbackControlRef}\n                    view={view}\n                    onOutsideClick={hideFeedbackPopups}\n                />\n            )}\n            {isCommentEnabled && feedbackControlRef.current && (\n                <FeedbackFormPopup\n                    visible={commentFormPopup.visible}\n                    anchor={feedbackControlRef}\n                    view={view}\n                    titleKey=\"comment-form-title\"\n                    placeholderKey=\"comment-form-placeholder\"\n                    onSubmit={onSendComment}\n                    onOutsideClick={hideFeedbackPopups}\n                />\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default Feedback;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["FeedbackView"]
 }

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { FeedbackView } from '../Feedback';
 type DislikeControlProps = {
     isVerticalView?: boolean | undefined;
@@ -8,5 +7,5 @@ type DislikeControlProps = {
     view: FeedbackView | undefined;
     onClick: () => void;
 };
-declare const DislikeControl: React.MemoExoticComponent<React.ForwardRefExoticComponent<DislikeControlProps & React.RefAttributes<HTMLButtonElement>>>;
+declare const DislikeControl: import("react").NamedExoticComponent<DislikeControlProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default DislikeControl;

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

@@ -1,5 +1,5 @@
 // src/components/Feedback/controls/DislikeControl.tsx
-import React, { forwardRef, memo, useContext } from "react";
+import { forwardRef, memo, useContext } from "react";
 import { ThumbsDown, ThumbsDownFill } from "@gravity-ui/icons";
 import { Button } from "@gravity-ui/uikit";
 import block from "bem-cn-lite";
@@ -7,6 +7,7 @@ import { useTranslation } from "../../../hooks";
 import { Control } from "../../Control";
 import { ControlsLayoutContext } from "../../Controls/ControlsLayout";
 import { FeedbackView } from "../Feedback";
+import { jsx, jsxs } from "react/jsx-runtime";
 var b = block("dc-feedback");
 var DislikeControl = memo(
   forwardRef(({ isDisliked, view, onClick }, ref) => {
@@ -15,9 +16,12 @@ var DislikeControl = memo(
     const tooltipText = isDisliked ? t("cancel-dislike-text") : t("dislike-text");
     const Icon = isDisliked ? ThumbsDownFill : ThumbsDown;
     if (view === FeedbackView.Wide) {
-      return /* @__PURE__ */ React.createElement(Button, { view: "normal", ref, onClick, className: b("control", { view }) }, /* @__PURE__ */ React.createElement(Button.Icon, null, /* @__PURE__ */ React.createElement(Icon, { width: 20, height: 20 })), t("button-dislike-text"));
+      return /* @__PURE__ */ jsxs(Button, { view: "normal", ref, onClick, className: b("control", { view }), children: [
+        /* @__PURE__ */ jsx(Button.Icon, { children: /* @__PURE__ */ jsx(Icon, { width: 20, height: 20 }) }),
+        t("button-dislike-text")
+      ] });
     }
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       Control,
       {
         onClick,

package/build/esm/components/Feedback/controls/DislikeControl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/Feedback/controls/DislikeControl.tsx"],
-  "sourcesContent": ["import React, {forwardRef, memo, useContext} from 'react';\nimport {ThumbsDown, ThumbsDownFill} from '@gravity-ui/icons';\nimport {Button} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../hooks';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {FeedbackView} from '../Feedback';\n\ntype DislikeControlProps = {\n    isVerticalView?: boolean | undefined;\n    isDisliked: boolean | undefined;\n    isPopupVisible: boolean;\n    className?: string | undefined;\n    view: FeedbackView | undefined;\n    onClick: () => void;\n};\n\nconst b = block('dc-feedback');\n\nconst DislikeControl = memo(\n    forwardRef<HTMLButtonElement, DislikeControlProps>(({isDisliked, view, onClick}, ref) => {\n        const {t} = useTranslation('feedback');\n        const {isVerticalView, controlClassName} = useContext(ControlsLayoutContext);\n        const tooltipText = isDisliked ? t('cancel-dislike-text') : t('dislike-text');\n\n        const Icon = isDisliked ? ThumbsDownFill : ThumbsDown;\n\n        if (view === FeedbackView.Wide) {\n            return (\n                <Button view=\"normal\" ref={ref} onClick={onClick} className={b('control', {view})}>\n                    <Button.Icon>\n                        <Icon width={20} height={20} />\n                    </Button.Icon>\n                    {t('button-dislike-text')}\n                </Button>\n            );\n        }\n\n        return (\n            <Control\n                onClick={onClick}\n                className={b('control', {view}, controlClassName)}\n                isVerticalView={isVerticalView}\n                tooltipText={tooltipText}\n                ref={ref}\n                icon={Icon}\n            />\n        );\n    }),\n);\n\nDislikeControl.displayName = 'DislikeControl';\n\nexport default DislikeControl;\n"],
-  "mappings": ";AAAA,OAAO,SAAQ,YAAY,MAAM,kBAAiB;AAClD,SAAQ,YAAY,sBAAqB;AACzC,SAAQ,cAAa;AACrB,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAC7B,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AACpC,SAAQ,oBAAmB;AAW3B,IAAM,IAAI,MAAM,aAAa;AAE7B,IAAM,iBAAiB;AAAA,EACnB,WAAmD,CAAC,EAAC,YAAY,MAAM,QAAO,GAAG,QAAQ;AACrF,UAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,iBAAgB,IAAI,WAAW,qBAAqB;AAC3E,UAAM,cAAc,aAAa,EAAE,qBAAqB,IAAI,EAAE,cAAc;AAE5E,UAAM,OAAO,aAAa,iBAAiB;AAE3C,QAAI,SAAS,aAAa,MAAM;AAC5B,aACI,oCAAC,UAAO,MAAK,UAAS,KAAU,SAAkB,WAAW,EAAE,WAAW,EAAC,KAAI,CAAC,KAC5E,oCAAC,OAAO,MAAP,MACG,oCAAC,QAAK,OAAO,IAAI,QAAQ,IAAI,CACjC,GACC,EAAE,qBAAqB,CAC5B;AAAA,IAER;AAEA,WACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAW,EAAE,WAAW,EAAC,KAAI,GAAG,gBAAgB;AAAA,QAChD;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM;AAAA;AAAA,IACV;AAAA,EAER,CAAC;AACL;AAEA,eAAe,cAAc;AAE7B,IAAO,yBAAQ;",
+  "sourcesContent": ["import {forwardRef, memo, useContext} from 'react';\nimport {ThumbsDown, ThumbsDownFill} from '@gravity-ui/icons';\nimport {Button} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../hooks';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {FeedbackView} from '../Feedback';\n\ntype DislikeControlProps = {\n    isVerticalView?: boolean | undefined;\n    isDisliked: boolean | undefined;\n    isPopupVisible: boolean;\n    className?: string | undefined;\n    view: FeedbackView | undefined;\n    onClick: () => void;\n};\n\nconst b = block('dc-feedback');\n\nconst DislikeControl = memo(\n    forwardRef<HTMLButtonElement, DislikeControlProps>(({isDisliked, view, onClick}, ref) => {\n        const {t} = useTranslation('feedback');\n        const {isVerticalView, controlClassName} = useContext(ControlsLayoutContext);\n        const tooltipText = isDisliked ? t('cancel-dislike-text') : t('dislike-text');\n\n        const Icon = isDisliked ? ThumbsDownFill : ThumbsDown;\n\n        if (view === FeedbackView.Wide) {\n            return (\n                <Button view=\"normal\" ref={ref} onClick={onClick} className={b('control', {view})}>\n                    <Button.Icon>\n                        <Icon width={20} height={20} />\n                    </Button.Icon>\n                    {t('button-dislike-text')}\n                </Button>\n            );\n        }\n\n        return (\n            <Control\n                onClick={onClick}\n                className={b('control', {view}, controlClassName)}\n                isVerticalView={isVerticalView}\n                tooltipText={tooltipText}\n                ref={ref}\n                icon={Icon}\n            />\n        );\n    }),\n);\n\nDislikeControl.displayName = 'DislikeControl';\n\nexport default DislikeControl;\n"],
+  "mappings": ";AAAA,SAAQ,YAAY,MAAM,kBAAiB;AAC3C,SAAQ,YAAY,sBAAqB;AACzC,SAAQ,cAAa;AACrB,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAC7B,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AACpC,SAAQ,oBAAmB;AAuBX,SAEQ,KAFR;AAZhB,IAAM,IAAI,MAAM,aAAa;AAE7B,IAAM,iBAAiB;AAAA,EACnB,WAAmD,CAAC,EAAC,YAAY,MAAM,QAAO,GAAG,QAAQ;AACrF,UAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,iBAAgB,IAAI,WAAW,qBAAqB;AAC3E,UAAM,cAAc,aAAa,EAAE,qBAAqB,IAAI,EAAE,cAAc;AAE5E,UAAM,OAAO,aAAa,iBAAiB;AAE3C,QAAI,SAAS,aAAa,MAAM;AAC5B,aACI,qBAAC,UAAO,MAAK,UAAS,KAAU,SAAkB,WAAW,EAAE,WAAW,EAAC,KAAI,CAAC,GAC5E;AAAA,4BAAC,OAAO,MAAP,EACG,8BAAC,QAAK,OAAO,IAAI,QAAQ,IAAI,GACjC;AAAA,QACC,EAAE,qBAAqB;AAAA,SAC5B;AAAA,IAER;AAEA,WACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAW,EAAE,WAAW,EAAC,KAAI,GAAG,gBAAgB;AAAA,QAChD;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM;AAAA;AAAA,IACV;AAAA,EAER,CAAC;AACL;AAEA,eAAe,cAAc;AAE7B,IAAO,yBAAQ;",
   "names": []
 }