@ytsaurus/ui 1.61.0 → 1.63.0

package/dist/public/build/css/cluster-page-wrapper.0b62c90f.chunk.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"css/cluster-page-wrapper.0b62c90f.chunk.css","mappings":"AAEA,qBAUI,mBAHA,wCACA,4CACA,aAJA,gCAFA,iCAaA,oDAVA,gBAOA,iBADA,mBAXA,eAGA,QAFA,MAaA,WAJA,iCAKA,CAEA,8BAEI,mBADA,aAIA,yCAFA,qBAEA,CAEA,oCACI,eAIR,4BACI,gDAGJ,oCAGI,wCACA,qCAFA,kBADA,eAGA,CCrCJ,uBCDA,sCDOI,kBCRJ,6BDGI,aAEA,YACA,gBACA,kBAHA,UCHJ,CDUI,2BAII,YAHA,kBAEA,WADA,SAEA,CAIR,2BAMI,mBAQA,WATA,aAOA,eAHA,kBACA,gBANA,YAGA,uBAMA,iBAEA,YAbA,kBACA,WAFA,SAcA,CC9BR,eAEI,uBAAwB,CAExB,8BACI,uBAAwB,CAE5B,gCACI,uCAAwC,CAE5C,iCACI,wCAAyC,CAE7C,+BACI,sCAAuC,CAE3C,2BACI,kCAAmC,CAEvC,0BACI,iCAAkC,CAEtC,0BACI,iCAAkC,CAEtC,+BACI,sCAAuC,CAE3C,8BACI,qCAAsC,CAE1C,8BACI,qCAAsC,CAE1C,gCACI,uCAAwC,CAE5C,8BACI,qCAAsC,CC3C9C,gBACI,aACA,sBACA,wBAEA,gBADA,eACA,CAEA,uBAEI,4CADA,wBACA,CAEA,uCACI,mBAIR,sBACI,YAGJ,wBACI,cAGJ,0BACI,4BAGJ,4BAEI,mBADA,aAEA,uCAGJ,sDAEI,YACA,aAGJ,4BAGI,mBAFA,kBACA,eACA,CAEA,kCACI,yCACA,eAMR,yBAEI,mBADA,YACA,CAGI,qDACI,mBAKZ,sBAEI,YACA,cACA,iBAHA,iBAGA,CAGJ,8BACI,iBAGJ,6BACI,+BACA,iBACA,kBAGJ,+BAKI,iBACA,kCAFA,kBAHA,sBAEA,YADA,UAIA,CCvFR,gBAEI,0CADA,WACA,CCEJ,aAGI,sBACA,0BAFA,iBADA,UAGA,CAEA,sBAKI,mBADA,aAFA,cADA,gBCPa,CDSb,cAEA,CAEA,yBAPJ,sBAQQ,iBAGJ,yBAXJ,sBAYQ,iBAIR,mBACI,gBAGJ,oBEoCA,eFlCI,uCEmCJ,iBFjCI,eADA,eACA,CAGJ,uBACI,uCAEA,gBAEA,uCACI,gBAGJ,kCACI,uBAGJ,kCACI,yBAIR,yBEWA,eFTI,uCEUJ,iBFRI,eAGJ,+BACI,eAEA,gBAGJ,wBACI,uCAEA,gBAGJ,qBACI,mBAGJ,oBAEI,aE9DJ,SACA,SF6DI,CAGJ,mBE5DA,qBF8DI,kBAEA,8BACI,eGvFR,uBAEI,SAKA,eADA,YAHA,OAFA,eAIA,WADA,iCAGA,CAGJ,2BAYI,u0DAFA,4BACA,4BANA,cAEA,YAJA,SAFA,kBACA,QAMA,UAIA,CAGJ,4BACI,6BACA,4BC1BR,YACI,aACA,SACA,cACA,kBAEA,+BACI,sBAGJ,iCACI,mBAGJ,kBAII,aAFA,SAIA,cACA,aAJA,cAFA,iBAMA,CAEA,wBACI,aAIR,oBAEI,wCACA,4BAFA,kBAGA,0CAEA,2BAKI,kBAJA,WAGA,WAGA,SALA,kBAIA,QAHA,SAIA,CAGJ,oCACI,iBAEA,2CAKI,yEAFA,iBACA,eACA,CAKR,sCACI,iBAEA,6CAKI,yEAFA,iBACA,eACA,CChEZ,6BACI,oCACA,iBAEA,+CACI,iBAIR,uCAEI,6BADA,aACA,CAEA,yDACI,cAIR,4BAGI,aACA,sBAFA,gBADA,UAGA,CAEA,sCAEI,8CADA,aACA,CAIR,4BAEI,yCAGA,kBADA,WADA,aAFA,iBAIA,CAGJ,qBACI","sources":["webpack://@ytsaurus/ui/./src/ui/containers/ClusterPageHeader/ClusterPageHeader.scss","webpack://@ytsaurus/ui/./src/ui/components/ClusterIcon/ClusterIcon.scss","webpack://@ytsaurus/ui/./src/ui/containers/ClusterPageHeader/ClusterColor.scss","webpack://@ytsaurus/ui/./src/ui/containers/ClusterPageHeader/ClustersPanel.scss","webpack://@ytsaurus/ui/./src/ui/containers/ClusterPageHeader/HeadSpacer.scss","webpack://@ytsaurus/ui/./src/ui/containers/MaintenancePage/MaintenancePage.scss","webpack://@ytsaurus/ui/./src/ui/styles/common.scss","webpack://@ytsaurus/ui/./src/ui/styles/mixins.scss","webpack://@ytsaurus/ui/./src/ui/components/Support/Support.scss","webpack://@ytsaurus/ui/./src/ui/components/FlexSplitPane/FlexSplitPane.scss","webpack://@ytsaurus/ui/./src/ui/containers/ClusterPage/ClusterPage.scss"],"sourcesContent":["@import '../../styles/common.scss';\n\n.cluster-page-header {\n    position: fixed;\n    top: 0;\n    left: var(--gn-aside-header-size);\n    right: 0;\n    height: var(--app-header-height);\n    overflow: hidden;\n    background-color: var(--main-background);\n    border-bottom: 1px solid var(--dark-divider);\n    display: flex;\n    align-items: center;\n    z-index: var(--app-header-z-index);\n    padding-right: 30px;\n    padding-left: 5px;\n    //    min-width: 1200px;\n    width: 100%;\n    max-width: calc(100vw - var(--gn-aside-header-size));\n\n    &__cluster {\n        display: flex;\n        align-items: center;\n        padding: 0 20px 0 15px;\n\n        font-size: var(--g-text-body-2-font-size);\n\n        &:hover {\n            cursor: pointer;\n        }\n    }\n\n    &__popup {\n        z-index: var(--dialog-suggest-z-index) !important;\n    }\n\n    &__popup-content {\n        min-width: 270px;\n        border-radius: 5px;\n        background-color: var(--main-background);\n        border: 1px solid var(--dark-divider);\n    }\n}\n","@import '../../containers/ClusterPageHeader/ClusterColor.scss';\n\n.cluster-icon {\n    &__wrapper {\n        display: flex;\n        width: 33px;\n        height: 33px;\n        overflow: hidden;\n        position: relative;\n        border-radius: 4px;\n        @include cluster-styled;\n\n        img {\n            position: relative;\n            z-index: 2;\n            width: 100%;\n            height: 100%;\n        }\n    }\n\n    &__placeholder {\n        z-index: 1;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        font-style: normal;\n        font-weight: 700;\n\n        font-size: 17px;\n        line-height: 24px;\n        color: #ffffff;\n        opacity: 0.85;\n    }\n}\n","@mixin cluster-styled {\n    color: var(--main-background);\n    background-color: var(--cluster-color);\n}\n\n.cluster-color {\n    // when theme is undefined\n    --cluster-color: #cfd4e0;\n\n    &_theme_ytsaurus {\n        --cluster-color: #ffb23e;\n    }\n    &_theme_grapefruit {\n        --cluster-color: var(--grapefruit-color);\n    }\n    &_theme_bittersweet {\n        --cluster-color: var(--bittersweet-color);\n    }\n    &_theme_sunflower {\n        --cluster-color: var(--sunflower-color);\n    }\n    &_theme_grass {\n        --cluster-color: var(--grass-color);\n    }\n    &_theme_mint {\n        --cluster-color: var(--mint-color);\n    }\n    &_theme_aqua {\n        --cluster-color: var(--aqua-color);\n    }\n    &_theme_bluejeans {\n        --cluster-color: var(--bluejeans-color);\n    }\n    &_theme_lavander {\n        --cluster-color: var(--lavander-color);\n    }\n    &_theme_pinkrose {\n        --cluster-color: var(--pinkrose-color);\n    }\n    &_theme_mediumgray {\n        --cluster-color: var(--mediumgray-color);\n    }\n    &_theme_darkgray {\n        --cluster-color: var(--darkgray-color);\n    }\n}\n",".clusters-panel {\n    display: flex;\n    flex-direction: column;\n    justify-content: stretch;\n    overflow: hidden;\n    max-height: 70vh;\n\n    &__input {\n        padding: 6px 24px 4px 8px;\n        border-bottom: 1px solid var(--dark-divider);\n\n        .textinput__box {\n            border: 0 !important;\n        }\n    }\n\n    &__list {\n        flex-grow: 1;\n    }\n\n    &__groups {\n        overflow: auto;\n    }\n\n    &__no-items {\n        color: var(--secondary-text);\n    }\n\n    &__group-name {\n        display: flex;\n        align-items: center;\n        font-weight: var(--yt-font-weight-bold);\n    }\n\n    &__no-items,\n    &__group-name {\n        height: 44px;\n        padding: 16px;\n    }\n\n    &__group-item {\n        padding-left: 16px;\n        padding-top: 7px;\n        padding-bottom: 7px;\n\n        &:hover {\n            background-color: var(--hover-background);\n            cursor: pointer;\n        }\n    }\n\n    $self: &;\n\n    &__cluster {\n        display: flex;\n        align-items: center;\n\n        &:hover {\n            #{$self}__link {\n                visibility: visible;\n            }\n        }\n    }\n\n    &__link {\n        visibility: hidden;\n        flex-grow: 1;\n        padding: 0 1ex;\n        text-align: right;\n    }\n\n    &__cluster-name {\n        padding-left: 9px;\n    }\n\n    &__cluster-env {\n        color: var(--g-color-text-hint);\n        padding-left: 4px;\n        padding-right: 1ex;\n    }\n\n    &__cluster-image {\n        box-sizing: border-box;\n        width: 33px;\n        height: 33px;\n        border-radius: 4px;\n        border: 3px solid;\n        border-color: var(--cluster-color);\n    }\n}\n",".yt-head-spacer {\n    height: 24px;\n    border-left: 1px solid var(--dark-divider);\n}\n","@import '../../styles/fonts';\n@import '../../styles/mixins';\n@import '../../styles/common';\n\n.maintenance {\n    width: 100%;\n    padding-top: 80px;\n    box-sizing: border-box;\n    color: var(--primary-text);\n\n    &__content {\n        max-width: $width-large-screen;\n        margin: 0 auto;\n        padding: 0 80px;\n        display: flex;\n        align-items: center;\n\n        @media (min-width: $width-medium-screen) {\n            padding: 0 120px;\n        }\n\n        @media (min-width: $width-large-screen) {\n            padding: 0 240px;\n        }\n    }\n\n    &__info {\n        max-width: 504px;\n    }\n\n    &__title {\n        @include heading-size(l);\n        font-weight: var(--yt-font-weight-bold);\n        max-width: 350px;\n        margin-bottom: 8px;\n    }\n\n    &__severity {\n        font-weight: var(--yt-font-weight-bold);\n        margin: 0;\n        margin-bottom: 28px;\n\n        span:last-child {\n            margin-left: 4px;\n        }\n\n        &_type_minor {\n            color: var(--info-text);\n        }\n\n        &_type_major {\n            color: var(--danger-text);\n        }\n    }\n\n    &__user-title {\n        @include heading-size(s);\n        font-weight: var(--yt-font-weight-bold);\n        margin: 0;\n        margin-bottom: 8px;\n    }\n\n    &__user-description {\n        font-size: 16px;\n        margin: 0;\n        margin-bottom: 32px;\n    }\n\n    &__time-line {\n        font-weight: var(--yt-font-weight-bold);\n        margin: 0;\n        margin-bottom: 12px;\n    }\n\n    &__author {\n        margin-bottom: 60px;\n    }\n\n    &__links {\n        @include reset-ul();\n        display: flex;\n    }\n\n    &__link {\n        @include reset-li();\n        margin-right: 24px;\n\n        &:last-child {\n            margin-right: 0;\n        }\n    }\n}\n","$section-offset: 20px;\n$section-main-padding-horizontal-fullscreen: 10px;\n\n// device-width\n$width-large-screen: 1920px;\n$width-medium-screen: 1440px;\n$width-small-screen: 1280px;\n\n// heading\n$offset-heading-small: 10px;\n$offset-heading-small-x: 12px;\n$offset-heading-medium: 20px;\n$offset-heading-large: 20px;\n","@import './fonts';\n@import './common';\n\n@mixin ellipsis() {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n@mixin text-label() {\n    font-size: 0.9em;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n// reset\n\n@mixin reset-ul() {\n    margin: 0;\n    padding: 0;\n}\n\n@mixin reset-li() {\n    list-style-type: none;\n}\n\n// font\n\n@mixin yt-fonts() {\n    font-family: var(--g-font-family-sans);\n    font-size: var(--g-font-size);\n    line-height: var(--g-line-height);\n}\n\n// heading\n\n@mixin heading-size($key) {\n    $sizes: (\n        s: (\n            16px,\n            20px,\n            $offset-heading-small,\n        ),\n        xs: (\n            18px,\n            20px,\n            $offset-heading-small-x,\n        ),\n        m: (\n            20px,\n            24px,\n            $offset-heading-medium,\n        ),\n        l: (\n            24px,\n            28px,\n            $offset-heading-large,\n        ),\n        xl: (\n            24px,\n            28px,\n            $offset-heading-large,\n        ),\n    );\n    $size: map-get($sizes, $key);\n\n    font-size: nth($size, 1);\n    line-height: nth($size, 2);\n    margin: 0;\n    margin-bottom: nth($size, 3);\n}\n\n$stickyVerticalPadding: 10px;\n\n@mixin sticky-style() {\n    position: fixed;\n    top: var(--app-header-height);\n    left: var(--gn-aside-header-size);\n    right: 0;\n\n    padding: $stickyVerticalPadding 20px;\n\n    box-shadow: 0 1px 10px var(--opacity-background);\n    background-color: var(--main-background);\n    border-bottom: 1px solid var(--dark-divider);\n    z-index: var(--fixed-toolbar-z-index);\n}\n",".support-form {\n    &__toggler {\n        position: fixed;\n        bottom: 0;\n        left: 0;\n        z-index: var(--bug-report-z-index);\n        width: 45px;\n        height: 32px;\n        cursor: pointer;\n    }\n\n    &__toggler-moo {\n        position: absolute;\n        top: 3px;\n        left: 7px;\n\n        display: block;\n\n        height: 27px;\n        width: 25px;\n\n        background-position: 50% 50%;\n        background-repeat: no-repeat;\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAbCAYAAACJISRoAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAAEj0lEQVRIx62WfUxVZRzH7+Xee+47941zzj1vF7i8v8o7k1DAiyQ6hAQJRjgmm82aWWswl384q82Wf+AfzY25EOcq5tpCWQtarj90Oclcy4q1JgvMINrK1cos89vv3D2XXcmC5n22z+7Zec75fp/fy/OcazD8/2H8DxI2lkU1TRlNlMlKkeVrMvk6oQYkuHWlGN17mehOWGpUTQHRGT+paIqZTH4gTA9rFDXjVWWTrCmLRH78AhRVziCT9xNiQiQRJkFRpunXTFgJe1CRX9KjZPMPNXQBO+H38gIqgm70FEp4vFhDSJUgqdFU1lNEO9aS+wfOTYXEI9frldszfcV4piYLWckchiK5OL6tEC/WZ8Hp8ZCJCk1Te8lo6d9qFOugVComeE25YVOV8omAIE5J4m+LrWHgVCtw+SjwyUl0ZEs4WK5hsrMcJ7YXQ3Ra4Of5WV2IjPJIZ4a4QOwiMv4RiagpdS5VebZQkucn5CDmGzRgpAWYHgI+HydOYXRDWK8BBitSMVCbCYclCWle22T8qklc1dueyIzP+X3puqhJmK1V8fu+Stw79zxwdQy4cgKYHMRJxYmNnAmVLg5+lzVqqLm5cfp1EZY4veXFxzpneeKyJr45VxfCT90FuPNqJ+6OHQCmDgNj/fiiIQMT4QCut5XiZiQDg1R83SRdEWatNmslXQdYk+gdaIp1nVmSxLAsS01+USg0+/zhuVIB320O4/tdj+DXoX7cfW037gw04UokC58WqfjjQDP+2t+AuZ0lOF+Xji3ZoSWPwL8dVKRLwaC4hzQdzCS2eINVVeVRveABWZqvSZWWbjWlY2FHBb59ogE32qqw2FKMyTIVZ3IliqAC8+0lWOoowcL2AozkeLFXcr5FOm1Emb5nqA4fxUURTZdT738ilSh+Kuzr/6WjHIu99bjZXoWbj+bjTJ6IdzIEXC1Pw8z6ML6J5ODLSDbeK+YxGLDBazbpq28k8j0+b4miSK3MZLkmbkIgsohqo8X63L1De3Dr0F4sbC3CuRwe41IyprN4XFun4Fp1Oj4sknFaScbhZAu6HNzH9F4LUUqohIedBjGT6NCL5GOR6A9uO9bXhZ9fP4azjbUY9lhxMezHpcIgLpSGME5RHZfdOEgGrU4bjEZjL72znkhjOvYHdJiBYykTiTxik89pH+5zJWGEtwGRTKC7jKjGu/lBvMI7sN9lRrvV/KMnEJjwq/JXeppYNpxMz7wyEhNzTtb3EFFBPObguNHhVB/QnA+0l5NZNj5L9+BJtxWNdu4DeuZpokuiQguisG9FmkwrI4ntFd3IS+jHQC2hH3a7sx3c0Tc25J5/IT1wNk8S/jQ5HEfofg/RTNSkCPwAz6dsZlFYDKt892MnrR52DlFFbCS2EDuJPq8i32ZFriEKiBBLs5tFYTas8ik2sof0FfEsdWnMsMTuckVTQ9friDATT2ZHiY1FYVrNJN7IxgS8zFBOEVJ62MdJZkeHi63eGmeQtBaTmFESM+OYmIe1p4+ZO9icKa6T7tt8ax0xM45F5mDY4wwS8gcvlj4LE+bYdWz1axp/A3Hhd6zNAQGZAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDEyLTA0LTI2VDE3OjEzOjU1KzAzOjAw+ERvTgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMi0wNC0yNlQxNzoxMzo1NSswMzowMIkZ1/IAAAAASUVORK5CYII=');\n    }\n\n    &__toggler-back {\n        fill: var(--light-background);\n        stroke: var(--light-divider);\n    }\n}\n","$pad: 4px;\n\n.flex-split {\n    display: flex;\n    flex: 1 1;\n    overflow: auto;\n    position: relative;\n\n    &_direction_vertical {\n        flex-direction: column;\n    }\n\n    &_direction_horizontal {\n        flex-direction: row;\n    }\n\n    &__pane {\n        position: relative;\n        flex: 1 1;\n        overflow: auto;\n        display: flex;\n\n        min-height: 1%;\n        min-width: 1%;\n\n        &:empty {\n            display: none;\n        }\n    }\n\n    .gutter {\n        position: relative;\n        background-color: var(--dark-background);\n        color: var(--secondary-text);\n        z-index: var(--draggable-splitter-z-index);\n\n        &:before {\n            content: '';\n            position: absolute;\n            width: 2px;\n            height: 2px;\n            border-radius: 2px;\n            top: 50%;\n            left: 50%;\n        }\n\n        &.gutter-vertical {\n            cursor: ns-resize;\n\n            &:before {\n                $line1: $pad;\n                $line2: 2*$pad;\n                margin-left: 1px - 2*$pad;\n                margin-top: 1px - 2*$pad;\n                box-shadow: 0 $line1, $pad $line1, 2*$pad $line1, 3*$pad $line1,\n                    0 $line2, $pad $line2, 2*$pad $line2, 3*$pad $line2;\n            }\n        }\n\n        &.gutter-horizontal {\n            cursor: ew-resize;\n\n            &:before {\n                $line1: $pad;\n                $line2: 2*$pad;\n                margin-left: 1px - 2*$pad;\n                margin-top: 1px - 2*$pad;\n                box-shadow: $line1 0, $line1 $pad, $line1 2*$pad, $line1 3*$pad,\n                    $line2 0, $line2 $pad, $line2 2*$pad, $line2 3*$pad;\n            }\n        }\n    }\n}\n","@import '../../styles/common';\n\n.cluster-page {\n    &__panes-wrapper {\n        margin-top: var(--app-header-height);\n        overflow: visible;\n\n        & .flex-split__pane {\n            overflow: visible;\n        }\n    }\n\n    &__panes-wrapper_with-pane {\n        overflow: auto;\n        max-width: calc(100vw - 56px);\n\n        & .flex-split__pane {\n            overflow: auto;\n        }\n    }\n\n    &__content-pane {\n        width: 100%;\n        max-width: 100vw;\n        display: flex;\n        flex-direction: column;\n\n        &_split_yes {\n            overflow: auto;\n            height: calc(100vh - var(--app-header-height));\n        }\n    }\n\n    &__warning-pane {\n        text-align: center;\n        background-color: var(--alert-background);\n        padding: 15px;\n        margin: 5px;\n        border-radius: 5px;\n    }\n\n    &__error {\n        margin: 0 20px;\n    }\n}\n"],"names":[],"sourceRoot":""}