@vcita/design-system 1.12.11 → 1.12.13

package/dist/@vcita/design-system.ssr.js

@@ -4965,7 +4965,9 @@ var lodash_throttle = throttle$1;var script$1r = {
     return {
       searchThrottled: lodash_throttle(function (search) {
         _this.$emit('search', _this.caseSensitive || !search ? search : search.toLowerCase());
-      }, this.throttleTime)
+      }, this.throttleTime, {
+        leading: false
+      })
     };
   }
 };/* script */
@@ -5017,8 +5019,8 @@ var __vue_staticRenderFns__$1n = [];
 
 var __vue_inject_styles__$1r = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-7d965369_0", {
-    source: ".vc-search-bar.VcTextInput[data-v-7d965369]{padding:var(--size-value0);margin:var(--size-value0)}.vc-search-bar.VcTextInput.border-top-radius[data-v-7d965369]  .v-input__control .v-input__slot{border-radius:var(--border-radius) var(--border-radius) var(--size-value0) var(--size-value0)}.vc-search-bar.VcTextInput.v-input--has-state[data-v-7d965369]  .v-input__slot .v-text-field__slot,.vc-search-bar.VcTextInput.v-input--is-focused[data-v-7d965369]  .v-input__slot .v-text-field__slot,.vc-search-bar.VcTextInput.v-input--is-label-active[data-v-7d965369]  .v-input__slot .v-text-field__slot{margin:0}.vc-search-bar.VcTextInput__magnify[data-v-7d965369]{fill:var(--gray-darken-2)}.vc-search-bar.VcTextInput[data-v-7d965369]:hover{border-color:var(--gray-darken-2)}.vc-search-bar.VcTextInput[data-v-7d965369]:hover  .v-input__slot label{color:var(--gray-darken-2)}.vc-search-bar.VcTextInput.medium[data-v-7d965369]  .v-input__control .v-input__slot{height:var(--size-value10)}.vc-search-bar.VcTextInput.medium[data-v-7d965369]  .v-input__control .v-input__slot .v-input__prepend-inner{padding:var(--size-value3)}.vc-search-bar.VcTextInput.small[data-v-7d965369]  .v-input__control .v-input__slot{height:var(--size-value8)}.vc-search-bar.VcTextInput.small[data-v-7d965369]  .v-input__control .v-input__slot .v-input__prepend-inner{padding:var(--size-value3)}.vc-search-bar.VcTextInput[data-v-7d965369]  .v-input__control .v-input__slot{padding:var(--size-value0)}.vc-search-bar.VcTextInput[data-v-7d965369]  .v-input__control .v-input__slot .v-input__prepend-inner{padding:18px var(--size-value3);margin:var(--size-value0)}",
+  inject("data-v-198e26ec_0", {
+    source: ".vc-search-bar.VcTextInput[data-v-198e26ec]{padding:var(--size-value0);margin:var(--size-value0)}.vc-search-bar.VcTextInput.border-top-radius[data-v-198e26ec]  .v-input__control .v-input__slot{border-radius:var(--border-radius) var(--border-radius) var(--size-value0) var(--size-value0)}.vc-search-bar.VcTextInput.v-input--has-state[data-v-198e26ec]  .v-input__slot .v-text-field__slot,.vc-search-bar.VcTextInput.v-input--is-focused[data-v-198e26ec]  .v-input__slot .v-text-field__slot,.vc-search-bar.VcTextInput.v-input--is-label-active[data-v-198e26ec]  .v-input__slot .v-text-field__slot{margin:0}.vc-search-bar.VcTextInput__magnify[data-v-198e26ec]{fill:var(--gray-darken-2)}.vc-search-bar.VcTextInput[data-v-198e26ec]:hover{border-color:var(--gray-darken-2)}.vc-search-bar.VcTextInput[data-v-198e26ec]:hover  .v-input__slot label{color:var(--gray-darken-2)}.vc-search-bar.VcTextInput.medium[data-v-198e26ec]  .v-input__control .v-input__slot{height:var(--size-value10)}.vc-search-bar.VcTextInput.medium[data-v-198e26ec]  .v-input__control .v-input__slot .v-input__prepend-inner{padding:var(--size-value3)}.vc-search-bar.VcTextInput.small[data-v-198e26ec]  .v-input__control .v-input__slot{height:var(--size-value8)}.vc-search-bar.VcTextInput.small[data-v-198e26ec]  .v-input__control .v-input__slot .v-input__prepend-inner{padding:var(--size-value3)}.vc-search-bar.VcTextInput[data-v-198e26ec]  .v-input__control .v-input__slot{padding:var(--size-value0)}.vc-search-bar.VcTextInput[data-v-198e26ec]  .v-input__control .v-input__slot .v-input__prepend-inner{padding:18px var(--size-value3);margin:var(--size-value0)}",
     map: undefined,
     media: undefined
   });
@@ -5026,10 +5028,10 @@ var __vue_inject_styles__$1r = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$1r = "data-v-7d965369";
+var __vue_scope_id__$1r = "data-v-198e26ec";
 /* module identifier */
 
-var __vue_module_identifier__$1r = "data-v-7d965369";
+var __vue_module_identifier__$1r = "data-v-198e26ec";
 /* functional template */
 
 var __vue_is_functional_template__$1r = false;
