@vcita/design-system 1.5.22 → 1.5.23

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

@@ -19844,8 +19844,8 @@ var __vue_staticRenderFns__$4 = [];
 
 const __vue_inject_styles__$4 = function (inject) {
   if (!inject) return;
-  inject("data-v-280f8964_0", {
-    source: ".VcBottomNav[data-v-280f8964]{box-shadow:var(--bottom-nav-shadow)}.VcBottomNav--tab[data-v-280f8964]{text-transform:initial;padding:0;min-width:0;flex-grow:1;flex-basis:20%}@media screen and (min-width:960px){.VcBottomNav--tab[data-v-280f8964]{max-width:96px}}.VcBottomNav--item[data-v-280f8964]{margin:0 var(--size-value2);margin-top:1px}.VcBottomNav--skeleton[data-v-280f8964]{margin-top:var(--size-value1)}@media screen and (min-width:960px){.VcBottomNav--skeleton[data-v-280f8964]{margin-inline-start:var(--size-value2)}}.VcBottomNav--active[data-v-280f8964]{color:var(--v-secondary-base)}.VcBottomNav--label[data-v-280f8964]{font-size:var(--font-size-xs-small);font-weight:var(--font-weight-medium2);line-height:var(--size-value3);letter-spacing:.33px}@media screen and (min-width:960px){.VcBottomNav--label[data-v-280f8964]{margin-inline-start:var(--size-value2)}}[data-v-280f8964] .v-skeleton-loader__list-item{height:unset}[data-v-280f8964] .v-tabs-slider-wrapper{bottom:unset}[data-v-280f8964] .v-slide-group__next,[data-v-280f8964] .v-slide-group__prev{display:none!important}[data-v-280f8964] .v-tab:focus::before{opacity:0!important}[data-v-280f8964] .VcBottomNav--tab--active{pointer-events:none}",
+  inject("data-v-2702c781_0", {
+    source: ".VcBottomNav[data-v-2702c781]{box-shadow:var(--bottom-nav-shadow)}.VcBottomNav--tab[data-v-2702c781]{text-transform:initial;padding:0;min-width:0;flex-grow:1;flex-basis:20%}@media screen and (min-width:960px){.VcBottomNav--tab[data-v-2702c781]{max-width:96px}}.VcBottomNav--item[data-v-2702c781]{margin:0 var(--size-value2);margin-top:1px}.VcBottomNav--skeleton[data-v-2702c781]{margin-top:var(--size-value1)}@media screen and (min-width:960px){.VcBottomNav--skeleton[data-v-2702c781]{margin-inline-start:var(--size-value2)}}.VcBottomNav--active[data-v-2702c781]{color:var(--v-secondary-base)}.VcBottomNav--label[data-v-2702c781]{font-size:var(--font-size-xs-small);font-weight:var(--font-weight-medium2);line-height:var(--size-value3);letter-spacing:.33px}@media screen and (min-width:960px){.VcBottomNav--label[data-v-2702c781]{margin-inline-start:var(--size-value2)}}[data-v-2702c781] .v-skeleton-loader__list-item{height:unset}[data-v-2702c781] .v-tabs-slider-wrapper{bottom:unset}[data-v-2702c781] .v-slide-group__next,[data-v-2702c781] .v-slide-group__prev{display:none!important}[data-v-2702c781] .v-tab:focus::before{opacity:0!important}[data-v-2702c781] .VcBottomNav--tab--active{pointer-events:none;color:var(--v-secondary-base)}",
     map: undefined,
     media: undefined
   });
@@ -19853,7 +19853,7 @@ const __vue_inject_styles__$4 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$4 = "data-v-280f8964";
+const __vue_scope_id__$4 = "data-v-2702c781";
 /* module identifier */
 
 const __vue_module_identifier__$4 = undefined;
@@ -19967,6 +19967,10 @@ var script$3 = {
     textActionableButton: {
       type: Object,
       required: false
+    },
+    textColor: {
+      type: String,
+      default: 'white'
     }
   },
   data: () => ({
@@ -20013,7 +20017,9 @@ var __vue_render__$3 = function () {
       "align-center": "",
       "data-qa": _vm.dataQa
     }
-  }, [_c('VcLayout', {
+  }, [_c("style", {
+    tag: "component"
+  }, [_vm._v(".title-wrapper{--topbar-color: " + _vm._s(_vm.textColor) + "}")]), _vm._v(" "), _c('VcLayout', {
     staticClass: "shrinked-wrapper",
     attrs: {
       "column": ""
@@ -20035,12 +20041,12 @@ var __vue_render__$3 = function () {
         return [_c('VcIcon', {
           attrs: {
             "size": "var(--font-size-small)",
-            "color": "white"
+            "color": _vm.textColor
           }
         }, [_vm._v(_vm._s(_vm.$vuetify.rtl ? '$chevron_right' : '$chevron_left'))])];
       },
       proxy: true
-    }], null, false, 166674131)
+    }], null, false, 1962283156)
   }) : _vm._e()], 1), _vm._v(" "), _vm.isTitleAvatar && _vm.avatar ? _c('VcLayout', {
     staticClass: "shrinked-wrapper avatar-wrapper",
     attrs: {
@@ -20130,12 +20136,12 @@ var __vue_render__$3 = function () {
         return [_c('VcIcon', {
           attrs: {
             "size": "var(--font-size-small)",
-            "color": "white"
+            "color": _vm.textColor
           }
         }, [_vm._v(_vm._s(_vm.textActionableButton.icon))])];
       },
       proxy: true
-    }], null, false, 88647507)
+    }], null, false, 2890635540)
   })], 1)]) : _vm._e(), _vm._v(" "), _vm.secondButton ? _c('VcLayout', {
     staticClass: "button-wrapper",
     attrs: {
@@ -20164,17 +20170,17 @@ var __vue_render__$3 = function () {
         }, [_c('VcIcon', {
           attrs: {
             "size": "var(--font-size-medium0)",
-            "color": "white"
+            "color": _vm.textColor
           }
         }, [_vm._v(_vm._s(_vm.secondButton.icon))])], 1) : _c('VcIcon', {
           attrs: {
             "size": "var(--font-size-medium0)",
-            "color": "white"
+            "color": _vm.textColor
           }
         }, [_vm._v(_vm._s(_vm.secondButton.icon))])];
       },
       proxy: true
