@vitrosoftware/common-ui-ts 1.1.85 → 1.1.86

package/css/std/controls/dialog/dialog-button-close.css

@@ -6,12 +6,13 @@
     outline: 0;
     cursor: pointer;
     padding: 0;
-    width: 26px;
-    height: 26px;
-    right: -42px;
-    top: 2px;
-    /* close.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' stroke='%23fff' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 32.333l16-16m0 0l-16-16m16 16l16 16m-16-16l16-16'%3E%3C/path%3E%3C/svg%3E");
+    width: 60px;
+    height: 60px;
+    right: -64px;
+    top: -9px;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dialog/img/cancel-white.svg');
 }
 
 .vitro-button-close {

package/css/std/controls/dialog/dialog-header.css

@@ -11,6 +11,7 @@
     color: #222D44;
     font-size: 20px;
     line-height: 24px;
+    font-family: 'InterRegular';
     margin-bottom: 0;
 }
 
@@ -18,11 +19,12 @@
     color: #4A556C;
     font-size: 14px;
     line-height: 16px;
+    font-family: 'InterRegular';
     margin-top: 7px;
     margin-bottom: 0;
 }
 
-.vitro-icon {
+.vitro-image {
     width: 38px;
     height: 38px;
     margin-right: 16px;

package/css/std/controls/dialog/img/cancel-white.svg

@@ -0,0 +1,3 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.8906 43.1056L29.9981 29.9981L43.1056 43.1056M43.1056 16.8906L29.9956 29.9981L16.8906 16.8906" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/dropdown-button/dropdown-button.css

@@ -33,8 +33,7 @@
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
-    /* more.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.5' cy='6' r='1.5' fill='%23222D44'/%3E%3Ccircle cx='11.5' cy='12' r='1.5' fill='%23222D44'/%3E%3Ccircle cx='11.5' cy='18' r='1.5' fill='%23222D44'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dropdown-button/img/context-button.svg');
 }
 
 .vitro-dropdown-button .vitro-text {
@@ -83,18 +82,17 @@
     position: absolute;
     right: 0px;
     top: -21px;
-    /* dropdown-arrow.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dropdown-button/img/dropdown-menu-arrow.svg');
 }
 
-.vitro-dropdown-button :global(.dropdown-item) .vitro-icon {
+.vitro-dropdown-button :global(.dropdown-item) .vitro-image {
     width: 20px;
     height: 20px;
     margin-right: 12px;
     margin-left: 0;
 }
 
-.vitro-dropdown-button :global(.dropdown-item) .vitro-icon img {
+.vitro-dropdown-button :global(.dropdown-item) .vitro-image img {
     width: 20px;
     height: 20px;
 }

package/css/std/controls/dropdown-button/img/context-button.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="11.5" cy="6" r="1.5" fill="#222D44"/>
+<circle cx="11.5" cy="12" r="1.5" fill="#222D44"/>
+<circle cx="11.5" cy="18" r="1.5" fill="#222D44"/>
+</svg>

package/css/std/controls/dropdown-button/img/dropdown-menu-arrow.svg

@@ -0,0 +1 @@
+<svg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'><g filter='url(#filter0_dd_778_105705)'><path d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/></g><defs><filter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/><feOffset dy='4'/><feGaussianBlur stdDeviation='7'/><feComposite in2='hardAlpha' operator='out'/><feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/><feBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/><feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/><feOffset/><feGaussianBlur stdDeviation='2'/><feComposite in2='hardAlpha' operator='out'/><feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/><feBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/><feBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/></filter></defs></svg>

package/css/std/controls/expand-control-group/expand-control-group.css

@@ -0,0 +1,48 @@
+.vitro-title {
+    cursor: pointer;
+    color: #222D44;
+    font-size: 12pt;
+    padding: 2px 0 8px 0;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    position: relative;
+}
+
+.vitro-button-collapse,
+.vitro-button-expand {
+    vertical-align: middle;
+    margin-right: 8px;
+    margin-top: -2px;
+    width: 12px;
+    height: 12px;
+}
+
+.vitro-button-collapse {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/expand-control-group/img/collapse-up.svg');
+}
+
+.vitro-button-expand {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/expand-control-group/img/collapse-bottom.svg');
+}
+
+.vitro-expand-control-group > .vitro-content {
+    margin: 8px 0 16px 0;
+}
+
+.vitro-display-none {
+    display: none;
+}
+
+.vitro-right.vitro-button-collapse,
+.vitro-right.vitro-button-expand {
+    vertical-align: middle;
+    width: 12px;
+    height: 12px;
+    margin-right: 35px !important;
+    margin-top: 2px !important;
+    float: right !important;
+}

package/css/std/controls/expand-control-group/img/collapse-bottom.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Chevron-dropdown-Big">
+<path id="Vector 9" d="M19.5 9L12 16.5L4.5 9" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/css/std/controls/expand-control-group/img/collapse-up.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 16.5L12 9L19.5 16.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/file-version-select/file-version-select.css

@@ -44,7 +44,7 @@
     min-width: 24px;
     background-size: 100%;
     background-position: center;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.5 15L12 7.5L19.5 15' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/file-version-select/img/collapse-up.svg');
 }
 
 .vitro-button-collapse-bottom {
@@ -85,14 +85,18 @@
 .vitro-version-list::before {
     content: '';
     display: block;
-    width: 26px;
-    height: 24px;
-    z-index: 1;
-    bottom: 100%;
-    left: 124px;
-    background-position: center 3px;
+    border: none;
+    height: 21px;
+    width: 32px;
+    overflow: hidden;
+    margin: 0;
+    background-position: center 0;
+    background-size: 44px 42px;
+    background-repeat: no-repeat;
     position: absolute;
-    background-image: url("data:image/svg+xml,%3Csvg width='44' height='42' viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
+    top: -21px;
+    left: 106px;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/file-version-select/img/dropdown-menu-arrow.svg');
 }
 
 .vitro-version-list :global(.ps) {
@@ -140,6 +144,8 @@
     line-height: 24px;
     border-radius: 4px;
     padding: 4px;
+    text-align: center;
+    overflow: hidden;
 }
 
 .vitro-file-version-item .vitro-version-name {

package/css/std/controls/file-version-select/img/collapse-up.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 16.5L12 9L19.5 16.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/file-version-select/img/dropdown-menu-arrow.svg

@@ -0,0 +1 @@
+<svg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'><g filter='url(#filter0_dd_778_105705)'><path d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/></g><defs><filter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/><feOffset dy='4'/><feGaussianBlur stdDeviation='7'/><feComposite in2='hardAlpha' operator='out'/><feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/><feBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/><feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/><feOffset/><feGaussianBlur stdDeviation='2'/><feComposite in2='hardAlpha' operator='out'/><feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/><feBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/><feBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/></filter></defs></svg>

package/css/std/controls/header/header-customer-logo.css

@@ -0,0 +1,7 @@
+.vitro-customer-logo {
+    height: 16px;
+    min-width: 40px;
+    background-position: center center;
+    background-size: 140%;
+    margin-right: 20px;
+}

package/css/std/controls/header/header-nav-bar-sidebar-button.css

@@ -0,0 +1,23 @@
+.vitro-nav-bar-sidebar-button {
+    height: 24px;
+    width: 24px;
+    cursor: pointer;
+    border: none;
+    outline: none;
+    background-color: transparent;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 100%;
+    z-index: 100;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/header/img/nav-bar-button.svg');
+}
+
+:global(.toggled.pinned) .vitro-nav-bar-sidebar-button {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/header/img/nav-bar-button-active.svg');
+}
+
+@media (max-width: 800px) {
+    .vitro-nav-bar-sidebar-button {
+        display: none;
+    }
+}

package/css/std/controls/header/header-nav-bar.css

@@ -0,0 +1,5 @@
+.vitro-nav-bar {
+    padding: 0 16px;
+    width: 100%;
+    height: 72px;
+}

package/css/std/controls/header/header-nav-service.css

@@ -0,0 +1,7 @@
+.vitro-nav-service {
+    height: 34px;
+    padding: 0 16px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}

package/css/std/controls/header/header.css

@@ -0,0 +1,5 @@
+.vitro-header {
+    position: relative;
+    width: 100%;
+    background-color: #F7F9FC;
+}

package/css/std/controls/header/img/nav-bar-button-active.svg

@@ -0,0 +1 @@
+<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g id='state=Active'><path id='Vector' d='M3.97656 5.97656H19.9766' stroke='#326AD6' stroke-linecap='round' stroke-linejoin='round'/><path id='Vector_2' d='M3.97656 11.9766H19.9766' stroke='#92C1FD' stroke-linecap='round' stroke-linejoin='round'/><path id='Vector_3' d='M3.97656 17.9766H19.9766' stroke='#326AD6' stroke-linecap='round' stroke-linejoin='round'/></g></svg>

package/css/std/controls/header/img/nav-bar-button.svg

@@ -0,0 +1 @@
+<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g id='state=Default'><path id='Vector' d='M3.97656 5.97656H19.9766' stroke='#222D44' stroke-linecap='round' stroke-linejoin='round'/><path id='Vector_2' d='M3.97656 11.9766H19.9766' stroke='#4A556C' stroke-linecap='round' stroke-linejoin='round'/><path id='Vector_3' d='M3.97656 17.9766H19.9766' stroke='#222D44' stroke-linecap='round' stroke-linejoin='round'/></g></svg>

package/css/std/controls/image-picker/image-picker.css

@@ -23,7 +23,7 @@
     right: 0;
 }
 
-.vitro-image-picker-defaultIcon-wrapper {
+.vitro-image-picker-defaultImage-wrapper {
     display: flex;
     width: 76px;
     height: 76px;
@@ -35,7 +35,7 @@
     background: var(--grey-grey-sh-50, rgba(228, 230, 236, 0.50));
 }
 
-.vitro-image-picker-icon-wrapper {
+.vitro-image-picker-image-wrapper {
     width: 76px;
     height: 76px;
     display: inline-block;
@@ -43,7 +43,7 @@
     overflow: hidden;
 }
 
-.vitro-image-picker-icon-wrapper img {
+.vitro-image-picker-image-wrapper img {
     width: 100%;
     height: 100%;
     object-fit: cover;
@@ -54,11 +54,10 @@
     display: none;
 }
 
-.vitro-icon-default {
+.vitro-image-default {
     width: 100%;
     height: 100%;
-    /* defaultIcon.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icons8-images 2'%3E%3Cpath id='Vector' d='M38.8219 5.27219L34.8809 32.8486C34.8397 33.1249 34.5807 33.3191 34.3043 33.278L28.022 32.3839L9.74546 29.7721C9.46312 29.7308 9.2691 29.472 9.31017 29.1957L12.2221 8.81912L13.2515 1.61898C13.2925 1.34267 13.5513 1.14851 13.8279 1.18384L38.3867 4.69544C38.6632 4.7368 38.8572 4.99559 38.8219 5.27219Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_2' d='M28.022 9.35966V32.3772L9.74546 29.7655C9.46312 29.7242 9.2691 29.4654 9.31017 29.1891L12.2221 8.8125H27.475C27.775 8.8125 28.022 9.05951 28.022 9.35966Z' fill='%23CFCFFF'/%3E%3Cpath id='Vector_3' d='M36.1531 7.06066L33.306 26.9782L28.0178 26.2194L12.4531 23.996L14.6237 8.81359L15.3001 4.07812L36.1531 7.06066Z' fill='%23347FDE'/%3E%3Cpath id='Vector_4' d='M28.0178 9.35966V26.2183L12.4531 23.9949L14.6237 8.8125H27.4708C27.7708 8.8125 28.0178 9.05951 28.0178 9.35966Z' fill='%233274E0'/%3E%3Cg id='Group'%3E%3Cpath id='Vector_5' d='M27.0105 10.4621V38.318C27.0105 38.5991 26.7827 38.8269 26.5016 38.8269H1.69254C1.41146 38.8269 1.18359 38.5991 1.18359 38.318V10.4621C1.18359 10.181 1.41146 9.95312 1.69254 9.95312H26.5016C26.7827 9.95312 27.0105 10.181 27.0105 10.4621Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_6' d='M11.0801 35.4589L11.0802 36.1298C11.0802 36.2184 11.0068 36.2918 10.9181 36.2918L7.58398 36.2918C7.49535 36.2918 7.42192 36.2184 7.42192 36.1298L7.42188 35.4589C7.42187 35.3677 7.49529 35.2969 7.58392 35.2969L10.9181 35.2969C11.0067 35.2969 11.0801 35.3677 11.0801 35.4589Z' fill='%23CFCFFF'/%3E%3Cpath id='Vector_7' d='M20.7693 35.4589L20.7694 36.1298C20.7694 36.2184 20.696 36.2918 20.6073 36.2918L12.5761 36.2918C12.4849 36.2918 12.4141 36.2184 12.4141 36.1298L12.4141 35.4589C12.4141 35.3677 12.4849 35.2969 12.5761 35.2969L20.6073 35.2969C20.6959 35.2969 20.7693 35.3677 20.7693 35.4589Z' fill='%23CFCFFF'/%3E%3Cpath id='Vector_8' d='M24.6299 12.6172H3.56641V32.7366H24.6299V12.6172Z' fill='%2370C1F9'/%3E%3Cpath id='Vector_9' d='M24.6266 25.5804V32.7327H11.1055L15.479 27.0011L15.8585 26.5067L17.8956 23.8359H23.2964L24.6266 25.5804Z' fill='%234F5D99'/%3E%3Cpath id='Vector_10' d='M20.6117 32.7338H11.1055L15.479 27.0022L15.8585 26.5078L16.2346 27.0022L20.6117 32.7338Z' fill='%233D4A75'/%3E%3Cpath id='Vector_11' d='M19.8592 32.7332H3.56641V25.5809L6.19186 22.1406H11.7738L15.4823 27.0017L19.8592 32.7332Z' fill='%234F5D99'/%3E%3Cpath id='Vector_12' d='M11.778 22.1358L9.95314 19.7436C9.46568 19.1063 8.50809 19.1063 8.02063 19.7436L6.19531 22.1358H11.778Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_13' d='M23.1852 19.7054H16.5234C16.8016 19.0682 17.4368 18.6204 18.1746 18.6204C18.4606 18.6204 18.7309 18.6874 18.9696 18.8058C19.4411 18.3738 20.0684 18.1094 20.7549 18.1094C21.8438 18.1094 22.7789 18.7663 23.1852 19.7054Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_14' d='M11.2361 17.3474H5.54688C5.78445 16.8032 6.32688 16.4208 6.957 16.4208C7.20127 16.4208 7.43205 16.478 7.6359 16.5791C8.03856 16.2102 8.57429 15.9844 9.16057 15.9844C10.0905 15.9844 10.8891 16.5454 11.2361 17.3474Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_15' d='M15.0821 17.6096C16.0918 17.6096 16.9104 16.7911 16.9104 15.7814C16.9104 14.7717 16.0918 13.9531 15.0821 13.9531C14.0724 13.9531 13.2539 14.7717 13.2539 15.7814C13.2539 16.7911 14.0724 17.6096 15.0821 17.6096Z' fill='%23FDC72E'/%3E%3Cg id='Group_2'%3E%3Cpath id='Vector_16' d='M23.2929 23.8354L21.4335 21.3996C21.0087 20.846 20.1731 20.846 19.7482 21.3996L17.8906 23.8354H23.2929Z' fill='%23E9E9FF'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_3' opacity='0.2'%3E%3Cpath id='Vector_17' d='M1.70703 9.95312L11.4165 38.8269H21.1939L11.4784 9.95312H1.70703Z' fill='white'/%3E%3Cpath id='Vector_18' d='M14.1281 9.95312H12.7227L22.4372 38.8269H23.8362L14.1281 9.95312Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/image-picker/img/image-picker.svg');
 }
 
 .vitro-image-picker-label-wrapper {

package/css/std/controls/image-picker/img/image-picker.svg

@@ -0,0 +1,22 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.8219 5.26828L34.8809 32.8447C34.8397 33.121 34.5807 33.3152 34.3043 33.2741L28.022 32.38L9.74546 29.7682C9.46312 29.7269 9.2691 29.4681 9.31017 29.1918L12.2221 8.81521L13.2515 1.61507C13.2925 1.33876 13.5513 1.1446 13.8279 1.17993L38.3867 4.69153C38.6632 4.73289 38.8572 4.99168 38.8219 5.26828Z" fill="#E9E9FF"/>
+<path d="M28.022 9.35966V32.3772L9.74546 29.7655C9.46312 29.7242 9.2691 29.4654 9.31017 29.1891L12.2221 8.8125H27.475C27.775 8.8125 28.022 9.05951 28.022 9.35966Z" fill="#CFCFFF"/>
+<path d="M36.1531 7.06066L33.306 26.9782L28.0178 26.2194L12.4531 23.996L14.6237 8.81359L15.3001 4.07812L36.1531 7.06066Z" fill="#347FDE"/>
+<path d="M28.0178 9.35966V26.2183L12.4531 23.9949L14.6237 8.8125H27.4708C27.7708 8.8125 28.0178 9.05951 28.0178 9.35966Z" fill="#3274E0"/>
+<path d="M27.0105 10.4582V38.3141C27.0105 38.5952 26.7827 38.823 26.5016 38.823H1.69254C1.41146 38.823 1.18359 38.5952 1.18359 38.3141V10.4582C1.18359 10.1771 1.41146 9.94922 1.69254 9.94922H26.5016C26.7827 9.94922 27.0105 10.1771 27.0105 10.4582Z" fill="#E9E9FF"/>
+<path d="M11.0801 35.4511L11.0802 36.122C11.0802 36.2106 11.0068 36.284 10.9181 36.284L7.58398 36.284C7.49535 36.284 7.42192 36.2106 7.42192 36.1219L7.42188 35.4511C7.42187 35.3599 7.49529 35.2891 7.58392 35.2891L10.9181 35.2891C11.0067 35.2891 11.0801 35.3599 11.0801 35.4511Z" fill="#CFCFFF"/>
+<path d="M20.7693 35.4511L20.7694 36.122C20.7694 36.2106 20.696 36.284 20.6073 36.284L12.5761 36.284C12.4849 36.284 12.4141 36.2106 12.4141 36.1219L12.4141 35.4511C12.4141 35.3599 12.4849 35.2891 12.5761 35.2891L20.6073 35.2891C20.6959 35.2891 20.7693 35.3599 20.7693 35.4511Z" fill="#CFCFFF"/>
+<path d="M24.6299 12.6094H3.56641V32.7288H24.6299V12.6094Z" fill="#70C1F9"/>
+<path d="M24.6266 25.5765V32.7288H11.1055L15.479 26.9972L15.8585 26.5028L17.8956 23.832H23.2964L24.6266 25.5765Z" fill="#4F5D99"/>
+<path d="M20.6117 32.726H11.1055L15.479 26.9944L15.8585 26.5L16.2346 26.9944L20.6117 32.726Z" fill="#3D4A75"/>
+<path d="M19.8592 32.7293H3.56641V25.577L6.19186 22.1367H11.7738L15.4823 26.9978L19.8592 32.7293Z" fill="#4F5D99"/>
+<path d="M11.778 22.1358L9.95314 19.7436C9.46568 19.1063 8.50809 19.1063 8.02063 19.7436L6.19531 22.1358H11.778Z" fill="#E9E9FF"/>
+<path d="M23.1852 19.6975H16.5234C16.8016 19.0604 17.4368 18.6126 18.1746 18.6126C18.4606 18.6126 18.7309 18.6796 18.9696 18.798C19.4411 18.366 20.0684 18.1016 20.7549 18.1016C21.8438 18.1016 22.7789 18.7585 23.1852 19.6975Z" fill="#E9E9FF"/>
+<path d="M11.2361 17.3474H5.54688C5.78445 16.8032 6.32688 16.4208 6.957 16.4208C7.20127 16.4208 7.43205 16.478 7.6359 16.5791C8.03856 16.2102 8.57429 15.9844 9.16057 15.9844C10.0905 15.9844 10.8891 16.5454 11.2361 17.3474Z" fill="#E9E9FF"/>
+<path d="M15.0821 17.6096C16.0918 17.6096 16.9104 16.7911 16.9104 15.7814C16.9104 14.7717 16.0918 13.9531 15.0821 13.9531C14.0724 13.9531 13.2539 14.7717 13.2539 15.7814C13.2539 16.7911 14.0724 17.6096 15.0821 17.6096Z" fill="#FDC72E"/>
+<path d="M23.2929 23.8315L21.4335 21.3957C21.0087 20.8421 20.1731 20.8421 19.7482 21.3957L17.8906 23.8315H23.2929Z" fill="#E9E9FF"/>
+<g opacity="0.2">
+<path d="M1.70703 9.94922L11.4165 38.823H21.1939L11.4784 9.94922H1.70703Z" fill="white"/>
+<path d="M14.1281 9.94922H12.7227L22.4372 38.823H23.8362L14.1281 9.94922Z" fill="white"/>
+</g>
+</svg>

package/css/std/controls/input/img/copy-to-clipboard.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.41797 5.68048V4.58919C5.41797 3.10865 5.94264 2.58398 7.42318 2.58398H15.9128C17.3933 2.58398 17.918 3.10865 17.918 4.58919V13.0788C17.918 14.5593 17.3933 15.084 15.9128 15.084H14.7998" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.5768 5.91602H4.08724C2.6067 5.91602 2.08203 6.44068 2.08203 7.92122V16.4108C2.08203 17.8913 2.6067 18.416 4.08724 18.416H12.5768C14.0574 18.416 14.582 17.8913 14.582 16.4108V7.92122C14.582 6.44068 14.0574 5.91602 12.5768 5.91602Z" stroke="#4A556C" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/input/img/error-message.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.99888 1.07255C12.1016 1.07255 15.4275 4.39843 15.4275 8.50112C15.4275 12.6038 12.1016 15.9297 7.99888 15.9297C3.8962 15.9297 0.570312 12.6038 0.570312 8.50112C0.570312 4.39843 3.8962 1.07255 7.99888 1.07255Z" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 9.5L8 4.5" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.00446 11.6434C7.84667 11.6434 7.71875 11.7713 7.71875 11.9291C7.71875 12.0869 7.84667 12.2148 8.00446 12.2148" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.00391 11.6434C8.1617 11.6434 8.28962 11.7713 8.28962 11.9291C8.28962 12.0869 8.1617 12.2148 8.00391 12.2148" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/input/input.css

@@ -137,7 +137,7 @@
     margin-right: 4px;
     background-size: 100%;
     background-position: center;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M7.99888 1.07255C12.1016 1.07255 15.4275 4.39843 15.4275 8.50112C15.4275 12.6038 12.1016 15.9297 7.99888 15.9297C3.8962 15.9297 0.570312 12.6038 0.570312 8.50112C0.570312 4.39843 3.8962 1.07255 7.99888 1.07255Z' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 9.5L8 4.5' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00446 11.6434C7.84667 11.6434 7.71875 11.7713 7.71875 11.9291C7.71875 12.0869 7.84667 12.2148 8.00446 12.2148' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00781 11.6434C8.16561 11.6434 8.29353 11.7713 8.29353 11.9291C8.29353 12.0869 8.16561 12.2148 8.00781 12.2148' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/input/img/error-message.svg');
 }
 
 .vitro-button-copy {
@@ -147,8 +147,7 @@
     position: absolute;
     right: 16px;
     top: 10px;
-    /* copy.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='copy-icon'%3E%3Cpath id='Vector' d='M4.33594 4.14517V3.27214C4.33594 2.0877 4.75567 1.66797 5.9401 1.66797H12.7318C13.9162 1.66797 14.3359 2.0877 14.3359 3.27214V10.0638C14.3359 11.2482 13.9162 11.668 12.7318 11.668H11.8414' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M10.0599 4.33203H3.26823C2.0838 4.33203 1.66406 4.75176 1.66406 5.9362V12.7279C1.66406 13.9123 2.0838 14.332 3.26823 14.332H10.0599C11.2443 14.332 11.6641 13.9123 11.6641 12.7279V5.9362C11.6641 4.75176 11.2443 4.33203 10.0599 4.33203Z' stroke='%238E98A3' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/input/img/copy-to-clipboard.svg');
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;

package/css/std/controls/issue-tile/img/button-more.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="icon_line/maximize">
+<path id="Vector" d="M7.62169 16.6641H3.33594M3.33594 16.6641V12.3783M3.33594 16.6641L8.33596 11.6641" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M12.4974 3.33594H16.664M16.664 3.33594V7.5026M16.664 3.33594L11.6641 8.33594" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/css/std/controls/issue-tile/issue-tile-footer.css

@@ -26,6 +26,5 @@
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
-    /* more-detail.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon_line/maximize'%3E%3Cpath id='Vector' d='M7.62169 16.6641H3.33594M3.33594 16.6641V12.3783M3.33594 16.6641L8.33596 11.6641' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M12.4974 3.33594H16.664M16.664 3.33594V7.5026M16.664 3.33594L11.6641 8.33594' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/issue-tile/img/button-more.svg');
 }

package/css/std/controls/login/img/copyright.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.98598 5.63043H9.12827C9.07755 5.38373 8.98878 5.167 8.86197 4.98024C8.73746 4.79348 8.58529 4.63669 8.40545 4.50988C8.22791 4.38076 8.03078 4.28393 7.81404 4.21937C7.59731 4.15481 7.37136 4.12253 7.13618 4.12253C6.70732 4.12253 6.31882 4.2309 5.97066 4.44763C5.62481 4.66436 5.34929 4.9837 5.14408 5.40563C4.94119 5.82757 4.83974 6.34519 4.83974 6.9585C4.83974 7.5718 4.94119 8.08943 5.14408 8.51136C5.34929 8.9333 5.62481 9.25264 5.97066 9.46937C6.31882 9.6861 6.70732 9.79447 7.13618 9.79447C7.37136 9.79447 7.59731 9.76219 7.81404 9.69763C8.03078 9.63307 8.22791 9.53738 8.40545 9.41057C8.58529 9.28146 8.73746 9.12352 8.86197 8.93676C8.98878 8.74769 9.07755 8.53096 9.12827 8.28656H9.98598C9.92142 8.64855 9.80383 8.9725 9.63321 9.2584C9.46259 9.5443 9.25047 9.78755 8.99685 9.98814C8.74323 10.1864 8.45848 10.3375 8.1426 10.4412C7.82903 10.545 7.49356 10.5968 7.13618 10.5968C6.53209 10.5968 5.99487 10.4493 5.52452 10.1542C5.05416 9.85903 4.6841 9.43939 4.41434 8.89526C4.14458 8.35112 4.0097 7.70553 4.0097 6.9585C4.0097 6.21146 4.14458 5.56588 4.41434 5.02174C4.6841 4.4776 5.05416 4.05797 5.52452 3.76285C5.99487 3.46772 6.53209 3.32016 7.13618 3.32016C7.49356 3.32016 7.82903 3.37204 8.1426 3.47579C8.45848 3.57955 8.74323 3.73172 8.99685 3.93231C9.25047 4.1306 9.46259 4.37269 9.63321 4.6586C9.80383 4.94219 9.92142 5.26614 9.98598 5.63043ZM6.99784 13.6126C6.26233 13.6126 5.56141 13.5008 4.89507 13.2772C4.23104 13.0535 3.62119 12.7376 3.06553 12.3295C2.51217 11.9237 2.03144 11.443 1.62333 10.8874C1.21754 10.334 0.902812 9.7253 0.679163 9.06126C0.455513 8.39493 0.343688 7.69401 0.343688 6.9585C0.343688 6.22299 0.455513 5.52322 0.679163 4.85919C0.902812 4.19285 1.21754 3.583 1.62333 3.02964C2.03144 2.47398 2.51217 1.99325 3.06553 1.58745C3.62119 1.17935 4.23104 0.863472 4.89507 0.639822C5.56141 0.416173 6.26233 0.304348 6.99784 0.304348C7.73335 0.304348 8.43312 0.416173 9.09715 0.639822C9.76348 0.863472 10.3733 1.17935 10.9267 1.58745C11.4824 1.99325 11.9631 2.47398 12.3689 3.02964C12.777 3.583 13.0929 4.19285 13.3165 4.85919C13.5402 5.52322 13.652 6.22299 13.652 6.9585C13.652 7.69401 13.5402 8.39493 13.3165 9.06126C13.0929 9.7253 12.777 10.334 12.3689 10.8874C11.9631 11.443 11.4824 11.9237 10.9267 12.3295C10.3733 12.7376 9.76348 13.0535 9.09715 13.2772C8.43312 13.5008 7.73335 13.6126 6.99784 13.6126ZM6.99784 12.8103C7.64573 12.8103 8.26134 12.7111 8.84468 12.5128C9.43032 12.3169 9.96638 12.039 10.4529 11.6793C10.9417 11.322 11.3648 10.9 11.7221 10.4135C12.0818 9.92474 12.3597 9.38867 12.5556 8.80534C12.7516 8.2197 12.8496 7.60408 12.8496 6.9585C12.8496 6.31061 12.7516 5.69499 12.5556 5.11166C12.3597 4.52602 12.0818 3.98995 11.7221 3.50346C11.3648 3.01466 10.9417 2.59157 10.4529 2.23419C9.96638 1.87451 9.43032 1.59667 8.84468 1.40069C8.26134 1.20471 7.64573 1.10672 6.99784 1.10672C6.34995 1.10672 5.73318 1.20471 5.14754 1.40069C4.56421 1.59667 4.02814 1.87451 3.53934 2.23419C3.05285 2.59157 2.62976 3.01466 2.27007 3.50346C1.91269 3.98995 1.63601 4.52602 1.44003 5.11166C1.24405 5.69499 1.14606 6.31061 1.14606 6.9585C1.14606 7.60408 1.24405 8.2197 1.44003 8.80534C1.63601 9.38867 1.91269 9.92474 2.27007 10.4135C2.62976 10.9 3.05285 11.322 3.53934 11.6793C4.02814 12.039 4.56421 12.3169 5.14754 12.5128C5.73318 12.7111 6.34995 12.8103 6.99784 12.8103Z" fill="white"/>
+</svg>

package/css/std/controls/login/img/ru.svg

@@ -0,0 +1,14 @@
+<svg viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame 1947">
+<g clip-path="url(#clip0_952_30237)">
+<path id="Vector" d="M0 5.45312H22V10.544H0V5.45312Z" fill="#1B75BB"/>
+<path id="Vector_2" d="M18.5625 0H3.4375C1.15947 0 0 1.79091 0 4V5.45455H22V4C22 1.79091 20.8405 0 18.5625 0Z" fill="white"/>
+<path id="Vector_3" d="M0 12.0014C0 14.2105 1.15947 16.0014 3.4375 16.0014H18.5625C20.8405 16.0014 22 14.2105 22 12.0014V10.5469H0V12.0014Z" fill="#D13438"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_952_30237">
+<rect width="22" height="16" rx="4" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/css/std/controls/login/login.css

@@ -40,10 +40,6 @@
     width: 165px;
     height: 57px;
     margin-bottom: 34px;
-    background-size: 100%;
-    background-position: center;
-    /* vitro-logo.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 165 57' fill='none'%3E%3Cpath d='M10.7049 0L24.7238 44.8652H25.2762L39.2688 0H50L31.01 57H18.9637L0 0H10.7049Z' fill='%231E1E1E'/%3E%3Cpath d='M55 0C55 0 59.1261 0 60.1967 0C61.5233 0 65 0 65 0C65 0 65 3.9151 65 5.41879C65 6.90414 65 10 65 10L55 0Z' fill='%231E1E1E'/%3E%3Cpath d='M55 57V13H65V57H55Z' fill='%2331C1FF'/%3E%3Cpath d='M92.2323 13.3214V21.1746H74.0005V13.3214H92.2323ZM74.0004 3H83.9252V43.444C83.9252 44.809 84.1262 45.8561 84.5283 46.5853C84.9487 47.2959 85.497 47.782 86.1733 48.0438C86.8496 48.3056 87.599 48.4364 88.4215 48.4364C89.92 48.4364 91.9277 48.4257 93.3276 48.0438L94 55.9812C91.9592 56.7011 89.313 56.9336 87.1603 56.9908C84.6745 57.0656 82.4355 56.6823 80.4433 55.8409C78.451 54.9808 76.87 53.6532 75.7002 51.8582C74.5488 50.0632 73.9822 47.8194 74.0004 45.1269V3Z' fill='%2331C1FF'/%3E%3Cpath d='M100 57V13.6213H109.216V20.8511H109.636C110.371 18.347 111.631 16.4172 113.417 15.0616C115.22 13.6872 117.276 13 119.587 13C120.112 13 120.698 13.0282 121.346 13.0847C122.011 13.1224 122.562 13.1883 123 13.2824V22.6868C122.597 22.5362 121.959 22.4044 121.083 22.2914C120.226 22.1596 119.394 22.0937 118.589 22.0937C116.856 22.0937 115.298 22.4985 113.916 23.3081C112.55 24.0988 111.474 25.2003 110.686 26.6123C109.898 28.0244 109.505 29.653 109.505 31.4981V57H100Z' fill='%231E1E1E'/%3E%3Cpath d='M145.5 57C141.526 57 138.082 56.0845 135.167 54.2535C132.253 52.4224 129.992 49.8609 128.385 46.5687C126.795 43.2766 126 39.4296 126 35.0277C126 30.6259 126.795 26.7696 128.385 23.459C129.992 20.1484 132.253 17.5776 135.167 15.7465C138.082 13.9155 141.526 13 145.5 13C149.474 13 152.918 13.9155 155.833 15.7465C158.747 17.5776 160.999 20.1484 162.589 23.459C164.196 26.7696 165 30.6259 165 35.0277C165 39.4296 164.196 43.2766 162.589 46.5687C160.999 49.8609 158.747 52.4224 155.833 54.2535C152.918 56.0845 149.474 57 145.5 57ZM145.553 48.9546C147.708 48.9546 149.51 48.335 150.958 47.0958C152.406 45.8382 153.484 44.1551 154.19 42.0467C154.914 39.9382 155.276 37.5893 155.276 35C155.276 32.3922 154.914 30.034 154.19 27.9256C153.484 25.7987 152.406 24.1063 150.958 22.8487C149.51 21.591 147.708 20.9622 145.553 20.9622C143.345 20.9622 141.508 21.591 140.042 22.8487C138.594 24.1063 137.507 25.7987 136.783 27.9256C136.077 30.034 135.724 32.3922 135.724 35C135.724 37.5893 136.077 39.9382 136.783 42.0467C137.507 44.1551 138.594 45.8382 140.042 47.0958C141.508 48.335 143.345 48.9546 145.553 48.9546Z' fill='%231E1E1E'/%3E%3C/svg%3E");
 }
 
 .vitro-title {
@@ -201,8 +197,7 @@
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
-    /* ru.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Frame 1947'%3E%3Cg clip-path='url(%23clip0_952_30237)'%3E%3Cpath id='Vector' d='M0 5.45312H22V10.544H0V5.45312Z' fill='%231B75BB'/%3E%3Cpath id='Vector_2' d='M18.5625 0H3.4375C1.15947 0 0 1.79091 0 4V5.45455H22V4C22 1.79091 20.8405 0 18.5625 0Z' fill='white'/%3E%3Cpath id='Vector_3' d='M0 12.0014C0 14.2105 1.15947 16.0014 3.4375 16.0014H18.5625C20.8405 16.0014 22 14.2105 22 12.0014V10.5469H0V12.0014Z' fill='%23D13438'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_952_30237'%3E%3Crect width='22' height='16' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/ru.svg');
 }
 
 .vitro-copyright::before {
@@ -214,8 +209,7 @@
     background-position: center;
     background-size: 100%;
     background-repeat: no-repeat;
-    /* copyright.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.98598 5.63043H9.12827C9.07755 5.38373 8.98878 5.167 8.86197 4.98024C8.73746 4.79348 8.58529 4.63669 8.40545 4.50988C8.22791 4.38076 8.03078 4.28393 7.81404 4.21937C7.59731 4.15481 7.37136 4.12253 7.13618 4.12253C6.70732 4.12253 6.31882 4.2309 5.97066 4.44763C5.62481 4.66436 5.34929 4.9837 5.14408 5.40563C4.94119 5.82757 4.83974 6.34519 4.83974 6.9585C4.83974 7.5718 4.94119 8.08943 5.14408 8.51136C5.34929 8.9333 5.62481 9.25264 5.97066 9.46937C6.31882 9.6861 6.70732 9.79447 7.13618 9.79447C7.37136 9.79447 7.59731 9.76219 7.81404 9.69763C8.03078 9.63307 8.22791 9.53738 8.40545 9.41057C8.58529 9.28146 8.73746 9.12352 8.86197 8.93676C8.98878 8.74769 9.07755 8.53096 9.12827 8.28656H9.98598C9.92142 8.64855 9.80383 8.9725 9.63321 9.2584C9.46259 9.5443 9.25047 9.78755 8.99685 9.98814C8.74323 10.1864 8.45848 10.3375 8.1426 10.4412C7.82903 10.545 7.49356 10.5968 7.13618 10.5968C6.53209 10.5968 5.99487 10.4493 5.52452 10.1542C5.05416 9.85903 4.6841 9.43939 4.41434 8.89526C4.14458 8.35112 4.0097 7.70553 4.0097 6.9585C4.0097 6.21146 4.14458 5.56588 4.41434 5.02174C4.6841 4.4776 5.05416 4.05797 5.52452 3.76285C5.99487 3.46772 6.53209 3.32016 7.13618 3.32016C7.49356 3.32016 7.82903 3.37204 8.1426 3.47579C8.45848 3.57955 8.74323 3.73172 8.99685 3.93231C9.25047 4.1306 9.46259 4.37269 9.63321 4.6586C9.80383 4.94219 9.92142 5.26614 9.98598 5.63043ZM6.99784 13.6126C6.26233 13.6126 5.56141 13.5008 4.89507 13.2772C4.23104 13.0535 3.62119 12.7376 3.06553 12.3295C2.51217 11.9237 2.03144 11.443 1.62333 10.8874C1.21754 10.334 0.902812 9.7253 0.679163 9.06126C0.455513 8.39493 0.343688 7.69401 0.343688 6.9585C0.343688 6.22299 0.455513 5.52322 0.679163 4.85919C0.902812 4.19285 1.21754 3.583 1.62333 3.02964C2.03144 2.47398 2.51217 1.99325 3.06553 1.58745C3.62119 1.17935 4.23104 0.863472 4.89507 0.639822C5.56141 0.416173 6.26233 0.304348 6.99784 0.304348C7.73335 0.304348 8.43312 0.416173 9.09715 0.639822C9.76348 0.863472 10.3733 1.17935 10.9267 1.58745C11.4824 1.99325 11.9631 2.47398 12.3689 3.02964C12.777 3.583 13.0929 4.19285 13.3165 4.85919C13.5402 5.52322 13.652 6.22299 13.652 6.9585C13.652 7.69401 13.5402 8.39493 13.3165 9.06126C13.0929 9.7253 12.777 10.334 12.3689 10.8874C11.9631 11.443 11.4824 11.9237 10.9267 12.3295C10.3733 12.7376 9.76348 13.0535 9.09715 13.2772C8.43312 13.5008 7.73335 13.6126 6.99784 13.6126ZM6.99784 12.8103C7.64573 12.8103 8.26134 12.7111 8.84468 12.5128C9.43032 12.3169 9.96638 12.039 10.4529 11.6793C10.9417 11.322 11.3648 10.9 11.7221 10.4135C12.0818 9.92474 12.3597 9.38867 12.5556 8.80534C12.7516 8.2197 12.8496 7.60408 12.8496 6.9585C12.8496 6.31061 12.7516 5.69499 12.5556 5.11166C12.3597 4.52602 12.0818 3.98995 11.7221 3.50346C11.3648 3.01466 10.9417 2.59157 10.4529 2.23419C9.96638 1.87451 9.43032 1.59667 8.84468 1.40069C8.26134 1.20471 7.64573 1.10672 6.99784 1.10672C6.34995 1.10672 5.73318 1.20471 5.14754 1.40069C4.56421 1.59667 4.02814 1.87451 3.53934 2.23419C3.05285 2.59157 2.62976 3.01466 2.27007 3.50346C1.91269 3.98995 1.63601 4.52602 1.44003 5.11166C1.24405 5.69499 1.14606 6.31061 1.14606 6.9585C1.14606 7.60408 1.24405 8.2197 1.44003 8.80534C1.63601 9.38867 1.91269 9.92474 2.27007 10.4135C2.62976 10.9 3.05285 11.322 3.53934 11.6793C4.02814 12.039 4.56421 12.3169 5.14754 12.5128C5.73318 12.7111 6.34995 12.8103 6.99784 12.8103Z' fill='white'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/copyright.svg');
 }
 
 @media (max-width: 800px) {

package/css/std/controls/lookup-picker/img/cancel-dark-grey.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="iconoir:cancel">
+<path id="Vector" d="M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/css/std/controls/lookup-picker/img/cancel-red.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/lookup-picker/img/collapse-bottom-red.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Chevron-dropdown-Big">
+<path id="Vector 9" d="M19.5 9L12 16.5L4.5 9" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/css/std/controls/lookup-picker/img/collapse-bottom.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Chevron-dropdown-Big">
+<path id="Vector 9" d="M19.5 9L12 16.5L4.5 9" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/css/std/controls/lookup-picker/img/collapse-up-blue.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Chevron-dropdown-Big">
+<path id="Vector 9" d="M4.5 16.5L12 9L19.5 16.5" stroke="#3274E0" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/css/std/controls/lookup-picker/img/collapse-up.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 16.5L12 9L19.5 16.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/lookup-picker/img/copy-to-clipboard.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.41797 5.68048V4.58919C5.41797 3.10865 5.94264 2.58398 7.42318 2.58398H15.9128C17.3933 2.58398 17.918 3.10865 17.918 4.58919V13.0788C17.918 14.5593 17.3933 15.084 15.9128 15.084H14.7998" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.5768 5.91602H4.08724C2.6067 5.91602 2.08203 6.44068 2.08203 7.92122V16.4108C2.08203 17.8913 2.6067 18.416 4.08724 18.416H12.5768C14.0574 18.416 14.582 17.8913 14.582 16.4108V7.92122C14.582 6.44068 14.0574 5.91602 12.5768 5.91602Z" stroke="#4A556C" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/lookup-picker/img/error-message.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.99888 1.07255C12.1016 1.07255 15.4275 4.39843 15.4275 8.50112C15.4275 12.6038 12.1016 15.9297 7.99888 15.9297C3.8962 15.9297 0.570312 12.6038 0.570312 8.50112C0.570312 4.39843 3.8962 1.07255 7.99888 1.07255Z" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 9.5L8 4.5" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.00446 11.6434C7.84667 11.6434 7.71875 11.7713 7.71875 11.9291C7.71875 12.0869 7.84667 12.2148 8.00446 12.2148" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.00391 11.6434C8.1617 11.6434 8.28962 11.7713 8.28962 11.9291C8.28962 12.0869 8.1617 12.2148 8.00391 12.2148" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/lookup-picker/lookup-picker-selected-item.css

@@ -41,6 +41,5 @@
 }
 
 .vitro-button-close {
-    /* close.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/cancel-dark-grey.svg');
 }