eco-vue-js 0.10.97 → 0.10.99
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/components/Chip/WChip.vue.js +1 -1
- package/dist/components/InfoCard/WInfoCard.vue.js +1 -1
- package/dist/components/InfoCard/WInfoCardNegative.vue.js +2 -2
- package/dist/components/InfoCard/models/utils.js +2 -2
- package/dist/components/Input/WInput.vue.js +1 -1
- package/dist/utils/SemanticType.d.ts +1 -1
- package/dist/utils/SemanticType.js +4 -4
- package/package.json +6 -6
- package/tailwind-base/plugins/default.ts +9 -0
@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
17
17
|
[SemanticType.PRIMARY]: "text-primary dark:text-primary-dark",
|
18
18
|
[SemanticType.SECONDARY]: "text-description",
|
19
19
|
[SemanticType.POSITIVE]: "text-positive dark:text-positive-dark",
|
20
|
-
[SemanticType.
|
20
|
+
[SemanticType.NEGATIVE]: "text-negative dark:text-negative-dark",
|
21
21
|
[SemanticType.WARNING]: "text-warning dark:text-warning-dark",
|
22
22
|
[SemanticType.INFO]: "text-info dark:text-info-dark"
|
23
23
|
};
|
@@ -26,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
26
26
|
key: 0,
|
27
27
|
class: normalizeClass(["square-[1.5em] inline-block", {
|
28
28
|
[unref(infoCardIconSemanticTypeMap)[_ctx.semanticType ?? unref(SemanticType).SECONDARY]]: true,
|
29
|
-
"rotate-180": !_ctx.icon && _ctx.semanticType !== unref(SemanticType).WARNING && _ctx.semanticType !== unref(SemanticType).
|
29
|
+
"rotate-180": !_ctx.icon && _ctx.semanticType !== unref(SemanticType).WARNING && _ctx.semanticType !== unref(SemanticType).NEGATIVE,
|
30
30
|
"[&_*]:stroke-2": !_ctx.icon
|
31
31
|
}])
|
32
32
|
}, null, 8, ["class"])) : createCommentVNode("", true),
|
@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
15
15
|
const stylesMap = {
|
16
16
|
[SemanticType.PRIMARY]: "text-primary dark:text-primary-dark",
|
17
17
|
[SemanticType.SECONDARY]: "text-description",
|
18
|
-
[SemanticType.
|
18
|
+
[SemanticType.NEGATIVE]: "text-negative dark:text-negative-dark",
|
19
19
|
[SemanticType.POSITIVE]: "text-positive dark:text-positive-dark",
|
20
20
|
[SemanticType.WARNING]: "text-warning dark:text-warning-dark",
|
21
21
|
[SemanticType.INFO]: "text-info dark:text-info-dark"
|
@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
24
24
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
25
25
|
createElementVNode("div", _hoisted_2, [
|
26
26
|
createVNode(unref(IconDanger), {
|
27
|
-
class: normalizeClass(["-mt-1 mr-2 inline", stylesMap[_ctx.semanticType ?? unref(SemanticType).
|
27
|
+
class: normalizeClass(["-mt-1 mr-2 inline", stylesMap[_ctx.semanticType ?? unref(SemanticType).NEGATIVE]])
|
28
28
|
}, null, 8, ["class"]),
|
29
29
|
createTextVNode(toDisplayString(_ctx.title), 1)
|
30
30
|
]),
|
@@ -4,7 +4,7 @@ const infoCardSemanticTypeMap = {
|
|
4
4
|
[SemanticType.PRIMARY]: "bg-primary/10 dark:bg-primary-dark/10",
|
5
5
|
[SemanticType.SECONDARY]: "bg-gray-100 dark:bg-gray-800",
|
6
6
|
[SemanticType.POSITIVE]: "bg-positive/10 dark:bg-positive-dark/10",
|
7
|
-
[SemanticType.
|
7
|
+
[SemanticType.NEGATIVE]: "bg-negative/10 dark:bg-negative-dark/10",
|
8
8
|
[SemanticType.WARNING]: "bg-warning/20 dark:bg-warning-dark/10",
|
9
9
|
[SemanticType.INFO]: "bg-info/10 dark:bg-info-dark/10"
|
10
10
|
};
|
@@ -12,7 +12,7 @@ const infoCardIconSemanticTypeMap = {
|
|
12
12
|
[SemanticType.PRIMARY]: "text-primary dark:text-primary-dark",
|
13
13
|
[SemanticType.SECONDARY]: "text-description",
|
14
14
|
[SemanticType.POSITIVE]: "text-positive dark:text-positive-dark",
|
15
|
-
[SemanticType.
|
15
|
+
[SemanticType.NEGATIVE]: "text-negative dark:text-negative-dark",
|
16
16
|
[SemanticType.WARNING]: "text-warning dark:text-warning-dark",
|
17
17
|
[SemanticType.INFO]: "text-info dark:text-info-dark"
|
18
18
|
};
|
@@ -249,7 +249,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
249
249
|
"border-gray-300 dark:border-gray-700": !unref(isDisabled),
|
250
250
|
"border-gray-300/50 dark:border-gray-700/50": unref(isDisabled),
|
251
251
|
"border-opacity-0 group-hover/field:border-opacity-100 dark:border-opacity-0 dark:group-hover/field:border-opacity-100": _ctx.seamless && !focused,
|
252
|
-
"bg-
|
252
|
+
"bg-[--w-input-bg,inherit]": !_ctx.seamless || focused
|
253
253
|
}]),
|
254
254
|
onClick: focus
|
255
255
|
}, [
|
@@ -3,7 +3,7 @@ import { reactive } from 'vue';
|
|
3
3
|
var SemanticType = /* @__PURE__ */ ((SemanticType2) => {
|
4
4
|
SemanticType2["PRIMARY"] = "primary";
|
5
5
|
SemanticType2["SECONDARY"] = "secondary";
|
6
|
-
SemanticType2["
|
6
|
+
SemanticType2["NEGATIVE"] = "negative";
|
7
7
|
SemanticType2["POSITIVE"] = "positive";
|
8
8
|
SemanticType2["WARNING"] = "warning";
|
9
9
|
SemanticType2["INFO"] = "info";
|
@@ -12,7 +12,7 @@ var SemanticType = /* @__PURE__ */ ((SemanticType2) => {
|
|
12
12
|
const semanticTypeConfig = reactive({
|
13
13
|
["primary" /* PRIMARY */]: "bg-primary dark:bg-primary-dark text-default",
|
14
14
|
["secondary" /* SECONDARY */]: "bg-default dark:bg-default-dark text-accent",
|
15
|
-
["negative" /*
|
15
|
+
["negative" /* NEGATIVE */]: "bg-negative dark:bg-negative-dark text-default",
|
16
16
|
["positive" /* POSITIVE */]: "bg-positive dark:bg-positive-dark text-default",
|
17
17
|
["warning" /* WARNING */]: "bg-warning dark:bg-warning-dark text-black-default dark:text-default-dark ",
|
18
18
|
["info" /* INFO */]: "bg-info dark:bg-info-dark text-default"
|
@@ -36,7 +36,7 @@ const setSemanticTypeChipMap = (value) => {
|
|
36
36
|
const semanticTypeBorderMap = reactive({
|
37
37
|
["primary" /* PRIMARY */]: "border-solid border-primary dark:border-primary-dark",
|
38
38
|
["secondary" /* SECONDARY */]: "border-solid border-gray-300 dark:border-gray-700",
|
39
|
-
["negative" /*
|
39
|
+
["negative" /* NEGATIVE */]: "border-solid border-negative dark:border-negative-dark",
|
40
40
|
["positive" /* POSITIVE */]: "border-solid border-positive dark:border-positive-dark",
|
41
41
|
["warning" /* WARNING */]: "border-solid border-warning dark:border-warning-dark",
|
42
42
|
["info" /* INFO */]: "border-solid border-info dark:border-info-dark"
|
@@ -50,7 +50,7 @@ const setSemanticTypeBorderMap = (value) => {
|
|
50
50
|
const semanticTypeTextStylesMap = reactive({
|
51
51
|
["primary" /* PRIMARY */]: "text-primary dark:text-primary-dark",
|
52
52
|
["secondary" /* SECONDARY */]: "text-description",
|
53
|
-
["negative" /*
|
53
|
+
["negative" /* NEGATIVE */]: "text-negative dark:text-negative-dark",
|
54
54
|
["positive" /* POSITIVE */]: "text-positive dark:text-positive-dark",
|
55
55
|
["warning" /* WARNING */]: "text-warning dark:text-warning-dark",
|
56
56
|
["info" /* INFO */]: "text-info dark:text-info-dark"
|
package/package.json
CHANGED
@@ -4,18 +4,18 @@
|
|
4
4
|
"type": "git",
|
5
5
|
"url": "https://github.com/rsmple/eco-vue-js.git"
|
6
6
|
},
|
7
|
-
"version": "0.10.
|
7
|
+
"version": "0.10.99",
|
8
8
|
"dependencies": {
|
9
|
-
"@stylistic/eslint-plugin": "5.2.
|
10
|
-
"@tanstack/eslint-plugin-query": "5.
|
9
|
+
"@stylistic/eslint-plugin": "5.2.3",
|
10
|
+
"@tanstack/eslint-plugin-query": "5.83.1",
|
11
11
|
"@vue/eslint-config-typescript": "14.6.0",
|
12
12
|
"eslint-import-resolver-typescript": "4.4.4",
|
13
13
|
"eslint-plugin-import": "2.32.0",
|
14
14
|
"eslint-plugin-jsonc": "2.20.1",
|
15
|
-
"eslint-plugin-svgo": "0.
|
15
|
+
"eslint-plugin-svgo": "0.11.1",
|
16
16
|
"eslint-plugin-tailwindcss": "3.18.2",
|
17
|
-
"eslint-plugin-unused-imports": "4.
|
18
|
-
"eslint-plugin-vue": "10.
|
17
|
+
"eslint-plugin-unused-imports": "4.2.0",
|
18
|
+
"eslint-plugin-vue": "10.4.0"
|
19
19
|
},
|
20
20
|
"peerDependencies": {
|
21
21
|
"@tanstack/vue-query": ">=5.59.0",
|
@@ -462,6 +462,15 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
|
|
462
462
|
},
|
463
463
|
)
|
464
464
|
|
465
|
+
matchUtilities(
|
466
|
+
{
|
467
|
+
'w-input-bg': value => ({'--w-input-bg': value}),
|
468
|
+
},
|
469
|
+
{
|
470
|
+
values: theme('colors'),
|
471
|
+
},
|
472
|
+
)
|
473
|
+
|
465
474
|
addBase({
|
466
475
|
'cols-span-full': {
|
467
476
|
'grid-column': '1 / -1',
|