@@ -16937,7 +16939,8 @@ var __vue_render__$M = function __vue_render__() {
     }, [_c('VcIcon', {
       staticClass: "align-self-center handle",
       attrs: {
-        "size": "16"
+        "size": "16",
+        "color": "var(--gray-darken-3)"
       }
     }, [_vm._v("\n        $draggable\n      ")]), _vm._v(" "), _vm._t("default", function () {
       return [_vm._v("\n        " + _vm._s(item.text) + "\n      ")];
@@ -16952,8 +16955,8 @@ var __vue_staticRenderFns__$M = [];
 
 var __vue_inject_styles__$Q = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-b25547ee_0", {
-    source: ".list-group.onDragging[data-v-b25547ee]{cursor:grabbing!important}.list-group .v-icon[data-v-b25547ee]{margin:0 var(--size-value1)}@media screen and (min-width:960px){.list-group .v-icon[data-v-b25547ee]{visibility:hidden}}@media screen and (min-width:960px){.list-group .onHover[data-v-b25547ee]{background:var(--gray-lighten-3);border-radius:var(--border-radius)}.list-group .onHover .v-icon[data-v-b25547ee]{cursor:grab;visibility:visible}}.list-group .ghost[data-v-b25547ee]{background:var(--gray-lighten-2);border:1px solid var(--v-secondary-lighten1);border-radius:var(--border-radius);box-shadow:unset;opacity:.4}.list-group .ghost .v-icon[data-v-b25547ee]{visibility:visible}.list-group .drag[data-v-b25547ee]{background:#fff;opacity:1!important;border-left:3px solid var(--v-secondary-base);box-shadow:var(--shadow-6);border-radius:var(--size-value1)}",
+  inject("data-v-2fdce58e_0", {
+    source: ".list-group.onDragging[data-v-2fdce58e]{cursor:grabbing!important}.list-group .v-icon[data-v-2fdce58e]{margin:0 var(--size-value1)}@media screen and (min-width:960px){.list-group .v-icon[data-v-2fdce58e]{visibility:hidden}}@media screen and (min-width:960px){.list-group .onHover[data-v-2fdce58e]{background:var(--gray-lighten-3);border-radius:var(--border-radius)}.list-group .onHover .v-icon[data-v-2fdce58e]{cursor:grab;visibility:visible}}.list-group .ghost[data-v-2fdce58e]{background:var(--gray-lighten-2);border:1px solid var(--v-secondary-lighten1);border-radius:var(--border-radius);box-shadow:unset;opacity:.4}.list-group .ghost .v-icon[data-v-2fdce58e]{visibility:visible}.list-group .drag[data-v-2fdce58e]{background:#fff;opacity:1!important;border-left:3px solid var(--v-secondary-base);box-shadow:var(--shadow-6);border-radius:var(--size-value1)}",
     map: undefined,
     media: undefined
   });
@@ -16961,10 +16964,10 @@ var __vue_inject_styles__$Q = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$Q = "data-v-b25547ee";
+var __vue_scope_id__$Q = "data-v-2fdce58e";
 /* module identifier */
 
-var __vue_module_identifier__$Q = "data-v-b25547ee";
+var __vue_module_identifier__$Q = "data-v-2fdce58e";
 /* functional template */
 
 var __vue_is_functional_template__$Q = false;
@@ -17186,12 +17189,14 @@ var __vue_render__$L = function __vue_render__() {
         class: _vm.dragIconClasses,
         attrs: {
           "size": "16",
-          "color": "var(--gray-darken-4)"
+          "color": _vm.dragTooltip ? 'var(--gray)' : 'var(--gray-darken-4)'
         }
       }, [_vm._v("\n                $draggable\n              ")])], 1), _vm._v(" "), _c('div', {
         staticClass: "folder-label__info"
       }, [_vm._t("folder-label-info-" + index, function () {
-        return [_c('span', [_vm._v(_vm._s(item.label))])];
+        return [_c('span', {
+          staticClass: "label-text"
+        }, [_vm._v(_vm._s(item.label))])];
       }, {
         "item": item
       })], 2), _vm._v(" "), _c('VcTooltip', {
@@ -17219,9 +17224,9 @@ var __vue_render__$L = function __vue_render__() {
             return [_c('VcIcon', {
               attrs: {
                 "size": "12",
-                "color": "var(--gray-darken-4)"
+                "color": _vm.disableCloseButton ? 'var(--gray-darken-1)' : 'var(--gray-darken-4)'
               }
-            }, [_vm._v("$close_button")])];
+            }, [_vm._v("\n                    $close_button\n                  ")])];
           },
           proxy: true
         }], null, true)
@@ -17281,8 +17286,8 @@ var __vue_staticRenderFns__$L = [];
 
 var __vue_inject_styles__$P = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-1d24c5fd_0", {
