@vcita/design-system 0.6.8 → 0.6.9
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/CHANGELOG.MD +4 -0
- package/dist/@vcita/design-system.esm.js +16 -12
- package/dist/@vcita/design-system.min.js +1 -1
- package/dist/@vcita/design-system.ssr.js +16 -13
- package/package.json +1 -1
- package/src/components/VcButton/VcButton.spec.js +13 -1
- package/src/components/VcButton/VcButton.stories.js +0 -1
- package/src/components/VcButton/VcButton.vue +10 -9
package/CHANGELOG.MD
CHANGED
|
@@ -5,6 +5,10 @@ Format based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
|
5
5
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
6
6
|
|
|
7
7
|
### Unreleased changes
|
|
8
|
+
|
|
9
|
+
### 0.6.9 (2022-03-02)
|
|
10
|
+
- VcButton - fix for button flavor
|
|
11
|
+
|
|
8
12
|
### 0.6.8 (2022-03-02)
|
|
9
13
|
- VcTextArea - add fixed-height state
|
|
10
14
|
- VcPopover - fix corners radius
|
|
@@ -376,14 +376,18 @@ var script$O = {
|
|
|
376
376
|
default: "vc-btn"
|
|
377
377
|
}
|
|
378
378
|
},
|
|
379
|
-
computed: {
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
379
|
+
computed: {
|
|
380
|
+
buttonColor() {
|
|
381
|
+
switch (this.flavor) {
|
|
382
|
+
case "secondary":
|
|
383
|
+
const color = this.outlined ? '--gray-darken-5' : '--neutral-lighten-2';
|
|
384
|
+
return color;
|
|
385
|
+
|
|
386
|
+
default:
|
|
387
|
+
return "secondary";
|
|
388
|
+
}
|
|
389
|
+
}
|
|
390
|
+
|
|
387
391
|
}
|
|
388
392
|
};
|
|
389
393
|
|
|
@@ -401,7 +405,7 @@ var __vue_render__$M = function () {
|
|
|
401
405
|
return _c('v-btn', {
|
|
402
406
|
class: "VcButton " + this.flavor + "__text",
|
|
403
407
|
attrs: {
|
|
404
|
-
"color": _vm.color,
|
|
408
|
+
"color": _vm.flavor ? _vm.buttonColor : _vm.color,
|
|
405
409
|
"icon": _vm.icon,
|
|
406
410
|
"fab": _vm.fab,
|
|
407
411
|
"outlined": _vm.outlined,
|
|
@@ -441,8 +445,8 @@ var __vue_staticRenderFns__$M = [];
|
|
|
441
445
|
|
|
442
446
|
const __vue_inject_styles__$O = function (inject) {
|
|
443
447
|
if (!inject) return;
|
|
444
|
-
inject("data-v-
|
|
445
|
-
source: ".VcButton[data-v-
|
|
448
|
+
inject("data-v-707bf882_0", {
|
|
449
|
+
source: ".VcButton[data-v-707bf882]{letter-spacing:var(--letter-spacing)}.VcButton[data-v-707bf882]:disabled{background-color:var(--gray-lighten-2);color:var(--gray-darken-2)}.VcButton .prependDefaultIcon[data-v-707bf882]{margin-inline-end:var(--size-value3)}.VcButton .prependDefaultIcon[data-v-707bf882] svg{fill:currentColor}.VcButton.secondary__text[data-v-707bf882]{color:var(--gray-darken-5)!important;border-color:var(--neutral-lighten-1)}",
|
|
446
450
|
map: undefined,
|
|
447
451
|
media: undefined
|
|
448
452
|
});
|
|
@@ -450,7 +454,7 @@ const __vue_inject_styles__$O = function (inject) {
|
|
|
450
454
|
/* scoped */
|
|
451
455
|
|
|
452
456
|
|
|
453
|
-
const __vue_scope_id__$O = "data-v-
|
|
457
|
+
const __vue_scope_id__$O = "data-v-707bf882";
|
|
454
458
|
/* module identifier */
|
|
455
459
|
|
|
456
460
|
const __vue_module_identifier__$O = undefined;
|