@vcita/design-system 1.12.13 → 1.12.14
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/@vcita/design-system.esm.js +24 -7
- package/dist/@vcita/design-system.min.js +1 -1
- package/dist/@vcita/design-system.ssr.js +26 -9
- package/package.json +1 -1
- 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
|
@@ -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;
|