-    source: ".VcTabs--wrapper[data-v-1d24c5fd]{display:flex;flex-direction:column;height:100%}.VcTabs--wrapper .separatorShadow[data-v-1d24c5fd]{border-bottom:1px solid var(--gray-lighten-1);box-shadow:var(--shadow-1)}.VcTabs--wrapper .separatorDivider[data-v-1d24c5fd]{border-bottom:1px solid var(--gray-lighten-1)}.VcTabs--wrapper .folder[data-v-1d24c5fd]  .v-tabs-slider-wrapper{transition:none;bottom:auto}.VcTabs--wrapper .folder[data-v-1d24c5fd]  .v-ripple__container{display:none!important}.VcTabs--wrapper .folder[data-v-1d24c5fd]  .VcTab{padding:0;min-width:auto}.VcTabs--wrapper .full-height-tabs[data-v-1d24c5fd]{height:100%}.VcTabs--wrapper .full-height-tabs .v-window-item[data-v-1d24c5fd]{height:100%}.VcTabs--wrapper .draggable-tabs[data-v-1d24c5fd]{display:flex}.VcTabs--content[data-v-1d24c5fd]{flex:unset}.VcTab[data-v-1d24c5fd]:focus{color:rgba(255,255,255,0)!important;box-shadow:inset 0 0 0 3px var(--v-secondary-lighten1);border-radius:2px}.VcTab:focus .VcTab-label[data-v-1d24c5fd]{color:var(--gray-darken-4)}.VcTab:focus.VcTabDisabled[data-v-1d24c5fd]{background:rgba(0,0,0,.04);color:var(--gray-darken-2)}.VcTabActive[data-v-1d24c5fd]{color:var(--gray-darken-5)}.VcTab-label[data-v-1d24c5fd]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2);line-height:var(--size-value4);letter-spacing:0;text-transform:initial}.VcTab .folder-label[data-v-1d24c5fd]{display:flex;flex-direction:row;height:100%;width:216px;font-size:var(--font-size-xx-small);border-inline-end:1px solid var(--gray);text-transform:none;letter-spacing:normal;padding:var(--size-value3) var(--size-value1);gap:var(--size-value1);text-align:start}.VcTab .folder-label__info[data-v-1d24c5fd]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.VcTab .folder-label__close[data-v-1d24c5fd],.VcTab .folder-label__menu[data-v-1d24c5fd]{top:-3px;display:none}.VcTab .folder-label__close[data-v-1d24c5fd]{margin-inline-end:-4px}.VcTab .folder-label__drag[data-v-1d24c5fd]{cursor:grab}.VcTab .folder-label__drag--dragging[data-v-1d24c5fd]{cursor:grabbing}.VcTab .folder-label__drag--hidden[data-v-1d24c5fd]{visibility:hidden}.VcTab .folder-label:hover .folder-label__close[data-v-1d24c5fd],.VcTab .folder-label:hover .folder-label__menu[data-v-1d24c5fd]{display:flex}.VcTab .folder-label:hover .folder-label__drag[data-v-1d24c5fd]:not(.folder-label__drag--hidden){visibility:visible}.VcTab:not(.VcTabActive) .folder-label[data-v-1d24c5fd]{background-color:var(--gray-lighten-4);border-bottom:1px solid var(--gray)}.VcTab:not(.VcTabActive) .folder-label__drag[data-v-1d24c5fd]{visibility:hidden}.VcTab[data-v-1d24c5fd]:focus{color:unset!important;box-shadow:none}.VcTabsContent[data-v-1d24c5fd]{background-color:transparent;overflow-y:auto}[data-v-1d24c5fd] .v-slide-group__next,[data-v-1d24c5fd] .v-slide-group__prev{display:none!important}[data-v-1d24c5fd] .v-slide-group__wrapper{overflow-x:auto;overflow-y:hidden}",
+  inject("data-v-004e34ce_0", {
+    source: ".VcTabs--wrapper[data-v-004e34ce]{display:flex;flex-direction:column;height:100%}.VcTabs--wrapper .separatorShadow[data-v-004e34ce]{border-bottom:1px solid var(--gray-lighten-1);box-shadow:var(--shadow-1)}.VcTabs--wrapper .separatorDivider[data-v-004e34ce]{border-bottom:1px solid var(--gray-lighten-1)}.VcTabs--wrapper .folder[data-v-004e34ce]  .v-tabs-slider-wrapper{transition:none;bottom:auto}.VcTabs--wrapper .folder[data-v-004e34ce]  .v-ripple__container{display:none!important}.VcTabs--wrapper .folder[data-v-004e34ce]  .VcTab{padding:0;min-width:auto}.VcTabs--wrapper .folder[data-v-004e34ce]  .VcTabActive:hover::before{opacity:0}.VcTabs--wrapper .full-height-tabs[data-v-004e34ce]{height:calc(100% - 1px)}.VcTabs--wrapper .full-height-tabs .v-window-item[data-v-004e34ce]{height:100%}.VcTabs--wrapper .draggable-tabs[data-v-004e34ce]{display:flex}.VcTabs--content[data-v-004e34ce]{flex:unset}.VcTab[data-v-004e34ce]:focus{color:rgba(255,255,255,0)!important;box-shadow:inset 0 0 0 3px var(--v-secondary-lighten1);border-radius:2px}.VcTab:focus .VcTab-label[data-v-004e34ce]{color:var(--gray-darken-4)}.VcTab:focus.VcTabDisabled[data-v-004e34ce]{background:rgba(0,0,0,.04);color:var(--gray-darken-2)}.VcTabActive[data-v-004e34ce]{color:var(--gray-darken-5)}.VcTab-label[data-v-004e34ce]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2);line-height:var(--size-value4);letter-spacing:0;text-transform:initial}.VcTab .folder-label[data-v-004e34ce]{display:flex;flex-direction:row;height:100%;width:216px;font-size:var(--font-size-xx-small);border-inline-end:1px solid var(--gray-lighten-2);text-transform:none;letter-spacing:normal;padding:var(--size-value3) var(--size-value1);gap:var(--size-value1);text-align:start}.VcTab .folder-label__info[data-v-004e34ce]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.VcTab .folder-label__info .label-text[data-v-004e34ce]{line-height:var(--size-value5)}.VcTab .folder-label__close[data-v-004e34ce],.VcTab .folder-label__menu[data-v-004e34ce]{top:-3px;display:none}.VcTab .folder-label__close[data-v-004e34ce]{margin-inline-end:-4px}.VcTab .folder-label__drag[data-v-004e34ce]{cursor:grab}.VcTab .folder-label__drag--dragging[data-v-004e34ce]{cursor:grabbing}.VcTab .folder-label__drag--hidden[data-v-004e34ce]{visibility:hidden}.VcTab .folder-label:hover .folder-label__close[data-v-004e34ce],.VcTab .folder-label:hover .folder-label__menu[data-v-004e34ce]{display:flex;animation:fadeIn-data-v-004e34ce 250ms}.VcTab .folder-label:hover .folder-label__drag[data-v-004e34ce]:not(.folder-label__drag--hidden){visibility:visible}.VcTab:not(.VcTabActive) .folder-label[data-v-004e34ce]{background-color:var(--gray-lighten-4);border-bottom:1px solid var(--gray-lighten-2)}.VcTab:not(.VcTabActive) .folder-label__drag[data-v-004e34ce]{visibility:hidden}.VcTab:not(.VcTabActive) .folder-label:hover .folder-label__drag[data-v-004e34ce]{visibility:visible;animation:fadeIn-data-v-004e34ce 250ms}.VcTab[data-v-004e34ce]:focus{color:unset!important;box-shadow:none}.VcTabsContent[data-v-004e34ce]{background-color:transparent;overflow-y:auto}[data-v-004e34ce] .v-slide-group__next,[data-v-004e34ce] .v-slide-group__prev{display:none!important}[data-v-004e34ce] .v-slide-group__wrapper{overflow-x:auto;overflow-y:hidden}@keyframes fadeIn-data-v-004e34ce{from{opacity:0}to{opacity:1}}",
     map: undefined,
     media: undefined
   });
