@diplodoc/components 3.0.0-alpha-5 → 3.0.0-alpha-6

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Control/Users/3y3k0/doctools/docs-components/src/components/Control/Control.scss", "../../../../src/components/Control/%3Cinput%20css%20BqwjDQ%3E", "../../../../src/components/Control/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
+  "sources": ["../../../../src/components/Control/Users/3y3k0/doctools/docs-components/src/components/Control/Control.scss", "../../../../src/components/Control/%3Cinput%20css%20MCMvpl%3E", "../../../../src/components/Control/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
   "sourcesContent": ["@import '../../styles/mixins';\n\n.dc-control {\n    &__tooltip {\n        display: flex;\n        align-items: center;\n        padding: 4px 8px;\n        border: none;\n        height: 26px;\n    }\n\n    &__tooltip-text {\n        @include text-size(body-1);\n        display: block;\n        white-space: nowrap;\n    }\n}\n", ".dc-control__tooltip {\n  display: flex;\n  align-items: center;\n  padding: 4px 8px;\n  border: none;\n  height: 26px;\n}\n.dc-control__tooltip-text {\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n  display: block;\n  white-space: nowrap;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Db250cm9sIiwic291cmNlcyI6WyJDb250cm9sLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0k7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VDUkE7RUFDQTtFRFNJO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLWNvbnRyb2wge1xuICAgICZfX3Rvb2x0aXAge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBwYWRkaW5nOiA0cHggOHB4O1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGhlaWdodDogMjZweDtcbiAgICB9XG5cbiAgICAmX190b29sdGlwLXRleHQge1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0xKTtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@import './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, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$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 link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\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($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
   "mappings": ";AAGI,CAAA;AACI,WAAA;AACA,eAAA;AACA,WAAA,IAAA;AACA,UAAA;AACA,UAAA;ACFR;ADKI,CAAA;AERA,aAAA,IAAA;AACA,eAAA,IAAA;AFSI,WAAA;AACA,eAAA;ACFR;",
   "names": []

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Controls/Users/3y3k0/doctools/docs-components/src/components/Controls/Controls.scss", "../../../../src/components/Controls/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss", "../../../../src/components/Controls/%3Cinput%20css%20FWp8GP%3E"],
+  "sources": ["../../../../src/components/Controls/Users/3y3k0/doctools/docs-components/src/components/Controls/Controls.scss", "../../../../src/components/Controls/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss", "../../../../src/components/Controls/%3Cinput%20css%20-gKEdp%3E"],
   "sourcesContent": ["@import '../../styles/mixins';\n@import '../../styles/variables';\n\n.dc-controls {\n    display: flex;\n    align-items: center;\n    @include text-size(body-1);\n\n    &__control:not(:last-child),\n    &__divider {\n        margin-right: 4px;\n    }\n\n    &__list {\n        padding: 4px 0;\n\n        &_langs {\n            width: 120px;\n        }\n    }\n\n    &__list-icon {\n        margin-right: 8px;\n        font-size: 22px;\n    }\n\n    &__lang-item {\n        display: flex;\n        padding: 6px 12px;\n        width: 100%;\n    }\n\n    &__edit-text {\n        margin-left: 8px;\n    }\n\n    &__icon-rotated {\n        transform: rotate(90deg);\n    }\n\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        &_vertical {\n            flex-direction: column;\n        }\n\n        &_vertical &__divider {\n            height: 1px;\n            width: 16px;\n        }\n\n        &_vertical &__control:not(:last-child),\n        &_vertical &__divider {\n            margin-right: 0;\n            margin-bottom: 4px;\n        }\n    }\n}\n", "@import './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, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$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 link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\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($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n", ".dc-controls {\n  display: flex;\n  align-items: center;\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n.dc-controls__control:not(:last-child), .dc-controls__divider {\n  margin-right: 4px;\n}\n.dc-controls__list {\n  padding: 4px 0;\n}\n.dc-controls__list_langs {\n  width: 120px;\n}\n.dc-controls__list-icon {\n  margin-right: 8px;\n  font-size: 22px;\n}\n.dc-controls__lang-item {\n  display: flex;\n  padding: 6px 12px;\n  width: 100%;\n}\n.dc-controls__edit-text {\n  margin-left: 8px;\n}\n.dc-controls__icon-rotated {\n  transform: rotate(90deg);\n}\n@media (min-width: 769px) {\n  .dc-controls_vertical {\n    flex-direction: column;\n  }\n  .dc-controls_vertical .dc-controls__divider {\n    height: 1px;\n    width: 16px;\n  }\n  .dc-controls_vertical .dc-controls__control:not(:last-child), .dc-controls_vertical .dc-controls__divider {\n    margin-right: 0;\n    margin-bottom: 4px;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Db250cm9scyIsInNvdXJjZXMiOlsiQ29udHJvbHMuc2NzcyIsIi4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQTtFQUNJO0VBQ0E7RUNGQTtFQUNBOztBRElBO0VBRUk7O0FBR0o7RUFDSTs7QUFFQTtFQUNJOztBQUlSO0VBQ0k7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTtJQUNJOztFQUdKO0lBQ0k7SUFDQTs7RUFHSjtJQUVJO0lBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcbkBpbXBvcnQgJy4uLy4uL3N0eWxlcy92YXJpYWJsZXMnO1xuXG4uZGMtY29udHJvbHMge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0xKTtcblxuICAgICZfX2NvbnRyb2w6bm90KDpsYXN0LWNoaWxkKSxcbiAgICAmX19kaXZpZGVyIHtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiA0cHg7XG4gICAgfVxuXG4gICAgJl9fbGlzdCB7XG4gICAgICAgIHBhZGRpbmc6IDRweCAwO1xuXG4gICAgICAgICZfbGFuZ3Mge1xuICAgICAgICAgICAgd2lkdGg6IDEyMHB4O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fbGlzdC1pY29uIHtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiA4cHg7XG4gICAgICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICB9XG5cbiAgICAmX19sYW5nLWl0ZW0ge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBwYWRkaW5nOiA2cHggMTJweDtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgJl9fZWRpdC10ZXh0IHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgICB9XG5cbiAgICAmX19pY29uLXJvdGF0ZWQge1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSg5MGRlZyk7XG4gICAgfVxuXG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICAmX3ZlcnRpY2FsIHtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIH1cblxuICAgICAgICAmX3ZlcnRpY2FsICZfX2RpdmlkZXIge1xuICAgICAgICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgICAgICAgICB3aWR0aDogMTZweDtcbiAgICAgICAgfVxuXG4gICAgICAgICZfdmVydGljYWwgJl9fY29udHJvbDpub3QoOmxhc3QtY2hpbGQpLFxuICAgICAgICAmX3ZlcnRpY2FsICZfX2RpdmlkZXIge1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */"],
   "mappings": ";AAGA,CAAA;AACI,WAAA;AACA,eAAA;ACFA,aAAA,IAAA;AACA,eAAA,IAAA;ACCJ;AFGI,CAAA,oBAAA,KAAA;AAAA,CAAA;AAEI,gBAAA;AEFR;AFKI,CAAA;AACI,WAAA,IAAA;AEHR;AFKQ,CAAA;AACI,SAAA;AEHZ;AFOI,CAAA;AACI,gBAAA;AACA,aAAA;AELR;AFQI,CAAA;AACI,WAAA;AACA,WAAA,IAAA;AACA,SAAA;AENR;AFSI,CAAA;AACI,eAAA;AEPR;AFUI,CAAA;AACI,aAAA,OAAA;AERR;AFWI,OAAA,CAAA,SAAA,EAAA;AACI,GAAA;AACI,oBAAA;AETV;AFYM,GAJA,qBAIA,CArCJ;AAsCQ,YAAA;AACA,WAAA;AEVV;AFaM,GATA,qBASA,CA1CJ,oBA0CI,KAAA;EAAA,CATA,qBASA,CA1CJ;AA4CQ,kBAAA;AACA,mBAAA;AEZV;AACF;",
   "names": []

package/build/esm/components/Controls/single-controls/DividerControl/DividerControl.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/components/Controls/single-controls/DividerControl/Users/3y3k0/doctools/docs-components/src/components/Controls/single-controls/DividerControl/DividerControl.scss", "../../../../../../src/components/Controls/single-controls/DividerControl/%3Cinput%20css%20_UCili%3E"],
+  "sources": ["../../../../../../src/components/Controls/single-controls/DividerControl/Users/3y3k0/doctools/docs-components/src/components/Controls/single-controls/DividerControl/DividerControl.scss", "../../../../../../src/components/Controls/single-controls/DividerControl/%3Cinput%20css%20NmLTZJ%3E"],
   "sourcesContent": [".dc-divider-control {\n    background: var(--g-color-line-generic);\n\n    &:first-child {\n        display: none;\n    }\n\n    &:not(&_vertical) {\n        width: 100%;\n        height: 1px;\n    }\n\n    &_vertical {\n        width: 1px;\n    }\n\n    &#{&}_vertical#{&}_size_m {\n        height: 16px;\n    }\n    &#{&}_vertical#{&}_size_l {\n        height: 24px;\n    }\n}\n", ".dc-divider-control {\n  background: var(--g-color-line-generic);\n}\n.dc-divider-control:first-child {\n  display: none;\n}\n.dc-divider-control:not(.dc-divider-control_vertical) {\n  width: 100%;\n  height: 1px;\n}\n.dc-divider-control_vertical {\n  width: 1px;\n}\n.dc-divider-control.dc-divider-control_vertical.dc-divider-control_size_m {\n  height: 16px;\n}\n.dc-divider-control.dc-divider-control_vertical.dc-divider-control_size_l {\n  height: 24px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Db250cm9scy9zaW5nbGUtY29udHJvbHMvRGl2aWRlckNvbnRyb2wiLCJzb3VyY2VzIjpbIkRpdmlkZXJDb250cm9sLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSTs7QUFFQTtFQUNJOztBQUdKO0VBQ0k7RUFDQTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBRUo7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIi5kYy1kaXZpZGVyLWNvbnRyb2wge1xuICAgIGJhY2tncm91bmQ6IHZhcigtLWctY29sb3ItbGluZS1nZW5lcmljKTtcblxuICAgICY6Zmlyc3QtY2hpbGQge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgICY6bm90KCZfdmVydGljYWwpIHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMXB4O1xuICAgIH1cblxuICAgICZfdmVydGljYWwge1xuICAgICAgICB3aWR0aDogMXB4O1xuICAgIH1cblxuICAgICYjeyZ9X3ZlcnRpY2FsI3smfV9zaXplX20ge1xuICAgICAgICBoZWlnaHQ6IDE2cHg7XG4gICAgfVxuICAgICYjeyZ9X3ZlcnRpY2FsI3smfV9zaXplX2wge1xuICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgfVxufVxuIl19 */"],
   "mappings": ";AAAA,CAAA;AACI,cAAA,IAAA;ACCJ;ADCI,CAHJ,kBAGI;AACI,WAAA;ACCR;ADEI,CAPJ,kBAOI,KAAA,CAAA;AACI,SAAA;AACA,UAAA;ACAR;ADGI,CALA;AAMI,SAAA;ACDR;ADII,CAhBJ,kBAgBI,CATA,2BASA,CAAA;AACI,UAAA;ACFR;ADII,CAnBJ,kBAmBI,CAZA,2BAYA,CAAA;AACI,UAAA;ACFR;",
   "names": []

package/build/esm/components/Controls/single-controls/EditControl.js

@@ -1,17 +1,17 @@
 // src/components/Controls/single-controls/EditControl.tsx
 import React, { memo, useContext } from "react";
-import { Button, Icon } from "@gravity-ui/uikit";
+import { Pencil } from "@gravity-ui/icons";
+import { Button } from "@gravity-ui/uikit";
 import block from "bem-cn-lite";
 import { useTranslation } from "../../../hooks";
 import { Control } from "../../Control";
 import { ControlsLayoutContext } from "../ControlsLayout";
-import EditIcon from "@gravity-ui/icons/svgs/pencil.svg";
 var b = block("dc-controls");
 var EditControl = memo(({ vcsUrl, vcsType = "github", view, className }) => {
   const { t } = useTranslation("controls");
   const { controlClassName, controlSize, isVerticalView, popupPosition } = useContext(ControlsLayoutContext);
   if (view === "wide") {
-    return /* @__PURE__ */ React.createElement("a", { href: vcsUrl, target: "_blank", rel: "noreferrer noopener" }, /* @__PURE__ */ React.createElement(Button, { className: b("control", { view }, className), view: "raised" }, /* @__PURE__ */ React.createElement(Button.Icon, null, /* @__PURE__ */ React.createElement(Icon, { data: EditIcon, size: 14 })), /* @__PURE__ */ React.createElement("span", { className: b("edit-text") }, t("edit-text"))));
+    return /* @__PURE__ */ React.createElement("a", { href: vcsUrl, target: "_blank", rel: "noreferrer noopener" }, /* @__PURE__ */ React.createElement(Button, { className: b("control", { view }, className), view: "raised" }, /* @__PURE__ */ React.createElement(Button.Icon, null, /* @__PURE__ */ React.createElement(Pencil, { width: 14, height: 14 })), /* @__PURE__ */ React.createElement("span", { className: b("edit-text") }, t("edit-text"))));
   }
   return /* @__PURE__ */ React.createElement(
     "a",
@@ -28,7 +28,7 @@ var EditControl = memo(({ vcsUrl, vcsType = "github", view, className }) => {
         className: controlClassName,
         isVerticalView,
         tooltipText: t(`edit-text-${vcsType}`),
-        icon: EditIcon,
+        icon: Pencil,
         popupPosition
       }
     )

package/build/esm/components/Controls/single-controls/EditControl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/Controls/single-controls/EditControl.tsx"],
-  "sourcesContent": ["import React, {memo, useContext} from 'react';\n\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../hooks';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../ControlsLayout';\n\nimport EditIcon from '@gravity-ui/icons/svgs/pencil.svg';\n\ninterface EditControlProps {\n    vcsUrl: string;\n    vcsType?: string;\n    view?: string;\n    className?: string;\n}\n\nconst b = block('dc-controls');\n\nconst EditControl = memo<EditControlProps>(({vcsUrl, vcsType = 'github', view, className}) => {\n    const {t} = useTranslation('controls');\n    const {controlClassName, controlSize, isVerticalView, popupPosition} =\n        useContext(ControlsLayoutContext);\n\n    if (view === 'wide') {\n        return (\n            <a href={vcsUrl} target=\"_blank\" rel=\"noreferrer noopener\">\n                <Button className={b('control', {view}, className)} view=\"raised\">\n                    <Button.Icon>\n                        <Icon data={EditIcon} size={14} />\n                    </Button.Icon>\n                    <span className={b('edit-text')}>{t<string>('edit-text')}</span>\n                </Button>\n            </a>\n        );\n    }\n\n    return (\n        <a\n            href={vcsUrl}\n            target=\"_blank\"\n            rel=\"noreferrer noopener\"\n            className={b('control', className)}\n        >\n            <Control\n                size={controlSize}\n                className={controlClassName}\n                isVerticalView={isVerticalView}\n                tooltipText={t(`edit-text-${vcsType}`)}\n                icon={EditIcon}\n                popupPosition={popupPosition}\n            />\n        </a>\n    );\n});\n\nEditControl.displayName = 'EditControl';\n\nexport default EditControl;\n"],
-  "mappings": ";AAAA,OAAO,SAAQ,MAAM,kBAAiB;AAEtC,SAAQ,QAAQ,YAAW;AAC3B,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAC7B,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AAEpC,OAAO,cAAc;AASrB,IAAM,IAAI,MAAM,aAAa;AAE7B,IAAM,cAAc,KAAuB,CAAC,EAAC,QAAQ,UAAU,UAAU,MAAM,UAAS,MAAM;AAC1F,QAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,QAAM,EAAC,kBAAkB,aAAa,gBAAgB,cAAa,IAC/D,WAAW,qBAAqB;AAEpC,MAAI,SAAS,QAAQ;AACjB,WACI,oCAAC,OAAE,MAAM,QAAQ,QAAO,UAAS,KAAI,yBACjC,oCAAC,UAAO,WAAW,EAAE,WAAW,EAAC,KAAI,GAAG,SAAS,GAAG,MAAK,YACrD,oCAAC,OAAO,MAAP,MACG,oCAAC,QAAK,MAAM,UAAU,MAAM,IAAI,CACpC,GACA,oCAAC,UAAK,WAAW,EAAE,WAAW,KAAI,EAAU,WAAW,CAAE,CAC7D,CACJ;AAAA,EAER;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,WAAW,EAAE,WAAW,SAAS;AAAA;AAAA,IAEjC;AAAA,MAAC;AAAA;AAAA,QACG,MAAM;AAAA,QACN,WAAW;AAAA,QACX;AAAA,QACA,aAAa,EAAE,aAAa,OAAO,EAAE;AAAA,QACrC,MAAM;AAAA,QACN;AAAA;AAAA,IACJ;AAAA,EACJ;AAER,CAAC;AAED,YAAY,cAAc;AAE1B,IAAO,sBAAQ;",
+  "sourcesContent": ["import React, {memo, useContext} from 'react';\n\nimport {Pencil} 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 '../ControlsLayout';\n\ninterface EditControlProps {\n    vcsUrl: string;\n    vcsType?: string;\n    view?: string;\n    className?: string;\n}\n\nconst b = block('dc-controls');\n\nconst EditControl = memo<EditControlProps>(({vcsUrl, vcsType = 'github', view, className}) => {\n    const {t} = useTranslation('controls');\n    const {controlClassName, controlSize, isVerticalView, popupPosition} =\n        useContext(ControlsLayoutContext);\n\n    if (view === 'wide') {\n        return (\n            <a href={vcsUrl} target=\"_blank\" rel=\"noreferrer noopener\">\n                <Button className={b('control', {view}, className)} view=\"raised\">\n                    <Button.Icon>\n                        <Pencil width={14} height={14} />\n                    </Button.Icon>\n                    <span className={b('edit-text')}>{t<string>('edit-text')}</span>\n                </Button>\n            </a>\n        );\n    }\n\n    return (\n        <a\n            href={vcsUrl}\n            target=\"_blank\"\n            rel=\"noreferrer noopener\"\n            className={b('control', className)}\n        >\n            <Control\n                size={controlSize}\n                className={controlClassName}\n                isVerticalView={isVerticalView}\n                tooltipText={t(`edit-text-${vcsType}`)}\n                icon={Pencil}\n                popupPosition={popupPosition}\n            />\n        </a>\n    );\n});\n\nEditControl.displayName = 'EditControl';\n\nexport default EditControl;\n"],
+  "mappings": ";AAAA,OAAO,SAAQ,MAAM,kBAAiB;AAEtC,SAAQ,cAAa;AACrB,SAAQ,cAAa;AACrB,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAC7B,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AASpC,IAAM,IAAI,MAAM,aAAa;AAE7B,IAAM,cAAc,KAAuB,CAAC,EAAC,QAAQ,UAAU,UAAU,MAAM,UAAS,MAAM;AAC1F,QAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,QAAM,EAAC,kBAAkB,aAAa,gBAAgB,cAAa,IAC/D,WAAW,qBAAqB;AAEpC,MAAI,SAAS,QAAQ;AACjB,WACI,oCAAC,OAAE,MAAM,QAAQ,QAAO,UAAS,KAAI,yBACjC,oCAAC,UAAO,WAAW,EAAE,WAAW,EAAC,KAAI,GAAG,SAAS,GAAG,MAAK,YACrD,oCAAC,OAAO,MAAP,MACG,oCAAC,UAAO,OAAO,IAAI,QAAQ,IAAI,CACnC,GACA,oCAAC,UAAK,WAAW,EAAE,WAAW,KAAI,EAAU,WAAW,CAAE,CAC7D,CACJ;AAAA,EAER;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,WAAW,EAAE,WAAW,SAAS;AAAA;AAAA,IAEjC;AAAA,MAAC;AAAA;AAAA,QACG,MAAM;AAAA,QACN,WAAW;AAAA,QACX;AAAA,QACA,aAAa,EAAE,aAAa,OAAO,EAAE;AAAA,QACrC,MAAM;AAAA,QACN;AAAA;AAAA,IACJ;AAAA,EACJ;AAER,CAAC;AAED,YAAY,cAAc;AAE1B,IAAO,sBAAQ;",
   "names": []
 }

package/build/esm/components/Controls/single-controls/FullScreenControl.js

@@ -1,28 +1,9 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-
 // src/components/Controls/single-controls/FullScreenControl.tsx
 import React, { memo, useCallback, useContext, useEffect } from "react";
-import { Icon } from "@gravity-ui/uikit";
+import { SquareDashed, SquareDashedCircle } from "@gravity-ui/icons";
 import { useTranslation } from "../../../hooks";
 import { Control } from "../../Control";
 import { ControlsLayoutContext } from "../ControlsLayout";
-import FullScreenClickedIcon from "@gravity-ui/icons/svgs/square-dashed-circle.svg";
-import FullScreenIcon from "@gravity-ui/icons/svgs/square-dashed.svg";
 var FullScreenControl = memo((props) => {
   const { t } = useTranslation("controls");
   const { controlClassName, controlSize, isVerticalView, popupPosition } = useContext(ControlsLayoutContext);
@@ -47,6 +28,7 @@ var FullScreenControl = memo((props) => {
     };
   }, [onKeyDown]);
   const activeMode = value ? "enabled" : "disabled";
+  const Icon = value ? SquareDashedCircle : SquareDashed;
   return /* @__PURE__ */ React.createElement(
     Control,
     {
@@ -55,7 +37,7 @@ var FullScreenControl = memo((props) => {
       className: controlClassName,
       isVerticalView,
       tooltipText: t(`full-screen-text-${activeMode}`),
-      icon: (args) => /* @__PURE__ */ React.createElement(Icon, __spreadValues({ data: value ? FullScreenClickedIcon : FullScreenIcon }, args)),
+      icon: Icon,
       popupPosition
     }
   );

package/build/esm/components/Controls/single-controls/FullScreenControl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/Controls/single-controls/FullScreenControl.tsx"],
-  "sourcesContent": ["import React, {memo, useCallback, useContext, useEffect} from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {useTranslation} from '../../../hooks';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../ControlsLayout';\n\nimport FullScreenClickedIcon from '@gravity-ui/icons/svgs/square-dashed-circle.svg';\nimport FullScreenIcon from '@gravity-ui/icons/svgs/square-dashed.svg';\n\ninterface ControlProps {\n    value?: boolean;\n    onChange?: (value: boolean) => void;\n}\n\nconst FullScreenControl = memo<ControlProps>((props) => {\n    const {t} = useTranslation('controls');\n    const {controlClassName, controlSize, isVerticalView, popupPosition} =\n        useContext(ControlsLayoutContext);\n    const {value, onChange} = props;\n\n    const onClick = useCallback(() => {\n        if (onChange) {\n            onChange(!value);\n        }\n    }, [value, onChange]);\n\n    const onKeyDown = useCallback(\n        (event: KeyboardEvent | React.KeyboardEvent) => {\n            if (event.key === 'Escape' && value) {\n                onClick();\n            }\n        },\n        [onClick, value],\n    );\n\n    useEffect(() => {\n        document.addEventListener('keydown', onKeyDown);\n\n        return () => {\n            document.removeEventListener('keydown', onKeyDown);\n        };\n    }, [onKeyDown]);\n\n    const activeMode = value ? 'enabled' : 'disabled';\n\n    return (\n        <Control\n            size={controlSize}\n            onClick={onClick}\n            className={controlClassName}\n            isVerticalView={isVerticalView}\n            tooltipText={t(`full-screen-text-${activeMode}`)}\n            icon={(args) => (\n                <Icon data={value ? FullScreenClickedIcon : FullScreenIcon} {...args} />\n            )}\n            popupPosition={popupPosition}\n        />\n    );\n});\n\nFullScreenControl.displayName = 'FullScreenControl';\n\nexport default FullScreenControl;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAQ,MAAM,aAAa,YAAY,iBAAgB;AAE9D,SAAQ,YAAW;AAEnB,SAAQ,sBAAqB;AAC7B,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AAEpC,OAAO,2BAA2B;AAClC,OAAO,oBAAoB;AAO3B,IAAM,oBAAoB,KAAmB,CAAC,UAAU;AACpD,QAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,QAAM,EAAC,kBAAkB,aAAa,gBAAgB,cAAa,IAC/D,WAAW,qBAAqB;AACpC,QAAM,EAAC,OAAO,SAAQ,IAAI;AAE1B,QAAM,UAAU,YAAY,MAAM;AAC9B,QAAI,UAAU;AACV,eAAS,CAAC,KAAK;AAAA,IACnB;AAAA,EACJ,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,QAAM,YAAY;AAAA,IACd,CAAC,UAA+C;AAC5C,UAAI,MAAM,QAAQ,YAAY,OAAO;AACjC,gBAAQ;AAAA,MACZ;AAAA,IACJ;AAAA,IACA,CAAC,SAAS,KAAK;AAAA,EACnB;AAEA,YAAU,MAAM;AACZ,aAAS,iBAAiB,WAAW,SAAS;AAE9C,WAAO,MAAM;AACT,eAAS,oBAAoB,WAAW,SAAS;AAAA,IACrD;AAAA,EACJ,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,aAAa,QAAQ,YAAY;AAEvC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA,aAAa,EAAE,oBAAoB,UAAU,EAAE;AAAA,MAC/C,MAAM,CAAC,SACH,oCAAC,uBAAK,MAAM,QAAQ,wBAAwB,kBAAoB,KAAM;AAAA,MAE1E;AAAA;AAAA,EACJ;AAER,CAAC;AAED,kBAAkB,cAAc;AAEhC,IAAO,4BAAQ;",
+  "sourcesContent": ["import React, {memo, useCallback, useContext, useEffect} from 'react';\n\nimport {SquareDashed, SquareDashedCircle} from '@gravity-ui/icons';\n\nimport {useTranslation} from '../../../hooks';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../ControlsLayout';\n\ninterface ControlProps {\n    value?: boolean;\n    onChange?: (value: boolean) => void;\n}\n\nconst FullScreenControl = memo<ControlProps>((props) => {\n    const {t} = useTranslation('controls');\n    const {controlClassName, controlSize, isVerticalView, popupPosition} =\n        useContext(ControlsLayoutContext);\n    const {value, onChange} = props;\n\n    const onClick = useCallback(() => {\n        if (onChange) {\n            onChange(!value);\n        }\n    }, [value, onChange]);\n\n    const onKeyDown = useCallback(\n        (event: KeyboardEvent | React.KeyboardEvent) => {\n            if (event.key === 'Escape' && value) {\n                onClick();\n            }\n        },\n        [onClick, value],\n    );\n\n    useEffect(() => {\n        document.addEventListener('keydown', onKeyDown);\n\n        return () => {\n            document.removeEventListener('keydown', onKeyDown);\n        };\n    }, [onKeyDown]);\n\n    const activeMode = value ? 'enabled' : 'disabled';\n    const Icon = value ? SquareDashedCircle : SquareDashed;\n\n    return (\n        <Control\n            size={controlSize}\n            onClick={onClick}\n            className={controlClassName}\n            isVerticalView={isVerticalView}\n            tooltipText={t(`full-screen-text-${activeMode}`)}\n            icon={Icon}\n            popupPosition={popupPosition}\n        />\n    );\n});\n\nFullScreenControl.displayName = 'FullScreenControl';\n\nexport default FullScreenControl;\n"],
+  "mappings": ";AAAA,OAAO,SAAQ,MAAM,aAAa,YAAY,iBAAgB;AAE9D,SAAQ,cAAc,0BAAyB;AAE/C,SAAQ,sBAAqB;AAC7B,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AAOpC,IAAM,oBAAoB,KAAmB,CAAC,UAAU;AACpD,QAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,QAAM,EAAC,kBAAkB,aAAa,gBAAgB,cAAa,IAC/D,WAAW,qBAAqB;AACpC,QAAM,EAAC,OAAO,SAAQ,IAAI;AAE1B,QAAM,UAAU,YAAY,MAAM;AAC9B,QAAI,UAAU;AACV,eAAS,CAAC,KAAK;AAAA,IACnB;AAAA,EACJ,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,QAAM,YAAY;AAAA,IACd,CAAC,UAA+C;AAC5C,UAAI,MAAM,QAAQ,YAAY,OAAO;AACjC,gBAAQ;AAAA,MACZ;AAAA,IACJ;AAAA,IACA,CAAC,SAAS,KAAK;AAAA,EACnB;AAEA,YAAU,MAAM;AACZ,aAAS,iBAAiB,WAAW,SAAS;AAE9C,WAAO,MAAM;AACT,eAAS,oBAAoB,WAAW,SAAS;AAAA,IACrD;AAAA,EACJ,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,aAAa,QAAQ,YAAY;AACvC,QAAM,OAAO,QAAQ,qBAAqB;AAE1C,SACI;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA,aAAa,EAAE,oBAAoB,UAAU,EAAE;AAAA,MAC/C,MAAM;AAAA,MACN;AAAA;AAAA,EACJ;AAER,CAAC;AAED,kBAAkB,cAAc;AAEhC,IAAO,4BAAQ;",
   "names": []
 }

package/build/esm/components/Controls/single-controls/LangControl.js

@@ -1,23 +1,7 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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;
-};
-
 // src/components/Controls/single-controls/LangControl.tsx
 import React, { useCallback, useContext, useMemo, useRef } from "react";
-import { Icon, List, Popup } from "@gravity-ui/uikit";
+import { Globe } from "@gravity-ui/icons";
+import { List, Popup } from "@gravity-ui/uikit";
 import block from "bem-cn-lite";
 import allLangs from "langs";
 import { usePopupState, useTranslation } from "../../../hooks";
@@ -25,7 +9,6 @@ import { Lang } from "../../../models";
 import { Control } from "../../Control";
 import { ControlsLayoutContext } from "../ControlsLayout";
 import { getPopupPosition } from "./utils";
-import LangIcon from "@gravity-ui/icons/svgs/globe.svg";
 import "../Controls.css";
 var ICONS = {
   en: "\u{1F1EC}\u{1F1E7}",
@@ -75,7 +58,7 @@ var LangControl = (props) => {
       className: controlClassName,
       isVerticalView,
       tooltipText: t("lang-text"),
-      icon: (args) => /* @__PURE__ */ React.createElement(Icon, __spreadValues({ data: LangIcon }, args)),
+      icon: Globe,
       popupPosition
     }
   ), popupState.visible && /* @__PURE__ */ React.createElement(

package/build/esm/components/Controls/single-controls/LangControl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/Controls/single-controls/LangControl.tsx"],
-  "sourcesContent": ["import React, {useCallback, useContext, useMemo, useRef} from 'react';\n\nimport {Icon, List, Popup} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport allLangs from 'langs';\n\nimport {usePopupState, useTranslation} from '../../../hooks';\nimport {Lang} from '../../../models';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../ControlsLayout';\n\nimport {getPopupPosition} from './utils';\n\nimport LangIcon from '@gravity-ui/icons/svgs/globe.svg';\n\nimport '../Controls.scss';\n\nconst ICONS: Record<string, string> = {\n    en: '\uD83C\uDDEC\uD83C\uDDE7',\n    ru: '\uD83C\uDDF7\uD83C\uDDFA',\n};\nconst DEFAULT_LANGS = ['en', 'ru'];\nconst LEGACY_LANG_ITEMS = [\n    {value: Lang.En, text: 'English', icon: '\uD83C\uDDEC\uD83C\uDDE7'},\n    {value: Lang.Ru, text: '\u0420\u0443\u0441\u0441\u043A\u0438\u0439', icon: '\uD83C\uDDF7\uD83C\uDDFA'},\n];\n\nconst b = block('dc-controls');\n\ninterface ControlProps {\n    lang: Lang;\n    langs?: string[];\n    onChangeLang: (lang: Lang) => void;\n}\n\ninterface ListItem {\n    value: string;\n    text: string;\n    icon?: string;\n}\n\nconst LIST_ITEM_HEIGHT = 36;\n\nconst LangControl = (props: ControlProps) => {\n    const {t} = useTranslation('controls');\n    const {controlClassName, controlSize, isVerticalView, popupPosition} =\n        useContext(ControlsLayoutContext);\n    const {lang, langs = DEFAULT_LANGS, onChangeLang} = props;\n\n    const controlRef = useRef<HTMLButtonElement | null>(null);\n\n    const popupState = usePopupState();\n    const langItems = useMemo(() => {\n        const preparedLangs = langs\n            .map((code) => {\n                const langData = allLangs.where('1', code);\n\n                return langData\n                    ? {\n                          text: langData.name,\n                          value: langData['1'],\n                          icon: ICONS[code] || '',\n                      }\n                    : undefined;\n            })\n            .filter(Boolean) as ListItem[];\n\n        return preparedLangs.length ? preparedLangs : LEGACY_LANG_ITEMS;\n    }, [langs]);\n    const renderItem = useCallback((item: ListItem) => {\n        return (\n            <div className={b('lang-item')}>\n                <div className={b('list-icon')}>{item.icon}</div>\n                {item.text}\n            </div>\n        );\n    }, []);\n    const onItemClick = useCallback(\n        (item: ListItem) => {\n            onChangeLang(item.value as Lang);\n        },\n        [onChangeLang],\n    );\n\n    const itemsHeight = LIST_ITEM_HEIGHT * langItems.length;\n    const selectedItemIndex = langItems.findIndex(({value}) => value === lang);\n\n    return (\n        <React.Fragment>\n            <Control\n                ref={controlRef}\n                size={controlSize}\n                onClick={popupState.open}\n                className={controlClassName}\n                isVerticalView={isVerticalView}\n                tooltipText={t('lang-text')}\n                icon={(args) => <Icon data={LangIcon} {...args} />}\n                popupPosition={popupPosition}\n            />\n            {popupState.visible && (\n                <Popup\n                    anchorRef={controlRef}\n                    open={true}\n                    onOutsideClick={popupState.close}\n                    placement={getPopupPosition(isVerticalView)}\n                >\n                    <List\n                        filterable={false}\n                        className={b('list', {langs: true})}\n                        items={langItems}\n                        onItemClick={onItemClick}\n                        selectedItemIndex={selectedItemIndex}\n                        itemHeight={LIST_ITEM_HEIGHT}\n                        itemsHeight={itemsHeight}\n                        renderItem={renderItem}\n                    />\n                </Popup>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default LangControl;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAQ,aAAa,YAAY,SAAS,cAAa;AAE9D,SAAQ,MAAM,MAAM,aAAY;AAChC,OAAO,WAAW;AAClB,OAAO,cAAc;AAErB,SAAQ,eAAe,sBAAqB;AAC5C,SAAQ,YAAW;AACnB,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AAEpC,SAAQ,wBAAuB;AAE/B,OAAO,cAAc;AAErB,OAAO;AAEP,IAAM,QAAgC;AAAA,EAClC,IAAI;AAAA,EACJ,IAAI;AACR;AACA,IAAM,gBAAgB,CAAC,MAAM,IAAI;AACjC,IAAM,oBAAoB;AAAA,EACtB,EAAC,OAAO,KAAK,IAAI,MAAM,WAAW,MAAM,qBAAM;AAAA,EAC9C,EAAC,OAAO,KAAK,IAAI,MAAM,8CAAW,MAAM,qBAAM;AAClD;AAEA,IAAM,IAAI,MAAM,aAAa;AAc7B,IAAM,mBAAmB;AAEzB,IAAM,cAAc,CAAC,UAAwB;AACzC,QAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,QAAM,EAAC,kBAAkB,aAAa,gBAAgB,cAAa,IAC/D,WAAW,qBAAqB;AACpC,QAAM,EAAC,MAAM,QAAQ,eAAe,aAAY,IAAI;AAEpD,QAAM,aAAa,OAAiC,IAAI;AAExD,QAAM,aAAa,cAAc;AACjC,QAAM,YAAY,QAAQ,MAAM;AAC5B,UAAM,gBAAgB,MACjB,IAAI,CAAC,SAAS;AACX,YAAM,WAAW,SAAS,MAAM,KAAK,IAAI;AAEzC,aAAO,WACD;AAAA,QACI,MAAM,SAAS;AAAA,QACf,OAAO,SAAS,GAAG;AAAA,QACnB,MAAM,MAAM,IAAI,KAAK;AAAA,MACzB,IACA;AAAA,IACV,CAAC,EACA,OAAO,OAAO;AAEnB,WAAO,cAAc,SAAS,gBAAgB;AAAA,EAClD,GAAG,CAAC,KAAK,CAAC;AACV,QAAM,aAAa,YAAY,CAAC,SAAmB;AAC/C,WACI,oCAAC,SAAI,WAAW,EAAE,WAAW,KACzB,oCAAC,SAAI,WAAW,EAAE,WAAW,KAAI,KAAK,IAAK,GAC1C,KAAK,IACV;AAAA,EAER,GAAG,CAAC,CAAC;AACL,QAAM,cAAc;AAAA,IAChB,CAAC,SAAmB;AAChB,mBAAa,KAAK,KAAa;AAAA,IACnC;AAAA,IACA,CAAC,YAAY;AAAA,EACjB;AAEA,QAAM,cAAc,mBAAmB,UAAU;AACjD,QAAM,oBAAoB,UAAU,UAAU,CAAC,EAAC,MAAK,MAAM,UAAU,IAAI;AAEzE,SACI,oCAAC,MAAM,UAAN,MACG;AAAA,IAAC;AAAA;AAAA,MACG,KAAK;AAAA,MACL,MAAM;AAAA,MACN,SAAS,WAAW;AAAA,MACpB,WAAW;AAAA,MACX;AAAA,MACA,aAAa,EAAE,WAAW;AAAA,MAC1B,MAAM,CAAC,SAAS,oCAAC,uBAAK,MAAM,YAAc,KAAM;AAAA,MAChD;AAAA;AAAA,EACJ,GACC,WAAW,WACR;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAM;AAAA,MACN,gBAAgB,WAAW;AAAA,MAC3B,WAAW,iBAAiB,cAAc;AAAA;AAAA,IAE1C;AAAA,MAAC;AAAA;AAAA,QACG,YAAY;AAAA,QACZ,WAAW,EAAE,QAAQ,EAAC,OAAO,KAAI,CAAC;AAAA,QAClC,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,QACA;AAAA;AAAA,IACJ;AAAA,EACJ,CAER;AAER;AAEA,IAAO,sBAAQ;",
+  "sourcesContent": ["import React, {useCallback, useContext, useMemo, useRef} from 'react';\n\nimport {Globe} from '@gravity-ui/icons';\nimport {List, Popup} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport allLangs from 'langs';\n\nimport {usePopupState, useTranslation} from '../../../hooks';\nimport {Lang} from '../../../models';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../ControlsLayout';\n\nimport {getPopupPosition} from './utils';\n\nimport '../Controls.scss';\n\nconst ICONS: Record<string, string> = {\n    en: '\uD83C\uDDEC\uD83C\uDDE7',\n    ru: '\uD83C\uDDF7\uD83C\uDDFA',\n};\nconst DEFAULT_LANGS = ['en', 'ru'];\nconst LEGACY_LANG_ITEMS = [\n    {value: Lang.En, text: 'English', icon: '\uD83C\uDDEC\uD83C\uDDE7'},\n    {value: Lang.Ru, text: '\u0420\u0443\u0441\u0441\u043A\u0438\u0439', icon: '\uD83C\uDDF7\uD83C\uDDFA'},\n];\n\nconst b = block('dc-controls');\n\ninterface ControlProps {\n    lang: Lang;\n    langs?: string[];\n    onChangeLang: (lang: Lang) => void;\n}\n\ninterface ListItem {\n    value: string;\n    text: string;\n    icon?: string;\n}\n\nconst LIST_ITEM_HEIGHT = 36;\n\nconst LangControl = (props: ControlProps) => {\n    const {t} = useTranslation('controls');\n    const {controlClassName, controlSize, isVerticalView, popupPosition} =\n        useContext(ControlsLayoutContext);\n    const {lang, langs = DEFAULT_LANGS, onChangeLang} = props;\n\n    const controlRef = useRef<HTMLButtonElement | null>(null);\n\n    const popupState = usePopupState();\n    const langItems = useMemo(() => {\n        const preparedLangs = langs\n            .map((code) => {\n                const langData = allLangs.where('1', code);\n\n                return langData\n                    ? {\n                          text: langData.name,\n                          value: langData['1'],\n                          icon: ICONS[code] || '',\n                      }\n                    : undefined;\n            })\n            .filter(Boolean) as ListItem[];\n\n        return preparedLangs.length ? preparedLangs : LEGACY_LANG_ITEMS;\n    }, [langs]);\n    const renderItem = useCallback((item: ListItem) => {\n        return (\n            <div className={b('lang-item')}>\n                <div className={b('list-icon')}>{item.icon}</div>\n                {item.text}\n            </div>\n        );\n    }, []);\n    const onItemClick = useCallback(\n        (item: ListItem) => {\n            onChangeLang(item.value as Lang);\n        },\n        [onChangeLang],\n    );\n\n    const itemsHeight = LIST_ITEM_HEIGHT * langItems.length;\n    const selectedItemIndex = langItems.findIndex(({value}) => value === lang);\n\n    return (\n        <React.Fragment>\n            <Control\n                ref={controlRef}\n                size={controlSize}\n                onClick={popupState.open}\n                className={controlClassName}\n                isVerticalView={isVerticalView}\n                tooltipText={t('lang-text')}\n                icon={Globe}\n                popupPosition={popupPosition}\n            />\n            {popupState.visible && (\n                <Popup\n                    anchorRef={controlRef}\n                    open={true}\n                    onOutsideClick={popupState.close}\n                    placement={getPopupPosition(isVerticalView)}\n                >\n                    <List\n                        filterable={false}\n                        className={b('list', {langs: true})}\n                        items={langItems}\n                        onItemClick={onItemClick}\n                        selectedItemIndex={selectedItemIndex}\n                        itemHeight={LIST_ITEM_HEIGHT}\n                        itemsHeight={itemsHeight}\n                        renderItem={renderItem}\n                    />\n                </Popup>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default LangControl;\n"],
+  "mappings": ";AAAA,OAAO,SAAQ,aAAa,YAAY,SAAS,cAAa;AAE9D,SAAQ,aAAY;AACpB,SAAQ,MAAM,aAAY;AAC1B,OAAO,WAAW;AAClB,OAAO,cAAc;AAErB,SAAQ,eAAe,sBAAqB;AAC5C,SAAQ,YAAW;AACnB,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AAEpC,SAAQ,wBAAuB;AAE/B,OAAO;AAEP,IAAM,QAAgC;AAAA,EAClC,IAAI;AAAA,EACJ,IAAI;AACR;AACA,IAAM,gBAAgB,CAAC,MAAM,IAAI;AACjC,IAAM,oBAAoB;AAAA,EACtB,EAAC,OAAO,KAAK,IAAI,MAAM,WAAW,MAAM,qBAAM;AAAA,EAC9C,EAAC,OAAO,KAAK,IAAI,MAAM,8CAAW,MAAM,qBAAM;AAClD;AAEA,IAAM,IAAI,MAAM,aAAa;AAc7B,IAAM,mBAAmB;AAEzB,IAAM,cAAc,CAAC,UAAwB;AACzC,QAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,QAAM,EAAC,kBAAkB,aAAa,gBAAgB,cAAa,IAC/D,WAAW,qBAAqB;AACpC,QAAM,EAAC,MAAM,QAAQ,eAAe,aAAY,IAAI;AAEpD,QAAM,aAAa,OAAiC,IAAI;AAExD,QAAM,aAAa,cAAc;AACjC,QAAM,YAAY,QAAQ,MAAM;AAC5B,UAAM,gBAAgB,MACjB,IAAI,CAAC,SAAS;AACX,YAAM,WAAW,SAAS,MAAM,KAAK,IAAI;AAEzC,aAAO,WACD;AAAA,QACI,MAAM,SAAS;AAAA,QACf,OAAO,SAAS,GAAG;AAAA,QACnB,MAAM,MAAM,IAAI,KAAK;AAAA,MACzB,IACA;AAAA,IACV,CAAC,EACA,OAAO,OAAO;AAEnB,WAAO,cAAc,SAAS,gBAAgB;AAAA,EAClD,GAAG,CAAC,KAAK,CAAC;AACV,QAAM,aAAa,YAAY,CAAC,SAAmB;AAC/C,WACI,oCAAC,SAAI,WAAW,EAAE,WAAW,KACzB,oCAAC,SAAI,WAAW,EAAE,WAAW,KAAI,KAAK,IAAK,GAC1C,KAAK,IACV;AAAA,EAER,GAAG,CAAC,CAAC;AACL,QAAM,cAAc;AAAA,IAChB,CAAC,SAAmB;AAChB,mBAAa,KAAK,KAAa;AAAA,IACnC;AAAA,IACA,CAAC,YAAY;AAAA,EACjB;AAEA,QAAM,cAAc,mBAAmB,UAAU;AACjD,QAAM,oBAAoB,UAAU,UAAU,CAAC,EAAC,MAAK,MAAM,UAAU,IAAI;AAEzE,SACI,oCAAC,MAAM,UAAN,MACG;AAAA,IAAC;AAAA;AAAA,MACG,KAAK;AAAA,MACL,MAAM;AAAA,MACN,SAAS,WAAW;AAAA,MACpB,WAAW;AAAA,MACX;AAAA,MACA,aAAa,EAAE,WAAW;AAAA,MAC1B,MAAM;AAAA,MACN;AAAA;AAAA,EACJ,GACC,WAAW,WACR;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAM;AAAA,MACN,gBAAgB,WAAW;AAAA,MAC3B,WAAW,iBAAiB,cAAc;AAAA;AAAA,IAE1C;AAAA,MAAC;AAAA;AAAA,QACG,YAAY;AAAA,QACZ,WAAW,EAAE,QAAQ,EAAC,OAAO,KAAI,CAAC;AAAA,QAClC,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,QACA;AAAA;AAAA,IACJ;AAAA,EACJ,CAER;AAER;AAEA,IAAO,sBAAQ;",
   "names": []
 }

package/build/esm/components/Controls/single-controls/PdfControl.js

@@ -21,7 +21,12 @@ import { Icon } from "@gravity-ui/uikit";
 import { useTranslation } from "../../../hooks";
 import { Control } from "../../Control";
 import { ControlsLayoutContext } from "../ControlsLayout";
-import PdfIcon from "../../../../../assets/icons/pdf.svg";
+var PdfIcon = `
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor" aria-hidden="true">
+        <path d="M86.1 428.1c0 .8 13.2-5.4 34.9-40.2-6.7 6.3-29.1 24.5-34.9 40.2zm93.8-218.9c-2.9 0-3 30.9 2 46.9 5.6-10 6.4-46.9-2-46.9zm80.2 142.1c37.1 15.8 42.8 9 42.8 9 4.1-2.7-2.5-11.9-42.8-9zm-79.9-48c-7.7 20.2-17.3 43.3-28.4 62.7 18.3-7 39-17.2 62.9-21.9-12.7-9.6-24.9-23.4-34.5-40.8zM272 128a16 16 0 0 1-16-16V0H24A23.94 23.94 0 0 0 0 23.88V488a23.94 23.94 0 0 0 23.88 24H360a23.94 23.94 0 0 0 24-23.88V128zm21.9 254.4c-16.9 0-42.3-7.7-64-19.5-24.9 4.1-53.2 14.7-79 23.2-25.4 43.8-43.2 61.8-61.1 61.8-5.5 0-15.9-3.1-21.5-10-19.1-23.5 27.4-54.1 54.5-68 .1 0 .1-.1.2-.1 12.1-21.2 29.2-58.2 40.8-85.8-8.5-32.9-13.1-58.7-8.1-77 5.4-19.7 43.1-22.6 47.8 6.8 5.4 17.6-1.7 45.7-6.2 64.2 9.4 24.8 22.7 41.6 42.7 53.8 19.3-2.5 59.7-6.4 73.6 7.2 11.5 11.4 9.5 43.4-19.7 43.4z" opacity=".4"/>
+        <path d="M377 105 279.1 7a24 24 0 0 0-17-7H256v112a16 16 0 0 0 16 16h112v-6.1a23.9 23.9 0 0 0-7-16.9zM240 331.8c-20-12.2-33.3-29-42.7-53.8 4.5-18.5 11.6-46.6 6.2-64.2-4.7-29.4-42.4-26.5-47.8-6.8-5 18.3-.4 44.1 8.1 77-11.6 27.6-28.7 64.6-40.8 85.8-.1 0-.1.1-.2.1-27.1 13.9-73.6 44.5-54.5 68 5.6 6.9 16 10 21.5 10 17.9 0 35.7-18 61.1-61.8 25.8-8.5 54.1-19.1 79-23.2 21.7 11.8 47.1 19.5 64 19.5 29.2 0 31.2-32 19.7-43.4-13.9-13.6-54.3-9.7-73.6-7.2zM86.1 428.1c5.8-15.7 28.2-33.9 34.9-40.2-21.7 34.8-34.9 41-34.9 40.2zm93.8-218.9c8.4 0 7.6 36.9 2 46.9-5-16-4.9-46.9-2-46.9zM151.8 366c11.1-19.4 20.7-42.5 28.4-62.7 9.6 17.4 21.8 31.2 34.5 40.8-23.9 4.7-44.6 14.9-62.9 21.9zm151.1-5.7s-5.7 6.8-42.8-9c40.3-2.9 46.9 6.3 42.8 9z" class="file-pdf_svg__fa-primary"/>
+    </svg>
+`;
 var PdfControl = memo((props) => {
   const { t } = useTranslation("controls");
   const { controlClassName, controlSize, isVerticalView, popupPosition } = useContext(ControlsLayoutContext);

package/build/esm/components/Controls/single-controls/PdfControl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/Controls/single-controls/PdfControl.tsx"],
-  "sourcesContent": ["import React, {memo, useContext} from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {useTranslation} from '../../../hooks';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../ControlsLayout';\n\nimport PdfIcon from '../../../../assets/icons/pdf.svg';\n\ninterface ControlProps {\n    pdfLink: string;\n}\n\nconst PdfControl = memo<ControlProps>((props) => {\n    const {t} = useTranslation('controls');\n    const {controlClassName, controlSize, isVerticalView, popupPosition} =\n        useContext(ControlsLayoutContext);\n    const {pdfLink} = props;\n\n    return (\n        <a href={pdfLink} target=\"_blank\" rel=\"noreferrer noopener\">\n            <Control\n                size={controlSize}\n                className={controlClassName}\n                isVerticalView={isVerticalView}\n                tooltipText={t('pdf-text')}\n                icon={(args) => <Icon data={PdfIcon} {...args} />}\n                popupPosition={popupPosition}\n            />\n        </a>\n    );\n});\n\nPdfControl.displayName = 'PdfControl';\n\nexport default PdfControl;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAQ,MAAM,kBAAiB;AAEtC,SAAQ,YAAW;AAEnB,SAAQ,sBAAqB;AAC7B,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AAEpC,OAAO,aAAa;AAMpB,IAAM,aAAa,KAAmB,CAAC,UAAU;AAC7C,QAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,QAAM,EAAC,kBAAkB,aAAa,gBAAgB,cAAa,IAC/D,WAAW,qBAAqB;AACpC,QAAM,EAAC,QAAO,IAAI;AAElB,SACI,oCAAC,OAAE,MAAM,SAAS,QAAO,UAAS,KAAI,yBAClC;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN,WAAW;AAAA,MACX;AAAA,MACA,aAAa,EAAE,UAAU;AAAA,MACzB,MAAM,CAAC,SAAS,oCAAC,uBAAK,MAAM,WAAa,KAAM;AAAA,MAC/C;AAAA;AAAA,EACJ,CACJ;AAER,CAAC;AAED,WAAW,cAAc;AAEzB,IAAO,qBAAQ;",
+  "sourcesContent": ["import React, {memo, useContext} from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {useTranslation} from '../../../hooks';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../ControlsLayout';\n\nconst PdfIcon = `\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M86.1 428.1c0 .8 13.2-5.4 34.9-40.2-6.7 6.3-29.1 24.5-34.9 40.2zm93.8-218.9c-2.9 0-3 30.9 2 46.9 5.6-10 6.4-46.9-2-46.9zm80.2 142.1c37.1 15.8 42.8 9 42.8 9 4.1-2.7-2.5-11.9-42.8-9zm-79.9-48c-7.7 20.2-17.3 43.3-28.4 62.7 18.3-7 39-17.2 62.9-21.9-12.7-9.6-24.9-23.4-34.5-40.8zM272 128a16 16 0 0 1-16-16V0H24A23.94 23.94 0 0 0 0 23.88V488a23.94 23.94 0 0 0 23.88 24H360a23.94 23.94 0 0 0 24-23.88V128zm21.9 254.4c-16.9 0-42.3-7.7-64-19.5-24.9 4.1-53.2 14.7-79 23.2-25.4 43.8-43.2 61.8-61.1 61.8-5.5 0-15.9-3.1-21.5-10-19.1-23.5 27.4-54.1 54.5-68 .1 0 .1-.1.2-.1 12.1-21.2 29.2-58.2 40.8-85.8-8.5-32.9-13.1-58.7-8.1-77 5.4-19.7 43.1-22.6 47.8 6.8 5.4 17.6-1.7 45.7-6.2 64.2 9.4 24.8 22.7 41.6 42.7 53.8 19.3-2.5 59.7-6.4 73.6 7.2 11.5 11.4 9.5 43.4-19.7 43.4z\" opacity=\".4\"/>\n        <path d=\"M377 105 279.1 7a24 24 0 0 0-17-7H256v112a16 16 0 0 0 16 16h112v-6.1a23.9 23.9 0 0 0-7-16.9zM240 331.8c-20-12.2-33.3-29-42.7-53.8 4.5-18.5 11.6-46.6 6.2-64.2-4.7-29.4-42.4-26.5-47.8-6.8-5 18.3-.4 44.1 8.1 77-11.6 27.6-28.7 64.6-40.8 85.8-.1 0-.1.1-.2.1-27.1 13.9-73.6 44.5-54.5 68 5.6 6.9 16 10 21.5 10 17.9 0 35.7-18 61.1-61.8 25.8-8.5 54.1-19.1 79-23.2 21.7 11.8 47.1 19.5 64 19.5 29.2 0 31.2-32 19.7-43.4-13.9-13.6-54.3-9.7-73.6-7.2zM86.1 428.1c5.8-15.7 28.2-33.9 34.9-40.2-21.7 34.8-34.9 41-34.9 40.2zm93.8-218.9c8.4 0 7.6 36.9 2 46.9-5-16-4.9-46.9-2-46.9zM151.8 366c11.1-19.4 20.7-42.5 28.4-62.7 9.6 17.4 21.8 31.2 34.5 40.8-23.9 4.7-44.6 14.9-62.9 21.9zm151.1-5.7s-5.7 6.8-42.8-9c40.3-2.9 46.9 6.3 42.8 9z\" class=\"file-pdf_svg__fa-primary\"/>\n    </svg>\n`;\n\ninterface ControlProps {\n    pdfLink: string;\n}\n\nconst PdfControl = memo<ControlProps>((props) => {\n    const {t} = useTranslation('controls');\n    const {controlClassName, controlSize, isVerticalView, popupPosition} =\n        useContext(ControlsLayoutContext);\n    const {pdfLink} = props;\n\n    return (\n        <a href={pdfLink} target=\"_blank\" rel=\"noreferrer noopener\">\n            <Control\n                size={controlSize}\n                className={controlClassName}\n                isVerticalView={isVerticalView}\n                tooltipText={t('pdf-text')}\n                icon={(args) => <Icon data={PdfIcon} {...args} />}\n                popupPosition={popupPosition}\n            />\n        </a>\n    );\n});\n\nPdfControl.displayName = 'PdfControl';\n\nexport default PdfControl;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAQ,MAAM,kBAAiB;AAEtC,SAAQ,YAAW;AAEnB,SAAQ,sBAAqB;AAC7B,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AAEpC,IAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAWhB,IAAM,aAAa,KAAmB,CAAC,UAAU;AAC7C,QAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,QAAM,EAAC,kBAAkB,aAAa,gBAAgB,cAAa,IAC/D,WAAW,qBAAqB;AACpC,QAAM,EAAC,QAAO,IAAI;AAElB,SACI,oCAAC,OAAE,MAAM,SAAS,QAAO,UAAS,KAAI,yBAClC;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN,WAAW;AAAA,MACX;AAAA,MACA,aAAa,EAAE,UAAU;AAAA,MACzB,MAAM,CAAC,SAAS,oCAAC,uBAAK,MAAM,WAAa,KAAM;AAAA,MAC/C;AAAA;AAAA,EACJ,CACJ;AAER,CAAC;AAED,WAAW,cAAc;AAEzB,IAAO,qBAAQ;",
   "names": []
 }

package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/components/Controls/single-controls/SettingsControl/Users/3y3k0/doctools/docs-components/src/components/Controls/single-controls/SettingsControl/SettingsControl.scss", "../../../../../../src/components/Controls/single-controls/SettingsControl/%3Cinput%20css%20aeG-PK%3E", "../../../../../../src/components/Controls/single-controls/SettingsControl/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
+  "sources": ["../../../../../../src/components/Controls/single-controls/SettingsControl/Users/3y3k0/doctools/docs-components/src/components/Controls/single-controls/SettingsControl/SettingsControl.scss", "../../../../../../src/components/Controls/single-controls/SettingsControl/%3Cinput%20css%20ow2XU4%3E", "../../../../../../src/components/Controls/single-controls/SettingsControl/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
   "sourcesContent": ["@import '../../../../styles/mixins';\n\n.dc-settings-control {\n    &__text-size-control {\n        display: flex;\n        align-items: center;\n    }\n\n    &__text-size-button {\n        &_s {\n            @include text-size(body-1);\n        }\n        &_m {\n            @include text-size(body-2);\n        }\n        &_l {\n            @include text-size(body-3);\n        }\n    }\n\n    &__text-size-button-icon {\n        &_active {\n            color: var(--g-color-base-brand);\n        }\n    }\n\n    &__popup {\n        width: 230px;\n        @include text-size(body-1);\n    }\n\n    &__list {\n        padding: 4px 0;\n        width: 230px;\n\n        .yc-list__item_active {\n            background: transparent;\n        }\n    }\n\n    &__list-icon {\n        margin-right: 8px;\n    }\n\n    &__list-item {\n        display: flex;\n        padding: 12px;\n        width: 100%;\n    }\n\n    &__list-item-description {\n        color: var(--g-color-text-secondary);\n    }\n\n    &__list-item-control {\n        display: flex;\n        align-items: center;\n        margin-left: auto;\n    }\n}\n", ".dc-settings-control__text-size-control {\n  display: flex;\n  align-items: center;\n}\n.dc-settings-control__text-size-button_s {\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n.dc-settings-control__text-size-button_m {\n  font-size: var(--g-text-body-2-font-size);\n  line-height: var(--g-text-body-2-line-height);\n}\n.dc-settings-control__text-size-button_l {\n  font-size: var(--g-text-body-3-font-size);\n  line-height: var(--g-text-body-3-line-height);\n}\n.dc-settings-control__text-size-button-icon_active {\n  color: var(--g-color-base-brand);\n}\n.dc-settings-control__popup {\n  width: 230px;\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n.dc-settings-control__list {\n  padding: 4px 0;\n  width: 230px;\n}\n.dc-settings-control__list .yc-list__item_active {\n  background: transparent;\n}\n.dc-settings-control__list-icon {\n  margin-right: 8px;\n}\n.dc-settings-control__list-item {\n  display: flex;\n  padding: 12px;\n  width: 100%;\n}\n.dc-settings-control__list-item-description {\n  color: var(--g-color-text-secondary);\n}\n.dc-settings-control__list-item-control {\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Db250cm9scy9zaW5nbGUtY29udHJvbHMvU2V0dGluZ3NDb250cm9sIiwic291cmNlcyI6WyJTZXR0aW5nc0NvbnRyb2wuc2NzcyIsIi4uLy4uLy4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHSTtFQUNJO0VBQ0E7O0FBSUE7RUNOSjtFQUNBOztBRFFJO0VDVEo7RUFDQTs7QURXSTtFQ1pKO0VBQ0E7O0FEaUJJO0VBQ0k7O0FBSVI7RUFDSTtFQ3hCSjtFQUNBOztBRDJCQTtFQUNJO0VBQ0E7O0FBRUE7RUFDSTs7QUFJUjtFQUNJOztBQUdKO0VBQ0k7RUFDQTtFQUNBOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi8uLi8uLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLXNldHRpbmdzLWNvbnRyb2wge1xuICAgICZfX3RleHQtc2l6ZS1jb250cm9sIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB9XG5cbiAgICAmX190ZXh0LXNpemUtYnV0dG9uIHtcbiAgICAgICAgJl9zIHtcbiAgICAgICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTEpO1xuICAgICAgICB9XG4gICAgICAgICZfbSB7XG4gICAgICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0yKTtcbiAgICAgICAgfVxuICAgICAgICAmX2wge1xuICAgICAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX190ZXh0LXNpemUtYnV0dG9uLWljb24ge1xuICAgICAgICAmX2FjdGl2ZSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci1iYXNlLWJyYW5kKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX3BvcHVwIHtcbiAgICAgICAgd2lkdGg6IDIzMHB4O1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0xKTtcbiAgICB9XG5cbiAgICAmX19saXN0IHtcbiAgICAgICAgcGFkZGluZzogNHB4IDA7XG4gICAgICAgIHdpZHRoOiAyMzBweDtcblxuICAgICAgICAueWMtbGlzdF9faXRlbV9hY3RpdmUge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19saXN0LWljb24ge1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgICB9XG5cbiAgICAmX19saXN0LWl0ZW0ge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBwYWRkaW5nOiAxMnB4O1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmX19saXN0LWl0ZW0tZGVzY3JpcHRpb24ge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXNlY29uZGFyeSk7XG4gICAgfVxuXG4gICAgJl9fbGlzdC1pdGVtLWNvbnRyb2wge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBtYXJnaW4tbGVmdDogYXV0bztcbiAgICB9XG59XG4iLCJAaW1wb3J0ICcuL3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xuICAgIG1hcmdpbi10b3A6IGNhbGMoI3skb2Zmc2V0fSAtIHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBAaW5jbHVkZSBpc2xhbmRzLWZvY3VzKCk7XG5cbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc0KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNDAwO1xufVxuXG5AbWl4aW4gY29udHJpYnV0b3JzLXRleHQoKSB7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuXG5AbWl4aW4gdGV4dC1ib2R5LTEoKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1mb250LXdlaWdodCk7XG59XG5cbkBtaXhpbiBkZXNrdG9wLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuIl19 */", "@import './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, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$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 link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\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($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
   "mappings": ";AAGI,CAAA;AACI,WAAA;AACA,eAAA;ACFR;ADMQ,CAAA;AENJ,aAAA,IAAA;AACA,eAAA,IAAA;ADGJ;ADKQ,CAAA;AETJ,aAAA,IAAA;AACA,eAAA,IAAA;ADOJ;ADIQ,CAAA;AEZJ,aAAA,IAAA;AACA,eAAA,IAAA;ADWJ;ADMQ,CAAA;AACI,SAAA,IAAA;ACJZ;ADQI,CAAA;AACI,SAAA;AExBJ,aAAA,IAAA;AACA,eAAA,IAAA;ADmBJ;ADQI,CAAA;AACI,WAAA,IAAA;AACA,SAAA;ACNR;ADQQ,CAJJ,0BAII,CAAA;AACI,cAAA;ACNZ;ADUI,CAAA;AACI,gBAAA;ACRR;ADWI,CAAA;AACI,WAAA;AACA,WAAA;AACA,SAAA;ACTR;ADYI,CAAA;AACI,SAAA,IAAA;ACVR;ADaI,CAAA;AACI,WAAA;AACA,eAAA;AACA,eAAA;ACXR;",
   "names": []

package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.js

@@ -1,30 +1,13 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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;
-};
-
 // src/components/Controls/single-controls/SettingsControl/SettingsControl.tsx
 import React, { useCallback, useContext, useRef, useState } from "react";
-import { Button, Icon, List, Popup, Switch } from "@gravity-ui/uikit";
+import { Gear } from "@gravity-ui/icons";
+import { Button, List, Popup, Switch } from "@gravity-ui/uikit";
 import cn from "bem-cn-lite";
 import { useTranslation } from "../../../../hooks";
 import { TextSizes, Theme } from "../../../../models";
 import { Control } from "../../../Control";
 import { ControlsLayoutContext } from "../../ControlsLayout";
 import { getPopupPosition } from "../utils";
-import SettingsIcon from "@gravity-ui/icons/svgs/gear.svg";
 import "./SettingsControl.css";
 var ITEM_HEIGHT = 48;
 var b = cn("dc-settings-control");
@@ -151,7 +134,7 @@ var SettingsControl = (props) => {
       isVerticalView,
       tooltipText: t("settings-text"),
       popupPosition,
-      icon: (args) => /* @__PURE__ */ React.createElement(Icon, __spreadValues({ data: SettingsIcon }, args))
+      icon: Gear
     }
   ), /* @__PURE__ */ React.createElement(
     Popup,

package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/Controls/single-controls/SettingsControl/SettingsControl.tsx"],
-  "sourcesContent": ["import React, {ReactElement, useCallback, useContext, useRef, useState} from 'react';\n\nimport {Button, Icon, List, Popup, Switch} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../../hooks';\nimport {TextSizes, Theme} from '../../../../models';\nimport {Control} from '../../../Control';\nimport {ControlsLayoutContext} from '../../ControlsLayout';\nimport {getPopupPosition} from '../utils';\n\nimport SettingsIcon from '@gravity-ui/icons/svgs/gear.svg';\n\nimport './SettingsControl.scss';\n\nconst ITEM_HEIGHT = 48;\nconst b = cn('dc-settings-control');\n\ninterface ControlProps {\n    fullScreen?: boolean;\n    singlePage?: boolean;\n    wideFormat?: boolean;\n    showMiniToc?: boolean;\n    theme?: Theme;\n    textSize?: TextSizes;\n    onChangeWideFormat?: (value: boolean) => void;\n    onChangeShowMiniToc?: (value: boolean) => void;\n    onChangeTheme?: (theme: Theme) => void;\n    onChangeTextSize?: (textSize: TextSizes) => void;\n}\n\ninterface SettingControlItem {\n    text: string;\n    description: string;\n    control: ReactElement;\n}\n\nconst SettingsControl = (props: ControlProps) => {\n    const {t} = useTranslation('controls');\n    const {controlClassName, controlSize, isVerticalView, popupPosition} =\n        useContext(ControlsLayoutContext);\n    const {\n        textSize,\n        theme,\n        wideFormat,\n        showMiniToc,\n        fullScreen,\n        singlePage,\n        onChangeTheme,\n        onChangeWideFormat,\n        onChangeShowMiniToc,\n        onChangeTextSize,\n    } = props;\n\n    const controlRef = useRef<HTMLButtonElement | null>(null);\n    const [isVisiblePopup, setIsVisiblePopup] = useState(false);\n    const showPopup = () => setIsVisiblePopup(true);\n    const hidePopup = () => setIsVisiblePopup(false);\n\n    const _onChangeTextSize = useCallback(\n        (textSizeKey: TextSizes) => () => {\n            if (onChangeTextSize) {\n                onChangeTextSize(textSizeKey);\n            }\n        },\n        [onChangeTextSize],\n    );\n    const _onChangeTheme = useCallback(() => {\n        if (onChangeTheme) {\n            onChangeTheme(theme === Theme.Dark ? Theme.Light : Theme.Dark);\n        }\n    }, [theme, onChangeTheme]);\n    const _onChangeWideFormat = useCallback(() => {\n        if (onChangeWideFormat) {\n            onChangeWideFormat(!wideFormat);\n        }\n    }, [wideFormat, onChangeWideFormat]);\n    const _onChangeShowMiniToc = useCallback(() => {\n        if (onChangeShowMiniToc) {\n            onChangeShowMiniToc(!showMiniToc);\n        }\n    }, [showMiniToc, onChangeShowMiniToc]);\n\n    const getSettingsItems = useCallback(() => {\n        const allTextSizes = Object.values(TextSizes);\n        const showMiniTocDisabled = fullScreen || singlePage;\n\n        return [\n            onChangeWideFormat\n                ? {\n                      text: t('label_wide_format'),\n                      description: t(\n                          `description_wide_format_${wideFormat ? 'enabled' : 'disabled'}`,\n                      ),\n                      control: <Switch checked={wideFormat} onChange={_onChangeWideFormat} />,\n                  }\n                : null,\n            onChangeShowMiniToc\n                ? {\n                      text: t('label_show_mini_toc'),\n                      description: t('description_show_mini_toc'),\n                      control: (\n                          <Switch\n                              disabled={showMiniTocDisabled}\n                              checked={showMiniToc}\n                              onChange={_onChangeShowMiniToc}\n                          />\n                      ),\n                  }\n                : null,\n            onChangeTheme\n                ? {\n                      text: t('label_dark_theme'),\n                      description:\n                          Theme.Light === theme\n                              ? t('description_disabled_dark_theme')\n                              : t('description_enabled_dark_theme'),\n                      control: <Switch checked={theme === Theme.Dark} onChange={_onChangeTheme} />,\n                  }\n                : null,\n            onChangeTextSize\n                ? {\n                      text: t('label_text_size'),\n                      description: t(`description_${textSize}_text_size`),\n                      control: (\n                          <div className={b('text-size-control')}>\n                              {allTextSizes.map((textSizeKey) => (\n                                  <Button\n                                      key={textSizeKey}\n                                      className={b('text-size-button', {\n                                          [textSizeKey]: true,\n                                      })}\n                                      view=\"flat\"\n                                      onClick={_onChangeTextSize(textSizeKey)}\n                                  >\n                                      <Button.Icon\n                                          className={b('text-size-button-icon', {\n                                              active: textSize === textSizeKey,\n                                          })}\n                                      >\n                                          A\n                                      </Button.Icon>\n                                  </Button>\n                              ))}\n                          </div>\n                      ),\n                  }\n                : null,\n        ].filter(Boolean) as unknown as SettingControlItem[];\n    }, [\n        t,\n        textSize,\n        theme,\n        wideFormat,\n        showMiniToc,\n        fullScreen,\n        singlePage,\n        _onChangeTheme,\n        _onChangeWideFormat,\n        _onChangeShowMiniToc,\n        _onChangeTextSize,\n        onChangeWideFormat,\n        onChangeShowMiniToc,\n        onChangeTheme,\n        onChangeTextSize,\n    ]);\n\n    const settingsItems = getSettingsItems();\n\n    return (\n        <React.Fragment>\n            <Control\n                ref={controlRef}\n                size={controlSize}\n                onClick={showPopup}\n                className={controlClassName}\n                isVerticalView={isVerticalView}\n                tooltipText={t('settings-text')}\n                popupPosition={popupPosition}\n                icon={(args) => <Icon data={SettingsIcon} {...args} />}\n            />\n            <Popup\n                anchorRef={controlRef}\n                open={isVisiblePopup}\n                contentClassName={b('popup')}\n                onOutsideClick={hidePopup}\n                placement={getPopupPosition(isVerticalView)}\n            >\n                <List\n                    items={settingsItems}\n                    className={b('list')}\n                    itemHeight={ITEM_HEIGHT}\n                    itemsHeight={ITEM_HEIGHT * settingsItems.length}\n                    filterable={false}\n                    renderItem={(item: SettingControlItem) => {\n                        return (\n                            <div className={b('list-item')}>\n                                <div className={b('list-item-content')}>\n                                    <div className={b('list-item-text')}>{item.text}</div>\n                                    <div className={b('list-item-description')}>\n                                        {item.description}\n                                    </div>\n                                </div>\n                                <div className={b('list-item-control')}>{item.control}</div>\n                            </div>\n                        );\n                    }}\n                />\n            </Popup>\n        </React.Fragment>\n    );\n};\n\nexport default SettingsControl;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, {ReactElement, useCallback, useContext, useRef, useState} from 'react';\n\nimport {Gear} from '@gravity-ui/icons';\nimport {Button, List, Popup, Switch} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../../hooks';\nimport {TextSizes, Theme} from '../../../../models';\nimport {Control} from '../../../Control';\nimport {ControlsLayoutContext} from '../../ControlsLayout';\nimport {getPopupPosition} from '../utils';\n\nimport './SettingsControl.scss';\n\nconst ITEM_HEIGHT = 48;\nconst b = cn('dc-settings-control');\n\ninterface ControlProps {\n    fullScreen?: boolean;\n    singlePage?: boolean;\n    wideFormat?: boolean;\n    showMiniToc?: boolean;\n    theme?: Theme;\n    textSize?: TextSizes;\n    onChangeWideFormat?: (value: boolean) => void;\n    onChangeShowMiniToc?: (value: boolean) => void;\n    onChangeTheme?: (theme: Theme) => void;\n    onChangeTextSize?: (textSize: TextSizes) => void;\n}\n\ninterface SettingControlItem {\n    text: string;\n    description: string;\n    control: ReactElement;\n}\n\nconst SettingsControl = (props: ControlProps) => {\n    const {t} = useTranslation('controls');\n    const {controlClassName, controlSize, isVerticalView, popupPosition} =\n        useContext(ControlsLayoutContext);\n    const {\n        textSize,\n        theme,\n        wideFormat,\n        showMiniToc,\n        fullScreen,\n        singlePage,\n        onChangeTheme,\n        onChangeWideFormat,\n        onChangeShowMiniToc,\n        onChangeTextSize,\n    } = props;\n\n    const controlRef = useRef<HTMLButtonElement | null>(null);\n    const [isVisiblePopup, setIsVisiblePopup] = useState(false);\n    const showPopup = () => setIsVisiblePopup(true);\n    const hidePopup = () => setIsVisiblePopup(false);\n\n    const _onChangeTextSize = useCallback(\n        (textSizeKey: TextSizes) => () => {\n            if (onChangeTextSize) {\n                onChangeTextSize(textSizeKey);\n            }\n        },\n        [onChangeTextSize],\n    );\n    const _onChangeTheme = useCallback(() => {\n        if (onChangeTheme) {\n            onChangeTheme(theme === Theme.Dark ? Theme.Light : Theme.Dark);\n        }\n    }, [theme, onChangeTheme]);\n    const _onChangeWideFormat = useCallback(() => {\n        if (onChangeWideFormat) {\n            onChangeWideFormat(!wideFormat);\n        }\n    }, [wideFormat, onChangeWideFormat]);\n    const _onChangeShowMiniToc = useCallback(() => {\n        if (onChangeShowMiniToc) {\n            onChangeShowMiniToc(!showMiniToc);\n        }\n    }, [showMiniToc, onChangeShowMiniToc]);\n\n    const getSettingsItems = useCallback(() => {\n        const allTextSizes = Object.values(TextSizes);\n        const showMiniTocDisabled = fullScreen || singlePage;\n\n        return [\n            onChangeWideFormat\n                ? {\n                      text: t('label_wide_format'),\n                      description: t(\n                          `description_wide_format_${wideFormat ? 'enabled' : 'disabled'}`,\n                      ),\n                      control: <Switch checked={wideFormat} onChange={_onChangeWideFormat} />,\n                  }\n                : null,\n            onChangeShowMiniToc\n                ? {\n                      text: t('label_show_mini_toc'),\n                      description: t('description_show_mini_toc'),\n                      control: (\n                          <Switch\n                              disabled={showMiniTocDisabled}\n                              checked={showMiniToc}\n                              onChange={_onChangeShowMiniToc}\n                          />\n                      ),\n                  }\n                : null,\n            onChangeTheme\n                ? {\n                      text: t('label_dark_theme'),\n                      description:\n                          Theme.Light === theme\n                              ? t('description_disabled_dark_theme')\n                              : t('description_enabled_dark_theme'),\n                      control: <Switch checked={theme === Theme.Dark} onChange={_onChangeTheme} />,\n                  }\n                : null,\n            onChangeTextSize\n                ? {\n                      text: t('label_text_size'),\n                      description: t(`description_${textSize}_text_size`),\n                      control: (\n                          <div className={b('text-size-control')}>\n                              {allTextSizes.map((textSizeKey) => (\n                                  <Button\n                                      key={textSizeKey}\n                                      className={b('text-size-button', {\n                                          [textSizeKey]: true,\n                                      })}\n                                      view=\"flat\"\n                                      onClick={_onChangeTextSize(textSizeKey)}\n                                  >\n                                      <Button.Icon\n                                          className={b('text-size-button-icon', {\n                                              active: textSize === textSizeKey,\n                                          })}\n                                      >\n                                          A\n                                      </Button.Icon>\n                                  </Button>\n                              ))}\n                          </div>\n                      ),\n                  }\n                : null,\n        ].filter(Boolean) as unknown as SettingControlItem[];\n    }, [\n        t,\n        textSize,\n        theme,\n        wideFormat,\n        showMiniToc,\n        fullScreen,\n        singlePage,\n        _onChangeTheme,\n        _onChangeWideFormat,\n        _onChangeShowMiniToc,\n        _onChangeTextSize,\n        onChangeWideFormat,\n        onChangeShowMiniToc,\n        onChangeTheme,\n        onChangeTextSize,\n    ]);\n\n    const settingsItems = getSettingsItems();\n\n    return (\n        <React.Fragment>\n            <Control\n                ref={controlRef}\n                size={controlSize}\n                onClick={showPopup}\n                className={controlClassName}\n                isVerticalView={isVerticalView}\n                tooltipText={t('settings-text')}\n                popupPosition={popupPosition}\n                icon={Gear}\n            />\n            <Popup\n                anchorRef={controlRef}\n                open={isVisiblePopup}\n                contentClassName={b('popup')}\n                onOutsideClick={hidePopup}\n                placement={getPopupPosition(isVerticalView)}\n            >\n                <List\n                    items={settingsItems}\n                    className={b('list')}\n                    itemHeight={ITEM_HEIGHT}\n                    itemsHeight={ITEM_HEIGHT * settingsItems.length}\n                    filterable={false}\n                    renderItem={(item: SettingControlItem) => {\n                        return (\n                            <div className={b('list-item')}>\n                                <div className={b('list-item-content')}>\n                                    <div className={b('list-item-text')}>{item.text}</div>\n                                    <div className={b('list-item-description')}>\n                                        {item.description}\n                                    </div>\n                                </div>\n                                <div className={b('list-item-control')}>{item.control}</div>\n                            </div>\n                        );\n                    }}\n                />\n            </Popup>\n        </React.Fragment>\n    );\n};\n\nexport default SettingsControl;\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/DocLayout/Users/3y3k0/doctools/docs-components/src/components/DocLayout/DocLayout.scss", "../../../../src/components/DocLayout/%3Cinput%20css%201W4R2T%3E", "../../../../src/components/DocLayout/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
+  "sources": ["../../../../src/components/DocLayout/Users/3y3k0/doctools/docs-components/src/components/DocLayout/DocLayout.scss", "../../../../src/components/DocLayout/%3Cinput%20css%20f9GShn%3E", "../../../../src/components/DocLayout/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
   "sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.dc-doc-layout {\n    display: flex;\n    align-items: center;\n    margin: 0 auto;\n    height: 100%;\n    background: var(--g-color-base-background);\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        align-items: normal;\n    }\n\n    &__left,\n    &__right {\n        flex: 0 0 auto;\n        box-sizing: content-box;\n    }\n\n    &__right {\n        width: 176px;\n        padding-right: 24px;\n        &_full-screen,\n        &_hidden-right {\n            flex: initial;\n        }\n    }\n\n    &__left {\n        width: 276px;\n\n        &_full-screen {\n            flex: initial;\n        }\n    }\n\n    &__center {\n        flex: 1 1 auto;\n        position: relative;\n        min-width: 0;\n\n        &#{&}_hidden-right#{&}_regular-page-width:not(#{&}_full-screen) {\n            max-width: calc(736px + 176px / 2);\n        }\n\n        &_full-screen {\n            flex: 0 0 auto;\n            width: 100%;\n        }\n\n        &_loading {\n            height: calc(100vh - var(--dc-header-height, #{$headerHeight}));\n            overflow: hidden;\n        }\n    }\n\n    &__toc {\n        position: fixed;\n        z-index: 100;\n        top: var(--dc-header-height, #{$headerHeight});\n        padding-left: 24px;\n        width: 252px;\n        background-color: var(--g-color-base-background);\n        @include text-size(body-1);\n    }\n\n    &__desktop-only {\n        .mobile & {\n            display: none;\n        }\n    }\n\n    &__mobile-only {\n        .desktop & {\n            display: none;\n        }\n    }\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        flex-direction: column-reverse;\n\n        &__right {\n            display: none;\n        }\n\n        &__left {\n            width: auto;\n        }\n\n        &__toc {\n            position: static;\n            width: auto;\n            height: auto;\n\n            .dc-toc {\n                /* stylelint-disable-next-line declaration-no-important */\n                height: 100% !important;\n            }\n        }\n    }\n\n    @media screen and (min-width: 1280px) {\n        &__center &#{&}_hidden-right#{&}_regular-page-width:not(#{&}_full-screen) {\n            max-width: calc(736px + 200px / 2);\n        }\n\n        &__right {\n            width: 200px;\n        }\n\n        &__toc {\n            width: 252px;\n        }\n\n        &__left {\n            width: 276px;\n        }\n    }\n}\n", ".dc-doc-layout {\n  display: flex;\n  align-items: center;\n  margin: 0 auto;\n  height: 100%;\n  background: var(--g-color-base-background);\n}\n@media (max-width: 768px) {\n  .dc-doc-layout {\n    align-items: normal;\n  }\n}\n.dc-doc-layout__left, .dc-doc-layout__right {\n  flex: 0 0 auto;\n  box-sizing: content-box;\n}\n.dc-doc-layout__right {\n  width: 176px;\n  padding-right: 24px;\n}\n.dc-doc-layout__right_full-screen, .dc-doc-layout__right_hidden-right {\n  flex: initial;\n}\n.dc-doc-layout__left {\n  width: 276px;\n}\n.dc-doc-layout__left_full-screen {\n  flex: initial;\n}\n.dc-doc-layout__center {\n  flex: 1 1 auto;\n  position: relative;\n  min-width: 0;\n}\n.dc-doc-layout__center.dc-doc-layout__center_hidden-right.dc-doc-layout__center_regular-page-width:not(.dc-doc-layout__center_full-screen) {\n  max-width: 824px;\n}\n.dc-doc-layout__center_full-screen {\n  flex: 0 0 auto;\n  width: 100%;\n}\n.dc-doc-layout__center_loading {\n  height: calc(100vh - var(--dc-header-height, 0px));\n  overflow: hidden;\n}\n.dc-doc-layout__toc {\n  position: fixed;\n  z-index: 100;\n  top: var(--dc-header-height, 0px);\n  padding-left: 24px;\n  width: 252px;\n  background-color: var(--g-color-base-background);\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n.mobile .dc-doc-layout__desktop-only {\n  display: none;\n}\n.desktop .dc-doc-layout__mobile-only {\n  display: none;\n}\n@media (max-width: 768px) {\n  .dc-doc-layout {\n    flex-direction: column-reverse;\n  }\n  .dc-doc-layout__right {\n    display: none;\n  }\n  .dc-doc-layout__left {\n    width: auto;\n  }\n  .dc-doc-layout__toc {\n    position: static;\n    width: auto;\n    height: auto;\n  }\n  .dc-doc-layout__toc .dc-toc {\n    /* stylelint-disable-next-line declaration-no-important */\n    height: 100% !important;\n  }\n}\n@media screen and (min-width: 1280px) {\n  .dc-doc-layout__center .dc-doc-layout.dc-doc-layout_hidden-right.dc-doc-layout_regular-page-width:not(.dc-doc-layout_full-screen) {\n    max-width: 836px;\n  }\n  .dc-doc-layout__right {\n    width: 200px;\n  }\n  .dc-doc-layout__toc {\n    width: 252px;\n  }\n  .dc-doc-layout__left {\n    width: 276px;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Eb2NMYXlvdXQiLCJzb3VyY2VzIjpbIkRvY0xheW91dC5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQVBKO0lBUVE7OztBQUdKO0VBRUk7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FBQ0E7RUFFSTs7QUFJUjtFQUNJOztBQUVBO0VBQ0k7O0FBSVI7RUFDSTtFQUNBO0VBQ0E7O0FBRUE7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTtFQUNBOztBQUlSO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VDNURKO0VBQ0E7O0FEZ0VJO0VBQ0k7O0FBS0o7RUFDSTs7QUFJUjtFQTVFSjtJQTZFUTs7RUFFQTtJQUNJOztFQUdKO0lBQ0k7O0VBR0o7SUFDSTtJQUNBO0lBQ0E7O0VBRUE7QUFDSTtJQUNBOzs7QUFLWjtFQUNJO0lBQ0k7O0VBR0o7SUFDSTs7RUFHSjtJQUNJOztFQUdKO0lBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcbkBpbXBvcnQgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uZGMtZG9jLWxheW91dCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLWJhc2UtYmFja2dyb3VuZCk7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBhbGlnbi1pdGVtczogbm9ybWFsO1xuICAgIH1cblxuICAgICZfX2xlZnQsXG4gICAgJl9fcmlnaHQge1xuICAgICAgICBmbGV4OiAwIDAgYXV0bztcbiAgICAgICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgfVxuXG4gICAgJl9fcmlnaHQge1xuICAgICAgICB3aWR0aDogMTc2cHg7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6IDI0cHg7XG4gICAgICAgICZfZnVsbC1zY3JlZW4sXG4gICAgICAgICZfaGlkZGVuLXJpZ2h0IHtcbiAgICAgICAgICAgIGZsZXg6IGluaXRpYWw7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19sZWZ0IHtcbiAgICAgICAgd2lkdGg6IDI3NnB4O1xuXG4gICAgICAgICZfZnVsbC1zY3JlZW4ge1xuICAgICAgICAgICAgZmxleDogaW5pdGlhbDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2NlbnRlciB7XG4gICAgICAgIGZsZXg6IDEgMSBhdXRvO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIG1pbi13aWR0aDogMDtcblxuICAgICAgICAmI3smfV9oaWRkZW4tcmlnaHQjeyZ9X3JlZ3VsYXItcGFnZS13aWR0aDpub3QoI3smfV9mdWxsLXNjcmVlbikge1xuICAgICAgICAgICAgbWF4LXdpZHRoOiBjYWxjKDczNnB4ICsgMTc2cHggLyAyKTtcbiAgICAgICAgfVxuXG4gICAgICAgICZfZnVsbC1zY3JlZW4ge1xuICAgICAgICAgICAgZmxleDogMCAwIGF1dG87XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuXG4gICAgICAgICZfbG9hZGluZyB7XG4gICAgICAgICAgICBoZWlnaHQ6IGNhbGMoMTAwdmggLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG4gICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fdG9jIHtcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICB6LWluZGV4OiAxMDA7XG4gICAgICAgIHRvcDogdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSk7XG4gICAgICAgIHBhZGRpbmctbGVmdDogMjRweDtcbiAgICAgICAgd2lkdGg6IDI1MnB4O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1nLWNvbG9yLWJhc2UtYmFja2dyb3VuZCk7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTEpO1xuICAgIH1cblxuICAgICZfX2Rlc2t0b3Atb25seSB7XG4gICAgICAgIC5tb2JpbGUgJiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fbW9iaWxlLW9ubHkge1xuICAgICAgICAuZGVza3RvcCAmIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uLXJldmVyc2U7XG5cbiAgICAgICAgJl9fcmlnaHQge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgICZfX2xlZnQge1xuICAgICAgICAgICAgd2lkdGg6IGF1dG87XG4gICAgICAgIH1cblxuICAgICAgICAmX190b2Mge1xuICAgICAgICAgICAgcG9zaXRpb246IHN0YXRpYztcbiAgICAgICAgICAgIHdpZHRoOiBhdXRvO1xuICAgICAgICAgICAgaGVpZ2h0OiBhdXRvO1xuXG4gICAgICAgICAgICAuZGMtdG9jIHtcbiAgICAgICAgICAgICAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZGVjbGFyYXRpb24tbm8taW1wb3J0YW50ICovXG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjgwcHgpIHtcbiAgICAgICAgJl9fY2VudGVyICYjeyZ9X2hpZGRlbi1yaWdodCN7Jn1fcmVndWxhci1wYWdlLXdpZHRoOm5vdCgjeyZ9X2Z1bGwtc2NyZWVuKSB7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IGNhbGMoNzM2cHggKyAyMDBweCAvIDIpO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9fcmlnaHQge1xuICAgICAgICAgICAgd2lkdGg6IDIwMHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgJl9fdG9jIHtcbiAgICAgICAgICAgIHdpZHRoOiAyNTJweDtcbiAgICAgICAgfVxuXG4gICAgICAgICZfX2xlZnQge1xuICAgICAgICAgICAgd2lkdGg6IDI3NnB4O1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@import './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, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$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 link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\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($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
   "mappings": ";AAGA,CAAA;AACI,WAAA;AACA,eAAA;AACA,UAAA,EAAA;AACA,UAAA;AACA,cAAA,IAAA;ACFJ;ADII,OAAA,CAAA,SAAA,EAAA;AAPJ,GAAA;AAQQ,iBAAA;ACDN;AACF;ADGI,CAAA;AAAA,CAAA;AAEI,QAAA,EAAA,EAAA;AACA,cAAA;ACFR;ADKI,CANA;AAOI,SAAA;AACA,iBAAA;ACHR;ADIQ,CAAA;AAAA,CAAA;AAEI,QAAA;ACHZ;ADOI,CAfA;AAgBI,SAAA;ACLR;ADOQ,CAAA;AACI,QAAA;ACLZ;ADSI,CAAA;AACI,QAAA,EAAA,EAAA;AACA,YAAA;AACA,aAAA;ACPR;ADSQ,CALJ,qBAKI,CAAA,kCAAA,CAAA,wCAAA,KAAA,CAAA;AACI,aAAA;ACPZ;ADUQ,CAJA;AAKI,QAAA,EAAA,EAAA;AACA,SAAA;ACRZ;ADWQ,CAAA;AACI,UAAA,KAAA,MAAA,EAAA;AAAA,UAAA,KAAA,MAAA,EAAA,IAAA,kBAAA,EAAA;AACA,YAAA;ACTZ;ADaI,CAAA;AACI,YAAA;AACA,WAAA;AACA,OAAA;AAAA,OAAA,IAAA,kBAAA,EAAA;AACA,gBAAA;AACA,SAAA;AACA,oBAAA,IAAA;AE5DJ,aAAA,IAAA;AACA,eAAA,IAAA;ADkDJ;ADcQ,CAAA,OAAA,CAAA;AACI,WAAA;ACZZ;ADiBQ,CAAA,QAAA,CAAA;AACI,WAAA;ACfZ;ADmBI,OAAA,CAAA,SAAA,EAAA;AA5EJ,GAAA;AA6EQ,oBAAA;AChBN;ADkBM,GApEJ;AAqEQ,aAAA;AChBV;ADmBM,GAxEJ;AAyEQ,WAAA;ACjBV;ADoBM,GAjCJ;AAkCQ,cAAA;AACA,WAAA;AACA,YAAA;AClBV;ADoBU,GAtCR,mBAsCQ,CAAA;AAEI,YAAA;AClBd;ADgBU,GAtCR,mBAsCQ,CAAA;AChBV;AACF;ADsBI,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;AACI,GAlEJ,sBAkEI,CApGR,aAoGQ,CAAA,0BAAA,CAAA,gCAAA,KAAA,CAAA;AACI,eAAA;ACpBV;ADuBM,GA7FJ;AA8FQ,WAAA;ACrBV;ADwBM,GAtDJ;AAuDQ,WAAA;ACtBV;ADyBM,GArGJ;AAsGQ,WAAA;ACvBV;AACF;",
   "names": []

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/DocLeadingPage/Users/3y3k0/doctools/docs-components/src/components/DocLeadingPage/DocLeadingPage.scss", "../../../../src/components/DocLeadingPage/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss", "../../../../src/components/DocLeadingPage/%3Cinput%20css%20iyo_Ub%3E", "../../../../src/components/DocLeadingPage/Users/3y3k0/doctools/docs-components/src/styles/variables.scss"],
+  "sources": ["../../../../src/components/DocLeadingPage/Users/3y3k0/doctools/docs-components/src/components/DocLeadingPage/DocLeadingPage.scss", "../../../../src/components/DocLeadingPage/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss", "../../../../src/components/DocLeadingPage/%3Cinput%20css%20C3ZN6h%3E", "../../../../src/components/DocLeadingPage/Users/3y3k0/doctools/docs-components/src/styles/variables.scss"],
   "sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.dc-doc-leading-page {\n    display: flex;\n    max-width: 1440px;\n\n    @include text-size(body-2);\n\n    &_regular-page-width {\n        max-width: 1280px;\n    }\n\n    &__main {\n        margin-bottom: 40px;\n        padding: 0 40px;\n    }\n\n    &__title {\n        margin: 40px 0 $normalOffset;\n\n        @include text-size(display-2);\n    }\n\n    &__description {\n        a {\n            @include link();\n\n            &:not([href]) {\n                color: inherit;\n            }\n        }\n    }\n\n    &__links {\n        @include reset-list-style();\n\n        display: flex;\n        justify-content: space-between;\n        flex-flow: column wrap;\n\n        &_root {\n            flex-direction: row;\n            margin-top: 70px;\n            margin-bottom: -$blockMarginBottomLarge;\n        }\n    }\n\n    &__links-left {\n        padding-right: 10px;\n    }\n\n    &__links-item {\n        &_root {\n            display: flex;\n            min-width: 280px;\n            max-width: 400px;\n            width: calc(50% - 20px);\n            padding-bottom: 40px;\n            margin-bottom: $blockMarginBottomLarge;\n            border-bottom: 1px solid var(--g-color-line-generic);\n        }\n    }\n\n    &__links-title {\n        &_root {\n            @include heading4();\n\n            margin-bottom: 10px;\n            font-weight: 500;\n        }\n    }\n\n    &__links-link {\n        @include link();\n    }\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        &__main {\n            margin-left: 0;\n            margin-bottom: 40px;\n            padding: 0 20px;\n        }\n\n        &__links-item {\n            width: 100%;\n        }\n    }\n}\n", "@import './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, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$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 link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\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($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n", ".dc-doc-leading-page {\n  display: flex;\n  max-width: 1440px;\n  font-size: var(--g-text-body-2-font-size);\n  line-height: var(--g-text-body-2-line-height);\n}\n.dc-doc-leading-page_regular-page-width {\n  max-width: 1280px;\n}\n.dc-doc-leading-page__main {\n  margin-bottom: 40px;\n  padding: 0 40px;\n}\n.dc-doc-leading-page__title {\n  margin: 40px 0 20px;\n  font-size: var(--g-text-display-2-font-size);\n  line-height: var(--g-text-display-2-line-height);\n}\n.dc-doc-leading-page__description a {\n  outline: none;\n  color: var(--g-color-text-link);\n  text-decoration: none;\n  cursor: pointer;\n}\n.utilityfocus .dc-doc-leading-page__description a:focus {\n  outline: 2px solid #ffdb4d;\n}\n.dc-doc-leading-page__description a:hover, .dc-doc-leading-page__description a:active {\n  color: var(--g-color-text-link-hover);\n}\n.dc-doc-leading-page__description a:not([href]) {\n  color: inherit;\n}\n.dc-doc-leading-page__links {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  flex-flow: column wrap;\n}\n.dc-doc-leading-page__links_root {\n  flex-direction: row;\n  margin-top: 70px;\n  margin-bottom: -20px;\n}\n.dc-doc-leading-page__links-left {\n  padding-right: 10px;\n}\n.dc-doc-leading-page__links-item_root {\n  display: flex;\n  min-width: 280px;\n  max-width: 400px;\n  width: calc(50% - 20px);\n  padding-bottom: 40px;\n  margin-bottom: 20px;\n  border-bottom: 1px solid var(--g-color-line-generic);\n}\n.dc-doc-leading-page__links-title_root {\n  font-size: var(--g-text-header-1-font-size);\n  line-height: var(--g-text-header-1-line-height);\n  font-weight: 500;\n  margin-bottom: 10px;\n  font-weight: 500;\n}\n.dc-doc-leading-page__links-link {\n  outline: none;\n  color: var(--g-color-text-link);\n  text-decoration: none;\n  cursor: pointer;\n}\n.utilityfocus .dc-doc-leading-page__links-link:focus {\n  outline: 2px solid #ffdb4d;\n}\n.dc-doc-leading-page__links-link:hover, .dc-doc-leading-page__links-link:active {\n  color: var(--g-color-text-link-hover);\n}\n@media (max-width: 768px) {\n  .dc-doc-leading-page__main {\n    margin-left: 0;\n    margin-bottom: 40px;\n    padding: 0 20px;\n  }\n  .dc-doc-leading-page__links-item {\n    width: 100%;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Eb2NMZWFkaW5nUGFnZSIsInNvdXJjZXMiOlsiRG9jTGVhZGluZ1BhZ2Uuc2NzcyIsIi4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyIsIi4uLy4uL3N0eWxlcy92YXJpYWJsZXMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQTtFQUNJO0VBQ0E7RUNGQTtFQUNBOztBREtBO0VBQ0k7O0FBR0o7RUFDSTtFQUNBOztBQUdKO0VBQ0k7RUNoQko7RUFDQTs7QURxQkk7RUNESjtFQVVBO0VBQ0E7RUFDQTs7QUFWQTtFQUNJOztBQVdKO0VBRUk7O0FEWkk7RUFDSTs7QUFLWjtFQzFCQTtFQUNBO0VBQ0E7RUQyQkk7RUFDQTtFQUNBOztBQUVBO0VBQ0k7RUFDQTtFQUNBOztBQUlSO0VBQ0k7O0FBSUE7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsZUV2RGE7RUZ3RGI7O0FBS0o7RUM5REo7RUFDQTtFQTZEQTtFREdRO0VBQ0E7O0FBSVI7RUNqREE7RUFVQTtFQUNBO0VBQ0E7O0FBVkE7RUFDSTs7QUFXSjtFQUVJOztBRHFDSjtFQUNJO0lBQ0k7SUFDQTtJQUNBOztFQUdKO0lBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcbkBpbXBvcnQgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uZGMtZG9jLWxlYWRpbmctcGFnZSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBtYXgtd2lkdGg6IDE0NDBweDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTIpO1xuXG4gICAgJl9yZWd1bGFyLXBhZ2Utd2lkdGgge1xuICAgICAgICBtYXgtd2lkdGg6IDEyODBweDtcbiAgICB9XG5cbiAgICAmX19tYWluIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogNDBweDtcbiAgICAgICAgcGFkZGluZzogMCA0MHB4O1xuICAgIH1cblxuICAgICZfX3RpdGxlIHtcbiAgICAgICAgbWFyZ2luOiA0MHB4IDAgJG5vcm1hbE9mZnNldDtcblxuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0yKTtcbiAgICB9XG5cbiAgICAmX19kZXNjcmlwdGlvbiB7XG4gICAgICAgIGEge1xuICAgICAgICAgICAgQGluY2x1ZGUgbGluaygpO1xuXG4gICAgICAgICAgICAmOm5vdChbaHJlZl0pIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2xpbmtzIHtcbiAgICAgICAgQGluY2x1ZGUgcmVzZXQtbGlzdC1zdHlsZSgpO1xuXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgZmxleC1mbG93OiBjb2x1bW4gd3JhcDtcblxuICAgICAgICAmX3Jvb3Qge1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IDcwcHg7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAtJGJsb2NrTWFyZ2luQm90dG9tTGFyZ2U7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19saW5rcy1sZWZ0IHtcbiAgICAgICAgcGFkZGluZy1yaWdodDogMTBweDtcbiAgICB9XG5cbiAgICAmX19saW5rcy1pdGVtIHtcbiAgICAgICAgJl9yb290IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBtaW4td2lkdGg6IDI4MHB4O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiA0MDBweDtcbiAgICAgICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDIwcHgpO1xuICAgICAgICAgICAgcGFkZGluZy1ib3R0b206IDQwcHg7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAkYmxvY2tNYXJnaW5Cb3R0b21MYXJnZTtcbiAgICAgICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYyk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19saW5rcy10aXRsZSB7XG4gICAgICAgICZfcm9vdCB7XG4gICAgICAgICAgICBAaW5jbHVkZSBoZWFkaW5nNCgpO1xuXG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2xpbmtzLWxpbmsge1xuICAgICAgICBAaW5jbHVkZSBsaW5rKCk7XG4gICAgfVxuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgJl9fbWFpbiB7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDQwcHg7XG4gICAgICAgICAgICBwYWRkaW5nOiAwIDIwcHg7XG4gICAgICAgIH1cblxuICAgICAgICAmX19saW5rcy1pdGVtIHtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiIsIi8vIFNpemVzXG4kaGVhZGVySGVpZ2h0OiAwcHg7XG4kbm9ybWFsT2Zmc2V0OiAyMHB4O1xuJG1pbmlUb2NPZmZzZXQ6IDU2cHg7XG4kYmxvY2tNYXJnaW5Cb3R0b21MYXJnZTogMjBweDtcbiRibG9ja01hcmdpbkJvdHRvbU1lZGl1bTogMTVweDtcbiRoZWFkZXJNYXJnaW5Ub3BMYXJnZTogNDBweDtcbiRoZWFkZXJNYXJnaW5Ub3BNZWRpdW06IDMycHg7XG4kcG9wdXBQYWRkaW5nOiAxNnB4O1xuJGNlbnRlckJsb2NrTWF4V2lkdGg6IDczNnB4O1xuXG4kc2NyZWVuQnJlYWtwb2ludHM6IChcbiAgICAneHMnOiAzNzVweCxcbiAgICAnc20nOiA1NzdweCxcbiAgICAnbWQnOiA3NjlweCxcbiAgICAnbGcnOiAxMDgxcHgsXG4gICAgJ3hsJzogMTE4NXB4LFxuKTtcbiJdfQ== */", "// Sizes\n$headerHeight: 0px;\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$screenBreakpoints: (\n    'xs': 375px,\n    'sm': 577px,\n    'md': 769px,\n    'lg': 1081px,\n    'xl': 1185px,\n);\n"],
   "mappings": ";AAGA,CAAA;AACI,WAAA;AACA,aAAA;ACFA,aAAA,IAAA;AACA,eAAA,IAAA;ACCJ;AFII,CAAA;AACI,aAAA;AEFR;AFKI,CAAA;AACI,iBAAA;AACA,WAAA,EAAA;AEHR;AFMI,CAAA;AACI,UAAA,KAAA,EAAA;AChBJ,aAAA,IAAA;AACA,eAAA,IAAA;ACaJ;AFQQ,CAAA,iCAAA;ACDJ,WAAA;AAUA,SAAA,IAAA;AACA,2BAAA;AAAA,mBAAA;AACA,UAAA;ACbJ;ADGI,CAAA,aAAA,CDDI,iCCCJ,CAAA;AACI,WAAA,IAAA,MAAA;ACDR;ADYI,CDbI,iCCaJ,CAAA;AAAA,CDbI,iCCaJ,CAAA;AAEI,SAAA,IAAA;ACXR;AFDY,CAHJ,iCAGI,CAAA,KAAA,CAAA;AACI,SAAA;AEGhB;AFEI,CAAA;AC1BA,UAAA;AACA,WAAA;AACA,cAAA;AD2BI,WAAA;AACA,mBAAA;AACA,aAAA,OAAA;AECR;AFCQ,CAAA;AACI,kBAAA;AACA,cAAA;AACA,iBAAA;AECZ;AFGI,CAAA;AACI,iBAAA;AEDR;AFKQ,CAAA;AACI,WAAA;AACA,aAAA;AACA,aAAA;AACA,SAAA,KAAA,IAAA,EAAA;AACA,kBAAA;AACA,iBAAA;AACA,iBAAA,IAAA,MAAA,IAAA;AEHZ;AFQQ,CAAA;AC9DJ,aAAA,IAAA;AACA,eAAA,IAAA;AA6DA,eAAA;ADGQ,iBAAA;AACA,eAAA;AELZ;AFSI,CAAA;ACjDA,WAAA;AAUA,SAAA,IAAA;AACA,2BAAA;AAAA,mBAAA;AACA,UAAA;ACkCJ;AD5CI,CAAA,aAAA,CD+CA,+BC/CA;AACI,WAAA,IAAA,MAAA;AC8CR;ADnCI,CDmCA,+BCnCA;AAAA,CDmCA,+BCnCA;AAEI,SAAA,IAAA;ACoCR;AFCI,OAAA,CAAA,SAAA,EAAA;AACI,GAjEJ;AAkEQ,iBAAA;AACA,mBAAA;AACA,aAAA,EAAA;AECV;AFEM,GAAA;AACI,WAAA;AEAV;AACF;",
   "names": []