@vitrosoftware/common-ui-ts 1.1.193 → 1.1.195

package/css/std/controls/action-handler/confirm-dialog.css

@@ -1,6 +1,6 @@
 .vitro-confirm-dialog {
     min-width: 469px;
-    max-width: 706px;
+    max-width: 589px;
     height: unset !important;
     width: unset !important;
     border: 1px solid rgba(74, 85, 108, 0.35);

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

@@ -0,0 +1,31 @@
+.vitro-delete-button {
+    font-family: 'InterRegular';
+    font-size: 14px;
+    outline: none;
+    height: 32px;
+    color: #D13438;
+    background: #fff;
+    border: none;
+    cursor: pointer;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    line-height: 16px;
+    gap: 4px;
+}
+
+.vitro-button:hover, 
+.vitro-button:active,
+.vitro-button:focus {
+    background: #fff;
+}
+
+.vitro-image {
+    width: 24px;
+    height: 24px;
+    background-repeat: no-repeat;
+    background-size: 100%;
+    background-position: center;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/delete-button/img/delete-red.svg');
+}

package/css/std/controls/delete-button/img/delete-red.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5395 21.0012H8.45662C7.28091 21.0012 6.30342 20.096 6.21325 18.9238L5.24805 6.37622H18.748L17.7828 18.9238C17.6927 20.096 16.7152 21.0012 15.5395 21.0012V21.0012Z" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.9985 6.37277H3.99854" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.18408 2.99878H14.8091C15.4304 2.99878 15.9341 3.50246 15.9341 4.12378V6.37378H8.05908V4.12378C8.05908 3.50246 8.56276 2.99878 9.18408 2.99878Z" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.9714 10.8744V16.4994" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.0352 10.8744V16.4994" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

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

@@ -28,6 +28,7 @@
     min-width: 139px;
     height: 40px;
     font-size: 16px;
+    padding: 4px 16px;
 }
 
 .vitro-detail-button {

package/css/std/controls/field-value-list/field-value-list.css

@@ -0,0 +1,22 @@
+.vitro-field-value-list {
+    gap: 4px;
+}
+
+.vitro-flex-column {
+    align-items: flex-start;
+}
+
+.vitro-label {
+    color: #4A556C;
+    min-width: 93px;
+}
+
+.vitro-value {
+    font-family: 'InterMedium';
+}
+
+.vitro-label,
+.vitro-value {
+    line-height: 150%;
+    max-width: unset;
+}

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

@@ -57,7 +57,7 @@
 .vitro-read-only textarea {
     color: #4A556C;
     font-size: 12px;
-    padding: 8px 36px 8px 16px;
+    padding: 8px 40px 8px 16px;
 }
 
 .vitro-read-only .vitro-label {

package/css/std/controls/link-input/img/copy-link.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.7077 7.96416L9.17218 11.4997C7.61007 13.0618 7.61007 15.5944 9.17218 17.1566C10.7343 18.7187 13.2669 18.7187 14.829 17.1566L20.4859 11.4997C22.048 9.93759 22.048 7.40495 20.4859 5.84284C19.7686 5.12552 18.8466 4.7376 17.9079 4.67909" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.0939 18.3203C5.15524 18.2618 4.23325 17.8739 3.51593 17.1566C1.95382 15.5944 1.95383 13.0618 3.51593 11.4997L9.17278 5.84284C10.7349 4.28074 13.2675 4.28074 14.8296 5.84284C16.3917 7.40495 16.3917 9.93759 14.8296 11.4997L11.2941 15.0352" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/link-input/link-input.css

@@ -16,10 +16,6 @@
     cursor: text;
 }
 
-.vitro-read-only input {
-    padding: 8px 16px;
-}
-
 .vitro-control > div:first-child {
     color: #4A556C;
 }
@@ -28,10 +24,18 @@
     color: #8E98A3;
 }
 