@@ -17290,10 +17295,10 @@ var __vue_inject_styles__$P = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$P = "data-v-1d24c5fd";
+var __vue_scope_id__$P = "data-v-004e34ce";
 /* module identifier */
 
-var __vue_module_identifier__$P = "data-v-1d24c5fd";
+var __vue_module_identifier__$P = "data-v-004e34ce";
 /* functional template */
 
 var __vue_is_functional_template__$P = false;
@@ -24075,6 +24080,7 @@ var __vue_render__$9 = function __vue_render__() {
       "label": _vm.searchBarLabel,
       "placeholder": _vm.searchBarPlaceholder,
       "value": _vm.searchValue,
+      "case-sensitive": true,
       "clearable": true
     },
     on: {
@@ -24097,8 +24103,8 @@ var __vue_staticRenderFns__$9 = [];
 
 var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-31ef2332_0", {
-    source: ".VcTableActionBar[data-v-31ef2332]{height:40px}.VcTableActionBar--summaryText[data-v-31ef2332]{font-size:11px;font-weight:var(--font-weight-medium2);color:var(--gray-darken-4)}.VcTableActionBar--summaryText--skeleton[data-v-31ef2332]{min-width:137px;padding-bottom:var(--size-value4)}.VcTableActionBar--searchBar[data-v-31ef2332]{max-width:400px;padding-bottom:var(--size-value4)}",
+  inject("data-v-745d07c3_0", {
+    source: ".VcTableActionBar[data-v-745d07c3]{height:40px}.VcTableActionBar--summaryText[data-v-745d07c3]{font-size:11px;font-weight:var(--font-weight-medium2);color:var(--gray-darken-5)}.VcTableActionBar--summaryText--skeleton[data-v-745d07c3]{min-width:137px;padding-bottom:var(--size-value4)}.VcTableActionBar--searchBar[data-v-745d07c3]{max-width:400px;padding-bottom:var(--size-value4)}",
     map: undefined,
     media: undefined
   });
@@ -24106,10 +24112,10 @@ var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$9 = "data-v-31ef2332";
+var __vue_scope_id__$9 = "data-v-745d07c3";
 /* module identifier */
 
-var __vue_module_identifier__$9 = "data-v-31ef2332";
+var __vue_module_identifier__$9 = "data-v-745d07c3";
 /* functional template */
 
 var __vue_is_functional_template__$9 = false;

package/init/SvgIcons.js

@@ -55,7 +55,7 @@ export default {
     doc_video: `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_10309_230168)"><path d="M19.5412 23.4976H3.50498L3.50498 17L3.50498 16.9997L3.5 7.5V0.5H16.2924L20.4999 4.7181V23.4992L19.542 23.4976H19.5412Z" stroke="#212121"/><path d="M16 0V4.5H20.5" stroke="#212121" stroke-linejoin="bevel"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.07292 6.16976L1.92507 20.3146L18.8801 19.0566L19.4244 5.76368L2.07292 6.16976Z" fill="#FBCBC9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6 19H4V18H6V19Z" fill="#212121"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6 8H4V7H6V8Z" fill="#212121"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 19H8V18H10V19Z" fill="#212121"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 8H8V7H10V8Z" fill="#212121"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14 19H12V18H14V19Z" fill="#212121"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14 8H12V7H14V8Z" fill="#212121"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 19H16V18H18V19Z" fill="#212121"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 8H16V7H18V8Z" fill="#212121"/><mask id="path-12-inside-1_10309_230168" fill="white"><path d="M8.60864 9.5675L14.4682 13L8.60864 16.4324V9.5675Z"/></mask><path d="M8.60864 9.5675L9.11409 8.70465L7.60864 7.82278V9.5675H8.60864ZM14.4682 13L14.9736 13.8628L16.4466 13L14.9736 12.1371L14.4682 13ZM8.60864 16.4324H7.60864V18.1771L9.11409 17.2953L8.60864 16.4324ZM8.10319 10.4304L13.9627 13.8628L14.9736 12.1371L9.11409 8.70465L8.10319 10.4304ZM13.9627 12.1371L8.10319 15.5695L9.11409 17.2953L14.9736 13.8628L13.9627 12.1371ZM9.60864 16.4324V9.5675H7.60864V16.4324H9.60864Z" fill="#212121" mask="url(#path-12-inside-1_10309_230168)"/></g><defs><clipPath id="clip0_10309_230168"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>`,
     doc_general: `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_10309_230167)"><path d="M19.5412 23.4976H3.50498L3.50498 17L3.50498 16.9997L3.5 7.5V0.5H16.2924L20.4999 4.7181V23.4992L19.542 23.4976H19.5412Z" stroke="#212121"/><path d="M16 0V4.5H20.5" stroke="#212121" stroke-linejoin="bevel"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.07292 7.16976L1.92507 19.3146L18.8801 18.0566L19.4244 6.76368L2.07292 7.16976Z" fill="#D6DBE6"/><path d="M6 9.5H18" stroke="#212121" stroke-linejoin="bevel"/><path d="M6 12.5H18" stroke="#212121" stroke-linejoin="bevel"/><path d="M6 15.5H14" stroke="#212121" stroke-linejoin="bevel"/></g><defs><clipPath id="clip0_10309_230167"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>`,
     doc_form: `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5412 23.4976H3.50498L3.50498 17L3.50498 16.9997L3.5 7.5V0.5H16.2924L20.4999 4.7181V23.4992L19.542 23.4976H19.5412Z" stroke="#212121"/><path d="M16 0V4.5H20.5" stroke="#212121" stroke-linejoin="bevel"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.07292 7.16976L1.92507 19.3146L18.8801 18.0566L19.4244 6.76368L2.07292 7.16976Z" fill="#C8DDFF"/><path d="M6 9.5H18" stroke="#212121" stroke-linejoin="bevel"/><path d="M6 12.5H18" stroke="#212121" stroke-linejoin="bevel"/><path d="M6 15.5H14" stroke="#212121" stroke-linejoin="bevel"/><path d="M19.5412 23.4976H3.50498L3.50498 17L3.50498 16.9997L3.5 7.5V0.5H16.2924L20.4999 4.7181V23.4992L19.542 23.4976H19.5412Z" stroke="#212121"/><path d="M16 0V4.5H20.5" stroke="#212121" stroke-linejoin="bevel"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.07292 7.16976L1.92507 19.3146L18.8801 18.0566L19.4244 6.76368L2.07292 7.16976Z" fill="#CFF8E1"/><path d="M10 8H18" stroke="#212121" stroke-linejoin="bevel"/><path d="M10 13.5H18" stroke="#212121" stroke-linejoin="bevel"/><path d="M10 19H18" stroke="#212121" stroke-linejoin="bevel"/><mask id="path-13-inside-1_9406_221191" fill="white"><rect x="5" y="11.5" width="4" height="4" rx="0.6"/></mask><rect x="5" y="11.5" width="4" height="4" rx="0.6" stroke="#212121" stroke-width="2" mask="url(#path-13-inside-1_9406_221191)"/><mask id="path-14-inside-2_9406_221191" fill="white"><rect x="5" y="6" width="4" height="4" rx="0.6"/></mask><rect x="5" y="6" width="4" height="4" rx="0.6" stroke="#212121" stroke-width="2" mask="url(#path-14-inside-2_9406_221191)"/><mask id="path-15-inside-3_9406_221191" fill="white"><rect x="5" y="17" width="4" height="4" rx="0.6"/></mask><rect x="5" y="17" width="4" height="4" rx="0.6" stroke="#212121" stroke-width="2" mask="url(#path-15-inside-3_9406_221191)"/></svg>`,
-    draggable: `<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 2.47368C4 3.30263 4.64474 3.94737 5.47368 3.94737C6.25658 3.94737 6.94737 3.30263 6.94737 2.47368C6.94737 1.69079 6.25658 1 5.47368 1C4.64474 1 4 1.69079 4 2.47368ZM5.47368 6.52632C4.64474 6.52632 4 7.21711 4 8.00001C4 8.82895 4.64474 9.47369 5.47368 9.47369C6.25658 9.47369 6.94737 8.82895 6.94737 8.00001C6.94737 7.21711 6.25658 6.52632 5.47368 6.52632ZM5.47368 15C4.64474 15 4 14.3553 4 13.5263C4 12.7435 4.64474 12.0526 5.47368 12.0526C6.25658 12.0526 6.94737 12.7435 6.94737 13.5263C6.94737 14.3553 6.25658 15 5.47368 15Z" fill="#757575"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 2.47368C9 3.30263 9.64474 3.94737 10.4737 3.94737C11.2566 3.94737 11.9474 3.30263 11.9474 2.47368C11.9474 1.69079 11.2566 1 10.4737 1C9.64474 1 9 1.69079 9 2.47368ZM10.4737 6.52632C9.64474 6.52632 9 7.21711 9 8.00001C9 8.82895 9.64474 9.47369 10.4737 9.47369C11.2566 9.47369 11.9474 8.82895 11.9474 8.00001C11.9474 7.21711 11.2566 6.52632 10.4737 6.52632ZM10.4737 15C9.64474 15 9 14.3553 9 13.5263C9 12.7435 9.64474 12.0526 10.4737 12.0526C11.2566 12.0526 11.9474 12.7435 11.9474 13.5263C11.9474 14.3553 11.2566 15 10.4737 15Z" fill="#757575"/></svg>`,
+    draggable: `<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 2.47368C4 3.30263 4.64474 3.94737 5.47368 3.94737C6.25658 3.94737 6.94737 3.30263 6.94737 2.47368C6.94737 1.69079 6.25658 1 5.47368 1C4.64474 1 4 1.69079 4 2.47368ZM5.47368 6.52632C4.64474 6.52632 4 7.21711 4 8.00001C4 8.82895 4.64474 9.47369 5.47368 9.47369C6.25658 9.47369 6.94737 8.82895 6.94737 8.00001C6.94737 7.21711 6.25658 6.52632 5.47368 6.52632ZM5.47368 15C4.64474 15 4 14.3553 4 13.5263C4 12.7435 4.64474 12.0526 5.47368 12.0526C6.25658 12.0526 6.94737 12.7435 6.94737 13.5263C6.94737 14.3553 6.25658 15 5.47368 15Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 2.47368C9 3.30263 9.64474 3.94737 10.4737 3.94737C11.2566 3.94737 11.9474 3.30263 11.9474 2.47368C11.9474 1.69079 11.2566 1 10.4737 1C9.64474 1 9 1.69079 9 2.47368ZM10.4737 6.52632C9.64474 6.52632 9 7.21711 9 8.00001C9 8.82895 9.64474 9.47369 10.4737 9.47369C11.2566 9.47369 11.9474 8.82895 11.9474 8.00001C11.9474 7.21711 11.2566 6.52632 10.4737 6.52632ZM10.4737 15C9.64474 15 9 14.3553 9 13.5263C9 12.7435 9.64474 12.0526 10.4737 12.0526C11.2566 12.0526 11.9474 12.7435 11.9474 13.5263C11.9474 14.3553 11.2566 15 10.4737 15Z"/></svg>`,
     union:`<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.4961 11.722L9.47398 11.9091C9.43538 12.2334 9.57749 12.5065 9.7757 12.6951C9.96747 12.8775 10.2228 12.9964 10.4895 13.0642L10.4899 13.0643L10.4928 13.065L10.4927 13.0656L10.5037 13.0671C10.6272 13.0838 10.8925 13.1082 11.1933 13.0824C11.4925 13.0567 11.8381 12.9804 12.113 12.7864L12.1135 12.7861L12.1171 12.7835L12.1176 12.7831L12.9429 12.186C12.9644 12.1704 12.9788 12.147 12.983 12.1208C12.9872 12.0946 12.9808 12.0678 12.9653 12.0463L12.5253 11.4388C12.4929 11.3941 12.4304 11.3841 12.3856 11.4164L11.5635 12.0113C11.5633 12.0114 11.5632 12.0116 11.563 12.0117C11.3162 12.1846 10.9689 12.2033 10.7218 12.143C10.5626 12.1023 10.471 12.0451 10.4308 12.0068C10.4266 12.0028 10.4232 11.9993 10.4206 11.9964L10.6152 10.351C10.6396 10.1446 10.527 9.94635 10.3372 9.86158C10.1474 9.77681 9.92451 9.82519 9.78698 9.98102L9.26777 10.5694C9.26767 10.5695 9.26756 10.5696 9.26746 10.5697C8.84568 11.0397 8.5161 11.3753 8.25851 11.599C8.12369 11.7162 8.02071 11.7917 7.94513 11.8391C7.86796 11.8875 7.82421 11.9034 7.80719 11.9072C7.80055 11.9087 7.79395 11.9103 7.7874 11.912L7.79283 11.9324L7.7874 11.912C7.78352 11.9131 7.77992 11.914 7.77656 11.9148C7.76247 11.8969 7.7431 11.8653 7.72595 11.8131C7.65073 11.533 7.49725 11.1764 7.07377 11.0153C7.06802 11.0131 7.06223 11.011 7.05641 11.009C6.82506 10.9311 6.58066 10.9337 6.34439 10.9798C6.26094 10.9961 6.17971 11.0168 6.10047 11.041C6.15166 10.9921 6.2026 10.9421 6.25325 10.8909C6.25332 10.8908 6.2534 10.8907 6.25347 10.8906L12.631 4.51604C13.2563 3.89105 13.2563 2.8902 12.631 2.26521L11.74 1.37459C11.4403 1.07504 11.0164 0.9 10.6141 0.9C10.2118 0.9 9.78794 1.07504 9.48825 1.37459L7.96445 2.89767L7.49583 2.42927C7.1754 2.10899 6.61969 2.10899 6.29926 2.42927L6.29899 2.42954L3.25097 5.49959C3.25095 5.49961 3.25092 5.49963 3.2509 5.49966C3.14155 5.60903 3.14157 5.78951 3.25097 5.89885L3.5089 6.15666C3.61825 6.26596 3.79867 6.26601 3.90808 6.15681C3.90813 6.15676 3.90817 6.15671 3.90822 6.15666L6.90741 3.18176L7.28524 3.57657L3.11028 7.74959C2.5838 8.27582 2.07376 9.05993 1.67503 9.8954C1.27625 10.731 0.984563 11.6268 0.900881 12.3796L0.900282 12.3795L0.900269 12.3905L0.9 12.6249V12.625V13C0.9 13.0552 0.944772 13.1 1 13.1H1.75032V13L1.75033 13.1H1.75037H1.75053L1.75115 13.1H1.75359L1.76313 13.1L1.79959 13.0999L1.93255 13.0996C2.04421 13.0992 2.19714 13.0984 2.36213 13.0968C2.69085 13.0936 3.07141 13.0873 3.26711 13.0743C3.65833 13.0484 3.91675 13.0174 4.17507 12.952C4.43231 12.887 4.68609 12.7886 5.06767 12.6325C5.22088 12.5698 5.34144 12.4894 5.42685 12.4301L5.42701 12.43L5.47586 12.3959L5.47596 12.3959C5.53994 12.3511 5.56395 12.3347 5.58845 12.3226C5.59471 12.3195 5.6009 12.3163 5.60703 12.3129L5.55896 12.2253L5.60704 12.3129C5.99075 12.1026 6.24847 11.9665 6.52641 11.9122C6.64154 11.8898 6.70863 11.897 6.74333 11.9064C6.74433 11.9069 6.74506 11.9073 6.74558 11.9076L6.74716 11.9087C6.7472 11.9087 6.74758 11.909 6.74839 11.9099C6.7493 11.9109 6.75075 11.9127 6.75289 11.9158C6.7647 11.9329 6.78562 11.9737 6.81006 12.0668L6.90678 12.0415L6.81006 12.0668L6.81377 12.0802L6.816 12.0875C6.90974 12.3884 7.11713 12.6949 7.45324 12.8203C7.65329 12.895 7.85148 12.877 8.02334 12.8323C8.3106 12.7653 8.59896 12.5619 8.88192 12.3161C9.06453 12.1574 9.26837 11.9596 9.4961 11.722ZM10.4177 12.0213L10.4177 12.0212L10.4177 12.0213ZM5.59581 10.2105C4.58867 11.2172 3.27754 11.8774 1.8939 12.1067C2.12332 10.7238 2.78386 9.41332 3.79098 8.40666L7.96445 4.23514L9.76922 6.03906L5.59581 10.2105ZM11.9503 3.85896L10.4265 5.38205L8.62177 3.57813L10.1455 2.0551C10.4113 1.78945 10.817 1.78945 11.0827 2.0551L11.9503 2.92229C12.2161 3.18792 12.2161 3.59333 11.9503 3.85896Z" fill="#757575" stroke="#757575" stroke-width="0.2" stroke-linejoin="round"/></svg>`,
     folder:`<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 5.78125C10 6.01562 10.2344 6.25 10.4688 6.25H13.2812C13.5547 6.25 13.75 6.01562 13.75 5.78125V5.46875C13.75 5.19531 13.5547 5 13.2812 5H10.4688C10.2344 5 10 5.19531 10 5.46875V5.78125Z" fill="#757575"/><path d="M6.71875 3.75C6.48438 3.75 6.25 3.51562 6.25 3.28125V2.96875C6.25 2.69525 6.48438 2.5 6.71875 2.5L13.2812 2.5C13.5547 2.5 13.75 2.69525 13.75 2.96875V3.28125C13.75 3.51562 13.5547 3.75 13.2812 3.75L6.71875 3.75Z" fill="#757575"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 7.5H18.125C19.1406 7.5 20 8.35938 20 9.375V18.125C20 19.1797 19.1406 20 18.125 20H1.875C0.820312 20 0 19.1797 0 18.125V6.875C0 5.85938 0.820312 5 1.875 5H2.5V1.875C2.5 0.820249 3.35938 0 4.375 0H15.625C16.6797 0 17.5 0.820251 17.5 1.875V7.5ZM3.75 1.875L3.75 5H7.57812C7.92969 5 8.24219 5.15625 8.47656 5.39062L10.625 7.5H16.25V1.875C16.25 1.5235 15.9766 1.25 15.625 1.25L4.375 1.25C4.0625 1.25 3.75 1.5235 3.75 1.875ZM9.72656 8.39844L7.57812 6.25H1.875C1.52344 6.25 1.25 6.5625 1.25 6.875V18.125C1.25 18.4766 1.52344 18.75 1.875 18.75H18.125C18.4375 18.75 18.75 18.4766 18.75 18.125V9.375C18.75 9.0625 18.4375 8.75 18.125 8.75H10.625C10.2734 8.75 9.96094 8.63281 9.72656 8.39844Z" fill="#757575"/></svg>`,
     uploaded_flag:`<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" ><circle cx="8" cy="8" r="8" style="fill:#fff"/><path d="M2,8A6,6,0,1,0,8,2,6,6,0,0,0,2,8Zm7.06,2.81a.29.29,0,0,1-.29.29H7.23a.28.28,0,0,1-.29-.29V8H5.22A.28.28,0,0,1,5,7.52L7.78,4.76a.28.28,0,0,1,.41,0L11,7.52a.28.28,0,0,1-.22.48H9.06Z" style="fill:#5783c3"/></svg>`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vcita/design-system",
-  "version": "1.12.11",
+  "version": "1.12.13",
   "description": "vcita design system",
   "author": "vcita",
   "scripts": {

package/src/components/VcDraggableList/VcDraggableList.vue

@@ -14,7 +14,7 @@
            class="d-flex"
            :class="{'onHover': hoveringIndex===index && !dragging}"
            :data-qa="`${dataQa}--in-item`">
-        <VcIcon class="align-self-center handle" size="16">
+        <VcIcon class="align-self-center handle" size="16" color="var(--gray-darken-3)">
           $draggable
         </VcIcon>
         <slot v-bind="{ item }">

package/src/components/VcSearchBar/VcSearchBar.spec.js

@@ -96,11 +96,9 @@ describe("VcSearchBar.vue", () => {
 
         const inputField = getByTestId('vc-search-bar')
         await userEvent.type(inputField, 'Design System')
-        expect(emitted().search.length).toBe(1);
-        expect(emitted().search[0]).toEqual(['d']);
         await waitFor(() => {
-            expect(emitted().search.length).toBe(2);
-            expect(emitted().search[1]).toEqual(['design system']);
+            expect(emitted().search.length).toBe(1);
+            expect(emitted().search[0]).toEqual(['design system']);
         })
     });
 
@@ -115,11 +113,7 @@ describe("VcSearchBar.vue", () => {
         await userEvent.type(inputField, 'Design System')
         await waitFor(() => {
             expect(emitted().search.length).toBe(1);
-            expect(emitted().search[0]).toEqual(['D']);
-        })
-        await waitFor(() => {
-            expect(emitted().search.length).toBe(2);
-            expect(emitted().search[1]).toEqual(['Design System']);
+            expect(emitted().search[0]).toEqual(['Design System']);
         })
     });
 
@@ -132,13 +126,12 @@ describe("VcSearchBar.vue", () => {
 
         const inputField = getByTestId('vc-search-bar')
         await userEvent.type(inputField, 'Design System')
-        expect(emitted().search.length).toBe(1);
         await waitFor(() => {
-            expect(emitted().search.length).not.toBe(2);
-        })
+            expect(emitted().search).toBe(undefined);
+        }, {timeout: 500})
         await waitFor(() => {
-            expect(emitted().search.length).toBe(2);
-            expect(emitted().search[1]).toEqual(['design system']);
+            expect(emitted().search.length).toBe(1);
+            expect(emitted().search[0]).toEqual(['design system']);
         }, {timeout: 2000})
     });
 

package/src/components/VcSearchBar/VcSearchBar.vue

@@ -87,7 +87,7 @@ export default {
     return {
       searchThrottled: throttle((search) => {
         this.$emit('search', (this.caseSensitive || !search) ? search : search.toLowerCase())
-      }, this.throttleTime)
+      }, this.throttleTime, {leading: false})
     }
   }
 };

