@vcita/design-system 1.12.12 → 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 +35 -16
- package/dist/@vcita/design-system.min.js +2 -2
- package/dist/@vcita/design-system.ssr.js +39 -20
- package/package.json +1 -1
- package/src/components/VcSearchBar/VcSearchBar.spec.js +7 -14
- package/src/components/VcSearchBar/VcSearchBar.vue +1 -1
- package/src/components/VcSearchLayout/VcSearchLayout.spec.js +5 -3
- package/src/components/VcTabs/VcTabs.vue +4 -1
- package/src/components/listBox/VcListbox/VcListbox.spec.js +17 -13
- 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;
|
|
@@ -4866,7 +4883,9 @@ var script$1r = {
|
|
|
4866
4883
|
return {
|
|
4867
4884
|
searchThrottled: lodash_throttle(search => {
|
|
4868
4885
|
this.$emit('search', this.caseSensitive || !search ? search : search.toLowerCase());
|
|
4869
|
-
}, this.throttleTime
|
|
4886
|
+
}, this.throttleTime, {
|
|
4887
|
+
leading: false
|
|
4888
|
+
})
|
|
4870
4889
|
};
|
|
4871
4890
|
}
|
|
4872
4891
|
|
|
@@ -4921,8 +4940,8 @@ var __vue_staticRenderFns__$1n = [];
|
|
|
4921
4940
|
|
|
4922
4941
|
const __vue_inject_styles__$1r = function (inject) {
|
|
4923
4942
|
if (!inject) return;
|
|
4924
|
-
inject("data-v-
|
|
4925
|
-
source: ".vc-search-bar.VcTextInput[data-v-
|
|
4943
|
+
inject("data-v-198e26ec_0", {
|
|
4944
|
+
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)}",
|
|
4926
4945
|
map: undefined,
|
|
4927
4946
|
media: undefined
|
|
4928
4947
|
});
|
|
@@ -4930,7 +4949,7 @@ const __vue_inject_styles__$1r = function (inject) {
|
|
|
4930
4949
|
/* scoped */
|
|
4931
4950
|
|
|
4932
4951
|
|
|
4933
|
-
const __vue_scope_id__$1r = "data-v-
|
|
4952
|
+
const __vue_scope_id__$1r = "data-v-198e26ec";
|
|
4934
4953
|
/* module identifier */
|
|
4935
4954
|
|
|
4936
4955
|
const __vue_module_identifier__$1r = undefined;
|
|
@@ -17358,9 +17377,9 @@ var __vue_render__$L = function () {
|
|
|
17358
17377
|
return [_c('VcIcon', {
|
|
17359
17378
|
attrs: {
|
|
17360
17379
|
"size": "12",
|
|
17361
|
-
"color":
|
|
17380
|
+
"color": _vm.disableCloseButton ? 'var(--gray-darken-1)' : 'var(--gray-darken-4)'
|
|
17362
17381
|
}
|
|
17363
|
-
}, [_vm._v("$close_button")])];
|
|
17382
|
+
}, [_vm._v("\n $close_button\n ")])];
|
|
17364
17383
|
},
|
|
17365
17384
|
proxy: true
|
|
17366
17385
|
}], null, true)
|
|
@@ -17420,8 +17439,8 @@ var __vue_staticRenderFns__$L = [];
|
|
|
17420
17439
|
|
|
17421
17440
|
const __vue_inject_styles__$P = function (inject) {
|
|
17422
17441
|
if (!inject) return;
|
|
17423
|
-
inject("data-v-
|
|
17424
|
-
source: ".VcTabs--wrapper[data-v-
|
|
17442
|
+
inject("data-v-004e34ce_0", {
|
|
17443
|
+
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}}",
|
|
17425
17444
|
map: undefined,
|
|
17426
17445
|
media: undefined
|
|
17427
17446
|
});
|
|
@@ -17429,7 +17448,7 @@ const __vue_inject_styles__$P = function (inject) {
|
|
|
17429
17448
|
/* scoped */
|
|
17430
17449
|
|
|
17431
17450
|
|
|
17432
|
-
const __vue_scope_id__$P = "data-v-
|
|
17451
|
+
const __vue_scope_id__$P = "data-v-004e34ce";
|
|
17433
17452
|
/* module identifier */
|
|
17434
17453
|
|
|
17435
17454
|
const __vue_module_identifier__$P = undefined;
|