-.vitro-edit-button {
+.vitro-edit-button,
+.vitro-copy-button {
     display: inline-block;
     position: absolute;
     right: 16px;
     top: 10px;
+}
+
+.vitro-edit-button {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/link-input/img/edit.svg');
+}
+
+.vitro-copy-button {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/link-input/img/copy-link.svg');
 }

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

@@ -1,38 +1,9 @@
-.vitro-login-layout {
-    width: 100%;
-    height: 100%;
-    background: #347FDE;
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-size: cover;
-    background-position: center;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/login-background.png');
-}
-
-.vitro-login-layout::after {
-    content: '';
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    z-index: 10;
-    top: 0;
-    left: 0;
-    opacity: 0.3;
-    background: #000;
-}
-
-.vitro-login {
+.vitro-login {
     width: 468px;
     overflow: hidden;
     padding: 71px 36px 24px 36px;
     border-radius: 8px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
     background: #fff;
-    z-index: 100;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
     transition: max-height 1s ease;
 }
@@ -43,65 +14,6 @@
     margin-bottom: 34px;
 }
 
-.vitro-footer {
-    position: absolute;
-    bottom: 12px;
-    left: 0;
-    width: 100%;
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    z-index: 101;
-}
-
-.vitro-link-list {
-    display: flex;
-    align-items: center;
-    list-style: none;
-    margin-bottom: 0;
-    padding: 0;
-}
-
-.vitro-link-list > li, .vitro-copyright {
-    color: #fff;
-    text-align: center;
-    font-size: 14px;
-    line-height: 135%;
-    white-space: nowrap;
-    margin-right: 24px;
-    display: flex;
-    align-items: center
-}
-
-.vitro-link-list a,
-.vitro-link-list a:visited,
-.vitro-link-list a:hover {
-    color: #fff;
-    cursor: pointer;
-}
-
-.vitro-language {
-    height: 24px;
-    width: 24px;
-    margin-right: 24px;
-    background-size: 100%;
-    background-repeat: no-repeat;
-    background-position: center;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/ru.svg');
-}
-
-.vitro-copyright::before {
-    content: '';
-    display: inline-block;
-    margin-right: 4px;
-    height: 14px;
-    width: 14px;
-    background-position: center;
-    background-size: 100%;
-    background-repeat: no-repeat;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/copyright.svg');
-}
-
 @media (max-width: 800px) {
     .vitro-login {
         margin: 0 16px;

package/css/std/controls/shared-item-link-form/shared-item-link-form.css

@@ -0,0 +1,55 @@
+.vitro-shared-item-link-form {
+    flex: 1 1;
+    max-width: 952px;
+    height: 584px;
+    background: #fff;
+    padding: 40px;
+    align-items: flex-start;
+    gap: 40px;
+    background-color: #fff;
+    border-radius: 8px;
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
+}
+
+.vitro-image {
+    height: 144px;
+    width: 144px;
+}
+
+.vitro-content {
+    align-items: flex-start;
+    gap: 16px;
+}
+
+.vitro-title {
+    font-size: 32px;
+    line-height: 130%;
+    font-family: 'InterMedium';
+}
+
+.vitro-button-group {
+    justify-content: flex-start;
+}
+
+.vitro-link-input {
+    width: 376px;
+    margin-top: 10px;
+}
+
+@media (max-width: 600px) {
+    .vitro-shared-item-link-form {
+        flex-wrap: wrap;
+    }
+}
+
+@media (max-width: 500px) {
+    .vitro-title {
+        font-size: 24px;
+        line-height: 130%;
+        font-family: 'InterMedium';
+    }
+
+    .vitro-link-input {
+        width: 100%;
+    }
+}

package/css/std/controls/start-page/start-page-footer.css

@@ -0,0 +1,49 @@
+.vitro-start-page-footer {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    justify-content: flex-end;
+    z-index: 2;
+    width: 100%;
+    padding: 12px 24px;
+}
+
+.vitro-link-list {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    width: fit-content;
+}
+
+.vitro-link,
+.vitro-link:visited,
+.vitro-link:hover,
+.vitro-copyright {
+    color: #fff;
+    text-align: center;
+    font-size: 14px;
+    line-height: 135%;
+    white-space: nowrap;
+}
+
+.vitro-copyright::before {
+    content: '';
+    display: inline-block;
+    margin-right: 4px;
+    height: 14px;
+    width: 14px;
+    background-position: center;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/start-page/img/copyright.svg');
+}
+
+.vitro-language {
+    height: 24px;
+    width: 24px;
+    margin-right: 24px;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/start-page/img/ru.svg');
+}

package/css/std/controls/start-page/start-page-header.css

@@ -0,0 +1,15 @@
+.vitro-start-page-header {
+    width: 100%;
+    height: 72px;
+    background-color: #fff;
+    justify-content: space-between;
+    padding: 0 24px;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 2;
+}
+
+.vitro-logo {
+    height: 32px;
+}

package/css/std/controls/start-page/start-page.css

@@ -0,0 +1,35 @@
+.vitro-start-page,
+.vitro-start-page-padding {
+    width: 100%;
+    height: 100%;
+    padding: 16px;
+    background: #347FDE;
+    position: relative;
+    justify-content: center;
+    background-size: cover;
+    background-position: center;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/start-page/img/login-background.png');
+}
+
+.vitro-start-page-padding {
+    padding-top: 72px;
+}
+
+.vitro-start-page::after,
+.vitro-start-page-padding::after {
+    content: '';
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    left: 0;
+    opacity: 0.3;
+    background: #000;
+}
+
+.vitro-content {
+    z-index: 2;
+    flex: 1 1;
+    justify-content: center;
+}