package/src/components/VcSearchLayout/VcSearchLayout.spec.js

@@ -2,7 +2,7 @@ import '@testing-library/jest-dom'
 import VcSearchLayout from "./VcSearchLayout.vue";
 import Vue from 'vue'
 import Vuetify from 'vuetify'
-import {render} from "@testing-library/vue";
+import {render, waitFor} from "@testing-library/vue";
 import init from "../../../testing-library.config";
 import userEvent from "@testing-library/user-event";
 
@@ -179,8 +179,10 @@ describe("VcSearchLayout.vue", () => {
 
         const inputField = getByTestId('VcSearchLayout-searchBar');
         await userEvent.type(inputField, 'a');
-        expect(emitted().onSearch.length).toBe(1);
-        expect(emitted().onSearch[0]).toEqual(['a']);
+        await waitFor(() => {
+            expect(emitted().onSearch.length).toBe(1);
+            expect(emitted().onSearch[0]).toEqual(['a']);
+        })
 
         const searchItem = getByTestId('item-2');
         await userEvent.click(searchItem);

package/src/components/VcTabs/VcTabs.vue

@@ -30,7 +30,8 @@
                          :disabled="!dragTooltip"
                          dark bottom>
                 <VcIcon :class="dragIconClasses"
-                        size="16" color="var(--gray-darken-4)">
+                        size="16"
+                        :color="dragTooltip ? 'var(--gray)' : 'var(--gray-darken-4)'">
                   $draggable
                 </VcIcon>
               </VcTooltip>
@@ -38,7 +39,7 @@
               <div class="folder-label__info">
                 <slot :name="`folder-label-info-${index}`"
                       :item="item">
-                  <span>{{item.label}}</span>
+                  <span class="label-text">{{item.label}}</span>
                 </slot>
               </div>
 
@@ -49,7 +50,10 @@
                           :disabled="disableCloseButton"
                           @click.stop="$emit('closeButtonClicked', index)">
                   <template #prepend>
-                    <VcIcon size="12" color="var(--gray-darken-4)">$close_button</VcIcon>
+                    <VcIcon size="12"
+                            :color="disableCloseButton ? 'var(--gray-darken-1)' : 'var(--gray-darken-4)'">
+                      $close_button
+                    </VcIcon>
                   </template>
                 </VcButton>
               </VcTooltip>
@@ -236,10 +240,14 @@ export default {
       padding: 0;
       min-width: auto;
     }
+
+    ::v-deep .VcTabActive:hover::before {
+      opacity: 0;
+    }
   }
 
   .full-height-tabs {
-    height: 100%;
+    height: calc(100% - 1px);
 
     .v-window-item {
       height: 100%;
@@ -290,7 +298,7 @@ export default {
     height: 100%;
     width: 216px;
     font-size: var(--font-size-xx-small);
-    border-inline-end: 1px solid var(--gray);
+    border-inline-end: 1px solid var(--gray-lighten-2);
     text-transform: none;
     letter-spacing: normal;
     padding: var(--size-value3) var(--size-value1);
@@ -302,6 +310,10 @@ export default {
       overflow: hidden;
       white-space: nowrap;
       text-overflow: ellipsis;
+
+      .label-text {
+        line-height: var(--size-value5);
+      }
     }
 
     &__close, &__menu {
@@ -329,6 +341,7 @@ export default {
 
       .folder-label__close, .folder-label__menu {
         display: flex;
+        animation: fadeIn 250ms;
       }
 
       .folder-label__drag:not(.folder-label__drag--hidden) {
@@ -341,11 +354,19 @@ export default {
 
     .folder-label {
       background-color: var(--gray-lighten-4);
-      border-bottom: 1px solid var(--gray);
+      border-bottom: 1px solid var(--gray-lighten-2);
 
       &__drag {
         visibility: hidden;
       }
+
+      &:hover {
+
+        .folder-label__drag {
+          visibility: visible;
+          animation: fadeIn 250ms;
+        }
+      }
     }
   }
 
@@ -372,4 +393,8 @@ export default {
   }
 }
 
+@keyframes fadeIn {
+  from {opacity: 0;}
+  to {opacity: 1;}
+}
 </style>

package/src/components/listBox/VcListbox/VcListbox.spec.js

@@ -1,7 +1,7 @@
 import '@testing-library/jest-dom'
 import VcListbox from "./VcListbox.vue";
 import Vuetify from 'vuetify'
-import {render} from "@testing-library/vue";
+import {render, waitFor} from "@testing-library/vue";
 import init from "../../../../testing-library.config";
 import {fireEvent} from "@testing-library/dom";
 import userEvent from "@testing-library/user-event";
@@ -142,14 +142,15 @@ describe("VcListbox.vue", () => {
         props.items.forEach((item) => expect(getByText(item.label)).toBeVisible())
 
         await userEvent.type(searchBar, 'peter')
+        await waitFor(() => {
+            const checklistItemWrappers = container.getElementsByClassName('VcChecklistItem-wrapper')
 
-        const checklistItemWrappers = container.getElementsByClassName('VcChecklistItem-wrapper')
+            expect(checklistItemWrappers[0]).not.toHaveAttribute('hide', 'true')
 
-        expect(checklistItemWrappers[0]).not.toHaveAttribute('hide', 'true')
-
-        for (let i = 1; i < props.items.length; i++) {
-            expect(checklistItemWrappers[i]).toHaveAttribute('hide', 'true')
-        }
+            for (let i = 1; i < props.items.length; i++) {
+                expect(checklistItemWrappers[i]).toHaveAttribute('hide', 'true')
+            }
+        })
     });
 
     it("Empty result from the search bar", async () => {
@@ -164,10 +165,11 @@ describe("VcListbox.vue", () => {
 
         const searchBar = getByTestId('vc-list-box-search')
         await userEvent.paste(searchBar, 'clark kent')
-
-        for (let i = 0; i < props.items.length; i++) {
-            expect(queryByText(props.items[i].label)).not.toBeInTheDocument()
-        }
+        await waitFor(() => {
+            for (let i = 0; i < props.items.length; i++) {
+                expect(queryByText(props.items[i].label)).not.toBeInTheDocument()
+            }
+        })
     });
 
     it("Empty result from the search bar with unique empty list massage", async () => {
@@ -181,7 +183,9 @@ describe("VcListbox.vue", () => {
 
         const searchBar = getByTestId('vc-list-box-search')
         await userEvent.paste(searchBar, 'clark kent')
-        const emptyCase = getByTestId('vc-list-box-empty')
-        expect(emptyCase).toHaveTextContent('No Avengers found')
+        await waitFor(() => {
+            const emptyCase = getByTestId('vc-list-box-empty')
+            expect(emptyCase).toHaveTextContent('No Avengers found')
+        })
     });
 });

package/src/components/table/elements/VcTableActionBar/VcTableActionBar.vue

@@ -9,6 +9,7 @@
                      :label="searchBarLabel"
                      :placeholder="searchBarPlaceholder"
                      :value="searchValue"
+                     :case-sensitive="true"
                      :clearable="true" @search="value => $emit('search', value)"/>
       </VcLayout>
       <slot name="search-bar-append" />
@@ -65,7 +66,7 @@ export default {
   &--summaryText {
     font-size: 11px;
     font-weight: var(--font-weight-medium2);
-    color: var(--gray-darken-4);
+    color: var(--gray-darken-5);
 
     &--skeleton {
       min-width: 137px;