@vcita/design-system 0.3.11 → 0.3.12
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 +25 -27
- package/dist/@vcita/design-system.min.js +1 -1
- package/dist/@vcita/design-system.ssr.js +31 -33
- package/package.json +1 -1
- package/src/assets/logo.png +0 -0
- package/src/assets/logo.svg +1 -0
- package/src/components/VcActionList/VcActionList.vue +1 -0
- package/src/components/VcButton/VcButton.stories.mdx.old +40 -0
- package/src/components/VcCard/VcCard.vue +1 -0
- package/src/components/VcExpansionCard/VcExpansionCard.vue +1 -1
- package/src/components/VcExpansionPanels/VcExpansionPanels.stories.js +36 -0
- package/src/components/VcExpansionPanels/VcExpansionPanels.vue +26 -0
- package/src/components/VcHourInput/VcHourInput.stories.js +36 -0
- package/src/components/VcHourInput/VcHourInput.vue +134 -0
- package/src/components/list/VcListEntity/VcListEntity.vue +1 -1
- package/src/components/modal/VcConfirmProminentModal/VcConfirmProminentModal.stories.js +2 -0
- package/src/components/modal/VcConfirmProminentModal/VcConfirmProminentModal.vue +5 -0
- package/src/components/modal/VcInputModal/VcInputModal.stories.js +8 -1
- package/src/components/modal/VcInputModal/VcInputModal.vue +6 -1
- package/src/components/modal/VcNoticeModal/VcNoticeModal.stories.js +6 -1
- package/src/components/modal/VcNoticeModal/VcNoticeModal.vue +5 -1
- package/src/stories/assets/colors.svg +1 -0
- package/src/stories/assets/comments.svg +1 -0
- package/src/stories/assets/direction.svg +1 -0
- package/src/stories/assets/plugin.svg +1 -0
- package/src/stories/assets/repo.svg +1 -0
- package/src/stories/assets/stackalt.svg +1 -0
- package/src/stories/colors.stories.mdx +78 -0
- package/CHANGELOG.MD +0 -68
|
@@ -1135,6 +1135,10 @@ var script$w = {
|
|
|
1135
1135
|
type: String,
|
|
1136
1136
|
required: false
|
|
1137
1137
|
},
|
|
1138
|
+
useOffset: {
|
|
1139
|
+
type: Boolean,
|
|
1140
|
+
default: true
|
|
1141
|
+
},
|
|
1138
1142
|
size: {
|
|
1139
1143
|
type: String,
|
|
1140
1144
|
default: 'lg',
|
|
@@ -1200,6 +1204,7 @@ var __vue_render__$w = function () {
|
|
|
1200
1204
|
"showHeaderDivider": "",
|
|
1201
1205
|
"showCloseButton": "",
|
|
1202
1206
|
"flavor": "input",
|
|
1207
|
+
"useOffset": _vm.useOffset,
|
|
1203
1208
|
"showDialog": _vm.showDialog,
|
|
1204
1209
|
"size": _vm.$vuetify.breakpoint.mdAndUp ? _vm.size : 'responsive'
|
|
1205
1210
|
},
|
|
@@ -1294,8 +1299,8 @@ var __vue_staticRenderFns__$w = [];
|
|
|
1294
1299
|
|
|
1295
1300
|
const __vue_inject_styles__$w = function (inject) {
|
|
1296
1301
|
if (!inject) return;
|
|
1297
|
-
inject("data-v-
|
|
1298
|
-
source: ".VcInputForm-layout .VcInputForm-main[data-v-
|
|
1302
|
+
inject("data-v-3ed487e3_0", {
|
|
1303
|
+
source: ".VcInputForm-layout .VcInputForm-main[data-v-3ed487e3]{width:100%;max-width:100%;padding:var(--size-value6)}.VcInputForm-layout .VcInputForm-additional[data-v-3ed487e3]{min-width:324px;padding:var(--size-value6);background:#f8f9fb;border-left:1px solid rgba(0,0,0,.12)}",
|
|
1299
1304
|
map: undefined,
|
|
1300
1305
|
media: undefined
|
|
1301
1306
|
});
|
|
@@ -1303,7 +1308,7 @@ const __vue_inject_styles__$w = function (inject) {
|
|
|
1303
1308
|
/* scoped */
|
|
1304
1309
|
|
|
1305
1310
|
|
|
1306
|
-
const __vue_scope_id__$w = "data-v-
|
|
1311
|
+
const __vue_scope_id__$w = "data-v-3ed487e3";
|
|
1307
1312
|
/* module identifier */
|
|
1308
1313
|
|
|
1309
1314
|
const __vue_module_identifier__$w = undefined;
|
|
@@ -1347,6 +1352,10 @@ var script$v = {
|
|
|
1347
1352
|
type: String,
|
|
1348
1353
|
required: false
|
|
1349
1354
|
},
|
|
1355
|
+
useOffset: {
|
|
1356
|
+
type: Boolean,
|
|
1357
|
+
default: true
|
|
1358
|
+
},
|
|
1350
1359
|
size: {
|
|
1351
1360
|
type: String,
|
|
1352
1361
|
default: 'lg',
|
|
@@ -1384,6 +1393,7 @@ var __vue_render__$v = function () {
|
|
|
1384
1393
|
attrs: {
|
|
1385
1394
|
"showFooterDivider": _vm.flavor === 'prominent',
|
|
1386
1395
|
"flavor": _vm.flavor,
|
|
1396
|
+
"useOffset": _vm.useOffset,
|
|
1387
1397
|
"showDialog": _vm.showDialog,
|
|
1388
1398
|
"size": _vm.$vuetify.breakpoint.mdAndUp ? _vm.size : 'responsive',
|
|
1389
1399
|
"showCloseButton": ""
|
|
@@ -1464,8 +1474,8 @@ var __vue_staticRenderFns__$v = [];
|
|
|
1464
1474
|
|
|
1465
1475
|
const __vue_inject_styles__$v = function (inject) {
|
|
1466
1476
|
if (!inject) return;
|
|
1467
|
-
inject("data-v-
|
|
1468
|
-
source: ".VcNoticeImage[data-v-
|
|
1477
|
+
inject("data-v-46595384_0", {
|
|
1478
|
+
source: ".VcNoticeImage[data-v-46595384]{margin-bottom:var(--size-value4)}.VcNoticeImage.md[data-v-46595384],.VcNoticeImage.responsive[data-v-46595384],.VcNoticeImage.sm[data-v-46595384]{max-height:160px}.VcNoticeImage.lg[data-v-46595384]{max-height:208px}.VcNoticeContent[data-v-46595384],.VcNoticeHeader[data-v-46595384],.VcNoticeSubtitle[data-v-46595384]{text-align:center;line-height:24px}.VcNoticeHeader[data-v-46595384]{text-align:center;font-size:18px;font-weight:600;line-height:28px}@media screen and (min-width:960px){.VcNoticeHeader[data-v-46595384]{font-size:24px;font-weight:800;line-height:var(--size-value10)}}.VcNoticeHeader .VcNoticeHeaderText[data-v-46595384]{padding-bottom:var(--size-value2)}.VcNoticeHeader.prominent .VcNoticeHeaderText[data-v-46595384]{font-size:18px;font-weight:600}.VcNoticeSubtitle[data-v-46595384]{font-size:15px;font-weight:var(--font-weight-medium);line-height:var(--size-value6)}@media screen and (min-width:960px){.VcNoticeSubtitle[data-v-46595384]{font-size:var(--font-size-small)}}.VcNoticeSubtitle.prominent[data-v-46595384]{font-size:15px}.VcNoticeContent[data-v-46595384]{background:#eafcf2;border:1px solid #cff8e1;box-sizing:border-box;border-radius:8px;padding:var(--size-value3) var(--size-value4);margin-top:var(--size-value4);line-height:20px;font-size:13px}@media screen and (min-width:960px){.VcNoticeContent[data-v-46595384]{line-height:21px;font-size:14px}}.VcNoticeFooter[data-v-46595384]{padding-bottom:var(--size-value10)}",
|
|
1469
1479
|
map: undefined,
|
|
1470
1480
|
media: undefined
|
|
1471
1481
|
});
|
|
@@ -1473,7 +1483,7 @@ const __vue_inject_styles__$v = function (inject) {
|
|
|
1473
1483
|
/* scoped */
|
|
1474
1484
|
|
|
1475
1485
|
|
|
1476
|
-
const __vue_scope_id__$v = "data-v-
|
|
1486
|
+
const __vue_scope_id__$v = "data-v-46595384";
|
|
1477
1487
|
/* module identifier */
|
|
1478
1488
|
|
|
1479
1489
|
const __vue_module_identifier__$v = undefined;
|
|
@@ -2493,8 +2503,8 @@ var __vue_staticRenderFns__$p = [];
|
|
|
2493
2503
|
|
|
2494
2504
|
const __vue_inject_styles__$p = function (inject) {
|
|
2495
2505
|
if (!inject) return;
|
|
2496
|
-
inject("data-v-
|
|
2497
|
-
source: ":root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.vc-action-list{box-shadow:0 1px 10px rgba(0,0,0,.12),0 4px 5px rgba(0,0,0,.14),0 2px 4px -1px rgba(0,0,0,.2)}.vc-action-list .v-list{border-radius:var(--modal-border-radius);padding:var(--size-value1) 0}.vc-action-list .v-list .items-wrapper .sheet-item{min-height:var(--size-value10)}.vc-action-list .v-list .items-wrapper .sheet-item .option-title{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2);letter-spacing:-.2px}.vc-action-list .v-list .items-wrapper .sheet-item .option-title .icon-item{vertical-align:sub;margin-inline-end:var(--size-value3)}",
|
|
2506
|
+
inject("data-v-e0ece422_0", {
|
|
2507
|
+
source: ":root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.vc-action-list{box-shadow:0 1px 10px rgba(0,0,0,.12),0 4px 5px rgba(0,0,0,.14),0 2px 4px -1px rgba(0,0,0,.2);border-radius:var(--modal-border-radius)}.vc-action-list .v-list{border-radius:var(--modal-border-radius);padding:var(--size-value1) 0}.vc-action-list .v-list .items-wrapper .sheet-item{min-height:var(--size-value10)}.vc-action-list .v-list .items-wrapper .sheet-item .option-title{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2);letter-spacing:-.2px}.vc-action-list .v-list .items-wrapper .sheet-item .option-title .icon-item{vertical-align:sub;margin-inline-end:var(--size-value3)}",
|
|
2498
2508
|
map: undefined,
|
|
2499
2509
|
media: undefined
|
|
2500
2510
|
});
|
|
@@ -3539,19 +3549,13 @@ var __vue_render__$h = function () {
|
|
|
3539
3549
|
attrs: {
|
|
3540
3550
|
"disabled": _vm.disabled,
|
|
3541
3551
|
"ripple": false,
|
|
3552
|
+
"value": _vm.value,
|
|
3542
3553
|
"color": "secondary"
|
|
3543
3554
|
},
|
|
3544
3555
|
on: {
|
|
3545
3556
|
"input": function (val) {
|
|
3546
3557
|
return _vm.$emit('input', Boolean(val));
|
|
3547
3558
|
}
|
|
3548
|
-
},
|
|
3549
|
-
model: {
|
|
3550
|
-
value: _vm.value,
|
|
3551
|
-
callback: function ($$v) {
|
|
3552
|
-
_vm.value = $$v;
|
|
3553
|
-
},
|
|
3554
|
-
expression: "value"
|
|
3555
3559
|
}
|
|
3556
3560
|
})], 1)])])], 1);
|
|
3557
3561
|
};
|
|
@@ -3561,7 +3565,7 @@ var __vue_staticRenderFns__$h = [];
|
|
|
3561
3565
|
|
|
3562
3566
|
const __vue_inject_styles__$h = function (inject) {
|
|
3563
3567
|
if (!inject) return;
|
|
3564
|
-
inject("data-v-
|
|
3568
|
+
inject("data-v-03298204_0", {
|
|
3565
3569
|
source: ".listEntity .sl-title{font-size:var(--font-size-x-small);line-height:var(--size-value4);font-weight:var(--font-weight-medium2);margin:0 8px}.listEntity .sl-row{min-width:100%}",
|
|
3566
3570
|
map: undefined,
|
|
3567
3571
|
media: undefined
|
|
@@ -3684,19 +3688,13 @@ var __vue_render__$g = function () {
|
|
|
3684
3688
|
"disabled": _vm.disabled,
|
|
3685
3689
|
"ripple": false,
|
|
3686
3690
|
"icon": "",
|
|
3691
|
+
"value": _vm.value,
|
|
3687
3692
|
"color": "secondary"
|
|
3688
3693
|
},
|
|
3689
3694
|
on: {
|
|
3690
3695
|
"input": function (val) {
|
|
3691
3696
|
return _vm.$emit('input', Boolean(val));
|
|
3692
3697
|
}
|
|
3693
|
-
},
|
|
3694
|
-
model: {
|
|
3695
|
-
value: _vm.value,
|
|
3696
|
-
callback: function ($$v) {
|
|
3697
|
-
_vm.value = $$v;
|
|
3698
|
-
},
|
|
3699
|
-
expression: "value"
|
|
3700
3698
|
}
|
|
3701
3699
|
})], 1), _vm._v(" "), _c('div', {
|
|
3702
3700
|
staticClass: "d-flex flex-wrap ec-text",
|
|
@@ -3717,7 +3715,7 @@ var __vue_staticRenderFns__$g = [];
|
|
|
3717
3715
|
|
|
3718
3716
|
const __vue_inject_styles__$g = function (inject) {
|
|
3719
3717
|
if (!inject) return;
|
|
3720
|
-
inject("data-v-
|
|
3718
|
+
inject("data-v-1883492c_0", {
|
|
3721
3719
|
source: ".expansionCard{border-radius:6px;border:1px solid;border-color:var(--gray-darken-1)!important;margin:var(--size-value5) 0}.expansionCard.is-active{border-color:var(--v-secondary-base)!important}.expansionCard .ec-title{font-size:var(--font-size-small2);line-height:var(--size-value6);margin:var(--size-value3) 0}.expansionCard .vc-chevron-left{fill:var(--gray-darken-1)!important}.expansionCard .VcLogoImage{width:var(--size-value7);height:var(--size-value7);margin:0 6px;border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:6px}.expansionCard .ec-text.full-width{width:100%}.expansionCard .ec-text.order-1{flex-grow:1}",
|
|
3722
3720
|
map: undefined,
|
|
3723
3721
|
media: undefined
|
|
@@ -4153,8 +4151,8 @@ var __vue_staticRenderFns__$c = [];
|
|
|
4153
4151
|
|
|
4154
4152
|
const __vue_inject_styles__$c = function (inject) {
|
|
4155
4153
|
if (!inject) return;
|
|
4156
|
-
inject("data-v-
|
|
4157
|
-
source: ".VcCard[data-v-
|
|
4154
|
+
inject("data-v-11425092_0", {
|
|
4155
|
+
source: ".VcCard[data-v-11425092]{position:relative;padding:16px 24px;border:1px solid var(--gray-lighten-1);box-sizing:border-box;box-shadow:none;overflow:hidden;transition:box-shadow .4s}.VcCard.elevation[data-v-11425092]{border:0;box-shadow:var(--shadow-2)}.VcCard.elevation[data-v-11425092]:hover{box-shadow:var(--shadow-5)}.VcCard.dash[data-v-11425092]{border-top:0}.VcCard__dash[data-v-11425092]{position:absolute;top:0;left:-5px;width:110%;border:0;height:5px}",
|
|
4158
4156
|
map: undefined,
|
|
4159
4157
|
media: undefined
|
|
4160
4158
|
});
|
|
@@ -4162,7 +4160,7 @@ const __vue_inject_styles__$c = function (inject) {
|
|
|
4162
4160
|
/* scoped */
|
|
4163
4161
|
|
|
4164
4162
|
|
|
4165
|
-
const __vue_scope_id__$c = "data-v-
|
|
4163
|
+
const __vue_scope_id__$c = "data-v-11425092";
|
|
4166
4164
|
/* module identifier */
|
|
4167
4165
|
|
|
4168
4166
|
const __vue_module_identifier__$c = undefined;
|