@vcita/design-system 1.12.13 → 1.12.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.DS_Store +0 -0
- package/dist/@vcita/design-system.esm.js +27 -10
- package/dist/@vcita/design-system.min.js +1 -1
- package/dist/@vcita/design-system.ssr.js +30 -13
- package/package.json +1 -1
- package/src/components/VcUpsellBlock/VcUpsellBlock.vue +1 -0
- package/src/components/modal/VcInputModal/VcInputModal.spec.js +22 -1
- package/src/components/modal/VcInputModal/VcInputModal.stories.js +2 -0
- package/src/components/modal/VcInputModal/VcInputModal.vue +14 -9
- package/src/components/modal/elements/VcModalHeader.spec.js +23 -2
- package/src/components/modal/elements/VcModalHeader.vue +12 -2
package/dist/.DS_Store
ADDED
|
Binary file
|
|
@@ -989,6 +989,10 @@ var script$1K = {
|
|
|
989
989
|
type: Boolean,
|
|
990
990
|
default: true
|
|
991
991
|
},
|
|
992
|
+
showBackButtonDesktop: {
|
|
993
|
+
type: Boolean,
|
|
994
|
+
default: false
|
|
995
|
+
},
|
|
992
996
|
dataQa: {
|
|
993
997
|
type: String,
|
|
994
998
|
default: 'vc-header'
|
|
@@ -1000,7 +1004,15 @@ var script$1K = {
|
|
|
1000
1004
|
},
|
|
1001
1005
|
computed: {
|
|
1002
1006
|
isBackButtonDisplayed() {
|
|
1003
|
-
|
|
1007
|
+
if (this.flavor === 'input') {
|
|
1008
|
+
if (this.$vuetify.breakpoint.mdAndUp) {
|
|
1009
|
+
return this.showBackButtonDesktop;
|
|
1010
|
+
}
|
|
1011
|
+
|
|
1012
|
+
return this.showBackButton;
|
|
1013
|
+
}
|
|
1014
|
+
|
|
1015
|
+
return false;
|
|
1004
1016
|
},
|
|
1005
1017
|
|
|
1006
1018
|
isRightButtonDisplayed() {
|
|
@@ -1144,8 +1156,8 @@ var __vue_staticRenderFns__$1F = [];
|
|
|
1144
1156
|
|
|
1145
1157
|
const __vue_inject_styles__$1K = function (inject) {
|
|
1146
1158
|
if (!inject) return;
|
|
1147
|
-
inject("data-v-
|
|
1148
|
-
source: ".VcHeader[data-v-
|
|
1159
|
+
inject("data-v-de2a766e_0", {
|
|
1160
|
+
source: ".VcHeader[data-v-de2a766e]{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-de2a766e]{padding:var(--size-value4) var(--size-value4) var(--size-value4) var(--size-value6)}}.VcHeader.no-close-button[data-v-de2a766e]{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-de2a766e]{padding-block-end:var(--size-value0)}.VcHeader .VcHeaderImage[data-v-de2a766e]{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-de2a766e]{font-size:11px;font-weight:var(--font-weight-medium);line-height:var(--size-value3);color:var(--gray-darken-3)}.VcHeader .VcHeaderTitle[data-v-de2a766e]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:var(--size-value6)}.VcHeader .VcHeaderTitle--wrap[data-v-de2a766e]{white-space:normal}.VcHeader .VcHeaderDescription[data-v-de2a766e]{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-de2a766e]{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-de2a766e]{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-de2a766e]{font-weight:var(--font-weight-large2);padding-bottom:var(--size-value1);padding-top:var(--size-value6)}}.VcHeader.confirm .VcHeaderButton[data-v-de2a766e],.VcHeader.input .VcHeaderButton[data-v-de2a766e]{max-height:24px;margin-right:var(--size-value3)}.VcHeader.confirm .VcRightButton[data-v-de2a766e],.VcHeader.input .VcRightButton[data-v-de2a766e]{max-height:24px}.VcHeader.confirm .VcHeaderIcon[data-v-de2a766e],.VcHeader.input .VcHeaderIcon[data-v-de2a766e]{padding-right:var(--size-value3);font-size:var(--font-size-medium)}.VcHeader.input[data-v-de2a766e]{padding:var(--size-value2);padding-inline-start:var(--size-value4)}@media screen and (min-width:960px){.VcHeader.input[data-v-de2a766e]{padding:var(--size-value2);padding-inline-start:var(--size-value6)}}",
|
|
1149
1161
|
map: undefined,
|
|
1150
1162
|
media: undefined
|
|
1151
1163
|
});
|
|
@@ -1153,7 +1165,7 @@ const __vue_inject_styles__$1K = function (inject) {
|
|
|
1153
1165
|
/* scoped */
|
|
1154
1166
|
|
|
1155
1167
|
|
|
1156
|
-
const __vue_scope_id__$1K = "data-v-
|
|
1168
|
+
const __vue_scope_id__$1K = "data-v-de2a766e";
|
|
1157
1169
|
/* module identifier */
|
|
1158
1170
|
|
|
1159
1171
|
const __vue_module_identifier__$1K = undefined;
|
|
@@ -1481,6 +1493,10 @@ var script$1H = {
|
|
|
1481
1493
|
type: Boolean,
|
|
1482
1494
|
default: true
|
|
1483
1495
|
},
|
|
1496
|
+
showBackButtonDesktop: {
|
|
1497
|
+
type: Boolean,
|
|
1498
|
+
default: false
|
|
1499
|
+
},
|
|
1484
1500
|
showFooter: {
|
|
1485
1501
|
type: Boolean,
|
|
1486
1502
|
default: true
|
|
@@ -1569,6 +1585,7 @@ var __vue_render__$1D = function () {
|
|
|
1569
1585
|
"image": _vm.headerImage,
|
|
1570
1586
|
"flavor": "input",
|
|
1571
1587
|
"show-back-button": _vm.showBackButton,
|
|
1588
|
+
"show-back-button-desktop": _vm.showBackButtonDesktop,
|
|
1572
1589
|
"data-qa": _vm.dataQa + "-header"
|
|
1573
1590
|
},
|
|
1574
1591
|
on: {
|
|
@@ -1643,8 +1660,8 @@ var __vue_staticRenderFns__$1D = [];
|
|
|
1643
1660
|
|
|
1644
1661
|
const __vue_inject_styles__$1H = function (inject) {
|
|
1645
1662
|
if (!inject) return;
|
|
1646
|
-
inject("data-v-
|
|
1647
|
-
source: ".VcInputForm-layout .VcInputForm-main[data-v-
|
|
1663
|
+
inject("data-v-570e11de_0", {
|
|
1664
|
+
source: ".VcInputForm-layout .VcInputForm-main[data-v-570e11de]{width:100%;max-width:100%;padding:var(--size-value6)}.VcInputForm-layout .VcInputForm-additional[data-v-570e11de]{min-width:324px;padding:var(--size-value6);background:#f8f9fb;border-left:1px solid rgba(0,0,0,.12)}",
|
|
1648
1665
|
map: undefined,
|
|
1649
1666
|
media: undefined
|
|
1650
1667
|
});
|
|
@@ -1652,7 +1669,7 @@ const __vue_inject_styles__$1H = function (inject) {
|
|
|
1652
1669
|
/* scoped */
|
|
1653
1670
|
|
|
1654
1671
|
|
|
1655
|
-
const __vue_scope_id__$1H = "data-v-
|
|
1672
|
+
const __vue_scope_id__$1H = "data-v-570e11de";
|
|
1656
1673
|
/* module identifier */
|
|
1657
1674
|
|
|
1658
1675
|
const __vue_module_identifier__$1H = undefined;
|
|
@@ -9641,8 +9658,8 @@ var __vue_staticRenderFns__$U = [];
|
|
|
9641
9658
|
|
|
9642
9659
|
const __vue_inject_styles__$Y = function (inject) {
|
|
9643
9660
|
if (!inject) return;
|
|
9644
|
-
inject("data-v-
|
|
9645
|
-
source: ".VcUpsellBlock[data-v-
|
|
9661
|
+
inject("data-v-789365e8_0", {
|
|
9662
|
+
source: ".VcUpsellBlock[data-v-789365e8]{flex-flow:row wrap;width:100%;height:100vh;max-width:960px;margin:auto;overflow-x:hidden;font-style:normal}@media screen and (min-width:960px){.VcUpsellBlock[data-v-789365e8]{overflow-x:visible}.VcUpsellBlock.dialog[data-v-789365e8]{overflow:hidden}}.VcUpsellBlock[data-v-789365e8]:before{pointer-events:none;content:\"\";position:absolute;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='1387' height='1787' viewBox='0 0 1387 1787' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='background_stain' d='M965.208 1786.79L1240.04 1427.2C1388.67 1251.5 1443.75 1042.72 1314.06 863.507L768.194 165.405C638.503 -13.8061 388.739 -53.6307 210.377 76.6778L164.621 109.767C-13.7407 240.369 -53.3766 491.322 76.3144 670.533L649.578 1404.65L965.208 1786.79Z' fill='%230093B8'/%3E%3C/svg%3E\");background-color:var(--v-secondary-base);opacity:15%;inset:70% 0 0 0}@media screen and (min-width:960px){.VcUpsellBlock[data-v-789365e8]:before{inset:0;inset-inline-start:50%}}#app[dir=rtl] .VcUpsellBlock[data-v-789365e8]:before{transform:scaleX(-1)}.VcUpsellBlock.dialog[data-v-789365e8]{height:100%;padding-top:8px}@media screen and (min-width:960px){.VcUpsellBlock.dialog[data-v-789365e8]{padding-top:70px;padding-bottom:46px}}@media screen and (min-width:960px){.VcUpsellBlock.dialog[data-v-789365e8]:before{top:-10%}}.VcUpsellBlock .text-container[data-v-789365e8]{flex:0 0 100%;margin:0 auto}@media screen and (min-width:960px){.VcUpsellBlock .text-container[data-v-789365e8]{flex:0 0 55%;max-width:444px}}.VcUpsellBlock .text-container .title-text[data-v-789365e8]{font-weight:var(--font-weight-large2);font-size:var(--font-size-medium2);line-height:32px;letter-spacing:.01em}@media screen and (min-width:960px){.VcUpsellBlock .text-container .title-text[data-v-789365e8]{font-size:var(--font-size-large);line-height:40px}}.VcUpsellBlock .text-container .sub-text[data-v-789365e8]{font-weight:var(--font-weight-large);font-size:var(--font-size-medium);line-height:28px;letter-spacing:var(--letter-spacing)}.VcUpsellBlock .text-container .bullets-text[data-v-789365e8]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:20px}.VcUpsellBlock .text-container .bullets-text .bullets-icon[data-v-789365e8]{margin-inline-end:12px}.VcUpsellBlock .text-container .bullets-text .bullets-span[data-v-789365e8]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:20px;color:#000}.VcUpsellBlock .text-container .cta-container[data-v-789365e8]{flex:1 1 auto;flex-flow:row wrap;align-items:center;margin:32px auto 0}.VcUpsellBlock .text-container .cta-container .primary-cta[data-v-789365e8]{z-index:2;width:auto;margin:0 auto;min-width:214px;line-height:48px;min-height:48px;font-weight:var(--font-weight-large);font-size:var(--font-size-small2)}@media screen and (min-width:960px){.VcUpsellBlock .text-container .cta-container .primary-cta[data-v-789365e8]{margin:0;height:48px}}.VcUpsellBlock .text-container .cta-container .primary-cta .v-btn__content[data-v-789365e8]{flex-flow:row wrap;width:100%;white-space:break-spaces}.VcUpsellBlock .text-container .cta-container .secondary-cta[data-v-789365e8]{flex:0 0 100%;text-align:center;font-weight:var(--font-weight-large);font-size:var(--font-size-small2);line-height:48px;height:48px;color:var(--gray-darken-5);margin:0;text-decoration:none}@media screen and (min-width:960px){.VcUpsellBlock .text-container .cta-container .secondary-cta[data-v-789365e8]{flex:0 0 45%;color:var(--blue);font-weight:var(--font-weight-large2)}}.VcUpsellBlock .text-container .cta-container-dialog[data-v-789365e8]{width:100%;z-index:1;position:absolute;justify-content:space-between;background:#fff;bottom:0;left:0;right:0;margin:0;height:72px;padding:0 24px}@media screen and (min-width:960px){.VcUpsellBlock .text-container .cta-container-dialog[data-v-789365e8]{position:static;justify-content:flex-start;padding:0}}.VcUpsellBlock .text-container .cta-container-dialog .primary-cta[data-v-789365e8]{margin:0;order:2}@media screen and (min-width:960px){.VcUpsellBlock .text-container .cta-container-dialog .primary-cta[data-v-789365e8]{order:0}}.VcUpsellBlock .text-container .cta-container-dialog .secondary-cta[data-v-789365e8]{flex:1 0 35%;padding-top:0}@media screen and (min-width:960px){.VcUpsellBlock .text-container .cta-container-dialog .secondary-cta[data-v-789365e8]{flex:0 0 45%}}.VcUpsellBlock .images-container[data-v-789365e8]{position:relative;flex:1 0 100%;margin:0 auto;min-height:40%;height:auto;overflow:hidden}@media screen and (min-width:960px){.VcUpsellBlock .images-container[data-v-789365e8]{flex:0 0 45%;overflow:visible}}.VcUpsellBlock .images-container .upsell-image[data-v-789365e8]{position:absolute;width:320px;height:380px;right:0;left:0;margin:0 auto}@media screen and (min-width:960px){.VcUpsellBlock .images-container .upsell-image[data-v-789365e8]{height:580px;width:466px;top:0;bottom:0;margin:auto}}",
|
|
9646
9663
|
map: undefined,
|
|
9647
9664
|
media: undefined
|
|
9648
9665
|
});
|
|
@@ -9650,7 +9667,7 @@ const __vue_inject_styles__$Y = function (inject) {
|
|
|
9650
9667
|
/* scoped */
|
|
9651
9668
|
|
|
9652
9669
|
|
|
9653
|
-
const __vue_scope_id__$Y = "data-v-
|
|
9670
|
+
const __vue_scope_id__$Y = "data-v-789365e8";
|
|
9654
9671
|
/* module identifier */
|
|
9655
9672
|
|
|
9656
9673
|
const __vue_module_identifier__$Y = undefined;
|