@vcita/design-system 1.9.7-beta.2 → 1.9.7-beta.3
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.
|
@@ -19583,7 +19583,7 @@ var __vue_render__$k = function __vue_render__() {
|
|
|
19583
19583
|
fn: function fn() {
|
|
19584
19584
|
return [_c('VcIcon', {
|
|
19585
19585
|
attrs: {
|
|
19586
|
-
"color":
|
|
19586
|
+
"color": _vm.flavor === 'desktop' ? 'var(--v-text-base)' : 'black'
|
|
19587
19587
|
}
|
|
19588
19588
|
}, [_vm._v("$chevron_down")])];
|
|
19589
19589
|
},
|
|
@@ -19597,7 +19597,7 @@ var __vue_render__$k = function __vue_render__() {
|
|
|
19597
19597
|
staticClass: "VcMenuItem-icon",
|
|
19598
19598
|
attrs: {
|
|
19599
19599
|
"size": "20",
|
|
19600
|
-
"color":
|
|
19600
|
+
"color": _vm.flavor === 'desktop' ? 'var(--v-text-base)' : 'black'
|
|
19601
19601
|
}
|
|
19602
19602
|
}, [_vm._v(_vm._s(_vm.icon))]) : _vm._e(), _vm._v(" "), _vm._t("default", function () {
|
|
19603
19603
|
return [_c('VcLayout', {
|
|
@@ -19641,8 +19641,8 @@ var __vue_staticRenderFns__$k = [];
|
|
|
19641
19641
|
|
|
19642
19642
|
var __vue_inject_styles__$m = function __vue_inject_styles__(inject) {
|
|
19643
19643
|
if (!inject) return;
|
|
19644
|
-
inject("data-v-
|
|
19645
|
-
source: ".VcMenuItem[data-v-
|
|
19644
|
+
inject("data-v-69864040_0", {
|
|
19645
|
+
source: ".VcMenuItem[data-v-69864040]{height:52px;min-height:unset;font-weight:var(--font-weight-medium2)}.VcMenuItem.desktop[data-v-69864040]{color:var(--v-text-base)}.VcMenuItem-skeleton[data-v-69864040]{margin-inline-end:var(--size-value5)}[data-v-69864040] .v-skeleton-loader__list-item{background-color:transparent!important}.VcMenuItem-simple[data-v-69864040]{padding:0 var(--size-value5);border-inline-start:3px solid transparent;transition:border-inline-start 250ms,background-color 250ms}.VcMenuItem-simple[data-v-69864040]:hover{background:rgba(0,0,0,.04)}.VcMenuItem-simple.desktop[data-v-69864040]:hover{background:rgba(225,225,225,.12)}.VcMenuItem-simple[data-v-69864040]:active{background:rgba(0,0,0,.12);transition:.3s background-color}.VcMenuItem--expansionPanel[data-v-69864040]{background-color:transparent!important}.VcMenuItem-complex[data-v-69864040]{padding-inline-start:var(--size-value5);border-inline-start:3px solid transparent}.desktop[data-v-69864040] .v-expansion-panel-header:hover:before{opacity:.12!important}.VcMenuItem-icon[data-v-69864040]{margin-inline-end:var(--size-value4)}.VcMenuItem-text[data-v-69864040]{font-size:15px}.desktop .VcMenuItem-text[data-v-69864040]{font-size:13px}.VcMenuItem-userSelectNone[data-v-69864040]{user-select:none}.VcMenuItem-badge[data-v-69864040]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2)}.VcMenuItem-badge.badge-color-orange[data-v-69864040]{color:var(--orange)}.VcMenuItem-right-area[data-v-69864040]{justify-content:flex-end;flex-grow:0}.v-expansion-panel-content[data-v-69864040]{border-inline-start:3px solid transparent;background-color:transparent;transition:border-inline-start 250ms,background-color 250ms}.v-expansion-panel-content[data-v-69864040]:hover{background:rgba(0,0,0,.04)}.v-expansion-panel-content[data-v-69864040] .v-expansion-panel-content__wrap{padding:var(--size-value2) var(--size-value6)}.desktop .v-expansion-panel-content[data-v-69864040]:hover{background:rgba(225,225,225,.12)}.VcMenuItem-subitem[data-v-69864040]{height:var(--size-value8);padding:0;font-size:var(--font-size-small2)}.VcMenuItem-subitem.desktop[data-v-69864040]{color:var(--v-text-base)}.sm.VcMenuItem[data-v-69864040]{height:var(--size-value10)}.sm .VcMenuItem-text[data-v-69864040]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2)}.selected[data-v-69864040]{border-inline-start:3px solid var(--v-secondary-base);background-color:rgba(225,225,225,.16)}",
|
|
19646
19646
|
map: undefined,
|
|
19647
19647
|
media: undefined
|
|
19648
19648
|
});
|
|
@@ -19650,10 +19650,10 @@ var __vue_inject_styles__$m = function __vue_inject_styles__(inject) {
|
|
|
19650
19650
|
/* scoped */
|
|
19651
19651
|
|
|
19652
19652
|
|
|
19653
|
-
var __vue_scope_id__$m = "data-v-
|
|
19653
|
+
var __vue_scope_id__$m = "data-v-69864040";
|
|
19654
19654
|
/* module identifier */
|
|
19655
19655
|
|
|
19656
|
-
var __vue_module_identifier__$m = "data-v-
|
|
19656
|
+
var __vue_module_identifier__$m = "data-v-69864040";
|
|
19657
19657
|
/* functional template */
|
|
19658
19658
|
|
|
19659
19659
|
var __vue_is_functional_template__$m = false;
|
package/package.json
CHANGED
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
<v-expansion-panel class="VcMenuItem--expansionPanel">
|
|
29
29
|
<v-expansion-panel-header align-center class="VcMenuItem VcMenuItem-complex">
|
|
30
30
|
<VcLayout align-center>
|
|
31
|
-
<VcIcon v-if="icon" class="VcMenuItem-icon" size="20" color="var(--v-text-base)">{{ icon }}</VcIcon>
|
|
31
|
+
<VcIcon v-if="icon" class="VcMenuItem-icon" size="20" :color="flavor === 'desktop' ? 'var(--v-text-base)' : 'black'">{{ icon }}</VcIcon>
|
|
32
32
|
<slot>
|
|
33
33
|
<VcLayout align-center :class="`VcMenuItem ${size} ${flavor}`">
|
|
34
34
|
<div class="VcMenuItem-text">{{ label }}</div>
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
</slot>
|
|
38
38
|
</VcLayout>
|
|
39
39
|
<template #actions>
|
|
40
|
-
<VcIcon color="var(--v-text-base)">$chevron_down</VcIcon>
|
|
40
|
+
<VcIcon :color="flavor === 'desktop' ? 'var(--v-text-base)' : 'black'">$chevron_down</VcIcon>
|
|
41
41
|
</template>
|
|
42
42
|
</v-expansion-panel-header>
|
|
43
43
|
<v-expansion-panel-content eager v-for="(item, index) in submenuItems"
|
|
@@ -238,7 +238,10 @@ export default {
|
|
|
238
238
|
height: var(--size-value8);
|
|
239
239
|
padding: 0;
|
|
240
240
|
font-size: var(--font-size-small2);
|
|
241
|
-
|
|
241
|
+
|
|
242
|
+
&.desktop {
|
|
243
|
+
color: var(--v-text-base);
|
|
244
|
+
}
|
|
242
245
|
}
|
|
243
246
|
|
|
244
247
|
.sm {
|