@vitrosoftware/common-ui-ts 1.1.155 → 1.1.157

package/css/std/controls/overlay/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/overlay/overlay.css

@@ -0,0 +1,14 @@
+.vitro-dropdown-arrow:before {
+    content: '';
+    display: block;
+    height: 21px;
+    width: 32px;
+    overflow: hidden;
+    background-position: center 0;
+    background-size: 44px 42px;
+    background-repeat: no-repeat;
+    position: absolute;
+    right: 14px;
+    top: -21px;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dropdown-button/img/dropdown-menu-arrow.svg');
+}

package/css/std/controls/pin-button/img/pin.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9,12.1c0,0.2-0.1,0.4-0.2,0.6L7,15h10l-1.8-2.2c-0.1-0.2-0.2-0.4-0.2-0.6V10V7.7c0-0.1,0-0.3,0.1-0.4L16,5H8l0.9,2.3
+	C9,7.4,9,7.6,9,7.7V10V12.1z M9.9,7.3L9.4,6h5.2l-0.5,1.3C14,7.4,14,7.6,14,7.7V10v2.1c0,0.2,0.1,0.4,0.2,0.6l1,1.2H8.8l1-1.2
+	c0.1-0.2,0.2-0.4,0.2-0.6V10V7.7C10,7.6,10,7.4,9.9,7.3z" fill="#000000"/>
+<path d="M11.4998 15H12.4998V20.25L11.9998 21L11.4998 20.25V15Z" fill="#000000"/>	
+</svg>

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

@@ -6,6 +6,17 @@
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/pin-button/img/pin-active.svg');
 }
 
+.vitro-pin-button {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/pin-button/img/pin.svg');
+}
+
 .vitro-pin-button.vitro-active {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/pin-button/img/pin-active.svg');
+}
+
+:global(.vitro-no-hover).vitro-pin-button.vitro-active:hover,
+:global(.vitro-no-hover).vitro-pin-button.vitro-active:active,
+:global(.vitro-no-hover).vitro-pin-button:hover,
+:global(.vitro-no-hover).vitro-pin-button:active {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/pin-button/img/pin.svg') !important;
 }

package/css/std/controls/sidebar/sidebar.css

@@ -72,7 +72,7 @@
 
 :global(.vitro-bottom-menu) {
     width: 100%;
-    z-index: 2;
+    z-index: 100005;
     flex-direction: row;
     height: 66px;
     padding: 0 0 0 12px !important;
@@ -82,6 +82,7 @@
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
     border-radius: 4px 4px 0 0;
     overflow: visible;
+    position: fixed;
 }
 
 :global(.vitro-bottom-menu) ul {

package/dist/index.css

@@ -5217,7 +5217,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 
 .vitro-bottom-menu {
     width: 100%;
-    z-index: 2;
+    z-index: 100005;
     flex-direction: row;
     height: 66px;
     padding: 0 0 0 12px !important;
@@ -5227,6 +5227,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
     border-radius: 4px 4px 0 0;
     overflow: visible;
+    position: fixed;
 }
 
 .vitro-bottom-menu ul {
@@ -6290,6 +6291,21 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 ._list_vitro-list_2cs4WZE li {
     cursor: pointer;
 }
+._overlay_vitro-dropdown-arrow_33kJJVJ:before {
+    content: '';
+    display: block;
+    height: 21px;
+    width: 32px;
+    overflow: hidden;
+    background-position: center 0;
+    background-size: 44px 42px;
+    background-repeat: no-repeat;
+    position: absolute;
+    right: 14px;
+    top: -21px;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dropdown-button/img/dropdown-menu-arrow.svg');
+}
+
 ._criterion_vitro-criterion-container_2cYcSkL {
     width: 100%;
     position: relative;
@@ -8255,8 +8271,19 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/pin-button/img/pin-active.svg');
 }
 
+._pin-button_vitro-pin-button_3DklgEh {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/pin-button/img/pin.svg');
+}
+
 ._pin-button_vitro-pin-button_3DklgEh._pin-button_vitro-active_2PgztSG {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/pin-button/img/pin-active.svg');
+}
+
+.vitro-no-hover._pin-button_vitro-pin-button_3DklgEh._pin-button_vitro-active_2PgztSG:hover,
+.vitro-no-hover._pin-button_vitro-pin-button_3DklgEh._pin-button_vitro-active_2PgztSG:active,
+.vitro-no-hover._pin-button_vitro-pin-button_3DklgEh:hover,
+.vitro-no-hover._pin-button_vitro-pin-button_3DklgEh:active {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/pin-button/img/pin.svg') !important;
 }
 ._file-list_vitro-file-list-dropdown_1BOOwqC {
     background: #ffffff;