-    }], null, false, 1694836419)
+    }], null, false, 4147880227)
   })], 1) : _vm._e(), _vm._v(" "), _vm.firstButton ? _c('VcLayout', {
     staticClass: "button-wrapper",
     attrs: {
@@ -20203,17 +20209,17 @@ var __vue_render__$3 = function () {
         }, [_c('VcIcon', {
           attrs: {
             "size": "var(--font-size-medium0)",
-            "color": "white"
+            "color": _vm.textColor
           }
         }, [_vm._v(_vm._s(_vm.firstButton.icon))])], 1) : _c('VcIcon', {
           attrs: {
             "size": "var(--font-size-medium0)",
-            "color": "white"
+            "color": _vm.textColor
           }
         }, [_vm._v(_vm._s(_vm.firstButton.icon))])];
       },
       proxy: true
-    }], null, false, 2321433667)
+    }], null, false, 3927327235)
   })], 1) : _vm._e(), _vm._v(" "), _vm.bottomSheetActions.length ? _c('VcLayout', {
     staticClass: "button-wrapper",
     attrs: {
@@ -20241,7 +20247,7 @@ var __vue_render__$3 = function () {
                 ref: "threeDotsActivator",
                 attrs: {
                   "size": "var(--font-size-medium0)",
-                  "color": "white",
+                  "color": _vm.textColor,
                   "data-qa": _vm.dataQa + "-threeDots"
                 }
               }, 'VcIcon', attrs, false), on), [_vm._v("$three_dots")])];
@@ -20250,7 +20256,7 @@ var __vue_render__$3 = function () {
           }], null, true)
         }, on))];
       }
-    }], null, false, 3876552455),
+    }], null, false, 1120733760),
     model: {
       value: _vm.isMenuOpen,
       callback: function ($$v) {
@@ -20287,8 +20293,8 @@ var __vue_staticRenderFns__$3 = [];
 
 const __vue_inject_styles__$3 = function (inject) {
   if (!inject) return;
-  inject("data-v-2960e732_0", {
-    source: ".topmenu-container[data-v-2960e732]{padding:var(--size-value2) var(--size-value3);background-color:var(--v-primary-base);height:var(--vc-top-bar-height)}.avatar-wrapper[data-v-2960e732]{padding:var(--size-value1)}.title-wrapper[data-v-2960e732]{padding-left:var(--size-value2);color:#fff;text-align:start}.shrinked-wrapper[data-v-2960e732]{flex-grow:0;flex-shrink:0}.button-wrapper[data-v-2960e732]{padding-left:var(--size-value2);flex-grow:0;flex-shrink:0;text-align:start}.topmenu-subtitle[data-v-2960e732]{font-size:var(--font-size-xx-small);font-weight:var(--font-weight-medium2);line-height:var(--size-value3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topmenu-title[data-v-2960e732]{font-weight:var(--font-weight-xl);line-height:var(--size-value7);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.title-with-subtitle[data-v-2960e732]{font-size:var(--font-size-medium0)}.title-only[data-v-2960e732]{font-size:var(--font-size-medium1)}[data-v-2960e732] .top-bar-image-logo.VcImage{height:var(--size-value8)}.menu-item-text[data-v-2960e732]{vertical-align:bottom;padding-left:var(--size-value1);font-size:var(--font-size-x-small);font-weight:var(--font-weight-large)}.menu-list[data-v-2960e732]{text-align:start}",
+  inject("data-v-c16f5104_0", {
+    source: ".topmenu-container[data-v-c16f5104]{padding:var(--size-value2) var(--size-value3);background-color:var(--v-primary-base);height:var(--vc-top-bar-height)}.avatar-wrapper[data-v-c16f5104]{padding:var(--size-value1)}.title-wrapper[data-v-c16f5104]{padding-left:var(--size-value2);text-align:start;color:var(--topbar-color,#fff)}.shrinked-wrapper[data-v-c16f5104]{flex-grow:0;flex-shrink:0}.button-wrapper[data-v-c16f5104]{padding-left:var(--size-value2);flex-grow:0;flex-shrink:0;text-align:start}.topmenu-subtitle[data-v-c16f5104]{font-size:var(--font-size-xx-small);font-weight:var(--font-weight-medium2);line-height:var(--size-value3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topmenu-title[data-v-c16f5104]{font-weight:var(--font-weight-xl);line-height:var(--size-value7);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.title-with-subtitle[data-v-c16f5104]{font-size:var(--font-size-medium0)}.title-only[data-v-c16f5104]{font-size:var(--font-size-medium1)}[data-v-c16f5104] .top-bar-image-logo.VcImage{height:var(--size-value8)}.menu-item-text[data-v-c16f5104]{vertical-align:bottom;padding-left:var(--size-value1);font-size:var(--font-size-x-small);font-weight:var(--font-weight-large)}.menu-list[data-v-c16f5104]{text-align:start}",
     map: undefined,
     media: undefined
   });
@@ -20296,7 +20302,7 @@ const __vue_inject_styles__$3 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$3 = "data-v-2960e732";
+const __vue_scope_id__$3 = "data-v-c16f5104";
 /* module identifier */
 
 const __vue_module_identifier__$3 = undefined;