@vcita/design-system 1.9.11 → 1.9.12

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

@@ -704,6 +704,7 @@ var __vue_render__$1u = function () {
       }
     }
   }, [[_c('v-layout', {
+    staticClass: "VcModalContainerLayout",
     attrs: {
       "column": "",
       "data-qa": _vm.dataQa
@@ -737,8 +738,8 @@ var __vue_staticRenderFns__$1u = [];
 
 const __vue_inject_styles__$1z = function (inject) {
   if (!inject) return;
-  inject("data-v-d7fc557c_0", {
-    source: ".VcModalContainer{overflow-y:hidden;height:auto;min-height:100px;min-width:300px;display:flex}.VcModalContainer.sm{width:var(--modal-width-small)}.VcModalContainer.md{width:var(--modal-width-medium)}.VcModalContainer.lg{width:var(--modal-width-large)}.VcModalContainer.xl{width:var(--modal-width-x-large)}.VcModalContainer.responsive{width:100%;margin:0 24px}.VcModalContainer--closeButton{margin-inline-end:var(--size-value2);top:var(--size-value2)}.VcModalContainer .VcModalContainerContent,.VcModalContainer footer,.VcModalContainer header{flex-shrink:0}.VcModalContainer header{display:flex;justify-content:space-between}.VcModalContainer header.showDivider{border-bottom:1px solid rgba(0,0,0,.12)}.VcModalContainer .VcModalContainerContent{overflow-y:auto;overflow-x:hidden;height:calc(100% - 138px);line-height:var(--size-value6);flex-grow:1;font-size:var(--font-size-small);padding:0 var(--size-value6) var(--size-value6)}.VcModalContainer footer{padding:var(--size-value3) var(--size-value4) var(--size-value3);text-align:end}.VcModalContainer footer.showDivider{border-top:1px solid rgba(0,0,0,.12)}@media screen and (min-width:960px){.VcModalContainer footer{padding:var(--size-value3) var(--size-value6) var(--size-value3)}}.VcModalContainer.notice header,.VcModalContainer.prominent header{font-weight:var(--font-weight-xl);font-size:var(--font-size-medium2);padding-bottom:0}.VcModalContainer.notice .VcModalContainerContent,.VcModalContainer.prominent .VcModalContainerContent{min-height:168px;height:calc(100% - 497px);padding:var(--size-value10) 0 0}@media screen and (min-width:960px){.VcModalContainer.notice .VcModalContainerContent,.VcModalContainer.prominent .VcModalContainerContent{margin-bottom:var(--size-value2)}}.VcModalContainer.notice footer,.VcModalContainer.prominent footer{padding-top:var(--size-value3);padding-bottom:0}.VcModalContainer.notice.responsive .VcModalContainerContent,.VcModalContainer.notice.sm .VcModalContainerContent,.VcModalContainer.prominent.responsive .VcModalContainerContent,.VcModalContainer.prominent.sm .VcModalContainerContent{margin-left:var(--size-value6);padding-right:var(--size-value6)}.VcModalContainer.notice.md .VcModalContainerContent,.VcModalContainer.prominent.md .VcModalContainerContent{margin-left:var(--size-value10);padding-right:var(--size-value10)}.VcModalContainer.notice.lg header,.VcModalContainer.prominent.lg header{height:initial}.VcModalContainer.notice.lg .VcModalContainerContent,.VcModalContainer.prominent.lg .VcModalContainerContent{min-height:0;margin-left:var(--size-value16);padding-right:var(--size-value16)}.VcModalContainer.prominent .VcModalContainerContent{margin-bottom:var(--size-value6)}.VcModalContainer.input.responsive{height:100%;margin:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.VcModalContainer.input .VcModalContainerContent{padding:0}",
+  inject("data-v-cf4b971a_0", {
+    source: ".VcModalContainer{overflow-y:hidden;height:auto;min-height:100px;min-width:300px;display:flex}.VcModalContainer .VcModalContainerLayout{height:100%}.VcModalContainer.sm{width:var(--modal-width-small)}.VcModalContainer.md{width:var(--modal-width-medium)}.VcModalContainer.lg{width:var(--modal-width-large)}.VcModalContainer.xl{width:var(--modal-width-x-large)}.VcModalContainer.responsive{width:100%;margin:0 24px}.VcModalContainer--closeButton{margin-inline-end:var(--size-value2);top:var(--size-value2)}.VcModalContainer .VcModalContainerContent,.VcModalContainer footer,.VcModalContainer header{flex-shrink:0}.VcModalContainer header{display:flex;justify-content:space-between}.VcModalContainer header.showDivider{border-bottom:1px solid rgba(0,0,0,.12)}.VcModalContainer .VcModalContainerContent{overflow-y:auto;overflow-x:hidden;height:calc(100% - 138px);line-height:var(--size-value6);flex-grow:1;font-size:var(--font-size-small);padding:0 var(--size-value6) var(--size-value6)}.VcModalContainer footer{padding:var(--size-value3) var(--size-value4) var(--size-value3);text-align:end}.VcModalContainer footer.showDivider{border-top:1px solid rgba(0,0,0,.12)}@media screen and (min-width:960px){.VcModalContainer footer{padding:var(--size-value3) var(--size-value6) var(--size-value3)}}.VcModalContainer.notice header,.VcModalContainer.prominent header{font-weight:var(--font-weight-xl);font-size:var(--font-size-medium2);padding-bottom:0}.VcModalContainer.notice .VcModalContainerContent,.VcModalContainer.prominent .VcModalContainerContent{min-height:168px;height:calc(100% - 497px);padding:var(--size-value10) 0 0}@media screen and (min-width:960px){.VcModalContainer.notice .VcModalContainerContent,.VcModalContainer.prominent .VcModalContainerContent{margin-bottom:var(--size-value2)}}.VcModalContainer.notice footer,.VcModalContainer.prominent footer{padding-top:var(--size-value3);padding-bottom:0}.VcModalContainer.notice.responsive .VcModalContainerContent,.VcModalContainer.notice.sm .VcModalContainerContent,.VcModalContainer.prominent.responsive .VcModalContainerContent,.VcModalContainer.prominent.sm .VcModalContainerContent{margin-left:var(--size-value6);padding-right:var(--size-value6)}.VcModalContainer.notice.md .VcModalContainerContent,.VcModalContainer.prominent.md .VcModalContainerContent{margin-left:var(--size-value10);padding-right:var(--size-value10)}.VcModalContainer.notice.lg header,.VcModalContainer.prominent.lg header{height:initial}.VcModalContainer.notice.lg .VcModalContainerContent,.VcModalContainer.prominent.lg .VcModalContainerContent{min-height:0;margin-left:var(--size-value16);padding-right:var(--size-value16)}.VcModalContainer.prominent .VcModalContainerContent{margin-bottom:var(--size-value6)}.VcModalContainer.input.responsive{height:100%;margin:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.VcModalContainer.input .VcModalContainerContent{padding:0}",
     map: undefined,
     media: undefined
   });
@@ -968,6 +969,10 @@ var script$1w = {
     dataQa: {
       type: String,
       default: 'vc-header'
+    },
+    wrapTitle: {
+      type: Boolean,
+      default: false
     }
   },
   computed: {
@@ -1065,7 +1070,10 @@ var __vue_render__$1s = function () {
       "column": ""
     }
   }, [_c('div', {
-    staticClass: "VcHeaderTitle"
+    staticClass: "VcHeaderTitle",
+    class: {
+      'VcHeaderTitle--wrap': _vm.wrapTitle
+    }
   }, [_vm._v(_vm._s(_vm.title))]), _vm._v(" "), !!_vm.description ? _c('div', {
     staticClass: "VcHeaderDescription"
   }, [_vm._v(_vm._s(_vm.description))]) : _vm._e()]), _vm._v(" "), _vm.subtitle ? _c('div', {
@@ -1113,8 +1121,8 @@ var __vue_staticRenderFns__$1s = [];
 
 const __vue_inject_styles__$1w = function (inject) {
   if (!inject) return;
-  inject("data-v-7f07f38e_0", {
-    source: ".VcHeader[data-v-7f07f38e]{padding:var(--size-value4);font-weight:var(--font-weight-large);font-size:var(--font-size-medium);line-height:var(--size-value7);letter-spacing:var(--letter-spacing)}@media screen and (min-width:960px){.VcHeader[data-v-7f07f38e]{padding:var(--size-value4) var(--size-value4) var(--size-value4) var(--size-value6)}}.VcHeader.no-close-button[data-v-7f07f38e]{font-weight:var(--font-weight-large2);font-size:var(--font-size-small2);padding:var(--size-value4) var(--size-value6) var(--size-value0)}.VcHeader.no-close-button.input[data-v-7f07f38e]{padding-block-end:var(--size-value0)}.VcHeader .VcHeaderImage[data-v-7f07f38e]{width:var(--size-value8);margin-right:var(--size-value3);padding:5px;border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:var(--border-radius)}.VcHeader .VcHeaderTopTitle[data-v-7f07f38e]{font-size:11px;font-weight:var(--font-weight-medium);line-height:var(--size-value3);color:var(--gray-darken-3)}.VcHeader .VcHeaderTitle[data-v-7f07f38e]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:var(--size-value6)}.VcHeader .VcHeaderDescription[data-v-7f07f38e]{font-size:var(--font-size-xx-small);font-weight:var(--font-weight-medium);line-height:var(--size-value4);color:var(--gray-darken-4)}.VcHeader .VcHeaderSubtitle[data-v-7f07f38e]{font-size:var(--font-size-small2);font-weight:var(--font-weight-medium);color:var(--gray-darken-5);padding-left:var(--size-value2)}.VcHeader.confirm[data-v-7f07f38e]{font-weight:var(--font-weight-large);font-size:var(--font-size-medium);line-height:var(--size-value7);display:flex;align-items:flex-end;letter-spacing:var(--letter-spacing);color:var(--gray-darken-5);padding-inline:var(--size-value6) var(--size-value4)}@media screen and (min-width:960px){.VcHeader.confirm[data-v-7f07f38e]{font-weight:var(--font-weight-large2);padding-bottom:var(--size-value1);padding-top:var(--size-value6)}}.VcHeader.confirm .VcHeaderButton[data-v-7f07f38e],.VcHeader.input .VcHeaderButton[data-v-7f07f38e]{max-height:24px;margin-right:var(--size-value3)}.VcHeader.confirm .VcRightButton[data-v-7f07f38e],.VcHeader.input .VcRightButton[data-v-7f07f38e]{max-height:24px}.VcHeader.confirm .VcHeaderIcon[data-v-7f07f38e],.VcHeader.input .VcHeaderIcon[data-v-7f07f38e]{padding-right:var(--size-value3);font-size:var(--font-size-medium)}.VcHeader.input[data-v-7f07f38e]{padding:var(--size-value2);padding-inline-start:var(--size-value4)}@media screen and (min-width:960px){.VcHeader.input[data-v-7f07f38e]{padding:var(--size-value2);padding-inline-start:var(--size-value6)}}",
+  inject("data-v-4cfe4ba1_0", {
+    source: ".VcHeader[data-v-4cfe4ba1]{padding:var(--size-value4);font-weight:var(--font-weight-large);font-size:var(--font-size-medium);line-height:var(--size-value7);letter-spacing:var(--letter-spacing)}@media screen and (min-width:960px){.VcHeader[data-v-4cfe4ba1]{padding:var(--size-value4) var(--size-value4) var(--size-value4) var(--size-value6)}}.VcHeader.no-close-button[data-v-4cfe4ba1]{font-weight:var(--font-weight-large2);font-size:var(--font-size-small2);padding:var(--size-value4) var(--size-value6) var(--size-value0)}.VcHeader.no-close-button.input[data-v-4cfe4ba1]{padding-block-end:var(--size-value0)}.VcHeader .VcHeaderImage[data-v-4cfe4ba1]{width:var(--size-value8);margin-right:var(--size-value3);padding:5px;border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:var(--border-radius)}.VcHeader .VcHeaderTopTitle[data-v-4cfe4ba1]{font-size:11px;font-weight:var(--font-weight-medium);line-height:var(--size-value3);color:var(--gray-darken-3)}.VcHeader .VcHeaderTitle[data-v-4cfe4ba1]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:var(--size-value6)}.VcHeader .VcHeaderTitle--wrap[data-v-4cfe4ba1]{white-space:normal}.VcHeader .VcHeaderDescription[data-v-4cfe4ba1]{font-size:var(--font-size-xx-small);font-weight:var(--font-weight-medium);line-height:var(--size-value4);color:var(--gray-darken-4)}.VcHeader .VcHeaderSubtitle[data-v-4cfe4ba1]{font-size:var(--font-size-small2);font-weight:var(--font-weight-medium);color:var(--gray-darken-5);padding-left:var(--size-value2)}.VcHeader.confirm[data-v-4cfe4ba1]{font-weight:var(--font-weight-large);font-size:var(--font-size-medium);line-height:var(--size-value7);display:flex;align-items:flex-end;letter-spacing:var(--letter-spacing);color:var(--gray-darken-5);padding-inline:var(--size-value6) var(--size-value4)}@media screen and (min-width:960px){.VcHeader.confirm[data-v-4cfe4ba1]{font-weight:var(--font-weight-large2);padding-bottom:var(--size-value1);padding-top:var(--size-value6)}}.VcHeader.confirm .VcHeaderButton[data-v-4cfe4ba1],.VcHeader.input .VcHeaderButton[data-v-4cfe4ba1]{max-height:24px;margin-right:var(--size-value3)}.VcHeader.confirm .VcRightButton[data-v-4cfe4ba1],.VcHeader.input .VcRightButton[data-v-4cfe4ba1]{max-height:24px}.VcHeader.confirm .VcHeaderIcon[data-v-4cfe4ba1],.VcHeader.input .VcHeaderIcon[data-v-4cfe4ba1]{padding-right:var(--size-value3);font-size:var(--font-size-medium)}.VcHeader.input[data-v-4cfe4ba1]{padding:var(--size-value2);padding-inline-start:var(--size-value4)}@media screen and (min-width:960px){.VcHeader.input[data-v-4cfe4ba1]{padding:var(--size-value2);padding-inline-start:var(--size-value6)}}",
     map: undefined,
     media: undefined
   });
@@ -1122,7 +1130,7 @@ const __vue_inject_styles__$1w = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$1w = "data-v-7f07f38e";
+const __vue_scope_id__$1w = "data-v-4cfe4ba1";
 /* module identifier */
 
 const __vue_module_identifier__$1w = undefined;
@@ -1211,6 +1219,10 @@ var script$1v = {
     dataQa: {
       type: String,
       default: 'VcConfirmModal'
+    },
+    wrapTitle: {
+      type: Boolean,
+      default: false
     }
   }
 };
@@ -1250,7 +1262,8 @@ var __vue_render__$1r = function () {
               "subtitle": _vm.subtitle,
               "icon": _vm.headerIcon,
               "image": _vm.headerImage,
-              "flavor": "confirm"
+              "flavor": "confirm",
+              "wrap-title": _vm.wrapTitle
             },
             on: {
               "onCloseButtonClicked": function ($event) {
@@ -1309,7 +1322,7 @@ var __vue_staticRenderFns__$1r = [];
 const __vue_inject_styles__$1v = undefined;
 /* scoped */
 
-const __vue_scope_id__$1v = "data-v-d1c810e0";
+const __vue_scope_id__$1v = "data-v-574807d0";
 /* module identifier */
 
 const __vue_module_identifier__$1v = undefined;